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: 700
}
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: 700
}
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: 400;
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: 400;
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%;
}
.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: 700
}
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: 700;
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: 400;
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
}
.form-info {
font-size: 14px;
color: #666;
margin-top: 2rem;
margin-bottom:-1rem;
font-style: italic;
text-align: center
}
.form-text {
max-width: 550px;
margin: 0 auto;
text-align: center;
padding: 20px;
margin-bottom: -50px;
font-size: 16px
}
.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: 400;
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: 400;
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: 400;
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: 0px;
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: #ff7a27
}
.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: 50%;
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: translate(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: translateY(-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)
}
to {
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
}
:root {
--blue: #003fff;
--black-2: #191a1b;
--black: black
}
.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-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex
}
.w-pagination-previous {
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-pagination-previous-icon {
margin-right: 4px
}
.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-pagination-next-icon {
margin-left: 4px
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex
}
@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 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 14px;
line-height: 20px
}
h1 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 44px;
font-weight: 900
}
h2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 3.2rem;
font-weight: 900;
line-height: 1.2
}
h3 {
margin-top: 20px;
margin-bottom: 12px
}
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px
}
p {
margin-top: 0
}
a {
text-decoration: none
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
li {
line-height: 30px
}
img {
max-width: 100%;
display: inline-block
}
.cf-web-row {
width: auto;
margin-bottom: -4px;
display: block
}
.cf-web-row.cf-web-row-desktop {
width: 100%;
margin-bottom: 0;
margin-left: -10px;
margin-right: -10px;
padding-top: 0;
padding-bottom: 65px;
padding-left: 12px
}
.cf-web-row.cf-web-row-desktop.infusionsoft-topsection-row {
padding-top: 44px;
padding-bottom: 190px
}
.cf-web-row.cf-web-row-desktop.infusionsoft-topsection-row.lead-gen-top-row {
padding-bottom: 6px
}
.cf-web-row.cf-web-row-desktop.infusionsoft-topsection-row.om-top-row {
margin-left: 0;
margin-right: auto;
padding-top: 81px;
padding-bottom: 0;
padding-left: 0;
display: block
}
.section {
background-image: url(assets/images/others/58d7384698faca8045761f2a_bluebg.png);
background-position: 0 0;
background-size: cover;
display: block
}
.section.homepage-section-1-bg {
background-image: url(assets/images/others/58d7384698faca8045761f2a_bluebg.png);
background-position: 50% 0;
background-size: cover;
background-attachment: scroll
}
.section.homepage-section-1-bg.smooth {
background-image: url(assets/images/others/58dd2fda89a66e1d7479def9_58d7384698faca8045761f2a_bluebg.png), linear-gradient(138deg, #048af2, #0246bf);
background-position: 0 0, 0 0;
background-size: cover, auto;
overflow: hidden
}
.section.homepage-section-1-bg.smooth.infusionsoft-section-1-bg {
background-image: url(assets/images/others/5900f6fc4afca47d01ec3858_whitecurve-compressed.png), linear-gradient(138deg, #ecf1ff, #dfeefc);
background-position: 50% -89%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto, auto;
background-attachment: scroll, scroll
}
.section.homepage-section-1-bg.smooth.hm-v2-section-1 {
background-image: url(assets/images/others/595679fafe473f0853ca1ef0_hm-v2-whitecurve-compressed.png), linear-gradient(138deg, #048af2, #0246bf);
background-position: 50% 556px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 100%, auto
}
.section.homepage-section-1-bg.lead-generation-top {
background-image: url(assets/images/others/5900f6fc4afca47d01ec3858_whitecurve-compressed.png), url(assets/images/others/5944368b17d1d56c77ac9d79_top-bg-flow.png), linear-gradient(155deg, #fff 31%, #ecf1ff);
background-position: 50% -279%, -44% -58%, 0 0;
background-repeat: no-repeat, no-repeat, repeat;
background-size: auto, 75% 900px, auto;
background-attachment: scroll, scroll, scroll;
padding-bottom: 32px
}
.section.homepage-section-1-bg.lead-generation-top.alt-sumo-top-section {
background-position: 50% -440%, -216px 101px, 0 0;
padding-bottom: 70px
}
.section.homepage-section-1-bg.om-section {
background-image: url(assets/images/others/5948376145e8f6317d1d1fc8_hero-bg.png);
background-position: 50% 537px;
background-repeat: no-repeat;
background-size: 100%;
padding-bottom: 208px
}
.section.homepage-section-1-bg.om-section.pricing-top {
background-image: url(assets/images/others/58dd2fda89a66e1d7479def9_58d7384698faca8045761f2a_bluebg.png), linear-gradient(131deg, #0089f1, #115ac6);
background-position: 50% 10%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 100%, auto;
background-attachment: scroll, scroll;
padding-bottom: 356px
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top {
padding-bottom: 134px
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top.cyber-top-bg {
background-color: #313d81;
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a18d9d5cc80bd0001eebabc_cyber-top-tshirt.png), url(assets/images/others/5a18d99e45a0eb000186ef0f_cyber-top-hoodie.png), url(assets/images/others/5a18d5c1cc80bd0001eeb8f9_cyber-bg-1.png);
background-position: 50% 100%, 114% 0, -122px 0, 50% 10%;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 100%, 492px, 454px, cover;
background-attachment: scroll, scroll, scroll, scroll;
padding-bottom: 241px
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top.cyber-top-bg.enterprise-top-bg {
background-color: #0a1330;
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a733c23d4292f0001871e1b_Top-dark-bg-compressed.png);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, cover;
background-attachment: scroll, scroll;
padding-top: 80px;
padding-bottom: 283px
}
.section.homepage-section-1-bg.om-section.integration-top-section {
padding-bottom: 13px
}
.section.homepage-section-1-bg.om-section.integration-top-section.ac-deal-top-section {
background-color: #f3f8ff;
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a9737fad9563d000173e798_Outlined_shape_bg-mini.png);
background-position: 50% 100%, 50% -46px;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%;
background-attachment: scroll, scroll
}
.section.homepage-section-1-bg.ma-top-section {
background-image: url(assets/images/others/594987fa5863c767cf9cf42a_agencies-top-bg.png), linear-gradient(131deg, #f8faff, #f6faff);
background-position: 50% 524px, 0 0;
background-repeat: no-repeat, repeat;
background-size: 100%, auto;
background-attachment: scroll, scroll;
padding-bottom: 0
}
.section.homepage-section-1-bg.ma-top-section.zapier-top-section {
background-image: url(assets/images/others/59a997cbe1461c0001473f87_orange-bg-2-compressed.png), url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png), linear-gradient(131deg, #f8faff, #f6faff);
background-position: 50% 524px, 0 0, 0 0;
background-repeat: no-repeat, repeat, repeat;
background-size: 100%, 100%, auto;
background-attachment: scroll, scroll, scroll
}
.section.homepage-section-1-bg.ma-top-section.default-page-top-section {
background-image: linear-gradient(131deg, #f8faff, #f6faff);
background-position: 0 0;
background-size: auto;
border-style: none;
border-bottom-width: 1px;
border-bottom-color: #000
}
.section.cta-starter-kit-background {
opacity: 1;
background-image: url(assets/images/others/5918bb60bdb4300afa8821cb_Confetti_big-min.png), linear-gradient(103deg, #08c1d6, #024dc5);
background-position: 50% 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto
}
.column {
margin-bottom: 102px;
padding: 44px 89px 1px 67px
}
.column.hm-top-left-column {
padding-right: 82px
}
.heading {
text-align: center;
max-width: 830px;
margin-left: auto;
margin-right: auto;
line-height: 52px;
text-decoration: none;
display: block
}
.heading.section-3-headline {
max-width: 800px
}
.heading.section-3-headline.lg-h2 {
font-size: 44px
}
.heading.heading-white {
color: #fff;
text-align: left
}
.heading.heading-white.hm-story-headline {
margin-left: 44px;
margin-right: 44px;
font-size: 29px;
line-height: 35px
}
.heading.heading-white.sitewide-btm-cta-headline {
text-align: center
}
.heading.integrations-headline {
margin-bottom: 57px
}
.heading.integrations-headline.hm-integrations-headline {
max-width: 900px;
margin-bottom: 20px
}
.heading.top-headline {
letter-spacing: -1px;
max-width: 880px;
font-size: 46px;
line-height: 57px
}
.heading.top-headline.ac-headline {
max-width: 980px
}
.heading.top-headline.smooth.campaignmonitorsize {
font-size: 42px
}
.heading.top-headline.lead-gen-top-headline {
text-align: left;
margin-top: 28px;
font-size: 50px;
line-height: 65px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline {
text-align: center
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.ma-top-headline {
text-align: left;
max-width: 840px;
margin-left: 0
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.ma-top-headline.agency-top-headline {
margin-top: 18px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.ma-top-headline.agency-top-headline.zapier-top-headline {
text-align: center;
max-width: 950px;
margin-left: auto;
margin-right: auto;
display: block
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline {
color: #fff;
margin-top: 76px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2 {
max-width: 800px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline {
max-width: 900px;
margin-top: 20px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline {
font-size: 45px;
line-height: 55px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth {
max-width: 700px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline.enterprise-top-headline {
max-width: 900px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline.enterprise-top-headline.enterprise-team-headline {
color: #333;
max-width: 850px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline.enterprise-top-headline.enterprise-team-headline.enterprise-cta-headline-m.integration-cta-headline {
line-height: 60px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.integration-top-headline {
color: #333;
max-width: 805px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.pricing-headline3 {
max-width: 800px;
font-size: 50px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.om-top-head-1 {
max-width: 700px
}
.heading.top-headline.lead-gen-top-headline.alt-sumo-topheadline {
width: 575px;
max-width: 575px;
margin-left: 0
}
.heading.top-headline.lead-gen-top-headline.lead-gen-top-headline-desktop {
max-width: 470px;
margin-left: 0;
margin-right: 0
}
.heading.flow-headline {
min-width: 1010px;
margin-left: auto;
margin-right: auto;
display: block
}
.heading.flow-headline.lg-manifesto-headline {
min-width: 650px;
max-width: 650px
}
.heading.flow-headline.lg-manifesto-headline.lg-section3-headline {
min-width: 600px;
max-width: 600px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section {
text-align: left;
min-width: 500px;
max-width: 500px;
margin-bottom: 34px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline {
min-width: auto;
margin-top: 81px;
margin-bottom: 5px;
margin-left: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline {
margin-top: 0;
font-size: 35px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline.cyber-design-headline {
color: #fff;
margin-top: 20px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.cta-string-head {
margin-top: 32px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline {
min-width: auto;
max-width: 550px;
margin-top: 61px;
margin-bottom: 5px;
margin-left: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.om-reports-head {
max-width: 470px;
margin-left: -60px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.om-reports-head.ma-roi-head {
margin-top: 25px;
margin-bottom: 10px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.alt-sumo-section-2-head-2 {
margin-top: 162px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.alt-sumo-analytics-headline {
margin-top: 139px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-templates-head {
min-width: 425px;
margin-top: 65px;
margin-bottom: 0;
margin-left: 2px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-templates-head.om-crafted-head {
color: #fff
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-templates-head.om-crafted-head.smooth {
margin-top: -6px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-testing-headline {
min-width: auto;
margin-bottom: 5px;
margin-left: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-testing-headline.alt-sumo-section-2-do-headline {
margin-top: 61px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.om-broadacsts-headline {
min-width: auto;
max-width: 450px;
margin-bottom: 6px;
margin-left: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-stats-headline {
text-align: left;
min-width: auto;
margin-left: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-stats-headline.om-features-head {
max-width: 100%
}
.heading.flow-headline.lg-manifesto-headline.lg-stats-headline.om-features-head.pricing-faq-headline {
text-align: center
}
.heading.flow-headline.lg-manifesto-headline.ma-manifesto-headline {
max-width: 680px
}
.heading.flow-headline.lg-manifesto-headline.ma-manifesto-headline.zapier-send-headline {
max-width: 950px
}
.heading.flow-headline.lg-manifesto-headline.ma-manifesto-headline.zapier-send-headline.zap-h2 {
font-size: 44px
}
.heading.flow-headline.lg-manifesto-headline.ma-manifesto-headline.default-body-h2 {
text-align: left
}
.heading.flow-headline.lg-manifesto-headline.alt-sumo-section-2-headline {
color: #7c90a2;
min-width: 850px;
max-width: 850px;
font-size: 30px;
font-weight: 400;
line-height: 45px
}
.heading.flow-headline.lg-manifesto-headline.lg-h2 {
font-size: 44px
}
.heading.flow-headline.lg-embed-headline {
min-width: 700px;
max-width: 700px
}
.heading.flow-headline.lg-automations-headline {
min-width: 900px;
max-width: 800px
}
.heading.flow-headline.lg-automations-headline.ma-automations-head {
min-width: 750px;
max-width: 750px
}
.heading.flow-headline.lg-automations-headline.ma-clients-headline {
min-width: auto;
max-width: 700px;
margin-top: -66px;
margin-bottom: 133px
}
.heading.flow-headline.lg-automations-headline.uses-cases-headline {
min-width: 875px;
margin-bottom: 41px
}
.heading.flow-headline.lg-automations-headline.uses-cases-headline.lg-h2 {
font-size: 44px
}
.heading.flow-headline.lg-automations-headline.om-automations-headline {
min-width: 850px
}
.heading.flow-headline.lg-profiles-headline {
color: #fff
}
.heading.flow-headline.lg-profiles-headline.smooth {
min-width: auto;
max-width: 800px
}
.heading.flow-headline.lg-multistep-headilne {
min-width: auto
}
.heading.flow-headline.om-embeddables-headline {
min-width: 800px
}
.heading.blue-heading {
color: #0083fe;
text-align: left;
font-size: 33px;
font-weight: 500;
line-height: 45px
}
.heading.blue-heading.invision-testimonial {
font-size: 28px;
line-height: 35px
}
.heading.left-heading {
text-align: left
}
.heading.academy-post-h2 {
text-align: left;
max-width: 716px;
font-size: 44px
}
.heading.academy-post-h2.white {
color: #fff;
margin-top: -1px;
margin-bottom: 0
}
.heading.lg-cta-headline {
text-align: left;
margin-top: 93px;
margin-bottom: 0
}
.heading.lg-cta-headline.lg-targeting-headline {
max-width: 100%;
margin-top: 258px
}
.heading.lg-cta-headline.lg-targeting-headline.om-targeting-headline {
margin-top: 258px
}
.heading.lg-cta-headline.lg-targeting-headline.om-targeting-headline.ma-targeting-headline {
margin-top: 275px
}
.heading.lg-cta-headline.lg-targeting-headline.lg-targeting-headline-1 {
margin-top: 223px
}
.heading.lg-cta-headline.lg-overlay-headline {
margin-top: 238px
}
.heading.lg-cta-headline.lg-cta-hook-headline.lg-hok-headline-1 {
margin-top: 60px
}
.heading.lg-cta-headline.embedded-headline.embedded-headline-1 {
margin-top: 66px
}
.heading.om-marketing-heading {
margin-top: 0
}
.heading.om-marketing-heading.agency-section-2-headline {
padding-left: 24px;
padding-right: 24px
}
.heading.om-marketing-heading.agency-section-2-headline.zapier-personalize-headline {
max-width: 950px
}
.heading.om-marketing-heading.agency-section-2-headline.zapier-personalize-headline.zap-h2,
.heading.om-marketing-heading.om-h2 {
font-size: 44px
}
.heading.ma-visual-headline {
max-width: 900px
}
.heading.ma-visual-headline.ma-green-head {
color: #fff;
max-width: 650px
}
.heading.ma-visual-headline.agency-visual-headline.zapier-zaps-headline {
margin-top: -39px
}
.heading.ma-visual-headline.agency-visual-headline.zapier-zaps-headline.zap-h2 {
font-size: 44px
}
.heading.pricing-price {
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 35px
}
.heading.pricing-price.free-plan {
margin-bottom: 5px
}
.heading.pricing-price._2024 {
line-height: 30px
}
.heading.visual-builder-headline.alt-sumo-section-5-headline {
max-width: 850px
}
.heading.cta-builder-headline {
max-width: 800px
}
.heading.homepage-v2-section-2-headline {
max-width: 730px
}
.heading.homepage-v2-section-2-headline.hm-v2-howitworks {
margin-top: 64px;
margin-bottom: -26px;
font-weight: 400
}
.heading.homepage-v2-section-2-headline.onboard-manifesto-head {
text-align: left;
max-width: 600px;
margin-left: 0
}
.heading.homepage-v2-section-2-headline.onboard-manifesto-head.cyber-strategy-headline.cyber-discount-headline {
max-width: 425px
}
.heading.homepage-v2-section-2-headline.onboard-manifesto-head.cyber-strategy-headline.cyber-discount-headline.enterprise-retargeting-headline {
max-width: none
}
.heading.homepage-v2-section-2-headline.onboard-manifesto-head.cyber-strategy-headline.enterprise-h2-white {
color: #fff
}
.heading.homepage-v2-section-2-headline.onboard-manifesto-head.cyber-strategy-headline.ent-h2 {
font-size: 44px
}
.heading.homepage-v2-section-2-headline.onboard-process-head {
margin-bottom: 53px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head {
margin-bottom: 0
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head.cyber-headline {
max-width: 850px;
margin-top: 31px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head.cyber-headline.cyber-h3 {
font-size: 30px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head.cyber-headline.enterprise-integrations-headline {
margin-bottom: 10px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head.cyber-headline.enterprise-integrations-headline.integration-leadgen-head {
max-width: 650px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head.cyber-headline.enterprise-integrations-headline.ent-h2 {
font-size: 44px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.cyber-solutions-headline {
color: #fff
}
.heading.homepage-v2-section-2-headline.onboard-process-head.cyber-solutions-headline.smooth.e-features-headline-m.ent-h2 {
font-size: 44px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.cyber-pricing-headline {
max-width: 650px;
margin-bottom: 10px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.cyber-story-big-headline {
text-align: left;
max-width: 400px;
margin-top: 8px;
margin-bottom: -2px;
font-family: Roboto;
font-size: 32px;
font-weight: 500;
line-height: 45px
}
.heading.lg-h2 {
font-size: 44px
}
.paragraph {
color: #7c90a2;
text-align: center;
max-width: 900px;
margin: 0 auto;
padding-top: 14px;
font-size: 20px;
line-height: 28px;
display: block
}
.paragraph.section-4-paragraph {
max-width: 700px
}
.paragraph.section-4-paragraph.alt-sumo-cta-types-p {
margin-top: 34px
}
.paragraph.paragraph-dark-swatch {
color: #bbdcfe;
text-align: left
}
.paragraph.paragraph-dark-swatch.hm-story-p {
margin-bottom: 22px;
margin-left: 44px;
margin-right: 44px;
font-family: Roboto;
font-size: 17px
}
.paragraph.paragraph-dark-swatch.sitewide-btm-cta-subhead {
text-align: center;
max-width: 800px;
margin-bottom: 30px;
font-family: Roboto
}
.paragraph.top-subheadline {
text-align: center;
max-width: 790px;
font-family: Roboto
}
.paragraph.top-subheadline.lead-gen-top-sub {
text-align: left
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth {
float: left;
max-width: 475px;
margin-top: 13px;
line-height: 33px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead {
float: none;
text-align: center;
max-width: 700px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.ma-top-subhead {
text-align: left;
max-width: 520px;
margin-left: 0
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.ma-top-subhead.zapier-top-subheadline {
text-align: center;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.pricing-subhead {
color: #dbeeff
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.pricing-subhead.cyber-top-subhead {
max-width: 550px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.pricing-subhead.cyber-top-subhead.enterprise-top-subhead {
max-width: 750px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.pricing-subhead.cyber-top-subhead.enterprise-top-subhead.integration-top-sub {
color: #7c90a2;
max-width: 700px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.om-top-sub-1 {
max-width: 750px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.lg-top-sub-1 {
float: none;
margin-bottom: 10px;
margin-left: 0
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.lg-top-sub-1.alt-sumo-topsubheadline {
width: 500px;
max-width: 500px
}
.paragraph.paragraph-small {
text-align: left;
padding-top: 5px;
font-size: 15px;
line-height: 20px
}
.paragraph.paragraph-small.customer-title {
padding-top: 0
}
.paragraph.academy-post-content-paragraph {
color: #333;
text-align: left;
max-width: 716px;
font-family: Roboto;
font-size: 20px;
font-weight: 400;
line-height: 28px
}
.paragraph.academy-post-content-paragraph.smooth {
line-height: 35px
}
.paragraph.academy-post-content-paragraph.smooth.caption {
color: #817f7f;
text-align: center;
margin-top: -25px;
margin-bottom: 9px;
font-size: 15px;
line-height: 25px
}
.paragraph.lg-manifesto-subheadline {
max-width: 570px;
font-family: Roboto
}
.paragraph.lg-manifesto-subheadline.smooth {
line-height: 35px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-manifesto-section3-sub {
max-width: 750px;
line-height: 35px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content {
text-align: left;
max-width: 425px;
margin-left: 0;
font-size: 17px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead {
max-width: 425px;
padding-left: 0;
font-size: 20px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-seanwes-name {
margin-top: 2px;
line-height: 25px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-seanwes-name.ma-testimonial-name {
color: #fff;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-sean-testimon {
max-width: 500px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-sean-testimon.ma-testimonial-content {
max-width: 530px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-sean-testimon.ma-testimonial-content.agency-ethan-p {
margin-top: 12px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-sean-testimon.integration-testimonial-p {
font-size: 14px;
line-height: 25px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.hm-v2-section-3-subheadl.hm-v2-retargeting-p {
max-width: 450px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub {
text-align: center;
max-width: 600px;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub.onboard-product-p {
max-width: 95%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub.onboard-product-p.cyber-stories-small-title {
color: #333;
text-align: left;
max-width: 100%;
margin-top: 10px;
margin-bottom: 17px;
padding-left: 10px;
padding-right: 0;
line-height: 30px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub.onboard-product-p.enterprise-lead-feature-p {
text-align: left;
padding-top: 0;
font-size: 18px;
line-height: 30px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub.onboard-product-p.enterprise-lead-feature-p.integrations-lead-feature-p {
margin-top: 13px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.cyber-design-p {
color: #c7dbff
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-features-bullet {
font-size: 18px;
line-height: 30px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-features-bullet.onboard-faq-p {
max-width: 330px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-crafted-subhead {
color: #fff;
font-size: 20px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub {
margin-left: -60px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.om-reports-p,
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-tracking-p,
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-collaborate-p {
font-size: 20px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub {
text-align: center;
max-width: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
line-height: 30px;
display: block
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet {
border-bottom: 1px solid #e1ecf5;
padding-top: 15px;
padding-bottom: 10px;
font-family: Inter, sans-serif;
font-size: 16px;
text-decoration: none
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.onboard-pricing-bullet {
max-width: 250px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.onboard-pricing-bullet.wide {
max-width: 280px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last {
border-width: 0;
max-width: 250px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last.sf-font-roboto {
border-top-style: solid;
border-top-color: #e1ecf5
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last.sf-font-roboto.pricing-visitor-usage-outer {
border-bottom-width: 1px;
max-width: 270px;
margin-bottom: 0;
padding-bottom: 10px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last.sf-font-roboto.pricing-visitor-usage-outer._2023 {
padding-left: 15px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last.sf-font-roboto.pricing-visitor-usage-outer._2023.no-dropdown {
max-width: 240px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last.sf-font-roboto.pricing-visitor-usage-outer._2023._2024 {
border: 0 solid #000
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last.sf-font-roboto.pricing-cta-usage {
border-top-width: 1px;
padding-bottom: 9px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-plan-bullet-last.popover-hover {
cursor: help
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.sf-font-roboto {
font-family: Inter, sans-serif
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.sf-font-roboto.popover-hover {
cursor: help
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet.pricing-sites {
max-width: 220px;
padding-top: 8px;
padding-bottom: 5px;
font-family: Inter, sans-serif;
line-height: 20px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-product {
color: #0085fb;
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.most-popular-title {
font-family: Inter, sans-serif
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.most-popular-title.small-popular-text {
max-width: 240px;
margin-top: -12px;
margin-bottom: -6px;
font-size: 15px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-plan-sub {
max-width: 250px;
font-family: Inter, sans-serif;
line-height: 25px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-plan-sub.pricing-annual-link {
color: #2bc3a6;
margin-bottom: 5px;
font-size: 14px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-plan-sub.pricing-annual-link.pricing-annual-special-title {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: -5px;
font-size: 12px;
font-weight: 500
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-plan-sub.pricing-annual-link.pricing-annual-special-title.annual-savings {
max-width: 300px;
margin-left: auto
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-plan-sub.pricing-2021-sub {
max-width: 270px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support {
max-width: 300px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-stories-big-title {
color: #333;
text-align: left;
max-width: 100%;
margin-top: -4px;
font-size: 14px;
line-height: 25px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-pricing-referral-link {
max-width: 380px;
margin-top: 40px;
margin-bottom: -79px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-pricing-referral-link.enterprise-logo-title {
max-width: 800px;
margin-top: 0;
margin-bottom: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-pricing-referral-link.enterprise-integrations-cta-p {
max-width: 800px;
margin-bottom: -27px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-title {
margin-top: 34px;
margin-bottom: -4px;
font-weight: 500
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-title.cyber-pricing-bonus-title {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.cyber-stories-name-p {
text-align: left;
max-width: 100%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.cyber-pricing-preheadline {
max-width: 300px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.sf-font-roboto {
font-family: Inter, sans-serif
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-ctatemplates-p,
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.tracking-subheadline {
font-size: 20px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.zapier-zap-description {
padding-top: 10px;
line-height: 28px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline {
color: #2f2f2f;
text-align: left;
font-size: 21px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.lg-responsive-headline2 {
margin-top: 25px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.alt-sumo-section-2-title {
margin-top: 22px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.onboard-product-sub {
color: #048ef8;
font-weight: 500
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.onboard-product-sub.enterprise-lead-feature-title {
color: #2f2f2f;
text-align: left;
max-width: 95%;
padding-top: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.onboard-product-sub.enterprise-lead-feature-title.enterprise-story-title {
max-width: 100%;
margin-top: 22px;
margin-bottom: 22px;
font-size: 31px;
line-height: 45px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.onboard-product-sub.enterprise-lead-feature-title.integrations-lead-feature-h {
line-height: 30px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4 {
line-height: 31px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4 {
text-align: left;
max-width: 100%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4.cyber-design-h4 {
color: #fff
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4.cyber-design-h4.cyber-solutions-h4 {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4.enterprise-h4-white {
color: #fff
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-pricing-subhead {
max-width: 100%;
margin-bottom: 53px
}
.paragraph.lg-manifesto-subheadline.smooth.om-visual-headline {
max-width: 650px
}
.paragraph.lg-manifesto-subheadline.smooth.om-visual-headline.ma-visual-healdine {
max-width: 600px
}
.paragraph.lg-manifesto-subheadline.smooth.ma-manifesto-subhead {
max-width: 650px
}
.paragraph.lg-manifesto-subheadline.smooth.ma-manifesto-subhead.zapier-send-subheadline {
max-width: 770px
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline {
text-align: left;
line-height: 33px
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline.smooth {
line-height: 35px
}
.paragraph.lg-manifesto-subheadline.om-marketing-subhead {
max-width: 650px
}
.paragraph.lg-manifesto-subheadline.om-marketing-subhead.smooth.ma-platform-subhead {
max-width: 750px
}
.paragraph.lg-manifesto-subheadline.om-ctas-subhead {
max-width: 700px
}
.paragraph.smooth.lg-manifesto-bullet-headline {
color: #1e242b;
text-align: left;
font-family: Roboto;
font-size: 23px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline {
color: #2d9aff
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline {
padding-right: 125px;
font-size: 28px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.om-andrew-headline {
padding-right: 66px;
line-height: 45px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.om-testitmonial1-head {
color: #fff;
text-align: center;
margin-top: 0;
padding-top: 59px;
line-height: 35px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.om-testitmonial1-head.ma-testimonial-1 {
max-width: 650px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.om-testitmonial1-head.ma-testimonial-1.agency-testimonial {
padding-right: 0
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.ma-testimonial-headline {
max-width: 500px;
margin-left: 0;
line-height: 35px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.ma-testimonial-headline.agency-testimonial-headline {
padding-right: 0
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.integration-leadgen-testimonial-head {
font-size: 20px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline {
text-align: center;
line-height: 35px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom {
text-align: left
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom.ma-bullet-2 {
margin-top: 29px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom.ma-bullet-2.zapier-zap-product {
margin-top: 0;
padding-top: 10px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom.ma-bullet3 {
margin-top: 36px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom.ma-bullet3.alt-sumo-cta-title {
text-align: center
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom.ma-bullet3.zapier-zap-product {
margin-top: 0;
padding-top: 10px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom.zapier-zap-product {
color: #333;
padding-top: 10px;
font-size: 18px;
line-height: 28px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-ctas-bullets-head {
padding-bottom: 12px
}
.paragraph.smooth.lg-manifesto-bullet-headline.ma-roi-sub {
max-width: 450px;
margin-top: 11px;
margin-left: -60px
}
.paragraph.smooth.lg-manifesto-bullet-headline.default-page-h3 {
padding-top: 30px
}
.paragraph.smooth.lg-manifesto-bullet-p {
text-align: left;
font-family: Roboto;
font-size: 18px
}
.paragraph.smooth.lg-manifesto-bullet-p.om-ctas-bullet {
font-size: 16px
}
.paragraph.smooth.lg-manifesto-bullet-p.default-page-p.date-p {
margin-top: -22px;
margin-bottom: 14px
}
.paragraph.smooth.lg-multistep-sub {
max-width: 700px;
font-family: Roboto;
line-height: 35px
}
.paragraph.smooth.lg-embed-sub {
max-width: 650px;
font-family: Roboto;
line-height: 35px
}
.paragraph.smooth.lg-embed-sub.om-embeddables-subhead {
max-width: 800px
}
.paragraph.smooth.lg-automations-sub {
max-width: 800px;
font-family: Roboto;
line-height: 35px
}
.paragraph.smooth.lg-automations-sub.lg-queues-sub {
max-width: 850px
}
.paragraph.smooth.lg-automations-sub.lg-profiles-sub {
color: #fff
}
.paragraph.smooth.lg-automations-sub.lg-features-head {
text-align: left;
margin-left: 1px
}
.paragraph.smooth.lg-automations-sub.om-automation-sub {
max-width: 650px
}
.paragraph.smooth.lg-automations-sub.om-automation-sub.ma-automations-subhead {
max-width: 750px
}
.paragraph.homepage-v2-section-2-subhead {
text-align: left;
max-width: 690px;
font-family: Roboto;
line-height: 35px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body {
max-width: 575px;
margin-left: 0
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p {
padding-right: 76px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p {
max-width: 450px;
padding-right: 56px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p.enterprise-retargeting-p {
max-width: none
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p.enterprise-retargeting-p.enterprise-integrations-p {
text-align: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-right: 0;
display: block
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p.enterprise-retargeting-p.enterprise-integrations-p.enterprise-cta-subhead {
max-width: 670px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p.enterprise-retargeting-p.enterprise-integrations-p.e-integrations-p {
max-width: 700px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.ac-deal-testimonial-p {
max-width: 500px;
padding-right: 59px
}
.paragraph.hm-integrations-subhead {
max-width: 600px;
margin-bottom: 32px;
font-family: Roboto
}
.paragraph.hm-integrations-subhead.smooth.cf-home-story-headline {
color: #333;
text-align: left;
margin-top: 10px;
margin-bottom: 11px;
padding-bottom: 10px;
font-size: 19px;
font-weight: 500
}
.paragraph.hm-integrations-subhead.smooth.lead-gen-integrations-subhead {
max-width: 770px
}
.paragraph.hm-integrations-subhead.cf-home-story-person-title {
color: #333;
margin-bottom: 0;
padding-top: 5px;
font-size: 14px;
font-weight: 500
}
.paragraph.hm-integrations-subhead.cf-home-story-person-title.cf-home-story-person-sub {
color: #708599;
margin-top: -7px;
padding-top: 0;
font-size: 12px;
font-weight: 400
}
.paragraph.hm-integrations-subhead.cf-home-story-person-title.cf-home-story-person-sub.enterprise-customer-title {
color: #d0e8ff;
text-align: left
}
.paragraph.hm-integrations-subhead.cf-home-story-person-title.enterprise-customer-name {
color: #fff;
text-align: left
}
.paragraph.hm-integrations-subhead.cs-cta-link-text {
font-size: 17px
}
.paragraph.pricing-sub {
max-width: 275px;
padding-top: 0;
font-size: 16px
}
.paragraph.pricing-sub.pricing-per-site {
color: #000;
font-size: 12px
}
.paragraph.pricing-sub.free-plan-views {
margin-top: 46px
}
.dark-h1-big-headline {
color: #fff;
text-align: left;
letter-spacing: -1px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
font-size: 46px;
line-height: 57px;
display: block
}
.dark-h1-big-headline.academy-post-content-headline {
text-align: center;
margin-top: 84px;
margin-bottom: 84px
}
.dark-h1-big-headline.academy-post-content-headline.smooth {
letter-spacing: 0;
max-width: 700px;
margin-top: 10px;
font-size: 65px;
line-height: 87px
}
.dark-h1-big-headline.academy-post-content-headline.smooth._4-step-headline {
max-width: 800px
}
.dark-h1-big-headline.homepage-v2-headline {
max-width: 750px;
margin-left: 0;
margin-right: 1px
}
.dark-subheadline {
color: #dbeeff;
text-align: left;
max-width: 780px;
margin-top: 25px;
margin-left: auto;
margin-right: auto;
padding-top: 11px;
padding-left: 0;
padding-right: 0;
font-size: 21px;
line-height: 30px;
display: block
}
.dark-subheadline.academy-top-block-subhead {
color: #fff;
margin: 17px 46px;
padding-top: 33px;
padding-bottom: 33px
}
.dark-subheadline.academy-top-block-subhead.smooth {
font-family: Roboto
}
.dark-subheadline.homepage-v2-subheadline {
margin-left: 0;
margin-right: 1px;
font-family: Roboto;
font-size: 20px
}
.cf-web-container {
margin-left: 0;
margin-right: auto;
padding-left: 0;
display: block
}
.body {
overflow: visible
}
.body.has-nav-2020 {
padding-top: 80px
}
.body.black-background {
background-color: #191a1b
}
.image-2 {
perspective: none;
width: 900px;
max-width: none;
margin-top: -27px;
margin-left: -104px;
overflow: visible
}
.image-2.hm-v2-hero-img {
margin-top: -53px;
margin-left: -155px
}
._w-container-override {
width: 100%;
max-width: 1280px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
display: block
}
._w-container-override.section-3 {
padding: 117px 80px 83px
}
._w-container-override.pricing-logos-container {
margin-bottom: 80px
}
.container {
background-color: #0000;
min-width: 1280px;
margin-top: 15px;
margin-left: 0;
margin-right: 13px;
padding-left: 13px
}
.container.cyber-dark-navbar-1 {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
display: block
}
.image-3 {
margin-top: 15px
}
.navbar {
background-color: #0000;
margin-right: 0
}
.navbar.not-smooth.cyber-dark-navbar {
background-color: #0b0a42;
box-shadow: 0 17px 43px #17172c7d
}
.nav-white-link {
color: #fff;
letter-spacing: .64px;
text-transform: uppercase;
min-width: 0;
margin-left: 0;
padding-left: 20px
}
.nav-white-link.nav-link-dark {
color: #333
}
.nav-white-link.cta-5838-trigger {
cursor: pointer
}
.nav-menu {
margin-right: 0
}
.image-4 {
margin-left: auto;
margin-right: auto;
display: block
}
.div-block {
margin-bottom: 83px
}
.html-embed {
max-width: 500px;
margin-top: 29px;
margin-bottom: -27px;
margin-left: -14px;
display: block
}
.html-embed.bottom-cta-form {
margin-left: auto;
margin-right: auto;
display: block
}
.html-embed.bottom-cta-form.hm-v2-section-cta {
max-width: none;
margin-top: 0;
margin-bottom: 0
}
.html-embed.om-top-cta-embed {
margin-left: auto;
margin-right: auto;
display: block
}
.html-embed.lg-top-cta-html {
margin-top: 60px;
margin-left: 0
}
.html-embed.lg-top-cta-html.agency-top-cta-html {
margin-top: 40px
}
.html-embed.lg-top-cta-html.alt-sumo-cta-html {
max-width: 400px;
margin: 28px auto 9px;
display: block
}
.html-embed.top-embed-area {
height: 100px;
margin-left: 0
}
.navbar-fixed {
z-index: 999;
opacity: 1;
background-color: #fff;
margin-top: 0;
position: fixed;
top: 0;
left: 0;
right: 0
}
.navbar-fixed.cyber-top-nav {
margin-top: 0
}
.image-5 {
margin-top: 16px
}
.image-5.footer-logo {
margin-left: 0
}
.tabs {
margin-top: 53px
}
.section-2 {
background-image: url(assets/images/others/58d8136a5c7cc5f82ab80a4f_greywavybg_big.png);
background-position: 50% 0;
background-size: 1440px
}
.section-2.section-grey-bg-large {
background-position: 0 200px;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden
}
.section-2.section-grey-bg-large.hm-v2-section-retargeting {
background-image: url(assets/images/others/595687ab32e4b10216559b6f_hm-v2-grey-bg-compressed.png);
background-position: 0 48px;
background-size: cover;
padding-top: 120px
}
.tabs-2 {
text-align: center
}
.image-6 {
min-width: 1293px;
margin-top: -582px;
margin-left: -9px
}
.image-6.hm-v2-laptop {
margin-top: 0;
margin-left: -77px
}
.tabs-content {
z-index: 888;
margin-bottom: 0;
padding-top: 33px;
overflow: visible
}
.tabs-content.lg-videos {
margin-bottom: -64px;
padding-top: 34px;
top: 0
}
.section-3 {
background-color: #0000;
margin-top: -87px;
padding-top: 20px
}
.section-3.section-3-homepage {
background-color: #fff
}
.section-3.section-3-homepage.hm-v2-section-2 {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50% 62px;
background-size: 100%;
margin-top: -110px
}
.section-3.academy-post-content-small {
margin-top: 0;
padding-top: 82px
}
.section-3.academy-post-content-small.repeatable-section {
padding-top: 0
}
.small-tab-link {
color: #7c90a2;
background-color: #fff;
border-bottom: 1px solid #ecf6fd;
padding-top: 16px;
padding-bottom: 16px;
font-size: 18px
}
.small-tab-link.small-tab-active {
background-color: #eef6ff;
border-style: none;
border-radius: 150px;
margin: 8px 5px;
padding: 12px 27px;
font-size: 16px
}
.small-tab-link.small-tab-active.w--current {
color: #fff;
background-color: #1e8dff;
border-bottom-color: #1e8dff
}
.div-block-2 {
border-radius: 8px;
box-shadow: 1px 15px 30px #a2bee3
}
.div-block-2.cool-button {
margin-bottom: 23px;
margin-left: 6px;
margin-right: 6px;
padding: 28px 30px;
box-shadow: 1px 15px 30px 13px #a2bee32b
}
.div-block-2.cool-button.integration-box {
background-color: #fff;
min-height: 100px;
max-height: 100px;
margin-left: 0;
margin-right: 0
}
.div-block-2.cool-button.integration-box.integration-box-big {
min-width: 600px;
max-width: 600px;
min-height: 180px;
max-height: 180px;
padding: 39px 52px;
font-size: 1px
}
.div-block-2.cool-button.integration-box.integration-box-big.integration-box-left {
margin-left: -57px
}
.div-block-2.cool-button.integration-box.use-case-box {
min-height: 180px;
max-height: 180px
}
.section-4 {
background-color: #fff;
background-image: linear-gradient(26deg, #198bf2, #0f58c7);
border-bottom: 1px solid #f3f9ff;
margin-top: 0;
padding-bottom: 22px
}
.row-2 {
margin-top: 57px;
margin-left: 3px;
margin-right: 3px;
padding-bottom: 0
}
.row-2.om-ctas-container {
min-width: 1100px;
margin-left: -64px;
margin-right: auto;
display: block
}
.image-7 {
text-align: center;
border-radius: 8px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 1px 15px 30px 13px #a2bee32b
}
.image-7.cta-starter-kit-cta-image {
text-align: right;
max-width: 270px;
margin-right: 4px
}
.image-7.om-ctas-hook-preview {
box-shadow: none;
min-width: 450px;
margin-left: 0
}
.container-3 {
margin-top: 70px
}
.container-3._w-container-override-1000 {
margin-top: 25px;
padding-bottom: 68px
}
.container-3._w-container-override-1050.cta-starter-kit-box {
padding-top: 46px;
box-shadow: 1px 15px 30px 13px #a2bee32b
}
.container-3._w-container-override-1050.cta-starter-kit-box.premium-content-bumper {
padding-top: 0
}
.text-span {
font-weight: 300;
text-decoration: line-through
}
.paragraph-text {
color: #7c90a2;
font-size: 17px;
line-height: 24px
}
.paragraph-text.paragraph-large {
margin-left: 22px;
font-size: 19px;
line-height: 26px
}
.paragraph-text.hm-v2-testimonial-small-p {
max-width: 425px;
font-size: 16px;
font-style: italic
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name {
margin-top: 18px;
margin-left: -57px;
font-style: normal
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.hm-v2-testimonial-map-name {
color: #333;
margin-left: -46px;
font-size: 17px
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.hm-v2-testimonial-map-name.map-name-right {
clear: none;
text-align: right;
margin-left: 0;
margin-right: -24px
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.e-spiro-name {
margin-left: -49px
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.e-spiro-name.integrations-testimonial-name {
min-width: 240px;
max-width: 240px;
margin-top: 11px;
margin-left: -41px
}
.paragraph-text.hm-v2-testimonial-small-p.hm-testimonial-invision {
max-width: none
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-map-p {
margin-top: -21px;
margin-bottom: 0;
font-family: Roboto;
font-size: 18px;
font-style: normal;
line-height: 28px
}
.paragraph-bold {
margin-bottom: 15px;
font-size: 20px;
font-weight: 600
}
.paragraph-bold.cta-starter-kit-box-p-bold {
font-size: 18px
}
.column-4 {
margin-top: 0
}
.column-4.om-ctas-column {
padding-left: 0;
padding-right: 0
}
.div-block-3 {
margin-top: 117px
}
.image-8 {
margin-left: auto;
margin-right: -37px;
padding-top: 53px;
display: block
}
.image-8.om-workflow-img {
max-width: 120%;
margin-left: -50px
}
.section-grey-bg-huge {
background-image: url(assets/images/others/58d84a1aaa920d072098c433_greywavybg_huge.png);
background-position: 50% 301px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
padding-top: 66px
}
.div-block-4 {
margin-top: 0;
display: block
}
.container-4 {
margin-top: 48px;
display: block
}
.container-4.ma-testionial1-container {
padding-bottom: 158px
}
.container-4.ma-testionial1-container.agency-testimonial-1 {
margin-top: 75px;
padding-bottom: 126px
}
.container-4.ma-testionial1-container.agency-testimonial-1.zapier-automation-div {
padding-bottom: 104px
}
.container-4._w-container-override.om-features-container {
margin-top: 69px;
padding-left: 57px;
padding-right: 57px
}
.section-5 {
background-color: #fff;
margin-top: -88px;
margin-bottom: 65px
}
.section-5.lg-visual-builder {
background-size: cover
}
.section-5.lg-visual-builder.om-flow-builder {
margin-top: -115px
}
.section-5.lg-visual-builder.om-flow-builder.alt-sumo-section-3 {
margin-top: 0;
margin-bottom: 135px
}
.section-5.om-visual-section {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
margin-top: 0
}
.section-5.om-visual-section.ma-visual-section {
padding-top: 59px
}
.section-5.om-visual-section.ma-visual-section.agency-visual-section {
margin-bottom: -25px
}
.section-5.om-visual-section.ma-visual-section.agency-visual-section.zapier-zap-title-section {
background-image: none
}
.container-5 {
margin-top: 0;
margin-bottom: 50px;
padding-top: 132px;
overflow: visible
}
.container-5.lg-overlay-container,
.container-5.lg-embed-container {
padding-top: 0
}
.container-5.om-flows-container {
padding-top: 69px
}
.container-5.ma-visual-cotainer {
padding-top: 0
}
.paragraph-3 {
text-align: center
}
.paragraph-3.section-title {
color: #0083fe;
letter-spacing: 1px;
margin-bottom: 32px;
font-size: 16px
}
.paragraph-3.section-title.section-title-dark-swatch {
color: #bbdcfe;
text-align: left
}
.paragraph-3.section-title.section-title-dark-swatch.om-crafted-title {
margin-bottom: 33px
}
.paragraph-3.section-title.section-title-dark-swatch.om-crafted-title.agency-crafted-title {
color: #cefff5
}
.paragraph-3.section-title.left-title {
text-align: left
}
.paragraph-3.section-title.academy-post-section-title {
color: #fff;
margin-top: 84px;
margin-bottom: 25px
}
.paragraph-3.section-title.academy-post-section-title.smooth {
font-weight: 600
}
.paragraph-3.section-title.cta-box-heading-title {
color: #dbecff;
text-align: left;
margin-bottom: 0;
font-size: 14px
}
.paragraph-3.section-title.cta-box-heading-title.smooth {
font-weight: 600
}
.paragraph-3.section-title.onboard-pretitle {
text-align: left;
margin-top: 45px;
margin-bottom: 16px
}
.paragraph-3.section-title.onboard-pretitle.onboard-discount-pre {
text-align: center;
letter-spacing: 0
}
.paragraph-3.section-title.onboard-pretitle.onboard-discount-pre.onboard-head-pre {
color: #bbdcfe;
margin-top: 97px
}
.paragraph-3.section-title.onboard-pretitle.onboard-discount-pre.onboard-head-pre.cyber-top-prehead {
font-family: Roboto;
font-weight: 400
}
.paragraph-3.section-title.onboard-pretitle.onboard-discount-pre.onboard-head-pre.cyber-top-prehead.smooth {
margin-bottom: 25px;
font-size: 18px
}
.paragraph-3.section-title.onboard-pretitle.onboard-discount-pre.onboard-head-pre.cyber-top-prehead.integration-top-prehead {
margin-top: 19px;
margin-bottom: 37px
}
.paragraph-3.solution-title {
text-align: left;
letter-spacing: 1px;
padding-top: 12px;
padding-left: 9px;
font-size: 18px;
font-weight: 600
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title {
color: #3abce6;
padding-left: 17px
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title.om-solution-title {
color: #048ef8;
text-align: center;
padding-top: 24px;
padding-left: 0
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title.om-solution-title.ma-solution-title {
text-align: left;
margin-left: -13px;
padding-top: 23px
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title.om-solution-title.ma-solution-title.zapier-title {
color: #003fff;
text-align: center;
margin-bottom: 29px;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title.hm-v2-solution-title {
letter-spacing: 0;
padding-left: 9px;
font-weight: 600
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title.alt-sumo-preheadline {
padding-left: 0
}
.tabs-menu-2 {
z-index: 777;
float: right;
width: 350px;
margin-top: 103px;
margin-left: 0;
margin-right: -58px;
position: relative
}
.tabs-menu-2.lg-cta-tabs {
float: right;
margin-top: 415px;
margin-left: 0;
margin-right: 170px;
padding-top: 1px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs {
float: left;
margin-top: 266px;
margin-left: 66px;
margin-right: 0
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs {
margin-top: 546px;
margin-left: 69px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.om-targeting-tabs {
margin-top: 296px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.om-targeting-tabs.alt-sumo-targeting-menu {
margin-top: 337px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.agency-targeting-tabs {
margin-top: 367px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.agency-targeting-tabs.default-page-tabs {
width: 40%;
margin-top: 0;
margin-left: 0;
padding-right: 90px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.lg-targeting-tabs-1 {
margin-top: 505px
}
.tabs-menu-2.lg-cta-tabs.lg-hook-tabs {
margin-right: 170px
}
.tabs-menu-2.lg-cta-tabs.lg-hook-tabs.lg-hook-tabs-1 {
margin-top: 387px
}
.tabs-menu-2.lg-cta-tabs.lg-embdedded-tabs {
margin-top: 390px
}
.tabs-menu-2.om-flows-tabs-links {
float: left;
margin-left: -56px
}
.tabs-menu-2.om-flows-tabs-links.alt-sumo-cta-menu {
margin-top: 25px
}
.tabs-menu-2.agency-section-3-tabmenu {
margin-top: 103px
}
.button-tab {
color: #7c90a2;
background-color: #eef6ff;
border-radius: 5px;
width: 100%;
margin-top: 0;
margin-bottom: 24px;
padding-top: 23px;
padding-bottom: 23px;
font-size: 17px
}
.button-tab.button-tab-active.w--current {
color: #fff;
background-color: #1e8dff;
box-shadow: 1px 15px 30px 13px #a2bee32b
}
.button-tab.button-tab-active.button-tab-text {
padding-top: 21px;
font-size: 15px
}
.button-tab.button-tab-active.button-tab-text.w--current {
color: #fff
}
.button-tab.button-tab-active.button-tab-text.lg-cta-tab {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 13px;
padding-bottom: 13px
}
.button-tab.button-tab-active.button-tab-text.lg-cta-tab.w--current {
margin-bottom: 10px;
padding-top: 13px;
padding-bottom: 13px
}
.image-9 {
min-width: 825px;
margin-top: -66px;
margin-left: 63px
}
.image-9.automation-image {
min-width: 1013px;
max-width: 100%;
margin-top: 2px;
margin-left: -373px
}
.image-9.automation-image.lg-cta-hook-full {
margin-top: 50px;
margin-left: -290px
}
.image-9.automation-image.om-texteditor-img {
max-width: 100%;
margin-top: 22px;
margin-left: -387px
}
.image-9.automation-image.lg-embedded-cta-img {
margin-top: 75px;
margin-left: -290px
}
.image-9.automation-image.lg-builder-img-2 {
margin-top: -44px
}
.image-9.targeting-image {
min-width: 1013px;
max-width: 1000px;
margin-top: 2px;
margin-left: -373px
}
.image-9.targeting-image.lg-cta-hook-wide {
margin-top: 50px;
margin-left: -290px
}
.image-9.targeting-image.om-editor-triggers {
margin-top: 22px;
margin-left: -387px
}
.image-9.targeting-image.lg-embedded-cta-img-3 {
margin-top: 75px;
margin-left: -290px
}
.image-9.targeting-image.lg-builder-img-3 {
margin-top: -44px
}
.image-9.image-9-homepage {
min-width: 1013px;
max-width: 100%;
margin-top: 2px;
margin-left: -404px
}
.image-9.image-9-homepage.lg-cta-hook {
min-width: 1000px;
max-width: 1000px;
margin-top: 50px;
margin-left: -290px
}
.image-9.image-9-homepage.lg-cta-hook.lg-cta-embedded {
margin-top: 2px;
margin-left: -373px
}
.image-9.image-9-homepage.lg-cta-hook.lg-cta-embedded.lg-embedded-img-1 {
margin-top: 75px;
margin-left: -290px
}
.image-9.image-9-homepage.om-builder-img {
margin-top: 22px;
margin-left: -387px
}
.image-9.image-9-homepage.om-builder-img.ma-visual-builder.agency-visual-builder {
margin-top: 2px;
margin-left: -373px
}
.image-9.lg-cta-overlay,
.image-9.lg-cta-overlay.lg-targeting-image {
margin-top: -600px;
margin-left: 567px
}
.image-9.lg-cta-overlay.lg-targeting-image.om-targeting-image,
.image-9.lg-cta-overlay.lg-targeting-image.agency-targeting-img {
margin-top: 0;
margin-left: 0
}
.image-9.lg-cta-overlay.lg-targeting-image.lg-targeting-img-1 {
margin-top: -521px
}
.image-9.lg-cta-overlay.om-audience-targeting-tab-2,
.image-9.lg-cta-overlay.om-targeting-tab-3,
.image-9.lg-cta-overlay.agency-targeting-img-2,
.image-9.lg-cta-overlay.agency-targeting-img-3 {
margin-top: 0;
margin-left: 0
}
.image-9.lg-cta-overlay.lg-overlay-img,
.image-9.lg-cta-overlay.lg-overlay-img-2 {
margin-top: -467px
}
.image-9.lg-cta-overlay.lg-targeting-img-2 {
margin-top: -521px
}
.image-9.om-flows-img {
margin-top: 40px;
margin-left: -44px
}
.tabs-content-2 {
float: right;
margin-top: -46px;
margin-left: 0;
margin-right: -282px;
overflow: visible
}
.tabs-content-2.cta-tab-content {
float: left;
margin-top: -27px
}
.tabs-content-2.flow-tab-content {
margin-left: 0;
margin-right: 70px
}
.tabs-content-2.agency-tabs-content-1 {
float: left;
margin-top: 12px;
margin-left: -27px;
margin-right: 0
}
.tabs-content-2.agency-tab-content-2 {
margin-top: -25px
}
.tabs-content-2.agency-tab-content-2.default-tab-content {
width: 60%;
margin-right: 0
}
.tabs-content-2.leadgen-tab-content-1 {
float: left;
margin-top: -8px
}
.tabs-content-2.leadgen-tab-content-2 {
float: left
}
.tabs-content-2.leadgen-tab-content-3 {
float: left;
margin-top: 25px
}
.button-tab-text {
color: #7c90a2;
margin-top: 13px;
margin-bottom: 0;
font-size: 14px
}
.important-text {
font-size: 17px;
font-weight: 600;
line-height: 30px
}
.important-text-2 {
font-family: Roboto;
font-size: 17px;
font-weight: 600;
line-height: 30px
}
.important-text-2.important-text-blue {
color: #0083fe;
line-height: 24px
}
.important-text-3 {
margin-bottom: 0;
padding-bottom: 0;
font-size: 17px;
font-weight: 600;
line-height: 30px
}
.row-3 {
margin-top: 41px
}
.cta-type-title {
color: #7c90a2;
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 9px;
padding-bottom: 9px;
font-size: 16px
}
.cta-type-box {
opacity: 1;
perspective: none;
border-radius: 8px;
padding-bottom: 0;
box-shadow: 1px 15px 30px 13px #a2bee32b
}
.section-6 {
background-image: url(assets/images/others/58d873195c7cc5f82ab81cdc_bluebg-small.png);
background-position: 0 19px;
background-repeat: no-repeat;
background-size: cover;
margin-top: 0;
margin-bottom: -88px;
padding-top: 40px
}
.section-6.smooth {
background-image: url(assets/images/others/58dd318ed8b55b726fac2684_58d873195c7cc5f82ab81cdc_bluebg-small.png), linear-gradient(90deg, #0078ed, #0035ae);
background-position: 0 -2px, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
overflow: hidden
}
.image-10 {
min-width: 921px;
margin-top: 0;
margin-left: 53px
}
.column-5 {
padding-top: 244px;
padding-left: 67px
}
.container-6 {
padding-top: 117px
}
.section-7 {
background-color: #fff;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 49px
}
.section-7.use-cases-section {
background-color: #fafbfc;
margin-bottom: 103px
}
.section-7.hm-integrations-section {
background-image: url(assets/images/others/59517f2daad8c92d51115c84_Confetti-block-1-compressed.png), url(assets/images/others/59517f2daad8c92d51115c84_Confetti-block-1-compressed.png);
background-position: 107% 100%, -68px 50px;
background-repeat: no-repeat, no-repeat;
background-size: 267px, 267px;
margin-bottom: 69px
}
.integrations-row {
margin-bottom: 30px
}
.integrations-row.hm-integrations-row {
max-width: 1000px;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
display: block
}
.drip {
margin-left: auto;
margin-right: auto;
padding-top: 5px;
display: block
}
.infusionsoft {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-top: 7px;
display: block
}
.hubspot {
margin-left: auto;
margin-right: auto;
padding-top: 4px;
display: block
}
.activecampaign {
margin-left: auto;
margin-right: auto;
padding-top: 13px;
display: block
}
.mailchimp {
margin-left: auto;
margin-right: auto;
padding-top: 7px;
display: block
}
.convertkit {
margin-left: auto;
margin-right: auto;
padding-top: 9px;
display: block
}
.intercom {
opacity: .22;
margin-left: auto;
margin-right: auto;
padding-top: 3px;
display: block
}
.intercom.campaign-monitor {
opacity: 1
}
.intercom.google-anaytics-icon {
opacity: 1;
min-width: 170px;
padding-top: 8px
}
.autopilot {
margin-left: auto;
margin-right: auto;
padding-top: 8px;
display: block
}
.zapier {
opacity: 1;
margin-top: -4px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: block
}
.testimonial-block {
background-color: #2a3555;
background-image: url(assets/images/others/58d9d0e52bebde920b1edb37_customer-bryce.png);
background-position: 0 0;
background-size: 362px;
padding: 26px
}
.testimonial-block.testimonial-sean-wes {
background-image: url(assets/images/others/58dc65e49d881f2d2cd28406_58d882abd470da6460dd37e1_customer-sean.png);
background-size: cover;
height: 400px
}
.testimonial-block.testimonial-bryce {
background-image: url(assets/images/others/58dc66009d881f2d2cd28418_58d9d0e52bebde920b1edb37_customer-bryce.png);
background-size: 362px;
height: 400px
}
.testimonial-block.testimonial-luis {
background-image: linear-gradient(#18283fc4, #18283fc4), url(assets/images/others/58dd4f563db345591ce58901_Screenshot 2017-03-30 13.06.07.png);
background-position: 0 0, -197px 0;
background-size: auto, cover;
height: 400px
}
.testimonial-brand-block {
color: #fff;
min-height: 40px;
font-size: 18px
}
.testimonial-type {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-image: url(assets/images/others/58d9cfdc373f4eae11a33c2c_quote.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 30px;
margin-top: 11px;
padding-top: 10px;
padding-bottom: 2px;
padding-left: 43px;
font-size: 11px
}
.testimonial-message {
color: #fff;
margin-bottom: 13px;
font-size: 20px;
line-height: 25px
}
.testimonial-customer {
color: #fff;
margin-bottom: 6px;
font-size: 13px
}
.testimonial-customer-name {
font-size: 15px;
font-weight: 700
}
.section-8 {
margin-bottom: 0;
padding-bottom: 107px
}
.section-8.infusionsoft-customer-story-section {
padding-bottom: 61px
}
.section-8.hm-v2-map-section {
padding-top: 114px;
padding-bottom: 36px
}
.section-9 {
background-image: linear-gradient(260deg, #0e81fd, #0c85fd);
padding-top: 0;
padding-bottom: 0
}
.section-9.om-final-cta-section {
background-image: none;
border-bottom: 1px solid #dfecf8;
padding-bottom: 149px
}
.section-9.om-final-cta-section.om-last-cta-section,
.section-9.om-final-cta-section.agency-bottom-cta-section {
padding-bottom: 0
}
.section-9.sitewide-bottom-cta-section {
padding-top: 92px;
padding-bottom: 92px
}
.container-7 {
margin-bottom: 47px
}
.container-7._w-container-override.footer-container {
padding-left: 92px;
padding-right: 92px
}
.row-4 {
margin-top: 64px;
margin-bottom: 38px
}
.column-6 {
text-align: center;
text-decoration: none
}
.link {
text-decoration: none
}
.link.dark {
font-size: 18px;
transition: all .2s
}
.link.dark:hover {
color: #003fff
}
.link.dark:visited {
color: #191a1b
}
.footer-bottom-text {
color: #7d91a4;
letter-spacing: .56px;
text-transform: uppercase;
margin-top: 20px;
font-size: 11px
}
.footer-section-title {
letter-spacing: .56px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600
}
.footer-section-link {
color: #7f93a6;
letter-spacing: .56px;
text-transform: uppercase;
font-size: 13px;
text-decoration: none
}
.footer-section-link.blog-post {
text-transform: none;
font-size: 14px;
line-height: 18px
}
.footer-section-link-block {
padding-top: 10px;
padding-bottom: 10px
}
.column-7 {
text-align: right;
margin-top: 20px
}
.dropdown-list {
background-color: #fff
}
.dropdown-list.w--open {
border-radius: 8px;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 22px 37px #1a34504d
}
.dropdown-list.fixed-nav-dropdown-list {
box-shadow: 0 22px 37px #1a34504d
}
.dropdown-list.fixed-nav-dropdown-list.w--open {
border-top: 1px solid #f3f9ff;
border-radius: 0;
min-width: auto;
box-shadow: 0 22px 37px #1a34502b
}
.dropdown-list.fixed-nav-dropdown-list.big-nav.w--open,
.dropdown-list.big-solution-list.w--open {
min-width: 475px
}
.dropdown-link {
color: #7f93a6;
letter-spacing: .56px;
text-transform: uppercase;
font-size: 13px
}
.container-8 {
min-width: 1240px;
margin-left: auto;
margin-right: auto;
display: block
}
.scroll-nav-link {
letter-spacing: .64px;
text-transform: uppercase
}
.scroll-nav-link.cta-5838-trigger {
cursor: pointer
}
.nav-menu-2 {
margin-left: 0;
margin-right: 0
}
.dropdown {
border-radius: 8px
}
.column-8 {
padding-left: 0;
padding-right: 12px
}
.html-embed-2 {
box-shadow: 1px 15px 30px 13px #141f2c2b
}
.column-9 {
padding-left: 51px
}
.section-10 {
background-color: #fff;
margin-top: -59px;
padding-top: 66px
}
.section-10.personal-cta-section {
margin-bottom: 114px
}
.section-10.personal-cta-section.om-ctas-section {
background-color: #0000;
background-image: url(assets/images/others/59517f2daad8c92d51115c84_Confetti-block-1-compressed.png);
background-position: 104% 100px;
background-repeat: no-repeat;
background-size: 267px;
margin-top: 0;
padding-top: 25px
}
.tabs-menu-3 {
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block
}
.tabs-menu-3.lg-videos-tabs {
top: 18px
}
.html-embed-3 {
width: 930px;
height: 527px;
margin-top: 66px;
margin-left: 173px
}
.html-embed-3.flow-html-box {
width: 880px;
height: 500px;
margin-top: -566px;
margin-left: auto;
margin-right: auto;
display: block
}
.image-12 {
min-width: 1293px;
margin-top: -144px;
margin-left: -331px
}
.image-12.om-hero-top-img {
margin-top: -170px
}
.image-12.integrations-personalization-image {
margin-top: -162px
}
.image-13 {
margin-left: auto;
margin-right: auto;
display: block
}
.image-13.integration-double-logo {
margin-top: 61px;
margin-bottom: -29px
}
.div-block-6 {
margin-bottom: -18px
}
.infusionsoft-color {
color: #79bf42
}
.column-10 {
padding-top: 109px;
padding-left: 0
}
.div-block-7 {
min-width: 500px;
margin-left: -14px
}
.row-5 {
max-width: 450px
}
.row-5.integrations-personalized-targeting {
margin-top: -22px
}
.column-11 {
padding-top: 30px
}
.row-7 {
max-width: 450px;
margin-top: 91px
}
.row-7.integrations-personalization-automation {
margin-top: 116px
}
.row-6 {
max-width: 450px
}
.heading-3-black {
font-size: 23px;
line-height: 30px
}
.heading-3-black.integration-text-example {
font-size: 27px;
line-height: 50px
}
.heading-3-black.integration-text-example.hubspot-text {
font-size: 24px;
line-height: 40px
}
.heading-3-black.integration-text-example.campaignmonitorheading3 {
font-size: 24px
}
.green-cta-button {
float: right;
text-align: center;
background-color: #1abc9c;
border-radius: 6px;
padding: 18px 48px;
box-shadow: 1px 15px 30px #a2bee385
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button {
float: left;
margin-top: 47px;
padding-left: 40px;
padding-right: 40px;
font-family: Roboto;
font-size: 17px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button {
float: none;
max-width: 200px;
margin-top: 43px;
margin-left: auto;
margin-right: auto;
display: block
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button {
max-width: 210px;
margin-top: 20px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue {
box-shadow: none;
background-color: #1a8dfb;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-green {
background-color: #2bc3a6
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-green.pricing-button-paid-plan.sf-font-roboto.smooth.pricing-button-bold,
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-green.pricing-button-bold.smooth {
font-family: Inter, sans-serif
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.free-button {
margin-top: 20px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.free-button.sf-font-roboto.smooth.pricing-button-bold {
font-family: Inter, sans-serif;
font-weight: 700
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.free-button.pricing-button-bold {
font-weight: 700
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.free-button.pricing-button-bold.smooth {
font-family: Inter, sans-serif
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.free-button.pricing-button-bold.smooth.free-annual-button {
margin-bottom: 39px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-button-paid-plan {
margin-bottom: 10px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-button-paid-plan.sf-font-roboto.smooth.pricing-button-bold {
font-weight: 700
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-button-paid-plan.sf-font-roboto.smooth.pricing-button-bold.cta-5838-trigger {
font-family: Inter, sans-serif
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-button-bold {
font-weight: 700
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.pricing-button-blue.pricing-button-bold.smooth {
font-family: Inter, sans-serif
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.onboard-pricing-button {
margin-bottom: 17px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn.om-top-button.pricing-button.onboard-pricing-button.enterprise-cta-btn {
max-width: 250px
}
.green-cta-button.onboard-button {
float: none;
letter-spacing: 1px;
width: 250px;
margin-top: 44px;
margin-left: auto;
margin-right: auto;
font-family: Roboto;
font-weight: 500;
display: block;
box-shadow: 1px 15px 30px #00000030
}
.green-cta-button.onboard-button.cyber-top-button {
padding-left: 30px;
padding-right: 30px
}
.green-cta-button.onboard-button.cyber-top-button.smooth {
letter-spacing: 0;
padding-left: 22px;
padding-right: 22px;
font-size: 16px
}
.green-cta-button.onboard-button.cyber-top-button.smooth.cyber-funne-cta-btn {
margin-left: 0
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button {
float: right
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button.enterprise-top-button-2 {
float: left;
box-shadow: none;
background-color: #0000
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button.enterprise-top-button-2.enterprise-integrations-cta-btn {
float: none;
color: #2f2f2f
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button.enterprise-top-button-2.enterprise-integrations-cta-btn.enterprise-customers-cta {
float: left;
text-align: left;
margin-top: 18px;
padding-left: 0
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button.enterprise-top-button-2.enterprise-integrations-cta-btn.enterprise-customers-cta.integrations-lead-feature-button {
color: #008cee;
margin-top: 10px;
margin-bottom: -13px;
padding-left: 10px
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button.enterprise-top-button-2.enterprise-integrations-cta-btn.enterprise-customers-cta.integrations-lead-feature-button.integrations-more-features-button {
float: none;
text-align: center;
width: 350px;
margin-bottom: 0
}
.cta-section {
border: 1px solid #f3f9ff;
margin-top: -69px;
padding-top: 85px;
padding-bottom: 55px;
box-shadow: 0 15px 50px #a2bee326
}
.div-block-8 {
border: 1px solid #d1eaff;
max-height: 548px
}
.image-14 {
min-width: 650px;
margin-top: -20px
}
.div-block-9 {
padding-left: 0;
padding-right: 0
}
.column-12 {
padding: 82px 68px
}
.div-block-10 {
margin-top: 30px;
margin-bottom: 11px
}
.div-block-11 {
margin-top: 47px;
margin-bottom: 47px
}
.section-11 {
background-color: #fff
}
.section-11.lead-profile-section {
padding-top: 105px
}
.div-block-12 {
margin-top: 54px;
margin-bottom: 120px;
margin-left: 67px
}
.column-13 {
padding-right: 0
}
.vertical-text-block {
margin-top: 38px;
margin-bottom: 38px
}
.row-8 {
margin-top: 123px
}
.column-14 {
padding-right: 75px
}
.div-block-13 {
padding-top: 133px;
padding-left: 67px;
padding-right: 0
}
.div-block-14 {
margin-top: 131px;
padding-left: 67px;
padding-right: 67px
}
.grey-color,
.text-span-3 {
color: #7c90a2
}
.blue-color {
color: #0083fe
}
.column-15 {
padding-top: 43px
}
.div-block-15 {
margin-left: 53px;
padding-right: 7px
}
.column-16 {
padding-top: 43px
}
.drip-color {
color: #4da0f7
}
.hubspot-color {
color: #f46711
}
.mailchimp-color {
color: #52bad5
}
.activecampaign-color {
color: #4073b5
}
.convertkit-color {
color: #1677be
}
.autopilot-color {
color: #2fdab8
}
.academy-top-block {
background-color: #062a46;
max-width: 749px;
margin-bottom: -35px;
margin-left: auto;
margin-right: auto;
padding: 0;
display: block;
box-shadow: 1px 17px 30px 2px #2733422b
}
.cta-box-section {
margin-top: 76px;
margin-bottom: 76px
}
.cta-box-section.bottom-section {
margin-bottom: 76px
}
.academy-post-content-block {
max-width: 716px;
margin-left: auto;
margin-right: auto;
display: block
}
.cta-box-heading-box {
background-color: #048ef9;
padding: 25px 39px 10px;
box-shadow: 1px 15px 30px 13px #a2bee32b
}
.cta-box-text-box {
padding: 9px 39px 15px
}
.cta-box-text-box.cta-text-box-top {
padding-top: 43px
}
.cta-box-text-box.text-box-bottom {
padding-left: 0
}
.column-18 {
padding-right: 33px
}
.div-block-17 {
border: 1px solid #d1eaff;
border-radius: 10px;
margin-left: 0;
margin-right: 16px;
padding: 73px 33px 36px
}
.div-block-17.cta-box-browser {
background-image: url(assets/images/others/5923a8f3cd9a555ed977b028_Browser-gradient-1.png);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
border-style: none;
border-width: 0 1px 0 0;
margin-top: 66px;
margin-bottom: 39px;
padding-top: 126px;
padding-bottom: 49px
}
.column-19 {
padding-right: 29px
}
.cta-box-subbox {
background-color: #f5fbff;
border-top: 1px solid #d0e2f0;
padding-top: 31px;
padding-bottom: 31px
}
.column-20 {
padding-left: 0;
padding-right: 0
}
.row-9 {
padding-left: 10px
}
.text-span-4 {
color: #98c3eb;
font-size: 15px
}
.post-images {
margin-top: 27px;
margin-bottom: 27px
}
.link-block,
.link-block-2,
.link-block-3,
.link-block-4,
.link-block-5,
.link-block-6,
.link-block-7 {
margin-left: auto;
margin-right: auto;
display: block
}
.aweber-color {
color: #0079c1
}
.aweber {
margin-left: auto;
margin-right: auto;
padding-top: 8px;
display: block
}
.getresponse {
margin-top: 12px;
padding-top: 0
}
.image-17 {
min-width: 1100px;
margin-top: -126px;
margin-bottom: -68px;
margin-left: -548px
}
.row-10 {
width: 500px;
padding-left: 1px
}
.column-22 {
margin-top: 56px
}
.row-11 {
width: 100%;
margin-top: 41px;
margin-left: auto;
margin-right: auto;
display: block
}
.column-23 {
text-align: center
}
.div-block-18 {
width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 22px;
display: block
}
.column-24 {
margin-top: 10px;
padding-left: 58px
}
.column-24.lg-manifesto-bulelt2 {
margin-top: 0
}
.lg-manifesto {
text-align: left;
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50% 0;
background-size: 100%;
padding-top: 13px;
padding-left: 0
}
.lg-manifesto.lg-validation-section {
margin-top: 87px
}
.lg-manifesto.lg-validation-section.ma-integrate-section {
background-image: url(assets/images/others/594987fb38f2e96258960b04_green-blob2.png), url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: -78%, 50%;
background-repeat: no-repeat, repeat;
background-size: auto 100%, 100%;
padding-top: 66px;
padding-bottom: 43px
}
.lg-manifesto.lg-validation-section.ma-integrate-section.agency-integrate-section {
background-position: -9% 101%, 91px 85%;
background-size: auto 100%, 100%
}
.lg-manifesto.lg-validation-section.om-broadcast-section {
margin-top: 68px;
padding-top: 82px
}
.lg-manifesto.lg-validation-section.om-broadcast-section._w-container-override.broad-cast1.homepage-v2-section-3 {
margin-top: -25px;
margin-bottom: 0;
padding-top: 83px
}
.lg-manifesto.lg-validation-section.om-broadcast-section._w-container-override.broad-cast1.homepage-v2-section-3.hm-v2-agency-section {
background-color: #fff;
background-position: 101px -30px;
margin-top: -63px;
padding-top: 145px
}
.lg-manifesto.lg-validation-section.agency-collaborate-section {
padding-top: 77px
}
.lg-manifesto.lg-validation-section.agency-collaborate-section.alt-sumo-agency-section {
margin-top: -23px
}
.lg-manifesto.lg-test-section {
background-image: none;
padding-top: 113px
}
.lg-manifesto.lg-test-section.ab-test-section.ab-test-section-m.alt-sumo-do-section {
background-image: url(assets/images/others/59517f2daad8c92d51115c84_Confetti-block-1-compressed.png);
background-position: 100%;
background-repeat: no-repeat;
background-size: 267px
}
.lg-manifesto.lg-templates-section {
margin-top: -52px;
margin-bottom: 0;
padding-top: 0
}
.lg-manifesto.om-invision {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png), linear-gradient(#fff, #fff);
background-position: 50% 12px, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
margin-top: -90px;
padding-bottom: 39px
}
.lg-manifesto.ma-targeting-section {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50%;
background-size: 100%
}
.lg-manifesto.ma-targeting-section.agency-targeting-section {
background-image: none
}
.lg-manifesto.ma-roi-section {
margin-bottom: 92px
}
.lg-manifesto.ma-roi-section.agency-roi-section {
background-image: none;
margin-bottom: 187px;
padding-top: 9px
}
.lg-manifesto.lead-gen-section-2 {
padding-top: 48px
}
.lg-manifesto.tracking-section.alt-sumo-tracking-section {
background-position: -80px 0;
padding-top: 123px
}
.lg-manifesto.tracking-section.alt-sumo-dont-do-section {
background-position: -99px 0
}
.lg-manifesto.om-targeting-section,
.lg-manifesto._w-container-override.flow-tracking-section {
background-image: none
}
.lg-manifesto.agency-manifesto-section {
margin-top: -32px
}
.lg-manifesto.agency-manifesto-section.zapier-automations-section {
background-color: #fff;
margin-top: -89px;
margin-bottom: -65px;
padding-top: 79px
}
.lg-manifesto.agency-tracking-section {
background-image: none
}
.lg-manifesto.agency-collaborate-section-2 {
background-position: -107px 0
}
.lg-manifesto.agency-branded-section {
background-position: -85px 0
}
.lg-section3 {
margin-top: 97px
}
.lg-manifesto-section4 {
background-image: url(assets/images/others/59444cdb886e133516988934_gradient-flow.png);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100% 50%;
margin-top: 35px
}
.lg-manifesto-section4.integrations-leadgen-videos-section.ac-deal-leadgen-sec-bg {
background-image: url(assets/images/others/5a97404554bf8f000136a388_ac-grey-wave-bg-mini.png);
background-position: 50% 100%;
background-size: 100%;
padding-bottom: 110px
}
.div-block-19 {
width: 425px;
margin-left: 0
}
.div-block-19.embedded-p {
margin-left: 20px
}
.div-block-19.hook-p {
margin-left: 180px;
margin-right: 0
}
.row-12 {
width: 1280px;
margin-top: 84px;
margin-bottom: 1px;
padding-right: 0;
position: absolute
}
.row-12.lg-overlay-tab-headline {
margin-top: -97px;
padding-left: 67px
}
.row-12.lg-hook-row {
width: 1000px;
padding-right: 0
}
.lg-cta-tab-p {
font-family: Roboto;
font-size: 17px;
font-weight: 400
}
.column-25 {
padding-left: 0
}
.lg-popups-section {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover
}
.lg-embed-section {
background-image: url(assets/images/others/59449b9d16c1f5436ec0500b_grey-bg.png);
background-position: 50% 26%;
background-repeat: no-repeat;
background-size: 100% 90%;
padding-top: 34px;
padding-bottom: 34px
}
.roboto {
font-family: Roboto
}
.lg-responsive-img {
min-width: 1600px;
min-height: 1200px;
margin-top: -237px
}
.lg-responsive-img.onboard-design-img {
margin-bottom: -87px
}
.lg-multistep-img {
margin-top: 38px;
margin-bottom: 40px
}
.div-block-20 {
background-image: url(assets/images/others/5944a4ff58fa7b4b26d84a6f_blue-wave-middle.png);
background-position: 50% 155px;
background-repeat: no-repeat;
background-size: 100% 1100px
}
.div-block-20.lg-multistep-section {
background-position: 0 366px;
margin-top: -158px
}
.div-block-20.om-targeting-section {
background-image: url(assets/images/others/59486088e0adf938efd1f836_purple-blob-1x.png);
background-position: 807px -33%;
background-size: auto;
padding-top: 0;
padding-bottom: 97px
}
.div-block-20.om-targeting-section.ma-targeting-section {
background-image: url(assets/images/others/594987fcbba85829c734f787_green-blob.png);
background-size: auto 90%
}
.div-block-20.om-targeting-section.ma-targeting-section.agency-targeting-bg {
background-position: 807px -26%;
background-size: auto 900px
}
.div-block-20.om-targeting-section.alt-sumo-targeting-section-bg {
background-image: url(assets/images/others/596bd96ba7e82d1205761b22_alt-sumo-blue-blob-bg-1x-optimized.png);
background-position: 808px 126%;
background-size: auto
}
.tabs-3 {
margin-top: 166px
}
.lg-testing-container {
max-height: auto;
min-width: auto;
margin-left: -10px;
padding-left: 67px;
display: block;
overflow: visible
}
.lg-testing-container.text-right {
padding-left: 67px;
padding-right: 0
}
.lg-testing-container.om-broadcast-container {
min-width: 1280px;
margin-left: -192px;
margin-right: auto;
display: block
}
.lg-testing-container.agency-browser-container {
padding-top: 43px
}
.lg-testing-img {
min-width: 1000px;
margin-top: -95px;
margin-left: -533px
}
.lg-testing-img.lg-testing-img-1 {
margin-left: -356px
}
.lg-embed-img {
min-width: 1700px;
margin-left: -601px;
padding-top: 48px;
padding-bottom: 48px
}
.lg-embeddables-section {
padding-top: 59px
}
.lg-automations-section {
margin-top: 84px
}
.lg-automations-section.om-bullets-section {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50%;
background-size: 100%;
margin-top: 0;
padding-bottom: 52px
}
.lg-automations-section.om-bullets-section.ma-bullets-bottom {
margin-top: -320px
}
.lg-automations-section.om-bullets-section.ma-bullets-bottom.agency-bullets-section-2 {
background-position: 0 180px;
padding-bottom: 85px
}
.lg-automations-section.om-bullets-section.ma-bullets-bottom.agency-bullets-section-2.alt-sumo-cta-bg {
background-image: none
}
.lg-automations-section.om-bullets-section.ma-bullets-bottom.agency-bullets-section-2.zapier-zap-row {
margin-top: 0
}
.lg-automations-section.om-bullets-section.agency-bullets-2-section {
padding-top: 27px
}
.lg-automations-section.om-automations-section {
margin-top: -77px
}
.lg-automations-section.agency-ethan-section {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50%;
background-size: 100%;
margin-top: -23px
}
.lg-automations-section.agency-automations-section {
margin-top: 32px
}
.lg-automations-img {
text-align: center;
min-width: 1200px;
margin-left: -138px;
padding-top: 94px;
display: block
}
.lg-queues-img {
min-width: 1200px;
margin-top: 58px;
margin-bottom: 126px;
margin-left: -138px
}
.lg-queues-img.om-queue {
margin-bottom: 88px
}
.lg-profiles-section {
background-image: linear-gradient(140deg, #4fd0e3, #2e7eff);
padding-top: 71px
}
.lg-profiles-img {
min-width: 1050px;
margin-top: 47px;
margin-bottom: -72px;
margin-left: -45px
}
.lg-validation-img {
min-width: 761px;
margin-left: -290px
}
.lg-validation-img.onboard-consultation-img {
min-width: 1400px;
margin-top: -159px;
margin-left: -900px
}
.lg-validation-img.onboard-consultation-img.onboard-consult-img {
min-width: 1000px;
margin-top: -14px;
margin-left: -500px
}
.lg-validation-img.onboard-consultation-img.onboard-consult-img.cyber-design-img {
min-width: 901px;
margin-top: 62px;
margin-bottom: 29px;
margin-left: -422px
}
.lg-stats-img {
min-width: 1000px;
margin-left: -115px
}
.lg-features-section {
background-image: url(assets/images/others/594c7c375d7136161916f6e2_Grey-Bg-features-compressed.png);
background-position: 50% 8px;
background-repeat: no-repeat;
background-size: cover;
padding-top: 146px;
padding-bottom: 167px
}
.lg-features-section.om-features-section.pricing-faq-section.onboard-pricing-faq {
background-image: none;
padding-top: 0
}
.lg-features-columns {
width: auto;
margin-left: -10px;
margin-right: 0;
padding-top: 42px;
padding-bottom: 42px;
display: block
}
.lg-features-columns.om-features-columns {
margin-left: 0
}
.lg-features-columns.om-features-columns.pricing-faq-columns {
padding-bottom: 0
}
.lg-feature {
width: 350px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-21.om-crafted-container {
background-image: none;
margin-top: 3px;
padding-top: 0;
padding-bottom: 0
}
.html-embed-5 {
width: 1035px;
height: 582px;
margin-top: 58px;
margin-bottom: -532px;
margin-left: -518px
}
.div-block-23.om-top-cta-div {
margin-bottom: 30px
}
.div-block-23.lg-top-cta-div {
margin-top: 21px
}
.div-block-23.lg-top-cta-div.lg-top-cta-div-2020 {
float: none;
margin-top: -40px
}
.column-28.onboard-consult-col-left {
padding-left: 43px
}
.om-icon {
margin-left: auto;
margin-right: auto;
display: block
}
.om-icon.ma-icon {
text-align: center;
margin-left: 0
}
.text-span-5,
.text-span-7,
.text-span-8 {
color: #000
}
.row-14 {
float: none;
width: 1100px;
margin-left: -47px;
margin-right: -201px;
display: block;
position: static;
overflow: visible
}
.row-14.om-bullets {
width: 100%;
margin-left: 0;
margin-right: 0
}
.div-block-24 {
width: 1300px;
margin-left: -178px
}
.div-block-24.use-cases-div-block {
width: 1200px;
margin-left: -130px;
margin-right: auto;
display: block
}
.div-block-24.agency-bullet-div {
margin-top: 41px
}
.div-block-24.agency-bullets-3 {
width: 1250px;
margin-left: -160px
}
.om-bullet {
background-image: linear-gradient(#fff, #fff);
border-radius: 4px;
margin: 20px 3px;
padding: 30px 28px;
box-shadow: 0 15px 30px #a2bee330
}
.om-bullet.alt-sumo-cta-box {
width: 865px;
max-width: 865px;
margin-top: -84px;
margin-left: auto;
margin-right: auto;
display: block
}
.om-bullet.zapier-zap {
max-width: 350px;
min-height: 310px;
margin-left: auto;
margin-right: auto;
display: block
}
.om-workflow {
background-image: url(assets/images/others/5900f6fc4afca47d01ec3858_whitecurve-compressed.png);
background-position: 50% 112%;
background-repeat: no-repeat;
background-size: 100%
}
.om-flows-tabs-container {
width: 1400px;
margin-top: 41px
}
.om-broadcasts-img {
min-width: 900px;
margin-top: -90px;
margin-left: -260px
}
.om-broadcasts-img.hm-agency-hero-img {
min-width: 1083px;
margin-top: -60px;
margin-left: -419px
}
.om-broadcasts-img.hm-leadgen-hero-img {
min-width: 1083px;
margin-top: -648px;
margin-left: -419px
}
.om-seanwes {
background-image: url(assets/images/others/5948529a0194a27e3600abd2_grey-blob.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 900px;
height: 600px;
margin-top: -1px;
margin-left: auto;
margin-right: auto;
padding: 97px 100px 100px 81px;
display: block
}
.om-seanwes.ma-ethan {
height: 1050px
}
.om-seanwes.ma-ethan.agency-ethan {
background-image: none
}
.om-seanwes.om-invision {
height: 550px
}
.om-seanwes.integration-testimonial-leadgen-cont {
height: 700px;
margin-top: -27px;
margin-bottom: 0;
padding-top: 44px;
padding-bottom: 51px
}
.image-22 {
max-width: 60px;
margin-left: auto;
margin-right: auto;
display: block
}
.image-22.ma-testimonial1-quotes {
padding-top: 103px
}
.om-seanwes-img {
max-width: 80px
}
.row-15 {
margin-top: 22px
}
.text-span-9 {
color: #000;
text-align: right
}
.text-span-10 {
font-size: 16px
}
.om-visual-builder-container {
width: 1000px;
margin-top: 68px;
margin-left: -365px
}
.om-visual-builder-container.agency-builder-container {
width: auto;
margin-top: 0;
margin-left: 0
}
.om-builder-tabs {
margin-top: 26px;
margin-bottom: 50px
}
.om-testimonial-log {
height: 35px;
margin-top: 16px;
margin-bottom: 9px;
margin-left: 126px
}
.om-testimonial-log.ma-testimonial-logo {
height: 35px;
margin-top: -3px;
margin-left: 120px
}
.om-embeddables-bg {
background-image: url(assets/images/others/59486799e6a1f54b184b0d25_purple-wave.png);
background-position: 51% 44%;
background-repeat: no-repeat;
background-size: 100% 80%;
padding-top: 29px;
padding-bottom: 93px
}
.om-embeddables-bg.ma-green-wave-bottom {
background-image: url(assets/images/others/594987fc5863c767cf9cf42d_green-wave.png);
background-size: 100% 100%;
padding-top: 180px;
padding-bottom: 142px
}
.om-embeddables-bg.ma-green-wave-bottom.alt-sumo-cta-bg {
background-image: url(assets/images/others/596bdcf1d477b751b56b416d_alt-sumo-cta-bg-optimized.png);
background-size: 100% 100%
}
.om-embeddables-bg.ma-green-wave {
background-image: url(assets/images/others/594987fc5863c767cf9cf42d_green-wave.png);
background-size: 100% 100%;
background-attachment: scroll
}
.om-embeddables-bg.ma-green-wave.zapier-orange-wave {
background-image: url(assets/images/others/59a99eece1461c0001474358_orange-wave-bg-compressed.png);
background-size: 100%
}
.om-crafted-section {
background-image: linear-gradient(145deg, #6da2ec, #5155bd);
margin-top: -51px
}
.om-crafted-section.ma-crafted-section {
background-image: linear-gradient(145deg, #00aba0, #50e8bf)
}
.om-crafted-columsn {
width: 1100px
}
.om-crafted-img {
min-width: 900px;
margin-top: -25px;
margin-bottom: -68px
}
.om-crafted-column1 {
padding-top: 180px
}
.ma-title-container {
width: 500px
}
.ma-top-columns {
width: 1300px;
padding-bottom: 0
}
.ma-top-columns.default-top-columns {
width: auto
}
.ma-top-img {
min-width: 1050px;
margin-bottom: -143px;
margin-left: -214px;
padding-top: 27px
}
.ma-top-img.agency-top-img {
padding-top: 0
}
.ma-top-titles {
margin-top: 40px;
margin-left: 40px
}
.ma-top-titles.agency-top-titles {
margin-top: 3px;
margin-left: 70px
}
.ma-top-titles.agency-top-titles.zapier-top-titles {
margin-left: 0
}
.ma-top-titles.agency-top-titles.default-top-titles {
margin-bottom: 184px
}
.ma-platform-container {
padding-top: 94px;
padding-bottom: 34px
}
.ma-platform-container.agency-platform-container.zapier-personalize-section {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 0 0;
background-size: 100%;
margin-top: -189px;
padding-top: 54px
}
.ma-icon {
text-align: center;
max-width: 160px;
margin: 11px auto 14px;
display: block
}
.ma-icon.zapier-zap-img {
text-align: left;
max-width: 160px;
max-height: 45px;
margin-left: 1px
}
.agency-platform {
width: 911px;
margin-top: 74px;
margin-left: -36px;
margin-right: auto;
display: block
}
.agency-platform.zapier-personalize-img {
width: 1626px;
min-width: 1626px;
margin-top: 38px;
margin-left: -150px
}
.pricing-columns-container {
width: 1200px;
margin-top: -304px;
margin-left: auto;
margin-right: auto;
display: block
}
.pricing-box {
background-image: linear-gradient(#fff, #fff);
border-style: none;
border-radius: 6px;
min-height: 500px;
margin-bottom: 50px;
margin-left: 0;
margin-right: 0;
padding-top: 33px;
padding-bottom: 33px;
box-shadow: 11px 11px 30px #19222912
}
.pricing-box.pricing-box-pro {
border: 2px solid #2bc3a6;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-top: 0
}
.pricing-box.pricing-box-pro.pricing-plan-box-three {
box-shadow: none;
border-width: 0;
border-color: #d2e9ff;
padding-bottom: 0
}
.pricing-box.pricing-box-pro.pricing-plan-box-two {
box-shadow: none;
border: 1px solid #d2e9ff;
border-style: solid none;
border-radius: 0;
min-height: 500px;
margin-top: 0;
padding-top: 33px;
padding-bottom: 0
}
.pricing-box.pricing-box-pro.pricing-plan-box-two._2023 {
min-height: 1000px;
padding-bottom: 0
}
.pricing-box.onboard-pricing-box {
width: 375px;
margin-left: auto;
margin-right: auto;
display: block
}
.pricing-box.cf2-pricing-plan-box {
box-shadow: none;
background-color: #fff;
background-image: none;
border: 1px solid #d2e9ff
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one {
border-right-width: 1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-height: 1075px;
padding-top: 33px;
padding-bottom: 155px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one.pricing-2021-free {
border-width: 1px;
min-height: 500px;
padding-top: 35px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one._2023 {
min-height: 1000px;
padding-bottom: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one._2024 {
border-right-width: 0;
min-height: 500px;
padding-bottom: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-two {
border-left-width: 1px;
border-right-width: 1px;
border-radius: 0;
padding-bottom: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-four {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
min-height: 1075px;
padding-bottom: 143px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-four.pricing-2021-business-box {
min-height: 500px;
padding-top: 32px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-four._2023 {
border-top-right-radius: 6px;
min-height: 500px;
padding-bottom: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-three {
border-right-style: none;
border-radius: 0;
min-height: 1075px;
padding-bottom: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-three._2023 {
min-height: 1000px
}
.text-span-11 {
color: #0091f3;
font-family: Inter, sans-serif
}
.text-span-11.most-popular-text {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 15px;
font-weight: 600
}
.text-span-11.most-popular-text.cf2-pricing-popular-text {
letter-spacing: normal;
text-transform: none;
font-weight: 500
}
.div-block-25 {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px
}
.div-block-25.support-1 {
margin-top: 81px
}
.div-block-25.support-2 {
margin-top: 80px
}
.div-block-25.support-3 {
margin-top: 40px
}
.div-block-25.onboard-pro-support {
margin-top: 39px
}
.text-span-12 {
color: #000
}
.text-span-12.onboard-pro-support {
font-weight: 500
}
.text-span-12.onboard-pro-support.cyber-stories-name-span {
color: #333
}
.text-span-12.cyber-pricing-bonus-title1 {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.pricing-product-icon {
float: right;
max-width: 25px;
margin-top: 3px;
margin-right: 10px
}
.pricing-product-columns {
margin-top: 10px;
margin-bottom: 10px
}
.pricing-link-box {
width: 200px;
margin-left: auto;
margin-right: auto;
display: block
}
.text-span-13 {
font-size: 20px;
font-weight: 400
}
.lg-icon-1 {
margin-top: 23px
}
.lg-icon-2 {
margin-top: 33px
}
.lg-icon-3 {
margin-top: 29px
}
.lg-overlays-div {
margin-left: 0
}
.lg-hook-container {
margin-bottom: 54px;
padding-top: 130px
}
.lg-hook-container._w-container-override {
padding-top: 125px
}
.div-block-26 {
width: 425px
}
.div-block-26.cta-template-content {
max-width: 425px;
margin-top: 105px
}
.div-block-26.cyber-design-div {
margin-top: 242px;
margin-bottom: 157px
}
.div-block-27,
.div-block-28 {
max-width: 450px
}
.div-block-28.lg-ab-test-div {
margin-left: -17px
}
.lg-featured-row {
padding-left: 0
}
.lg-featured-row.onboard-design-row {
margin-left: 1px
}
.div-block-29 {
padding-left: 67px
}
.div-block-29.featured-brand-div.onboard-design-col-left {
padding-left: 0
}
.column-29 {
margin-top: 188px
}
.div-block-30 {
width: auto;
margin-left: auto;
margin-right: auto;
padding-left: 67px;
padding-right: 67px;
display: block
}
.lg-ctatemplates-img {
width: 949px;
min-width: 949px;
margin-top: -190px;
margin-left: -647px
}
.onsite-icon-1 {
margin-top: 26px
}
.onsite-icon-2 {
margin-top: 48px
}
.onsite-icon-3 {
margin-top: 44px
}
.broadcast-div {
margin-left: 0
}
.broadcast-div.homepage-v2-section-3-div.hm-v2-retargeting-div {
margin-top: 53px;
margin-left: 67px
}
.div-block-31 {
margin-left: 1px;
padding-left: 67px
}
.om-features-headlines {
padding-left: 10px;
padding-right: 10px
}
.div-block-32 {
padding-left: 67px
}
.agency-icon-1 {
margin-top: 45px
}
.agency-icon-2 {
margin-top: 48px
}
.agency-icon-3 {
margin-top: 22px
}
.agency-tracking-div,
.agency-content-div {
padding-left: 67px
}
.agency-content-div.agency-content-div-1 {
padding-top: 110px
}
.agency-content-div.agency-content-div-2 {
padding-top: 38px
}
.agency-content-div-right {
margin-left: -22px
}
.white-nav-solution-1 {
width: 100%;
margin-top: 7px;
margin-bottom: 7px
}
.row-17 {
margin-left: 0;
margin-right: 0
}
.nav-solution-icon {
margin-left: 21px
}
.nav-solution-title {
color: #048ef8;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 3px;
font-size: 16px;
font-weight: 600
}
.nav-solution-subtitle {
color: #7c90a2;
font-family: Roboto
}
.nav-list-title {
color: #7c90a2;
font-family: Roboto;
font-size: 17px
}
.div-block-33 {
padding: 20px 24px 10px
}
.html-embed-7 {
max-width: 100px;
min-height: 40px
}
.html-embed-7.div-list-triangle {
max-width: 50px;
margin-top: -40px;
margin-left: 65px
}
.html-embed-7.div-list-triangle.div-list-triangle-small {
margin-left: 55px
}
.html-embed-7.div-list-triangle.div-list-triangle-medium {
margin-left: 60px
}
.html-embed-7.div-list-triangle.div-list-triangle-medium.hm-v2-map-testimonial-triangle {
margin-top: 21px;
margin-bottom: -67px;
margin-left: 0;
transform: rotate(180deg)
}
.html-embed-7.div-list-triangle.div-list-triangle-medium.hm-v2-map-testimonial-triangle.hm-map-triangle-right {
margin-left: 247px
}
.most-popular-div {
background-color: #2bc3a6;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
margin: -42px -2px 33px;
padding-top: 6px;
padding-bottom: 6px
}
.most-popular-div.cf2-pricing-most-popular-div {
margin: -56px 0 32px
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2021-popular {
margin-top: -43px
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2022-popular {
background-color: #003fff;
height: 41px;
margin-top: -46px;
margin-bottom: 37px
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2022-popular.pricing-2022-onboarding-tab {
margin-top: -75px;
margin-bottom: 34px
}
.pricing-tab-menu {
text-align: center;
border-radius: 6px;
max-width: 234px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden
}
.pricing-tab-menu.cf2-pricing-tab-menu {
border: 1px #e2ecf7;
border-width: 1px 0;
border-radius: 0;
max-width: 379px;
margin-bottom: 20px
}
.pricing-menu-tab {
color: #fff;
background-color: #007fff;
border-radius: 0;
padding-top: 13px;
padding-bottom: 13px;
font-family: Roboto;
font-size: 17px
}
.pricing-menu-tab.w--current {
color: #007fff;
background-color: #fff;
border-radius: 0;
display: inline-block
}
.pricing-menu-tab.cf2-pricing-menu-tab {
color: #fff;
background-color: #0000;
border: 1px solid #191a1b;
font-family: Inter, sans-serif
}
.pricing-menu-tab.cf2-pricing-menu-tab.w--current {
color: #fff;
background-color: #191a1b;
border-style: solid;
border-color: #191a1b;
font-family: Inter, sans-serif
}
.pricing-menu-tab.cf2-pricing-menu-tab.sf-font-roboto.smooth {
border-width: 1px;
font-family: Inter, sans-serif;
font-size: 16px
}
.pricing-menu-tab.cf2-pricing-menu-tab.sf-font-roboto.smooth.w--current {
border-color: #007fff
}
.pricing-tab-pane {
padding-top: 30px
}
.link-2 {
color: #2bc3a6;
text-align: center;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
font-family: Roboto;
text-decoration: none;
display: block
}
.link-2.annual-link {
margin-bottom: 5px;
padding-top: 5px;
font-family: Inter, sans-serif;
font-size: 13px
}
.text-span-14 {
color: #2bc3a6;
font-weight: 500
}
.text-span-15 {
color: #c4d2df;
text-decoration: line-through
}
.text-span-16 {
color: #7c90a2;
text-decoration: line-through
}
.text-span-17 {
color: #7c90a2
}
.text-span-18 {
color: #7c90a2;
text-decoration: line-through
}
.text-span-19 {
color: #7c90a2
}
.text-span-20 {
color: #7c90a2;
text-decoration: line-through
}
.text-span-21 {
color: #7c90a2
}
.homepage-v2-solution-icon {
max-width: 35px;
margin-top: 4px
}
.hm-v2-testimonial-small {
max-width: 425px;
margin-top: 48px
}
.hm-v2-testimonial-small.hm-testimonials-invision {
max-width: 450px
}
.hm-v2-testimonial-small.hm-v2-testimonial-map-left {
max-width: 400px;
margin-top: -414px;
margin-bottom: -414px;
margin-left: -129px;
position: relative
}
.hm-v2-testimonial-small.hm-v2-testimonial-map-left.hm-v2-map-testimonial-right {
float: right;
margin-top: -412px;
margin-left: 43px;
margin-right: -120px;
position: relative
}
.hm-v2-testimonial-small-img {
max-width: none;
margin-left: -30px
}
.hm-v2-testimonial-small-img.hm-v2-map-test-img {
margin-left: 0;
margin-right: -30px
}
.hm-v2-testimonial-small-img.nate-testimonial-img {
border-radius: 100%;
max-width: 35px;
margin-top: 12px;
margin-left: 0
}
.hm-v2-testimonial-small-img.e-spiro-profile {
margin-top: 7px;
margin-left: 0
}
.hm-v2-testimonial-logo {
margin-top: 12px
}
.hm-v2-testimonial-logo.hm-invision-logo {
max-width: 80px
}
.hm-v2-testimonial-logo.hm-invision-logo.e-spiro-logo-sm {
float: right;
text-align: right
}
.hm-v2-testimonial-logo.rving-planet-testimonial-logo {
margin-top: 18px
}
.html-embed-8 {
width: 1013px;
height: 600px
}
.html-embed-8.hm-leadgen-hero-video {
height: 575px;
margin-left: -384px
}
.integrations-box {
background-image: url(assets/images/others/5956ad95d5ec0e3bc04656c0_hm-grey-blob-compressed.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 100%;
width: 1298px;
margin-left: -181px;
margin-right: auto;
padding-top: 55px;
padding-bottom: 55px;
display: block
}
.integrations-box.integrations-box2 {
background-size: 100%
}
.hm-slider-slide {
background-color: #202a33;
background-image: url(assets/images/others/5957f8babdf15346a6da31d5_hm-story-ctb-compressed.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
margin-left: 0
}
.hm-slider-slide.hm-slider-slide-2 {
background-color: #202a33;
background-image: url(assets/images/others/5956d56e8ca1b844e44444ee_hm-story-2-compressed.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover
}
.hm-slider-slide.hm-slider-slide-1 {
background-image: url(assets/images/others/5957f86d2afc715251b7a38d_hm-story-invision-compressed.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover
}
.div-block-34 {
overflow: hidden
}
.slider {
background-color: #202a33;
min-height: 580px;
margin-left: 0
}
.mask {
margin-bottom: 1px;
margin-left: 0;
padding-left: 15%;
padding-right: 15%
}
.hm-story-box {
z-index: 7777;
background-color: #2d9aff;
background-image: url(assets/images/others/59485330051db53cbd1e7bf1_quote.png);
background-position: 15px 30px;
background-repeat: no-repeat;
background-size: 48px;
max-width: 500px;
margin-top: 74px;
margin-bottom: 0;
padding-top: 36px;
padding-bottom: 36px;
position: relative
}
.column-35 {
padding-left: 0;
padding-right: 0
}
.hm-story-p.hm-story-link {
color: #fff;
margin-left: 44px;
margin-right: 44px;
font-family: Roboto;
font-size: 18px;
text-decoration: none
}
.hm-story-inner-div {
background-color: #202a33b8;
height: 580px;
margin-top: -500px;
padding-bottom: 74px
}
.hm-story-inner-div.hm-story-inner-div-invision {
margin-top: -403px
}
.hm-story-inner-div.hm-story-inner-div-ctb {
margin-top: -444px
}
.image-23 {
min-width: 960px;
margin-top: -42px;
margin-left: -24px;
display: block
}
.hm-v2-map-testimonial-box {
background-color: #fff;
border-radius: 6px;
margin-bottom: 28px;
padding: 30px 28px 37px;
box-shadow: 2px 15px 30px #7891b330
}
.text-span-22 {
color: #399ffe;
font-weight: 500
}
.hm-v2-map-testimonial-row {
padding-left: 56px;
padding-right: 56px
}
.hm-v2-map-testimonial-row.row-right {
padding-right: 44px
}
.hm-v2-map-testimonial-row.row-left {
padding-left: 54px
}
.hm-v2-map-testimonial-quote {
margin-top: -73px;
margin-left: -35px
}
.lg-cta-bottom-html {
width: 100%
}
.home-vid-cta-embed {
height: 64px;
margin-top: 15px;
margin-left: -10px
}
.alt-sumo-arrow-left {
margin-left: -67px
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex
}
.onboard-manifesto-conti {
width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 34px;
display: block
}
.onboard-manifesto-conti.cyber-funnel-div {
margin-top: -53px;
padding-top: 0
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture {
margin-top: 0
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-schedling-container {
padding-top: 165px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-lead-div-m.integrations-builder-section.ac-deal-builder-section {
padding-top: 64px
}
.onboard-manifesto-ima {
width: 1000px;
max-width: 1000px;
margin-top: -153px
}
.onboard-process {
width: 785px;
margin-bottom: 29px;
margin-left: auto;
margin-right: auto;
display: block
}
.onboard-process-con {
width: 1100px;
margin-left: auto;
margin-right: auto;
display: block
}
.onboard-process-con.onboard-packages-box {
width: 900px
}
.onboard-process-con.cyber-solutions-div {
width: 100%;
margin-top: 247px;
margin-bottom: 105px
}
.onboard-process-con.cyber-solutions-div.enterprise-features-box {
margin-top: 284px;
margin-bottom: 300px
}
.onboard-process-con.cyber-solutions-row {
width: auto
}
.onboard-process-con.integration-lead-generation-contain {
margin-top: 60px;
margin-bottom: 24px
}
.onboard-process-numb.onboard-products-icon {
text-align: left;
max-width: 60px;
margin-left: auto;
margin-right: auto;
display: block
}
.onboard-process-numb.onboard-products-icon.cyber-stories-customer-img {
border-radius: 200px;
max-width: 101px;
margin-left: -47px;
box-shadow: 13px 13px 46px #00000030
}
.onboard-bonus {
margin-top: 108px;
margin-bottom: 139px
}
.onboard-bonus.cyber-design-section {
background-color: #313d81;
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a18e3eb6b2f3a0001d4f68c_cyber-white-curve-down.png), url(assets/images/others/5a18d5c1cc80bd0001eeb8f9_cyber-bg-1.png);
background-position: 50% 100%, 50% 0, 0 0;
background-repeat: no-repeat, no-repeat, repeat;
background-size: 100%, 100%, cover;
margin-top: -302px
}
.onboard-bonus.cyber-design-section.cyber-solutions-section {
background-color: #0983f4;
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a18e3eb6b2f3a0001d4f68c_cyber-white-curve-down.png), url(assets/images/others/5a19c7a46b2f3a0001d5575e_cyber-bg-2.png);
margin-top: -159px
}
.onboard-bonus.cyber-design-section.cyber-solutions-section.cyber-stories-section {
background-color: #313d81;
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a18e3eb6b2f3a0001d4f68c_cyber-white-curve-down.png), url(assets/images/others/5a19d6f945a0eb0001876caf_cyber-bg-3.png);
background-repeat: no-repeat, no-repeat, no-repeat;
margin-bottom: 0
}
.onboard-bonus.cyber-design-section.cyber-solutions-section.enterprise-more-features {
background-color: #0a1330;
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a18e3eb6b2f3a0001d4f68c_cyber-white-curve-down.png);
background-position: 50% 100%, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%;
margin-bottom: 0
}
.onboard-process-section {
margin-bottom: 156px
}
.onboard-process-section.onboard-products-sectin {
background-image: linear-gradient(#f7faff, #f7faff);
margin-bottom: 105px;
padding-top: 56px;
padding-bottom: 134px
}
.onboard-process-section.onboard-products-sectin.cyber-pricing-section {
background-image: none;
margin-top: -218px
}
.onboard-process-section.cyber-section-2-container {
margin-top: -31px;
margin-bottom: 0
}
.onboard-process-section.cyber-section-2-container.enterprise-integrations-section {
margin-top: -243px
}
.onboard-process-section.cyber-section-2-container.enterprise-integrations-section.bg-moved {
margin-top: -139px
}
.onboard-design-con {
margin-top: 50px;
padding-left: 50px
}
.onboard-discount-img {
width: 800px;
margin-left: auto;
margin-right: auto;
display: block
}
.onboard-product-link {
text-decoration: none
}
.onboard-t-shirt {
min-width: 600px
}
.onboard-tshirt-section {
margin-bottom: 78px
}
.letschat {
color: #0092f1;
cursor: pointer;
text-decoration: underline
}
.onboard-tshirt-col {
padding-left: 50px
}
.link-3,
.link-4 {
text-decoration: none
}
.light-link {
color: #008ef9;
text-decoration: none
}
.light-link.enterprise-light-link {
color: #2f2f2f
}
.light-link.enterprise-light-link.enterprise-more-feature-title {
color: #fff
}
.link-5 {
text-decoration: none
}
.zapier-top-div {
width: 1300px;
margin-left: auto;
margin-right: auto;
padding-top: 81px;
display: block
}
.zapier-top-hero-img {
margin-top: 36px;
margin-left: auto;
margin-right: auto;
display: block
}
.zapier-logo {
margin-left: auto;
margin-right: auto;
display: block
}
.image-24 {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.zapier-automation-img {
margin-top: 0;
padding-top: 36px
}
.zapier-zap-link {
color: #003fff;
margin-top: 0;
padding-top: 0;
font-size: 18px;
line-height: 23px;
text-decoration: none
}
.zapier-zap-link-box {
padding-top: 24px
}
.link-block-8 {
margin-left: auto;
margin-right: auto;
display: block
}
.campaign-monitor-color {
color: #509cf6
}
.image-25 {
margin-left: auto;
margin-right: auto;
display: block
}
.sendinblue-color {
color: #3498db
}
.leadsquared-color {
color: #309bfd
}
.getresponse-color {
color: #00aeef
}
.cf-home-stories-contain {
max-width: 1100px;
margin: 106px auto 0;
display: block
}
.cf-home-story-col {
background-image: linear-gradient(#fff, #fff);
border: 1px solid #e2eefb;
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
padding: 30px 0;
box-shadow: 0 15px 30px #a2bee330
}
.cf-home-story-logo {
max-width: 160px;
max-height: 22px
}
.cf-home-story-head {
padding-left: 25px;
padding-right: 25px
}
.cf-home-story-person-img {
border: 0 solid #fff;
border-radius: 100%;
max-width: 55px;
margin-top: -25px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf-home-story-person-img.enterprise-customer-img {
float: left;
margin-top: 0
}
.cf-home-story-button {
color: #2d9aff;
text-align: center;
background-image: linear-gradient(#fff, #fff);
border: 1px solid #2d9aff;
border-radius: 5px;
min-width: 120px;
max-width: 120px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
font-family: Roboto;
display: block
}
.cf-home-story-button.enterprise-story-cta {
float: left;
color: #fff;
background-color: #0000;
background-image: none;
border-color: #fff;
margin-top: 33px
}
.cf-home-story-bg {
background-image: url(assets/images/others/59dee18db807d80001d100ba_59c18c73802d9b0001335dec_2-Examine.com-Featured_compressed%20\(1\).png);
background-position: 0 0;
background-size: 100%;
min-height: 163px
}
.cf-home-story-bg.cf-home-story-bg-fee {
background-image: url(assets/images/others/59dee603986b7f0001b3b6e0_59c975bab6de340001eea020_1-fee-featured-img1.2-compressed%20\(1\).png);
background-size: 100%
}
.cf-home-story-bg.cf-home-story-bg-repsly {
background-image: url(assets/images/others/59dee7811dd67c00012ad4a0_Market-min-min.jpg);
background-size: 100%
}
.bold-text {
color: #7c90a2
}
.default-page-body-section {
border: 1px solid #000;
border-top-color: #dfecf8;
border-bottom: 0 #dfecf8
}
.default-page-body-section.default-page-body-border {
border-bottom-style: solid;
border-bottom-width: 1px
}
.default-body-div {
margin: -93px 70px 78px
}
.default-body-div.default-body-div-new {
margin-top: 78px
}
.default-body-content-block {
padding-right: 26px
}
.cyber-top-prehead-b {
font-weight: 400
}
.cyber-top-prehead-b.enterprise-top-prehead {
color: #fff;
letter-spacing: 1px;
font-family: proxima-nova;
font-size: 16px
}
.cyber-top-prehead-b.enterprise-top-prehead.integration-top-prehead.activecampaign-color {
color: #3b74b2
}
.cyber-top-prehead-b.enterprise-top-prehead.integration-top-prehead.activecampaign-color.ac-deal-preheadline {
color: #2d9aff
}
.cyber-video-box {
background-image: url(assets/images/others/5a18e106b1b09d000193ce4a_cyber-circle-top.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 100%;
margin-top: 35px;
margin-bottom: 35px;
padding-top: 82px;
padding-bottom: 82px
}
.cyber-video-box.enterprise-integrations-box {
background-image: none;
margin: 0
}
.cyber-video {
max-width: 858px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 15px 30px #224f882e
}
.cyber-line-1 {
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-line-2 {
margin-top: 23px;
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-section-2 {
background-color: #98ddee;
background-image: url(assets/images/others/5a18f4476b2f3a0001d4fac6_cyber-white-curve-up-simple.png), url(assets/images/others/5a18e3eb6b2f3a0001d4f68c_cyber-white-curve-down.png);
background-position: 50% 100%, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%;
margin-top: -90px
}
.cyber-swag-div {
padding-top: 220px;
padding-bottom: 175px
}
.cyber-tshirt-img {
min-width: 547px;
margin-top: 44px;
margin-left: -93px
}
.cyber-tshirt-img.cyber-pricing-tshirt {
min-width: 0;
margin-top: -8px;
margin-bottom: -70px;
margin-left: -4px;
overflow: visible
}
.cyber-swagpack-tshirt {
min-width: 608px;
margin-left: -200px
}
.cyber-swag-text-div {
z-index: 777;
max-width: 717px;
margin-top: 47px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative
}
.image-26 {
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-swag-2-col-box {
margin-top: 49px;
margin-left: auto;
margin-right: auto;
display: block
}
.swag-col-box {
margin-top: 99px
}
.cyber-swag-2-box {
max-width: 550px;
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-funnel-strategy-box.cyber-discount-box {
margin-left: -92px
}
.cyber-funnel-strategy-box.cyber-funnel-box {
margin-left: -64px
}
.image-27 {
min-width: 789px
}
.image-27.cyber-funne-strategy-img {
margin-top: -586px
}
.image-27.cyber-funne-strategy-img.cyber-discount-img {
min-width: 727px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img {
min-width: 1083px;
margin-top: -804px;
margin-left: -49px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-scheduling-img {
margin-top: 51px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-scheduling-img.enterprise-users-img {
min-width: 1180px;
margin-left: -64px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-services-img {
margin-top: 77px;
margin-left: -71px
}
.cyber-funnel-circle {
min-width: 593px;
margin-top: 0
}
.cyber-funnel-circle.enterprise-circle-shape {
min-width: 1299px;
margin-top: -528px;
margin-left: 463px;
margin-right: 0
}
.cyber-funnel-circle.enterprise-circle-shape.enterprise-lead-circle {
margin-top: 0;
margin-left: 0
}
.cyber-strategy-line-1-img {
margin-left: 114px;
margin-right: auto;
display: block
}
.cyber-strategy-line-2-img {
margin-left: 235px
}
.cyber-discount-line-img {
margin-bottom: 17px;
margin-left: 89px
}
.cyber-discount-section {
margin-top: -326px
}
.cyber-discount-section.enterprise-retargeting-section {
background-image: url(assets/images/others/5a7348c82ab72d0001511984_Outlined-shape-big-compressed.png);
background-position: 61% 0;
background-repeat: no-repeat;
background-size: 1299px;
margin-top: -202px;
padding-top: 303px
}
.cyber-discount-section.enterprise-retargeting-section.enterprise-analytics-section {
background-image: url(assets/images/others/5a734302ad4b030001bc044b_Outlined-shape-compressed.png);
background-position: -900px 80%;
background-repeat: no-repeat;
background-size: 1299px;
margin-top: 0;
padding-top: 62px;
padding-bottom: 53px
}
.cyber-discount-section.enterprise-retargeting-section.enterprise-analytics-section.enterprise-support-section {
background-image: none;
padding-top: 194px
}
.cyber-discount-section.enterprise-retargeting-section.enterprise-analytics-section.enterprise-support-section.integrations-support {
padding-top: 28px
}
.cyber-discount-circle {
min-width: 727px
}
.cyber-discount-circle.enterprise-retargeting-img {
min-width: 1083px;
margin-left: -418px
}
.cyber-discount-circle.enterprise-retargeting-img.enterprise-analytics-img.enterprise-websites-img.enterprise-support-img {
min-width: 1100px;
margin-left: -450px
}
.cyber-discount-line-2-img {
margin-top: -98px;
margin-left: 124px
}
.cyber-solutions-box {
background-color: #fff;
margin-left: 15px;
margin-right: 15px;
padding: 46px 19px;
box-shadow: 0 16px 30px #a2bee363
}
.cyber-solutions-box.cyber-stories-big-box {
background-color: #7ccdb9
}
.cyber-solutions-box.cyber-stories-box {
min-height: 449px;
box-shadow: 0 16px 30px #23304140
}
.cyber-solutions-box.enterprise-lead-features-box {
padding-top: 29px;
padding-bottom: 29px;
box-shadow: 0 16px 30px #a2bee33b
}
.cyber-solutions-box.enterprise-lead-features-box.enterprise-more-feature-box {
box-shadow: none;
background-color: #0f1a3c;
border-radius: 8px
}
.cyber-solutions-box.enterprise-lead-features-box.enterprise-more-feature-box.enterprise-story-box {
background-image: linear-gradient(#0f1a3c, #1c2a58ba), url(assets/images/others/59dee128504b4400014d3664_59c18c73802d9b0001335dec_2-Examine.com-Featured_compressed.png);
background-position: 0 0, 63% -114px;
background-repeat: repeat, no-repeat;
background-size: auto, 1440px;
border-radius: 0;
box-shadow: 0 16px 30px #a2bee33b
}
.cyber-solutions-box.enterprise-lead-features-box.enterprise-more-feature-box.enterprise-story-box.story-box-fee {
background-image: linear-gradient(#0f1a3c, #1c2a58ba), url(assets/images/others/5a738b8f106faa0001147575_1-fee-featured-img1.2-compressed.png);
background-position: 0 0, -236px 20px;
background-size: auto, 720px
}
.cyber-solutions-box.enterprise-lead-features-box.enterprise-more-feature-box.enterprise-story-box.story-box-spiro {
background-image: linear-gradient(#0f1a3c, #1c2a58ba), url(assets/images/others/5a738bc9106faa0001147595_Full-Team-Smaller.jpg);
background-position: 0 0, -186px 39px;
background-size: auto, cover
}
.cyber-solutions-box.enterprise-lead-features-box.integrations-lead-features-box {
padding-right: 27px
}
.cyber-solutions-container {
text-align: left;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-solutions-container.enterprise-lead-features-box {
max-width: none;
margin-top: 49px
}
.cyber-pricing-line-img {
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-pricing-box {
background-image: url(assets/images/others/5a19d2346b2f3a0001d56144_cyber-circle-bottom.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 1104px;
padding-top: 64px
}
.cyber-column {
padding-left: 0;
padding-right: 0;
display: block
}
.cyber-stories-container {
margin-bottom: 30px
}
.cyber-stories-book-w {
float: right;
margin-top: 24px;
margin-right: 28px
}
.cyber-stories-book-w.cyber-stories-book-b {
margin-top: 32px;
margin-right: 0
}
.cyber-stories-big-top {
margin-top: -17px
}
.cyber-stories-big-top-line {
border-top: 1px solid #000;
min-width: 156px;
margin-top: 49px;
margin-left: -91px;
margin-right: 90px
}
.cyber-stories-big-top-line.cyber-stories-big-bottom-line {
min-width: 86px;
margin-left: -19px
}
.cyber-stories-big-top-line.cyber-stories-small-top-line {
min-width: 50px;
margin-left: -14px
}
.cyber-stories-big-name {
margin-top: 33px
}
.cyber-stories-big-link {
float: right;
color: #fff;
margin-top: 45px;
margin-right: 28px;
font-family: Roboto;
font-size: 17px;
font-weight: 500;
text-decoration: none
}
.cyber-stories-big-link.smooth.cyber-stories-small-link {
float: none;
color: #008ef9;
margin-top: 0;
margin-right: 0
}
.cyber-stories-small-div {
padding-left: 10px
}
.cyber-stories-small-link-box {
margin-top: 30px
}
.cyber-star {
color: #1abc9c
}
.cyber-pricing-bonus-box {
background-color: #98ddee;
margin-top: 43px;
overflow: hidden
}
.cyber-pricing-bonus-text {
font-size: 14px;
line-height: 14px
}
.cyber-top-text {
color: #c7dbff;
font-size: 15px;
line-height: 15px
}
.cyber-pricing-pro-spots {
color: #1abc9c
}
.text-span-31 {
text-decoration: line-through
}
.cyber-countdown {
max-width: 460px;
margin-top: 22px;
margin-left: auto;
margin-right: auto;
display: block
}
.cs-cta-link {
padding-top: 25px
}
.cs-cta-link-ahref {
color: #008df9;
text-decoration: none
}
.enterprise-logos-div {
margin-top: -57px;
margin-bottom: 83px
}
.enterprise-logos-block {
margin-top: 44px
}
.enterprise-leadcapture-txt-box {
margin-top: 107px
}
.enterprise-leadcapture-txt-box.text-box-1 {
margin-top: 141px
}
.enterprise-leadcapture-txt-box.textbox-3 {
margin-top: 211px
}
.enterprise-leadcapture-txt-box.textbox-5 {
margin-top: 125px
}
.enterprise-leadcapture-txt-box.textbox-7 {
margin-top: 185px
}
.enterprise-lead-features-div {
margin-top: 35px;
margin-bottom: 55px
}
.enterprise-lead-features-div.enterprise-retargeting-features-div {
margin-top: 78px
}
.enterprise-lead-features-div.integration-features-top-cont.ac-deal-benefits-box {
margin-top: 132px
}
.enterprise-retargeting-txt-box {
margin-top: 70px;
margin-left: 18px
}
.enterprise-retargeting-txt-box.textbox-2 {
margin-top: 98px
}
.enterprise-retargeting-txt-box.textbox-6 {
margin-top: 166px
}
.enterprise-scheduling-section {
background-image: url(assets/images/others/5a73557c3ff34f000198cc37_Outlined-shape-big-dark-compressed.png);
background-position: -286px 0;
background-repeat: no-repeat;
background-size: 1747px;
padding-bottom: 210px
}
.enterprise-scheduling-section.team-collab-section.integration-offer-section {
padding-bottom: 236px
}
.enterprise-integrations-div {
max-width: 1207px;
margin-left: auto;
margin-right: auto;
display: block
}
.enterprise-team-section {
margin-top: -233px
}
.enterprise-team-section.enterprise-stories-section {
background-image: url(assets/images/others/5a7377d8106faa00011453e1_Outlined-shape-section-compressed.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 1747px;
padding-top: 96px;
padding-bottom: 118px
}
.enterprise-team-section.e-services-section {
margin-top: -20px
}
.enterprise-cta-section {
margin-bottom: 300px;
padding-top: 58px
}
.enterprise-stories-outer-div {
margin-left: -16px;
margin-right: -16px
}
.enterprise-cta-box {
margin-top: 47px
}
.enterprise-story-inner-box {
max-width: 95%;
margin-left: auto;
margin-right: auto;
display: block
}
.enterprise-customer-txt-box {
margin-left: 19px
}
.enterprise-top-ctas-box {
margin-top: 17px
}
.enterprise-customer-logo.e-examine-logo {
margin-left: auto;
margin-right: auto;
display: block
}
.enterprise-customer-logo.e-bluegrace-logo {
margin-top: -5px;
margin-left: 36px;
margin-right: auto;
display: block
}
.enterprise-customer-logo.e-lifeaid-logo {
margin-left: auto;
margin-right: auto;
display: block
}
.enterprise-customer-logo.e-spiro-logo {
margin-top: -15px;
margin-left: 65px;
margin-right: auto;
display: block
}
.integration-top-video {
max-width: 850px;
margin: 36px auto 32px;
padding: 20px;
display: block
}
.integration-top-video.ac-deal-top-video {
margin-bottom: -78px
}
.integrations-page-container {
width: 1150px;
margin: 0 auto;
padding-top: 0;
padding-bottom: 45px;
display: block
}
.integration-ac-logo {
max-width: 200px
}
.integrations-deal-container {
float: none;
background-image: linear-gradient(#fff, #fff);
border-radius: 4px;
max-width: 100%;
min-height: 500px;
margin-top: 98px;
padding: 47px 10px;
display: block;
box-shadow: 0 16px 30px #a2bee33b
}
.integrations-deal-container.ac-deal-container {
border-radius: 10px;
min-width: 750px;
padding-left: 53px;
padding-right: 53px
}
.integration-testimonial-name {
color: #fff
}
.read-story-link {
float: none;
color: #1f8af7;
margin-top: 10px;
font-style: normal;
text-decoration: none
}
.read-story-link.testimonial-story-link {
text-align: right
}
.integration-os-head-section {
margin-bottom: 169px
}
.integrations-os-cta-cont {
margin-bottom: 20px
}
.ac-deal-retargeting-box {
margin-top: 38px;
margin-bottom: 99px
}
.text-span-36 {
color: #00bc9d
}
.reg-page-sidenav-link {
color: #7c90a2;
background-color: #eef6ff;
min-width: 275px;
padding: 10px 30px;
font-family: Roboto;
font-size: 17px
}
.reg-page-sidenav-btn-div {
margin-top: 6px;
margin-bottom: 6px
}
.page-section.hm-hero-bg {
background-color: #0036da;
background-image: url(assets/images/others/5a18f4476b2f3a0001d4fac6_cyber-white-curve-up-simple.png), url(assets/images/others/5b4f90a1873d4468dcd05706_hm-hero-bg-mini.png);
background-position: 106% 106%, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%
}
.page-section.hm-hero-bg.hm-hero-bg-1 {
background-position: 50% 105%, 50% 0;
padding-bottom: 45px
}
.page-section.hm-hero-bg.hm-hero-bg-1.partners-hm-hero-bg {
background-color: #0f1376;
background-image: url(assets/images/others/5dcedc73a5aec03d1dd97fdf_bg-partners-top-right-mini.png), url(assets/images/others/5dcedc848763a14644da98a0_bg-partners-bottom-left-mini.png);
background-position: 100%, 0 92%;
background-repeat: no-repeat, no-repeat;
background-size: 231px, 203px;
padding-top: 80px;
padding-bottom: 0
}
.page-section.hm-hero-bg.hm-hero-bg-1._2020 {
padding-top: 90px
}
.page-section.white-pattern-bg {
background-image: url(assets/images/others/5b50d13f584bd784290cf854_cf2-bg-whitecurve-reversed-mini.png), url(assets/images/others/5b50d0c95d6e7e3361908849_cf2-white-pattern-bg-mini.png);
background-position: 50% 0, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%
}
.page-section.white-pattern-bg.hm-section-3-bg {
margin-top: -269px
}
.page-section.white-pattern-bg.hm-section-3-bg.hidden {
display: none
}
.page-section.sf-font-roboto.smooth.light-blue-bg.tools-contact-profile-section {
max-height: 710px;
overflow: hidden
}
.page-section.blue-pattern-bg {
background-color: #0f1376;
background-image: url(assets/images/others/5b50d13f584bd784290cf854_cf2-bg-whitecurve-reversed-mini.png), url(assets/images/others/5b562f538315c56247658b51_cf2-blue-pattern-bg-mini.png);
background-position: 50% 0, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%
}
.page-section.blue-pattern-bg.hm-templates-bg {
background-image: url(assets/images/others/5b562f538315c56247658b51_cf2-blue-pattern-bg-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.blue-pattern-bg.hm-templates-bg.tool-templates-bg {
background-size: cover
}
.page-section.blue-pattern-bg.hm-templates-bg.tool-templates-bg.tool-templates-bg-overlay {
background-image: linear-gradient(#0000, #081973), url(assets/images/others/5b562f538315c56247658b51_cf2-blue-pattern-bg-mini.png);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover
}
.page-section.light-blue-bg {
background-color: #e0f9ff
}
.page-section.light-blue-bg.tool-workflow-section {
background-image: url(assets/images/others/5b50d13f584bd784290cf854_cf2-bg-whitecurve-reversed-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.light-blue-bg.tool-workflow-section.solution-feature-set-section {
background-image: none
}
.page-section.light-blue-bg.tool-workflow-section.solution-feature-set-section.solution-feature-set-section-white {
background-color: #fff
}
.page-section.light-blue-bg.tool-workflow-section.solution-feature-set-section.solution-feature-set-section-white.solution-agency-roi-section,
.page-section.light-blue-bg.tool-workflow-section.solution-feature-set-section.solution-agency-scale {
display: none
}
.page-section.light-blue-bg.personalization-grow-section {
background-color: #fff;
max-height: 937px;
overflow: visible
}
.page-section.light-blue-bg.pricing-comparison-section {
background-image: url(assets/images/others/5b9ad589aa940347629482ab_blob-bg-2-img-mini.png);
background-position: 89% 111px;
background-repeat: no-repeat;
background-size: 542px
}
.page-section.light-blue-bg.tool-pages-targeting-section {
display: none
}
.page-section.recipe-hero-bg {
background-color: #dff9ff
}
.page-section.integration-hero-cta-bg {
background-color: #f1f9ff;
background-image: url(assets/images/others/5b50d13f584bd784290cf854_cf2-bg-whitecurve-reversed-mini.png), url(assets/images/others/5b5f653107bc3e62ab9cc664_grey-confetti-bg-mini.png);
background-position: 50% 0, 50% 100%;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%
}
.page-section.cf2-footer-section {
border-top: 1px solid #e8f1ff
}
.page-section.footer-cta-bg {
background-image: url(assets/images/others/5b60ee187eaecb7460de590b_footer-cta-bg-2-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
border-top: 1px solid #e8f1ff
}
.page-section.templates-hero-bg {
background-color: #191a1b;
background-image: url(assets/images/others/62d19b010aa24df3d4a987a1_blue-lines-bg-c.avif);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 700px;
padding-top: 100px
}
.page-section.templates-hero-bg.more-examples {
padding-top: 40px
}
.page-section.navbar-default-section {
border-bottom: 1px solid #d2e9ff;
min-height: 75px
}
.page-section.tool-page-hero-bg {
background-image: url(assets/images/others/5b50d0c95d6e7e3361908849_cf2-white-pattern-bg-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.tool-section-3-bg {
background-color: #0f1376;
background-image: url(assets/images/others/5b69dd6ca2e40934c5e0b278_bg-confetti-dark-blue-mini.png);
background-position: 50% 107px;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.tool-section-5-bg {
background-color: #0f1376;
background-image: url(assets/images/others/5b562f538315c56247658b51_cf2-blue-pattern-bg-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.dark-blue-section {
background-color: #0f1376
}
.page-section.dark-blue-section.tools-automation-bg {
background-image: url(assets/images/others/5b50d13f584bd784290cf854_cf2-bg-whitecurve-reversed-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.dark-blue-section.tools-automation-bg.stickybar-personalization-bg {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.page-section.dark-blue-section.campaigns-flow-section {
background-image: url(assets/images/others/5b9ad589aa940347629482ab_blob-bg-2-img-mini.png);
background-position: 107% 78px;
background-repeat: no-repeat;
background-size: 542px
}
.page-section.tools-profiling-section {
margin-bottom: -294px
}
.page-section.dark-light-blue-bg {
background-color: #cbf3fc
}
.page-section.dark-light-blue-bg.tool-pages-targeting-features-section {
display: none
}
.page-section.cta-templates-hero-bg {
background-color: #43c6e0
}
.page-section.cta-templates-hero-bg.hide-section {
display: none
}
.page-section.cta-templates-hero-bg.template-category-hero-bg {
background-color: #191a1b;
background-image: url(assets/images/others/62d19b010aa24df3d4a987a1_blue-lines-bg-c.avif);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 700px
}
.page-section.cta-templates-hero-bg.template-category-hero-bg._2022-nav {
padding-top: 120px;
padding-bottom: 60px
}
.page-section.cf2-footer-second-cta-bg {
background-image: url(assets/images/others/5b71f8e021c8aaf1874b0ab5_footer-cta2-bg-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.stickybar-funnel-section {
border-bottom: 1px solid #e8f1ff
}
.page-section.campaign-page-hero-bg {
background-color: #0f1376;
background-image: url(assets/images/others/5b69dd6ca2e40934c5e0b278_bg-confetti-dark-blue-mini.png);
background-position: 0 157px;
background-repeat: no-repeat;
background-size: 100%;
padding-top: 80px
}
.page-section.campaign-page-hero-bg.solution-page-hero-bg {
background-color: #fff
}
.page-section.campaign-page-hero-bg.solution-page-hero-bg.agency-page-hero-section {
border-bottom: 1px solid #e8f1ff
}
.page-section.personalization-hero-bg {
background-color: #0036da;
background-image: url(assets/images/others/5ba024373943f839cb5b86d2_personalization-hero-bg-mini.png);
background-position: 0 0;
background-size: 100%
}
.page-section.personalization-hero-bg.personalization-hero-bg-1 {
background-image: url(assets/images/others/5ba024373943f839cb5b86d2_personalization-hero-bg-mini.png);
background-repeat: no-repeat;
padding-top: 80px
}
.page-section.personalization-hero-bg.personalization-hero-bg-1.campaigns-index-hero-bg {
background-color: #003fff;
background-image: url(assets/images/others/5ef3c8202a5fccd589f1efe2_Library_shapes_bg_hm-btmright-mini.png), url(assets/images/others/5ef3c715cfbf75a399c7298c_Library_shapes_bg_hm-topleft-mini.png);
background-position: 68% 130%, -6% 9%;
background-repeat: no-repeat, no-repeat;
background-size: 310px, 285px
}
.page-section.personalization-hero-bg.personalization-hero-bg-1.campaigns-index-hero-bg.campaigns-item-bg {
background-image: url(assets/images/others/5ef3c8202a5fccd589f1efe2_Library_shapes_bg_hm-btmright-mini.png), url(assets/images/others/5ef3c715cfbf75a399c7298c_Library_shapes_bg_hm-topleft-mini.png);
background-position: 100% 210%, 0 170%;
background-repeat: no-repeat, no-repeat;
background-size: 310px, 285px;
padding-top: 90px
}
.page-section.personalization-embed-section {
background-image: url(assets/images/others/5b50d0c95d6e7e3361908849_cf2-white-pattern-bg-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 1px solid #e8f1ff
}
.page-section.cf2-pricing-hero-section {
background-image: url(assets/images/others/5b50d0c95d6e7e3361908849_cf2-white-pattern-bg-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%
}
.page-section.hm-featured-cta-section-hidden,
.page-section.hide-section,
.page-section.pricing-benefits,
.page-section.agency-testimonial-section {
display: none
}
.page-section.partners-section-2 {
background-color: #fff;
margin-top: -84px
}
.page-section.partners-section-5.hidden {
display: block
}
.page-section.personalization-logos {
margin-top: 50px
}
.page-section.testimonials-static {
display: none
}
.page-section.blue-bg {
background-color: var(--blue);
padding-top: 100px;
padding-bottom: 100px
}
.page-section.write-for-us {
padding-top: 100px;
padding-bottom: 0px;
position: relative
}
.page-section.playbooks-hero-bg {
background-color: #0036da;
background-image: url(assets/images/others/5ba024373943f839cb5b86d2_personalization-hero-bg-mini.png);
background-position: 0 0;
background-size: 100%
}
.page-section.playbooks-hero-bg.playbooks-hero-bg-1 {
background-color: #003fff;
background-image: url(assets/images/others/5ba024373943f839cb5b86d2_personalization-hero-bg-mini.png);
background-repeat: no-repeat;
padding-top: 80px
}
.navbar-light {
background-color: #0000
}
.navbar-logo-light {
max-width: 230px;
margin-top: 18px;
margin-left: 20px
}
.navbar-navlink-light {
color: #fff
}
.navbar-navlink-light.smooth {
font-size: 15px;
font-weight: 600
}
.navbar-navlink-light.smooth.sf-font-roboto {
color: #c9d7ff;
padding-top: 25px;
font-weight: 500
}
.navbar-navlink-light.smooth.sf-font-roboto:hover {
color: #fff;
text-decoration: none
}
.navbar-navlink-light.smooth.sf-font-roboto:active,
.navbar-navlink-light.smooth.sf-font-roboto:focus {
color: #fff
}
.navbar-navlink-light.smooth.sf-font-roboto.white-inversed-onclick:active,
.navbar-navlink-light.smooth.sf-font-roboto.white-inversed-onclick:focus {
color: #fff;
background-color: #0000
}
.navbar-navlink-light.smooth.sf-font-roboto.white-inversed-onclick.w--open {
color: #fff
}
.navbar-navlink-light.smooth.sf-font-roboto.navbar-navlink-light-blog {
display: none
}
.div-hm-hero-content {
padding-top: 64px;
padding-left: 60px;
padding-right: 60px
}
.hero-h2 {
max-width: 919px;
font-size: 58px;
font-weight: 900;
line-height: 64px
}
.hero-h2.light-text {
color: #fff
}
.hero-h2.light-text.sf-font-proxima {
font-weight: 800
}
.hero-h2.light-text.sf-font-proxima.smooth {
max-width: 1000px;
padding-left: 20px;
padding-right: 20px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2 {
line-height: 68px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2.partner-hero-h2 {
max-width: 750px;
font-size: 55px
}
.hero-p {
font-size: 20px;
line-height: 30px
}
.hero-p.light-blue-text {
color: #c9d7ff
}
.hero-p.light-blue-text.sf-font-roboto.smooth {
max-width: 1013px;
margin-top: 27px;
margin-bottom: 27px;
padding-left: 20px;
padding-right: 20px;
font-style: normal
}
.hero-p.light-blue-text.sf-font-roboto.smooth.partner-hero-subheadline {
max-width: 770px;
margin-bottom: 0
}
.div-hm-hero-featured {
margin-top: 50px
}
.div-hm-hero-featured.hm-featured-hero-edited {
margin-top: 74px
}
.hm-hero-tab-menu {
float: left;
max-width: 30%
}
.hm-hero-tab-content {
float: right;
max-width: 70%;
overflow: visible
}
.hm-hero-tab-link {
background-color: #0000;
min-width: 85%;
max-width: 100%;
padding-top: 17px;
padding-bottom: 17px
}
.hm-hero-tab-link.w--current {
background-color: #07288dab;
border-radius: 8px;
max-width: none
}
.hm-hero-tab-content-img {
min-width: 950px;
display: block;
box-shadow: 0 21px 44px #7792b36e
}
.hm-hero-tab-content-img.hidden {
display: none
}
.hm-hero-tab-menu-link {
color: #fff;
font-size: 20px
}
.hm-hero-tab-menu-link.sf-font-roboto.smooth {
padding-top: 13px
}
.hm-hero-tab-menu-img {
max-width: 42px
}
.hm-hero-tab-menu-col {
padding-left: 0;
padding-right: 0
}
.div-cta-top {
width: 100%;
max-width: 1100px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
display: block
}
.cta-html-box {
min-height: 10px;
display: block
}
.div-body-content {
margin-top: 121px;
margin-bottom: 121px
}
.div-body-content.hm-section-3-body-content {
margin-top: 259px
}
.div-body-content.hm-section-4-body-content {
margin-top: 19px
}
.div-body-content.hm-section-4-body-content.section-4-last {
margin-bottom: 0
}
.div-body-content.hm-section-4-body-content.personalization-example-body-content {
margin-bottom: 20px
}
.div-body-content.section-12-body-content {
margin-bottom: 0
}
.div-body-content.section-12-body-content.hm-launch-divbodycontent {
margin-top: 28px
}
.div-body-content.section-13-body-content {
margin-top: 48px;
margin-bottom: 0
}
.div-body-content.section-14-body-content {
margin-top: 273px
}
.div-body-content.section-14-body-content.hm-templates-divbodycontent {
margin-top: 121px
}
.div-body-content.hm-section-16-body-content {
margin-top: 58px
}
.div-body-content.hm-section-16-body-content.campaign-broadcast-body-content {
margin-bottom: 76px
}
.div-body-content.hm-section-16-body-content.campaign-broadcast-body-content.campaigns-flow-body-content {
margin-top: 121px;
margin-bottom: 0
}
.div-body-content.hm-section-17-body-content {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-body-content.hm-section-17-body-content.hm-community-body-content.hm-community-body-content-1 {
margin-bottom: 0
}
.div-body-content.recipe-body-content {
max-width: 1100px;
margin-top: 49px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-body-content.template-body-content.template-body-content-1100 {
max-width: 1100px;
margin-left: auto;
margin-right: auto
}
.div-body-content.tool-hero-body-content.personalization-hero-body-content {
margin-bottom: -79px
}
.div-body-content.tool-hero-body-content.pricing-hero-body-content {
margin-bottom: 44px
}
.div-body-content.tool-hero-body-content.solution-top-body-content {
margin-top: 140px;
margin-bottom: 2px
}
.div-body-content.tool-section-2-body-content {
margin-top: 560px;
margin-bottom: 100px
}
.div-body-content.tool-section-5-body-content {
margin-bottom: -23px
}
.div-body-content.tool-section-6-body-content {
margin-top: 31px;
margin-bottom: -83px
}
.div-body-content.tool-section-9-body-content {
margin-bottom: 0
}
.div-body-content.tools-automation-body-content {
max-width: 1100px;
margin-bottom: -216px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-body-content.tools-automation-body-content.stickybar-automation-body-content {
margin-bottom: -196px
}
.div-body-content.tools-automation-examples-body {
margin-top: 286px
}
.div-body-content.tool-personalization-body-content {
margin-top: 312px;
margin-bottom: 0
}
.div-body-content.tool-personalization-body-content.stickybar-personalization-body-content {
margin-top: 121px
}
.div-body-content.embed-div-body-content {
max-width: 1100px;
margin: 36px auto 0;
display: block
}
.div-body-content.embed-div-body-content.trigger-body-content {
margin-top: 121px
}
.div-body-content.embed-div-body-content.personalization-embed-body-content {
margin-top: 118px
}
.div-body-content.tool-workflow-body-content {
max-width: 1140px;
margin: 283px auto 0;
display: block
}
.div-body-content.tool-workflow-body-content.solution-feature-set-body-content {
margin-top: 121px;
margin-bottom: 121px
}
.div-body-content.tool-analytics-body-content {
margin-bottom: 0
}
.div-body-content.cta-template-list-body-content {
max-width: 1200px;
margin-top: 72px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-body-content.cta-template-list-body-content.integration-index-list-body-content.hide-div {
display: none
}
.div-body-content.cta-template-list-body-content.integration-index-list-body-content.integration-index-list-body-content-no-columns {
max-width: 1100px
}
.div-body-content.cta-template-hero-body-content {
margin-top: 43px;
margin-bottom: 59px
}
.div-body-content.cta-template-hero-body-content.templates-index-hero-body-content {
margin-top: 96px
}
.div-body-content.cta-template-hero-body-content.template-category-hero-body-content {
margin-bottom: 21px
}
.div-body-content.cta-template-hero-body-content.template-category-hero-body-content.templates-hero-body-content {
margin-top: 150px;
margin-bottom: 30px
}
.div-body-content.tool-popup-styles-body-content {
margin-bottom: 0
}
.div-body-content.tool-popup-styles-body-content.campaigns-example-flows-body-content {
margin-top: 159px;
margin-bottom: 0
}
.div-body-content.tool-design-body-content {
margin-top: 0;
margin-bottom: 0
}
.div-body-content.campaigns-comparison-body-content {
margin-bottom: 0
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partners-section-two-div-body-content {
margin-top: 201px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partners-section-two-div-body-content.partners-benefits-div-body-content.partners-growth-div-body-content {
margin-top: 136px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partners-section-6-body-content {
margin-bottom: 121px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partners-section-6-body-content.pp-story-div-body-content {
margin-top: 61px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partner-perks-body-content {
margin-bottom: 121px
}
.div-body-content.campaigns-comparison-body-content.solution-funnel-div-body-content {
max-width: 1200px;
margin-top: 60px;
margin-left: auto;
margin-right: auto
}
.div-body-content.campaigns-ctas-body-content {
margin-bottom: 178px
}
.div-body-content.campaigns-ctas-body-content.solution-ctas-body-content {
margin-bottom: 0
}
.div-body-content.customer-story-body-content {
margin-top: 49px;
margin-bottom: 49px
}
.div-body-content.customer-story-body-content.pricing-customer-story-body-content {
margin-bottom: 0
}
.div-body-content.personalization-visitors-body-content {
margin-bottom: 67px
}
.div-body-content.personalization-grow-body-content {
margin-top: 72px;
margin-bottom: 0
}
.div-body-content.pricing-includes-body-content {
max-width: 1100px;
margin: 0 auto;
display: block
}
.div-body-content.pricing-callout-body-content {
max-width: 1100px;
margin: 62px auto 0;
display: block
}
.div-body-content.hm-personalize-divbodycontent {
margin-top: 28px
}
.div-body-content.hm-launch-features-div {
margin-top: 101px
}
.div-body-content.hm-testimonials-div-body-content {
margin-top: -44px
}
.div-body-content.template-more-ctas-body-content {
margin-top: 61px;
margin-bottom: 61px
}
.div-body-content.home-platform-content {
margin-top: 100px
}
.div-body-content.content-index-header {
max-width: 1200px;
margin: 75px auto
}
.div-body-content.solutions-customers-container {
margin-top: 50px;
margin-bottom: 50px
}
.div-body-content.write-for-us,
.div-body-content.no-margin {
margin-top: 0;
margin-bottom: 0
}
.section-title-blue {
color: #003fff;
text-align: left;
font-size: 20px;
font-weight: 600
}
.section-title-blue.sf-font-roboto.center-text {
text-align: center
}
.section-title-blue.sf-font-roboto.center-text.smooth.tool-automations-list-title {
color: #fff;
margin-bottom: 54px
}
.section-title-blue.sf-font-roboto.center-text.smooth.partners-section-5-title {
text-align: left
}
.section-title-blue.sf-font-roboto.smooth.white-text {
color: #fff
}
.section-title-blue.sf-font-roboto.smooth.pricing-customer-story-customer-name {
margin-bottom: 0;
font-size: 18px
}
.section-title-blue.sf-font-roboto.smooth.template-category-hero-title,
.section-title-blue.integration-hero-h2.center-text {
text-align: center
}
.section-title-blue.integration-hero-h2.center-text.sf-font-roboto.smooth.personalization-hero-section-title {
color: #fff;
text-align: left;
margin-left: 80px
}
.section-title-blue.integration-hero-h2.center-text.sf-font-roboto.smooth.personalization-hero-section-title.partners-hero-section-title {
margin-left: 0;
padding-left: 20px
}
.section-title-blue.integration-hero-h2.center-text.sf-font-roboto.smooth.partners-section-4-title {
text-align: left
}
.section-title-blue.template-sub-page-title,
.section-title-blue.cta-page-title {
color: #003fff;
text-align: center
}
.section-title-blue.cta-page-template {
color: #7988a3;
margin-top: 35px
}
.section-title-blue.campaigns-title,
.section-title-blue.playbooks-title {
color: #acc4ef
}
.cf2-section-headline {
margin-bottom: 22px;
font-size: 40px;
line-height: 46px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline {
color: #143c6b
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text {
text-align: center
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline {
max-width: 950px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth {
max-width: 1000px;
margin-bottom: 29px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.popup-styles-headline {
max-width: 500px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.popup-styles-headline.popup-styles-headline-1 {
max-width: 700px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.tool-example-templates-headline {
max-width: 850px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.hm-section-2-headline2 {
max-width: 800px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.dark-h1-big-headline.hm-big-headline {
font-size: 58px;
line-height: 68px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.dark-h1-big-headline.hm-big-headline.no-code-headline {
max-width: 850px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.dark-h1-big-headline.hm-big-headline.no-code-headline.partners-big-headline {
max-width: 700px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-12-headline {
max-width: 650px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-12-headline.smooth.hm-launch-headline-1 {
max-width: 800px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.smooth.campaigns-comparison-headline {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.smooth.campaigns-comparison-headline.partners-section-two-headline {
max-width: 650px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.smooth.campaigns-comparison-headline.partners-section-4-headline {
text-align: left
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.smooth.campaigns-comparison-headline.partners-section-4-headline.partners-section-4-comarketing-headline {
max-width: 550px;
margin-left: 0
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline {
font-size: 58px;
font-weight: 800;
line-height: 64px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth {
max-width: 950px;
margin-left: auto;
margin-right: auto;
font-size: 50px;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth.popup-hero-headline {
max-width: 1000px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth.popup-hero-headline.personalization-hero-headline {
color: #fff;
text-align: left;
margin-left: 80px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth.popup-hero-headline.messages-hero-headline {
max-width: 900px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth.popup-hero-headline.stickybar-hero-headline {
max-width: 800px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth.popup-hero-headline.pricing-headline {
max-width: 1050px;
font-size: 45px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-4-headline {
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-weight: 800;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-4-headline.smooth {
float: none;
max-width: 830px;
line-height: 50px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-4-headline.smooth.tool-embed-headline {
max-width: 900px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-9-headline {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-9-headline.smooth {
max-width: 1040px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-9-headline.smooth.tool-pages-skip-logic-headline {
max-width: 850px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-7-headline {
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-7-headline.smooth.tool-actions-headline {
max-width: 1040px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-7-headline.smooth.messages-actions-headline {
max-width: 670px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-advanced-headline {
max-width: 800px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
font-weight: 800;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-workflow-headline {
max-width: 700px;
margin-left: auto;
margin-right: auto;
font-weight: 800;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-workflow-headline.smooth {
max-width: 720px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-workflow-headline.ecommerce-workflow-headline {
max-width: 800px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-analytics-headline {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-analytics-headline.smooth {
max-width: 850px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-analytics-headline.smooth.agency-retention-headline {
max-width: 950px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-analytics-headline.smooth.agency-retention-headline.partners-section-5-headline {
text-align: left;
margin-left: 0
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-analytics-headline.smooth.agency-retention-headline.partner-section-6-headline {
max-width: 700px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-suite-headline {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-suite-headline.smooth {
max-width: 850px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-trigger-headline {
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth {
color: #191a1b;
font-weight: 800;
line-height: 50px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.hm-section-17-headline {
max-width: 720px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.white-headline {
color: #fff
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.white-headline.campaign-flow-headline {
max-width: 700px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.testimonial-headline {
font-weight: 300
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.template-category-hero-headline {
text-align: center
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.solution-hero-h2 {
color: #143c6b;
font-size: 50px;
line-height: 64px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.solution-hero-h2.solution-hero-h2-white {
color: #fff
}
.cf2-section-headline.sf-font-proxima.white-headline {
color: #fff;
font-weight: 800;
line-height: 50px
}
.cf2-section-headline.sf-font-proxima.white-headline.smooth.center-text {
text-align: center
}
.cf2-section-headline.sf-font-proxima.white-headline.smooth.center-text.tool-section-5-headline {
max-width: 1050px;
margin-left: auto;
margin-right: auto;
font-weight: 800;
line-height: 50px;
display: block
}
.cf2-section-headline.sf-font-proxima.white-headline.smooth.center-text.tool-section-3-headline {
max-width: 900px;
margin-left: auto;
margin-right: auto;
font-weight: 800;
line-height: 50px;
display: block
}
.cf2-section-headline.dark-blue-headline {
color: #143c6b
}
.cf2-section-headline.sf-font-roboto.testimonial-quote-text {
color: #143c6b;
margin-bottom: -32px;
font-size: 110px
}
.cf2-section-headline.sf-font-roboto.smooth.courses-heading-title {
color: #fff
}
.cf2-section-subheadline {
color: #7988a3;
font-size: 20px;
line-height: 30px
}
.cf2-section-subheadline.sf-font-roboto.center-text {
text-align: center
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline {
max-width: 960px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline.tool-actions-subheadline,
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline.tool-analytics-subheadline {
max-width: 850px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline.tool-analytics-subheadline.partners-section-5-subheadline {
text-align: left;
margin-left: 0
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline.campaign-example-flows-subheadline {
margin-bottom: 71px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline.hm-personalize-subheadline {
max-width: 890px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline.tool-popups-styles-subheadline {
max-width: 850px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-12-subheadline {
max-width: 785px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-12-subheadline.tool-targeting-subheadline {
max-width: 890px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-12-subheadline.hm-launch-section-headline {
max-width: 725px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.white-subheadline {
color: #fff
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.white-subheadline.hm-section14-subheadline,
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-15-subheadline {
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.integration-hero-subheadline {
max-width: 970px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.integration-hero-subheadline.light-blue-subheadline {
color: #acc4ef
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.integration-hero-subheadline.light-blue-subheadline.personalization-hero-subheadline {
text-align: left;
max-width: 600px;
margin-left: 80px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.integration-hero-subheadline.pricing-hero-subheadline {
max-width: 660px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-feature-subheadline {
color: #143c6b;
max-width: 700px;
margin-left: auto;
margin-right: auto;
font-size: 23px;
font-weight: 500;
line-height: 33px;
display: block
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-feature-subheadline.tool-feature-subhead-popups {
max-width: 770px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-feature-subheadline.tool-feature-subhead-surveys {
max-width: 950px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-section-7-subheadline {
margin-bottom: 67px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-section-7-subheadline.tool-funnel-subheadline,
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-suite-subheadline {
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-suite-subheadline.solution-agency-overview-subheadline {
max-width: 700px;
margin-bottom: 45px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-suite-subheadline.solution-agency-overview-subheadline.partners-section-4-subheadline {
text-align: left;
margin-top: 89px;
margin-bottom: 12px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-suite-subheadline.solution-agency-overview-subheadline.partners-section-4-subheadline.no-top-padding {
margin-top: 6px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-trigger-subheadline {
max-width: 900px;
margin-bottom: 115px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-section-subheadline.sf-font-roboto.smooth.tool-embed-subheadline {
margin-bottom: 40px
}
.cf2-section-subheadline.sf-font-roboto.smooth.white-text {
color: #fff
}
.cf2-section-subheadline.sf-font-roboto.smooth.campaign-flow-subheadline {
color: #9abce2;
max-width: 750px
}
.cf2-section-subheadline.sf-font-roboto.smooth.personalization-convert-subheadline {
margin-bottom: 25px
}
.cf2-section-subheadline.sf-font-roboto.smooth.pricing-customer-story-title {
font-size: 18px
}
.cf2-section-subheadline.sf-font-roboto.smooth.courses-heading-description {
color: #c9d7ff;
max-width: 700px
}
.cf2-section-subheadline.sf-font-roboto.smooth.example-source-url {
text-align: center;
margin-top: 22px;
font-size: 15px
}
.cf2-section-subheadline.sf-font-roboto.smooth.template-category-hero-subheadline {
text-align: center
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase {
color: #000;
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 35px;
font-size: 15px;
font-weight: 600;
line-height: 20px
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase.white {
color: #fff;
margin-top: -10px;
padding-top: 10px;
padding-bottom: 10px
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase.white.launch-stack-headline {
background-color: var(--black-2);
max-width: 445px;
margin-top: -11px;
margin-left: auto;
margin-right: auto
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase.white.launch-stack-headline.grey {
background-color: #2b2d2f
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase.white.launch-stack-headline.autopilot-incldued-prehead {
max-width: 200px;
margin-top: -20px
}
.cf2-section-subheadline.sf-font-roboto.hm-section-17-subheadline {
max-width: 575px
}
.cf2-section-subheadline.sf-font-roboto.hm-section-17-subheadline.smooth {
max-width: 620px
}
.cf2-section-subheadline.sf-font-roboto.cf2-footer-subheadline {
margin-top: 9px;
margin-left: 11px
}
.cf2-section-subheadline.content-index-hero-search-label {
color: #d6e9fb;
margin-top: 20px;
font-size: 16px
}
.div-block-tools {
max-width: 1140px;
margin-top: 58px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-tool-box {
background-color: #fff;
border-radius: 5px;
max-width: 245px;
margin-left: auto;
margin-right: auto;
transition: all .3s;
display: block;
box-shadow: 0 12px 44px #7792b329
}
.div-tool-box:hover {
transform: translateY(-13px);
box-shadow: 0 12px 44px #7792b370
}
.div-tool-box.tool-feature-box {
border-radius: 0;
padding: 0
}
.div-tool-box.popup-style-box {
transition: none
}
.div-tool-box.popup-style-box:hover {
transform: none;
box-shadow: 0 12px 44px #7792b329
}
.div-tool-box-bg {
background-color: #43c6e0;
background-image: url(assets/images/others/5b50b641b4249279bad33083_tools-icon-shadow.png);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 32px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 35px 23px 0
}
.div-tool-box-bg.tool-box-bg-popups,
.div-tool-box-bg.tool-box-bg-surveys,
.div-tool-box-bg.tool-box-bg-pages,
.div-tool-box-bg.tool-box-bg-quizzes,
.div-tool-box-bg.tool-box-bg-messages,
.div-tool-box-bg.tool-box-bg-bars,
.div-tool-box-bg.tools-box-bg-personalize,
.div-tool-box-bg.tools-box-bg-forms {
background-color: #1185ff
}
.tool-box-title {
color: #143c6b;
margin: 26px 24px 8px;
font-size: 20px;
font-weight: 600
}
.tool-box-title.sf-font-roboto.smooth.tool-feature-title {
margin-bottom: 6px;
font-size: 18px
}
.tool-box-title.sf-font-roboto.smooth.tool-box-link-text {
margin-top: 0;
padding-bottom: 24px;
font-size: 17px
}
.tool-box-title.sf-font-roboto.smooth.tool-box-link-text:hover {
color: #1185ff
}
.tool-box-description {
color: #7988a3;
margin-bottom: 24px;
margin-left: 24px;
margin-right: 24px;
font-size: 18px;
line-height: 20px
}
.tool-box-description.sf-font-roboto.smooth {
margin-bottom: 0;
margin-right: 22px;
padding-bottom: 14px;
font-size: 17px
}
.tool-box-description.sf-font-roboto.smooth.tool-feature-description {
font-size: 15px
}
.tool-box-img {
float: none;
margin-bottom: 11px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 12px 44px #7792b347
}
.div-tools-row {
margin: 37px
}
.div-tool-box-link {
text-decoration: none
}
.div-block-browser-big {
margin-top: 58px
}
.div-block-browser-big.tool-hero-img-div {
margin-bottom: -602px;
position: relative
}
.div-block-browser-big.tool-hero-img-div.campaign-hero-box {
margin-top: 0;
margin-bottom: -224px
}
.big-browser-img {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 12px 44px #7792b363
}
.big-browser-img.small-browser-right {
max-width: 1100px;
margin-left: -52px;
display: none
}
.big-browser-img.small-browser-right.campaigns-browser-img {
display: block
}
.big-browser-img.small-browser-right.campaigns-browser-img.solution-left-browser-img {
margin-left: 0;
margin-right: -45px;
padding-right: 0
}
.big-browser-img.small-browser-right.campaigns-browser-img.solution-left-browser-img.agency-solution-left-browser-img {
box-shadow: none
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1 {
box-shadow: none;
margin-top: 1px;
display: block
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1.solution-top-hero-img {
margin-left: -169px
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1.solution-top-hero-img.agency-featured-img {
margin-bottom: -3px;
margin-left: -239px
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1.solution-feature-set-browser-right {
margin-top: 60px;
margin-left: 52px
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1.solution-feature-set-browser-right.solution-feature-set-browser-left {
margin-left: -510px
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1.agency-leadgen-img {
margin-top: 147px
}
.big-browser-img.small-browser-left {
max-width: 1100px;
margin-right: -52px
}
.big-browser-img.small-browser-left.personalization-hero-img-2 {
margin-bottom: 0;
margin-right: 80px
}
.big-browser-img.small-browser-left.personalization-grow-img {
max-width: 913px;
margin-right: -34px
}
.big-browser-img.dark-shadow {
box-shadow: 0 12px 44px #10253f63
}
.big-browser-img.dark-shadow.campaign-flow-hero-img {
box-shadow: none;
border-radius: 4px;
max-width: 1000px;
margin-left: 0
}
.big-browser-img.agency-reports-img {
box-shadow: none;
border: 1px solid #e8f1ff;
border-radius: 8px
}
.div-block-content-left {
padding-top: 98px;
padding-left: 0;
padding-right: 50px
}
.div-block-content-left.tools-contacts-content-left {
padding-top: 167px;
padding-right: 80px
}
.div-block-content-left.tool-personalization-content-left.stickybar-personalization-content-left {
padding-top: 182px;
padding-right: 35px
}
.div-block-content-left.tool-triggers-content-left {
padding-top: 0
}
.div-block-content-left.campaigns-block-content-left {
padding-top: 213px
}
.div-block-content-left.campaigns-block-content-left.solutions-block-content-right {
padding-left: 50px;
padding-right: 0
}
.div-block-content-left.campaigns-block-content-left.solutions-block-content-right.partners-section-two-content-block-right {
padding-top: 86px;
padding-left: 30px
}
.div-block-content-left.campaigns-top-block-content-left.agency-top-block-content-left {
padding-top: 0;
padding-right: 100px
}
.div-block-content-left.campaigns-top-block-content-left.agency-top-block-content-left.ecommerce-top-block-content-left {
padding-top: 100px;
padding-right: 0
}
.div-block-content-left.personalization-example-content-left {
padding-top: 0
}
.div-block-bg-right {
background-color: #e0f9ff;
min-width: 1100px;
margin-left: 69px;
padding-top: 69px;
padding-bottom: 69px;
padding-right: 69px
}
.div-block-bg-right.tool-personalization-block-bg-right {
background-color: #0000;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0
}
.div-block-bg-right.campaigns-div-block-bg-right {
margin-left: 0;
padding-left: 98px
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg {
background-color: #0000;
background-image: url(assets/images/others/5b9a9785a6ef6043401d82f5_dots-bg-img-mini.png);
background-position: 0 122px;
background-repeat: no-repeat;
background-size: 88px;
margin-left: 0;
padding-left: 111px
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right {
background-position: 90%;
margin-left: -600px;
padding-left: 45px;
padding-right: 0
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right.agency-div-block-bg-right {
margin-left: -389px;
padding-left: 15px
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right.agency-div-block-bg-right.partners-div-block-bg-right {
background-image: none;
min-width: 500px;
max-width: 660px;
margin-left: -125px;
padding-top: 0
}
.div-block-bg-right.campaigns-div-block-bg-right.blob-blue-bg {
background-image: url(assets/images/others/5b9a9874a6ef60794d1d83f7_blob-box-bg-mini.png);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 542px
}
.div-block-bg-right.campaigns-div-block-bg-right.blob-blue-bg.campaign-broadcast-img-top {
background-color: #0000;
margin-top: -182px;
padding-left: 74px
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right {
margin-left: 60px
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right {
background-color: #e8f1ff;
min-width: 900px;
padding-bottom: 0
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right.ecommerce-top-block-bg-right {
background-color: #0000;
background-image: url(assets/images/others/5f2042af577930f84f9f2b41_simple-browser-frame-light-compressed.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 800px;
padding-bottom: 100px;
padding-left: 69px
}
.div-block-bg-right.personalization-example-block-bg-right.personalization-example-browser-bg {
background-image: url(assets/images/others/5ba02433d5f168148fffa7d7_personalization-example-1-bg-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 573px;
min-width: 798px;
margin-top: 24px;
margin-left: 26px;
padding-bottom: 0;
padding-right: 0
}
.div-block-bg-right.personalization-example-block-bg-right.personalization-example-browser-bg.personalization-example-block-left {
background-image: none;
background-repeat: repeat;
background-size: auto;
max-width: 798px;
margin-left: -190px
}
.div-block-bg-right.personalization-example-block-bg-right.personalization-example-browser-bg.personalization-example-block-left.personalization-example-hook-mobile-bg {
background-image: url(assets/images/others/5ba02433d5f168148fffa7d7_personalization-example-1-bg-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 573px
}
.div-block-bg-right.hm-create-block-bg-right.solution-featured-video-bg-block {
background-color: #0000;
min-width: 0;
margin-bottom: 23px;
margin-left: auto;
margin-right: auto;
padding-left: 69px
}
.div-row-block-2-column {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-row-block-2-column.tool-section-3-row-div {
margin-top: 59px
}
.div-row-block-2-column.personalization-row-2-column {
max-width: 1200px
}
.div-row-block-2-column.ecommerce-hero {
margin-bottom: 0
}
.div-block-button {
padding-top: 34px;
padding-bottom: 34px
}
.div-block-button.div-block-text-cta {
padding-top: 7px
}
.div-block-button.div-block-text-cta.div-block-integration-text-cta {
padding-bottom: 0
}
.div-block-button.div-block-text-cta.more-templates-cta-block {
padding-top: 0;
padding-bottom: 34px
}
.div-block-button.tool-automations-button-block {
padding-top: 55px;
padding-bottom: 0
}
.div-block-button.tool-templates-button {
padding-top: 56px;
padding-bottom: 0
}
.div-block-button.partner-hero-div-block-btn {
padding-left: 21px
}
.div-block-button.tools-hero-cta-wrapper {
text-align: center
}
.div-block-button.pp-div-block-btn {
padding-top: 13px
}
.secondary-cta-button {
background-color: #1cbcab;
border-radius: 5px;
padding: 13px 26px;
font-size: 18px;
transition: all .2s
}
.secondary-cta-button:hover {
transform: translateY(-5px);
box-shadow: 0 12px 44px #7792b369
}
.secondary-cta-button.centered-button {
text-align: center;
max-width: 300px;
margin-left: auto;
margin-right: auto;
display: block
}
.secondary-cta-button.centered-button.sf-font-roboto.smooth.tools-hero-cta {
margin-right: 5px;
display: inline-block
}
.secondary-cta-button.centered-button.sf-font-roboto.smooth.tools-hero-cta.tools-hero-cta-secondary {
color: #143c6b;
background-color: #0000;
border: 2px solid #143c6b;
margin-left: 5px
}
.secondary-cta-button.cta-hero-button {
float: right;
color: #fff;
background-color: #ff7a27
}
.secondary-cta-button.cta-hero-button:hover {
color: #fff;
box-shadow: 0 12px 44px #7792b369
}
.secondary-cta-button.cta-page-section-button {
float: left;
background-color: #ff7a27
}
.div-block-testimonial {
margin-top: 12px
}
.testimonial-text {
color: #143c6b;
font-size: 15px;
font-weight: 600;
line-height: 23px
}
.testimonial-text.sf-font-roboto.smooth {
margin-bottom: 18px
}
.testimonial-customer-photo.hm-customer-photo-sean {
border-radius: 150px
}
.testimonial-customer-profile-text {
color: #143c6b;
font-size: 15px;
font-weight: 600
}
.testimonial-customer-profile-text.sf-font-roboto.smooth {
padding-top: 4px
}
.testimonial-customer-profile-title {
color: #7988a3;
font-size: 15px;
font-weight: 400
}
.testimonial-customer-profile-logo {
max-width: 100px
}
.div-block-bg-left {
background-color: #e0f9ff;
min-width: 1100px;
margin-left: -900px;
margin-right: 69px;
padding-top: 69px;
padding-bottom: 69px;
padding-left: 69px
}
.div-block-bg-left.tool-section-6-content-left {
background-color: #0000;
min-width: 1366px;
max-height: 950px;
margin-left: -668px;
display: block;
overflow: hidden
}
.div-block-bg-left.personalization-example-block-bg-left {
background-color: #fff;
background-image: url(assets/images/others/5b9a9785a6ef6043401d82f5_dots-bg-img-mini.png);
background-position: 97% 90%;
background-repeat: no-repeat;
background-size: 88px;
margin-right: 0;
padding-bottom: 69px
}
.div-block-bg-left.personalization-grow-block-bg-left {
background-color: #0000;
background-image: url(assets/images/others/5b9a9785a6ef6043401d82f5_dots-bg-img-mini.png);
background-position: 100% 25px;
background-repeat: no-repeat;
background-size: 88px;
margin-right: 0;
padding-top: 48px;
padding-right: 56px
}
.div-block-content-right {
padding-top: 98px;
padding-left: 60px
}
.div-block-content-right.tool-section-6-content-right {
padding-top: 304px
}
.div-block-content-right.personalization-content-right {
padding-top: 40px;
padding-left: 30px
}
.div-block-targeting-slider {
margin-top: 57px;
margin-bottom: 77px
}
.div-block-targeting-slider.tool-targeting-slider-block {
margin-bottom: 0
}
.browser-example {
float: right;
min-width: 913px;
margin-top: 62px;
margin-left: -106px;
box-shadow: 0 10px 24px #a3c4dfc4
}
.mask-2 {
overflow: hidden
}
.slider-targeting {
background-color: #fff;
border-bottom: 1px solid #e4f4f8;
min-height: 650px;
max-height: 650px
}
.slider-targeting.tool-form-targeting-slider {
background-color: #e0f9ff
}
.slider-targeting-hook-img {
z-index: 900;
float: right;
margin-top: -470px;
margin-bottom: 0;
margin-right: 24px;
position: relative;
box-shadow: 0 5px 25px #060f2c
}
.slider-targeting-hook-img:focus {
transform: translateY(-9px)
}
.slider-targeting-hook-img.agency-featured-hook {
margin-right: 90px;
box-shadow: 0 0 44px 12px #7792b329
}
.slider-targeting-visitor-content {
z-index: 500;
float: left;
min-width: 180px;
max-width: 180px;
margin-top: 0;
margin-bottom: -215px;
margin-left: 357px;
position: relative
}
.visitor-targeting-attribute-box {
background-color: #aeeffe;
border-style: none;
border-radius: 150px;
max-width: 180px;
margin-bottom: 9px;
padding: 5px 15px
}
.visitor-targeting-name {
color: #143c6b;
font-size: 20px;
font-weight: 700
}
.visitor-targeting-attribute {
color: #143c6b;
margin-bottom: 0;
font-weight: 600
}
.visitor-targeting-attribute.sf-font-roboto.smooth {
font-size: 13px;
font-weight: 600
}
.visitor-left-arrow {
margin-top: 8px
}
.slider-visitor-img.visitor-mike {
margin-top: 144px;
margin-left: 32px;
position: static;
bottom: 0;
left: 0;
right: 0
}
.div-block-comparison {
margin-top: 43px;
margin-bottom: 43px
}
.hm-comparison-title {
color: #1185ff;
margin-top: 25px;
margin-bottom: 25px;
font-size: 20px;
font-weight: 600
}
.hm-comparison-title.sf-font-roboto.smooth.center-text {
text-align: center
}
.hm-comparison-subheadline {
color: #7988a3;
font-size: 20px;
line-height: 30px
}
.hm-comparison-subheadline.sf-font-roboto.smooth.center-text {
text-align: center
}
.hm-comparison-subheadline.sf-font-roboto.smooth.center-text.hm-comparison-p {
margin-top: 27px;
margin-bottom: 5px
}
.hm-comparison-subheadline.sf-font-roboto.smooth.center-text.hm-comparison-p-blue {
color: #191a1b;
font-size: 25px;
font-weight: 800
}
.comparison-img-box {
margin-top: 33px;
margin-left: auto;
margin-right: auto;
display: block
}
.comparison-img {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.comparison-img.comparison-img-2 {
margin-top: 43px;
margin-bottom: 59px;
margin-right: -22px
}
.div-comparison-line {
background-color: #d2e9ff;
width: 1px;
height: 100%;
min-height: 500px;
max-height: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.cta-clarco-button {
display: inline-block;
color: white;
text-align: center;
background-color: transparent;
border: 1px solid white;
border-radius: 0.25rem;
padding: 0.75rem 3.5rem;
font-size: 1rem;
font-weight: 700;
transition: color 0.3s, background-color 0.3s;
}
.cta-clarco-button:hover {
color: #ff7a27;
background-color: white;
}
.inverted-cta-button {
background-color: #0000;
border: 2px solid #fff;
border-radius: 5px;
padding: 13px 26px;
font-size: 18px
}
.inverted-cta-button.hm-section-14-centered-button {
text-align: center;
max-width: 220px;
margin-left: auto;
margin-right: auto;
transition: all .2s;
display: block
}
.inverted-cta-button.hm-section-14-centered-button:hover {
color: #1185ff;
background-color: #fff;
transform: translateY(-5px);
box-shadow: 0 12px 44px #152d4969
}
.inverted-cta-button.hm-section-14-centered-button.sf-font-roboto.smooth {
max-width: 250px
}
.inverted-cta-button.hm-section-14-centered-button.sf-font-roboto.smooth.pp-story-button {
max-width: 170px;
margin-left: 0
}
.text-cta-button {
color: #003fff;
background-color: #0000;
padding: 13px 26px;
font-size: 18px;
text-decoration: none
}
.text-cta-button.text-cta-centered {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.text-cta-button.text-cta-centered.sf-font-roboto.smooth {
border: 2px solid #0000;
max-width: 275px;
font-weight: 600;
transition: all .2s
}
.text-cta-button.text-cta-centered.sf-font-roboto.smooth:hover {
border: 2px solid #1185ff;
border-radius: 5px
}
.text-cta-button.text-cta-centered.sf-font-roboto.smooth.compare-plans-btn {
max-width: 375px
}
.text-cta-button.text-cta-centered.sf-font-roboto.smooth.hm-text-cta {
border-color: #1185ff;
border-radius: 5px;
max-width: 205px;
margin-top: 0
}
.text-cta-button.text-cta-centered.sf-font-roboto.smooth.hm-text-cta:hover {
color: #fff;
background-color: #1185ff
}
.text-cta-button.text-cta-centered.sf-font-roboto.smooth.hm-text-cta.hm-text-cta-create {
border-color: #1185ff;
border-radius: 5px;
margin-top: 0;
margin-left: 0
}
.text-cta-button.sf-font-roboto.smooth.hm-section-17-cta {
margin-top: 11px;
margin-left: -24px;
font-weight: 600
}
.text-cta-button.sf-font-roboto.smooth.hm-section-17-cta.cta-5838-trigger {
color: #003fff
}
.text-cta-button.sf-font-roboto.smooth.hm-section-17-cta.cf2-customer-story-link {
color: #fff
}
.text-cta-button.sf-font-roboto.smooth.campaigns-related-link {
color: #003fff;
text-align: center;
width: 300px;
margin-left: auto;
margin-right: auto;
display: block
}
.text-cta-button.sf-font-roboto.smooth.campaigns-related-link.tools-examples-link {
width: 100%;
max-width: 300px;
margin-top: 10px;
font-size: 16px
}
.text-cta-button.more-templates-cta-button {
float: right;
color: #fff;
text-align: right;
padding-right: 0;
transition: all .2s
}
.text-cta-button.more-templates-cta-button:hover {
transform: translate(5px)
}
.text-cta-button.campaigns-related-link {
color: #003fff;
text-align: center;
max-width: 250px;
margin-left: auto;
margin-right: auto;
display: block
}
.text-cta-button.campaigns-related-link:hover {
transform: translateY(-5px)
}
.text-cta-button.content-see-all {
float: right;
color: #191a1b;
text-align: center;
border: 2px solid #191a1b;
border-radius: 3px;
width: 250px;
margin-top: 20px;
margin-left: auto;
margin-right: auto
}
.text-cta-button.content-see-all:hover {
color: #fff;
background-color: #191a1b
}
.text-cta-button.templates-see-all-link {
color: #7988a3;
text-align: center;
max-width: 320px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
font-size: 16px;
display: block
}
.text-cta-button.templates-see-all-link:hover {
color: #003fff;
transform: none
}
.div-block-feature-col-3 {
padding-left: 90px;
padding-right: 90px
}
.div-block-feature-col-3.campaign-flow-feature-block {
margin-bottom: 75px;
padding-top: 0
}
.section-colab-feature-box {
max-width: 419px
}
.section-colab-feature-box.tool-personalization-feature-box {
margin-top: 34px;
margin-bottom: 34px
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box {
max-width: 280px
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box.partner-section-2-feature-box {
max-width: 220px
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box.partners-section-3-marketing-featurebox {
max-width: 620px
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box.partners-section-3-marketing-featurebox.small-feature-bo {
max-width: 220px
}
.section-colab-feature-box.personalization-feature-box {
margin-top: 10px;
margin-bottom: 25px
}
.section-colab-feature-box.hm-feature-box {
max-width: 209px
}
.colab-feature-img {
max-width: 419px;
display: inline-block;
position: static
}
.colab-feature-img.colab-feature-img-1 {
margin-top: 75px;
margin-left: -46px;
padding-top: 0
}
.colab-feature-img.colab-feature-img-2 {
margin-left: -46px
}
.colab-feature-img.colab-feature-img-3 {
margin-top: 35px;
margin-left: -27px
}
.colab-feature-img-box {
min-height: 180px
}
.colab-feature-title {
color: #143c6b;
margin-bottom: 18px;
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title {
color: #191a1b;
font-weight: 700
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title.feature-title-white {
color: #fff;
max-width: 310px
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title.pricing-comparison-table-plan-name {
margin-bottom: 0
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title.partners-comarketing-title {
text-align: center;
margin-top: 19px
}
.colab-feature-title.sf-font-roboto.smooth.pricing-plan-includes-title {
text-align: center;
margin-bottom: -7px;
font-size: 18px
}
.colab-feature-title.sf-font-roboto.smooth.pricing-plan-includes-title.pricing-plan-benefits-title {
text-align: left;
margin-bottom: 14px;
font-size: 17px
}
.colab-feature-title.sf-font-roboto.smooth.pricing-plan-includes-title.plan-paid-includes-title {
margin-top: 36px
}
.colab-feature-title.sf-font-roboto.smooth.pricing-plan-includes-title.plan-free-includes-title {
margin-top: 70px;
font-size: 17px
}
.colab-feature-description {
color: #7988a3;
font-size: 18px;
line-height: 25px
}
.colab-feature-description.sf-font-roboto.smooth {
max-width: 240px;
line-height: 28px
}
.colab-feature-description.sf-font-roboto.smooth.light-blue-description {
color: #9abce2
}
.colab-feature-description.sf-font-roboto.smooth.light-blue-description.left-feature-description {
max-width: 310px
}
.colab-feature-description.sf-font-roboto.smooth.tool-workflow-tab-description {
max-width: 100%;
margin-bottom: 0
}
.colab-feature-description.sf-font-roboto.smooth.advanced-feature-description {
max-width: 310px
}
.colab-feature-description.sf-font-roboto.smooth.advanced-feature-description.pricing-callout-description {
max-width: 330px
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description {
max-width: none;
font-size: 17px
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.light-blue-description {
max-width: 290px
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.campaign-flow-tab-description {
max-width: none
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p {
margin-left: -10px;
font-size: 15px;
line-height: 24px
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-plan-benefit-check {
color: #2a92ff
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-comparison-table-item {
text-align: center;
margin-left: 0
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-comparison-table-item.pricing-check-mark {
color: #1185ff;
font-size: 18px;
font-weight: 700
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-comparison-table-item.pricing-table-x {
color: #b2cbf8;
font-size: 18px
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-table-feature-link {
color: #003fff;
min-width: 100%;
font-weight: 600;
text-decoration: none;
display: block
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-compare-p,
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label {
margin-left: 0
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label.pricing-plan-bullet-link.pricing-free-bullet-link {
color: #c0cfeb;
text-align: left
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label.pricing-plan-bullet-link.pricing-free-bullet-link.agency-pricing {
text-align: right
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label.pricing-plan-bullet-link.pricing-free-bullet-link.agency-pricing:hover {
text-decoration: none
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label.pricing-plan-bullet-link.annual {
color: #2cc3a6
}
.colab-feature-description.sf-font-roboto.smooth.personalization-feature-description {
max-width: 100%
}
.hm-customer-photos {
min-width: 1388px;
margin: -377px 0 20px 95px
}
.div-block-community-content {
z-index: 500;
position: relative
}
.div-block-border-wrapped {
margin-top: 39px;
margin-bottom: 39px
}
.div-block-border-wrapped.campaigns-logo-block {
margin-top: 83px;
margin-bottom: 0
}
.div-block-border-wrapped.campaigns-logo-block.solution-logo-block {
max-width: 1100px;
margin: 22px auto
}
.div-block-border-wrapped.div-block-logos-symbol,
.div-block-border-wrapped.div-block-border-wrapped-symbol {
max-width: 1000px;
margin-left: auto;
margin-right: auto
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded {
background-color: #191a1b;
border: 1px solid #fff;
border-radius: 4px;
margin-top: -28px;
padding-top: 0;
padding-bottom: 35px
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded.wide {
max-width: 1200px;
margin-top: 0;
margin-bottom: 82px
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded.top-margin {
margin-top: 56px
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded.top-margin.grey {
background-color: #2b2d2f
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded.div-block-border-wrapped-1 {
max-width: 1100px
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded.div-block-border-wrapped-1.autopilot-overview {
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-radius: 0;
max-width: 1250px
}
.cf2-customer-logo-1 {
min-width: 157px;
margin-left: auto;
margin-right: auto;
padding-left: 13px;
padding-right: 13px;
display: block
}
.cf2-customer-logo-1.cf2-customer-logo-2 {
min-width: 148px;
margin-top: -1px
}
.cf2-customer-logo-1.cf2-customer-logo-2.nectar {
margin-top: 3px
}
.cf2-customer-logo-1.cf2-customer-logo-2.launch-stack-logo-2 {
min-width: 140px;
margin-top: -8px
}
.cf2-customer-logo-1.cf2-customer-logo-3 {
min-width: 129px
}
.cf2-customer-logo-1.cf2-customer-logo-3.agency-logo-3 {
min-width: 170px
}
.cf2-customer-logo-1.cf2-customer-logo-4 {
min-width: 116px;
margin-top: -3px
}
.cf2-customer-logo-1.cf2-customer-logo-4.agency-logo-4 {
min-width: 187px;
margin-top: 0
}
.cf2-customer-logo-1.cf2-customer-logo-4.launch-stack-logo-4 {
min-width: 150px;
margin-top: -2px
}
.cf2-customer-logo-1.cf2-customer-logo-5 {
min-width: 120px;
margin-top: 0
}
.cf2-customer-logo-1.cf2-customer-logo-5.agency-logo-5 {
min-width: 150px
}
.cf2-customer-logo-1.cf2-customer-logo-5.undersun {
margin-top: -5px;
padding-left: 4px;
padding-right: 4px
}
.cf2-customer-logo-1.cf2-customer-logo-6 {
min-width: 171px;
margin-top: 2px
}
.cf2-customer-logo-1.cf2-customer-logo-6.agency-logo-6 {
margin-top: -11px
}
.cf2-customer-logo-1.cf2-customer-logo-6.cf2-customer-logo-talkspace {
min-width: 100px;
max-width: 150px;
margin-top: -3px
}
.cf2-customer-logo-1.cf2-customer-logo-1-1 {
min-width: 80px;
max-width: 120px;
margin-top: 0
}
.cf2-customer-logo-1.cf2-customer-logo-1-1.launch-stack-logo-6 {
min-width: 140px;
margin-top: -6px
}
.cf2-customer-logo-1.porsche {
padding-top: 2px
}
.cf2-customer-logo-1.volkswagen {
min-width: 170px;
padding-top: 3px;
padding-left: 0
}
.cf2-customer-logo-1.camping-world {
width: 30px;
min-width: 100px;
margin-top: -10px
}
.cf2-customer-logo-1.camping-world.no-margin {
margin-top: -5px
}
.div-block-logos-inner {
margin-top: 27px
}
.div-block-testimonials {
width: 2200px;
max-width: 2200px;
margin-top: 58px;
overflow: visible
}
.div-block-testimonials.overflow-x {
width: 100%;
max-width: none
}
.cf2-testimonial-box {
border: 1px solid #e8f1ff;
border-radius: 7px;
margin-left: 7px;
margin-right: 7px;
padding: 24px 25px
}
.cf2-testimonial-box.cf2-testimonial-bubble {
float: left;
clear: none;
max-width: 332px;
margin-bottom: 20px;
display: inline-block;
position: static
}
.cf2-testimonial-customer-photo {
background-color: #fff;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 150px;
width: 38px;
height: 38px;
margin-top: 5px
}
.cf2-testimonial-ph-icon {
float: right
}
.cf2-testimonial-text {
float: left;
color: #143c6b;
margin-top: 9px;
margin-bottom: 0;
font-size: 17px;
line-height: 23px
}
.row-testimonials {
width: 2200px;
max-width: 2200px;
margin-top: 33px;
display: none;
overflow: visible
}
.row-testimonials.testimonial-row-2 {
width: 2200px;
max-width: 2200px;
margin-left: -300px
}
.div-block-recipe-hero {
max-width: 1100px;
margin-top: 43px;
margin-left: auto;
margin-right: auto;
padding-bottom: 29px;
padding-left: 0;
padding-right: 0;
display: block
}
.recipe-hero-content-left-box {
max-width: 550px
}
.recipe-hero-content-left-box.cta-templates-hero-content-left-box {
max-width: 450px
}
.recipe-hero-content-left-box.template-category-hero-box {
max-width: 700px;
margin-left: auto;
margin-right: auto
}
.recipe-hero-content-left-box.template-category-hero-box.templates-hero-left-content-box {
max-width: 460px;
margin-left: 0;
margin-right: 0
}
.recipe-hero-content-left-box.template-category-hero-box.templates-hero-left-content-box.ctas-index-hero {
text-align: left;
max-width: 970px;
margin-left: auto;
margin-right: auto
}
.recipe-hero-image-right {
min-width: 703px;
margin-top: 31px;
margin-left: 51px;
box-shadow: 0 12px 44px #7792b363
}
.div-block-sub-page-nav {
margin-left: 40px;
margin-right: 40px;
padding-top: 25px;
padding-bottom: 25px
}
.div-block-sub-page-nav.cta-template-hero-sub-nav {
margin-top: 55px
}
.div-block-sub-page-nav.courses-heading-container {
margin-left: 0;
margin-right: 0
}
.div-block-sub-page-nav.campaigns-breadcrumbs {
width: 100%;
max-width: 1200px;
margin: 35px auto 30px
}
.div-block-sub-page-nav.ctas-breadcrumbs {
max-width: 1100px;
margin-top: 20px;
margin-left: auto;
margin-right: auto
}
.sub-page-nav-link-index {
color: #7988a3;
margin-top: 35px;
font-size: 16px;
text-decoration: none
}
.sub-page-nav-link-index:hover {
color: #fff
}
.sub-page-nav-link-index.sf-font-roboto.smooth.cta-templates-list-subnav-link-index {
color: #ffffffa1
}
.sub-page-nav-link-index.sf-font-roboto.smooth.courses-nav-link-index {
color: #c9d7ff;
display: inline
}
.sub-page-nav-link-index.sf-font-roboto.smooth.courses-nav-link-index.courses-nav-link-lesson {
color: #fff;
margin-left: 0;
font-weight: 400
}
.sub-page-nav-link-index.slider-link {
color: #003fff
}
.sub-page-nav-link-current {
color: #7988a3;
font-size: 16px;
text-decoration: none
}
.sub-page-nav-link-current.w--current {
color: #7988a3
}
.sub-page-nav-link-current.sf-font-roboto.smooth.w--current:hover {
color: #1185ff
}
.sub-page-nav-link-current.sf-font-roboto.smooth.cta-templates-subnav-list-link {
color: #fff
}
.sub-page-nav-link-current.sf-font-roboto.smooth.courses-nav-link-current {
float: none;
color: #fff;
display: inline;
position: static
}
.div-block-hero-integration-icons {
max-width: 380px;
margin-bottom: 27px
}
.div-block-hero-integration-icons.integration-hero-icons-box {
max-width: 200px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-integration-icon-box {
background-color: #fff;
border-radius: 5px;
min-width: 59px;
max-width: 59px;
min-height: 59px;
max-height: 59px;
padding: 13px;
box-shadow: 0 15px 33px #a2bee363
}
.cf2-integration-icon-box.integration-hero-icon-box {
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-integration-icon-box.integration-hero-icon-box.medium-icon-box {
box-shadow: none;
border: 1px solid #d4e3fa
}
.cf2-integration-icon-box.integration-hero-icon-box.integration-cta-icon {
box-shadow: none;
background-color: #fff0;
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-size: cover;
border: 1px #363636;
min-width: 50px;
min-height: 50px
}
.cf2-integration-icon-box.integration-hero-icon-box.integration-cta-icon.cf {
background-color: #ff7a27;
background-image: none;
width: 50px;
height: 50px;
padding: 11px 10px 13px
}
.cf2-integration-icon-img {
margin-left: auto;
margin-right: auto;
display: block
}
.integration-icons-row-div {
margin-left: 12px
}
.recipe-body-p {
color: #7988a3;
font-size: 18px;
line-height: 25px
}
.recipe-body-p.sf-font-roboto.smooth {
line-height: 28px
}
.recipe-body-p.sf-font-roboto.smooth.recipe-text-small {
font-size: 16px;
line-height: 26px
}
.recipe-body-inner-content {
max-width: 600px
}
.recipe-integration-descriptions-div {
border-left: 1px solid #e8f1ff;
min-width: 320px;
padding-top: 25px;
padding-left: 37px;
padding-right: 0
}
.recipe-integration-description-box {
margin-bottom: 40px
}
.cf2-section-h4 {
color: #143c6b;
font-size: 20px;
line-height: 30px
}
.recipe-integrations-desc-logo {
max-height: 35px
}
.integrations-hero-icons-plus {
color: #1185ff;
text-align: center;
margin-top: 26px;
font-size: 60px;
font-weight: 700
}
.integrations-hero-icons-plus.small-plus-icon {
color: #143c6b;
margin-top: 11px;
margin-bottom: 3px;
font-size: 20px
}
.integrations-hero-icons-plus.small-plus-icon.medium-plus-icon {
color: #1185ff;
margin-top: 21px;
font-size: 22px
}
.integrations-hero-icons-plus.integration-cta-plus {
color: #fff;
margin-top: 0;
font-size: 30px;
font-weight: 300
}
.integration-details-link {
color: #143c6b;
font-size: 20px;
line-height: 30px
}
.integration-details-link.dark {
color: #191a1b;
margin-bottom: 0
}
.integration-details-link.dark:hover {
color: #003fff
}
.integration-link-block {
text-decoration: none
}
.integration-automations-div {
margin-top: 30px
}
.integration-automation-p {
color: #191a1b;
font-size: 16px;
font-weight: 600;
line-height: 24px
}
.div-integration-icons-medium {
max-width: 180px;
margin-bottom: 22px
}
.div-integration-icons-medium.tool-automation-item-icons-block {
margin-left: auto;
margin-right: auto;
display: block
}
.hm-integration-div-block {
max-width: 1207px;
margin-left: auto;
margin-right: auto;
padding-top: 55px;
padding-bottom: 55px;
display: block
}
.hm-integration-div-block.integrations-index-list-block {
padding-top: 10px
}
.hm-integration-div-block.solutions-integrations-container {
padding-bottom: 0
}
.hm-integration-div-block.solutions-integrations-container.plans-integrations {
padding-top: 0
}
.hm-integration-div-block.solutions-integrations-container.plans-integrations.plans-integrations-container {
max-width: 1000px
}
.cf2-integration-collection-list {
max-width: 1207px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-integration-list-item-div {
border: 1px solid #e8f1ff;
border-radius: 5px;
max-width: 380px;
padding: 29px 26px
}
.cf2-integration-list-item-div.integration-index-list-item-div {
max-width: 310px;
min-height: 312px;
position: relative
}
.cf2-integration-list-item-div.zapier-item {
max-width: 100%
}
.cf2-integration-list-item-div.template-integration-list-item {
border-width: 2px;
max-width: none
}
.integration-list-item-logo {
max-height: 30px
}
.integration-list-item-logo.zapier-item-logo {
margin-left: auto;
margin-right: auto;
display: block
}
.integration-list-item-text-block {
padding-top: 13px;
padding-bottom: 13px
}
.integration-list-item-p {
color: #7988a3;
font-size: 16px;
font-weight: 400;
line-height: 26px
}
.integration-list-item-p.sf-font-roboto.smooth {
min-height: 100px;
max-height: 100px;
font-weight: 400;
overflow: hidden
}
.integration-list-item-p.sf-font-roboto.smooth.zapier-item-p {
text-align: center;
min-height: 0
}
.integration-list-item-button {
color: #143c6b;
background-color: #0000;
border: 2px solid #143c6b;
border-radius: 5px;
font-size: 16px;
font-weight: 600
}
.integration-list-item-button.sf-font-roboto.smooth {
color: #191a1b;
font-size: 15px;
transition: all .2s
}
.integration-list-item-button.sf-font-roboto.smooth:hover {
color: #fff;
background-color: #191a1b;
border-color: #191a1b
}
.integration-list-item-button.zapier-item-button {
max-width: 109px;
margin-left: auto;
margin-right: auto;
display: block
}
.test-subnav-box {
background-color: #fff;
margin-top: 115px;
padding: 30px
}
.cf2-footer-section-cta {
min-width: 100%
}
.cf2-footer-div {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-footer-top-block {
border-bottom: 1px solid #e8f1ff;
padding-top: 57px;
padding-bottom: 44px
}
.cf2-footer-logo {
max-height: 32px
}
.cf2-footer-bottom-block {
padding: 51px 12px
}
.cf2-footer-menu-list.hide-menu-list {
display: none
}
.cf2-footer-menu-title {
color: #143c6b;
font-size: 15px;
font-weight: 600
}
.cf2-footer-menu-title.sf-font-roboto.smooth {
margin-bottom: 18px
}
.cf2-footer-menu-link {
color: #7988a3;
min-width: 100%;
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: block
}
.cf2-footer-menu-link.sf-font-roboto.smooth {
margin-top: 13px;
margin-bottom: 13px;
font-weight: 400;
transition: all .2s
}
.cf2-footer-menu-link.sf-font-roboto.smooth:hover {
color: #1185ff
}
.cf2-footer-menu-link.sf-font-roboto.smooth.cf2-footer-tinylink-text {
float: right;
text-align: right;
width: 150px;
min-width: auto;
font-size: 13px
}
.cf2-footer-menu-link.sf-font-roboto.smooth.cf2-footer-tinytext {
font-size: 13px
}
.recent-news-block {
margin-top: 13px
}
.cf2-integration-collection-item {
float: left;
max-width: 380px;
margin: 11px
}
.cf2-integration-collection-item.zapier-item-card {
float: none;
max-width: 100%
}
.cf2-integration-collection-item.template-integration-collection-item {
margin-left: 0;
margin-right: 0
}
.div-block-template-hero {
max-width: 1100px;
margin-bottom: -100px;
margin-left: auto;
margin-right: auto;
display: block
}
.template-hero-top-block {
padding-top: 12px
}
.template-hero-browser-div {
background-color: #fff;
border: 1px #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
max-width: 1100px;
margin: 57px auto -19px;
display: block
}
.template-hero-browser-div.example-cta-browser-div {
box-shadow: none;
margin-bottom: 0
}
.template-browser-iframe-block {
border-radius: 4px;
overflow: hidden
}
.template-body-rich-text-block {
max-width: 778px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-template-cta-block {
border-top: 1px solid #d2e9ff;
border-bottom: 1px solid #d2e9ff;
max-width: 1100px;
margin: 61px auto;
display: block
}
.div-template-cta-block.template-cta-block-2 {
padding-top: 37px;
padding-bottom: 37px
}
.hm-templates-list-div.hm-templates-list-div-extended {
padding-top: 34px
}
.hm-templates-list-div.hm-templates-list-div-extended.tool-templates-list-div {
max-width: 1000px;
margin-left: auto;
margin-right: auto
}
.template-more-templates-div {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: block
}
.template-more-templates-div.template-more-cta-templates {
margin-top: 0
}
.template-list-item-div {
background-color: #fff;
border: 1px solid #e8f1ff;
border-radius: 3px;
min-width: 100%;
max-width: 340px;
margin-top: 15px;
transition: all .2s
}
.template-list-item-div.cta-template-list-item-div {
border-width: 2px;
border-top-right-radius: 8px;
max-width: 310px
}
.template-list-item-div.cta-template-list-item-div:hover {
box-shadow: none;
border-style: solid;
border-color: #1185ff;
transform: none
}
.template-list-item-div.hm-template-list-item-div {
border-style: none
}
.template-list-item-top-block {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 208px
}
.template-list-item-top-block.hm-template-list-item-top-block {
background-position: 50% 0
}
.template-list-item-bottom-block {
min-height: 115px;
padding-bottom: 11px;
padding-left: 19px;
padding-right: 19px
}
.template-list-item-title {
color: #143c6b;
height: 60px;
overflow: hidden
}
.template-list-item-title.sf-font-roboto {
color: #191a1b;
font-size: 20px;
font-weight: 700
}
.template-list-item-title.sf-font-roboto.smooth {
font-size: 20px
}
.template-list-item-title.sf-font-roboto.smooth.cta-template-list-item-title {
margin-top: 10px
}
.template-list-item-p {
color: #7988a3;
font-size: 18px;
line-height: 22px
}
.template-list-item-p.template-list-item-link-p {
color: #143c6b;
font-weight: 600
}
.template-list-item-p.template-list-item-link-p:hover {
color: #1185ff
}
.template-list-item-p.template-list-item-type-p {
color: #24c1e0;
text-align: center;
margin-bottom: 0;
font-size: 16px
}
.template-list-item-p.template-list-item-type-p.example-list-item-type-p {
color: #5a7ea8
}
.template-list-item {
float: left;
min-width: 340px;
max-width: 340px;
margin: 11px
}
.template-list-item.cta-template-list-item {
min-width: 310px;
max-width: 310px
}
.template-more-templates-top-box {
margin-left: 11px;
margin-right: 11px
}
.template-browser-featured-img.example-browser-featured-img {
border: 1px #dbdbdb;
border-bottom-style: solid
}
.template-list--item-link-box {
min-width: 100%;
text-decoration: none
}
.navbar-subnav-block-white {
z-index: 500;
background-color: #fff;
width: 100%;
min-height: 400px;
margin-top: 100px;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 12px 44px #365a8663
}
.navbar-subnav-block-white.navbar-subnav-white-notfixed,
.navbar-subnav-block-white.navbar-subnav-white-notfixed.navbar-subnav-white-product {
margin-top: -528px
}
.navbar-subnav-block-white.navbar-subnav-white-notfixed.navbar-subnav-white-product.default-subnav-block {
margin-top: 0;
display: none
}
.navbar-subnav-block-white.navbar-subnav-white-notfixed.navbar-subnav-white-resources {
margin-top: -528px
}
.navbar-subnav-block-white.navbar-subnav-white-notfixed.navbar-subnav-white-resources.default-subnav-inner-block {
margin-top: 0;
display: none
}
.navbar-logo-dark {
max-width: 230px;
margin-top: 18px;
margin-left: 20px;
display: none
}
.navbar-logo-dark.navbar-default-logo-dark {
display: block
}
.subnav-white-inner-block {
max-width: 1180px;
margin: 60px auto;
display: block
}
.subnav-white-content-left {
border-style: none;
border-right-width: 1px;
border-right-color: #d2e9ff;
padding-top: 10px;
padding-right: 98px
}
.subnav-white-menu-title {
color: #1185ff;
margin-bottom: 27px;
font-size: 20px;
font-weight: 600
}
.subnav-white-menu-item {
margin-bottom: 19px
}
.subnav-white-menu-item.subnav-white-menu-item-right {
padding-right: 28px
}
.subnav-white-menu-item-title {
color: #143c6b;
font-size: 18px;
font-weight: 600
}
.subnav-white-menu-item-title:hover {
color: #1185ff
}
.subnav-white-menu-item-title.sf-font-roboto.smooth {
font-size: 17px
}
.subnav-white-menu-item-p {
color: #7988a3;
font-size: 16px;
line-height: 22px
}
.subnav-white-menu-item-p.sf-font-roboto.smooth {
font-size: 15px
}
.subnav-white-menu-item-link-block {
text-decoration: none
}
.subnav-white-content-right {
margin-left: 63px;
padding-top: 10px
}
.subnav-white-column-2 {
border-left: 1px solid #d2e9ff
}
.subnav--navbar-white-top-block {
border-bottom: 1px solid #d2e9ff;
min-height: 75px
}
.subnav--white-dropdown-block.w--open {
background-color: #fff;
border-radius: 8px;
min-width: 1180px;
margin-left: -446px;
padding-left: 35px;
padding-right: 35px;
box-shadow: 0 12px 44px #365a8663
}
.subnav-dropdown-triangle-html {
height: 50px;
margin-top: -30px
}
.cf2-dropdown-icon {
margin-top: 28px
}
.navbar-navlink-dark {
color: #143c6b;
padding-top: 25px;
font-size: 15px;
font-weight: 500
}
.navbar-navlink-dark.smooth.sf-font-roboto:hover {
color: #1185ff
}
.navbar-navlink-dark.smooth.sf-font-roboto.navbar-navlink-dark-blog-mobile {
display: none
}
.tool-features-box {
margin-top: 60px
}
.tool-feature-box {
background-color: #fff;
padding: 22px
}
.tool-feature-img-box {
border-top: 4px solid #43c6e0;
padding-top: 31px
}
.tool-feature-img-box.top-line-dark-blue {
border-style: solid none none;
border-top-color: #0f1376
}
.tool-feature-img-box.top-line-purple {
border-top-color: #911cbc
}
.tool-feature-img-box.top-line-green {
border-top-color: #1cbcab
}
.tool-feature-img-box.top-line-blue {
border-top-color: #1185ff
}
.tool-feature-img-box.top-line-orange {
border-top-color: #e9533a
}
.tool-feature-icon-img {
max-width: 42px;
max-height: 34px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-section-3-tab-block {
display: block
}
.tool-section-3-tab-content {
float: left;
min-width: 950px;
max-width: 70%;
margin-left: -293px
}
.tool-section-3-tab-content.tool-design-tab-content-block {
min-width: 1353px;
margin-bottom: 0;
margin-left: -502px
}
.tool-section-3-tab-menu {
float: right;
width: 30%
}
.tool-section-3-tab-menu.tool-design-tab-menu {
z-index: 500;
margin-top: 100px;
position: absolute;
top: 0;
right: 0
}
.tool-section-3-tab-menu-link {
color: #fff;
background-color: #292ea8;
border-radius: 5px;
width: 45%;
margin: 7px;
padding: 26px 22px;
font-size: 18px
}
.tool-section-3-tab-menu-link.w--current {
color: #fff;
background-color: #1185ff
}
.tool-section-3-tab-menu-link.sf-font-roboto.smooth,
.tool-section-3-tab-menu-link.sf-font-roboto.smooth.w--current {
min-height: 139px
}
.tool-section-3-tab-icon-div {
padding-top: 0;
padding-bottom: 17px
}
.tool-section-3-tab-link-icon {
max-width: 35px
}
.tools-4-column-div {
max-width: 1100px;
margin-top: 83px;
margin-left: auto;
margin-right: auto;
display: block
}
.tools-4-column-div.hm-launch-feature-columns {
margin-bottom: 121px
}
.tools-4-column-div.partners-section-5-features-div {
max-width: none;
margin-top: 31px
}
.tool-feature-title {
color: #000;
margin-bottom: 18px;
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.tool-feature-title.sf-font-roboto.smooth.tool-placement-title {
text-align: center
}
.tool-feature-title.sf-font-roboto.smooth.white-text {
color: #fff
}
.tool-feature-title.sf-font-roboto.smooth.tool-workflow-tab-title {
color: #191a1b;
margin-bottom: 10px;
font-weight: 900
}
.tool-feature-title.sf-font-roboto.smooth.pp-story-title {
color: #fff;
font-size: 28px;
line-height: 37px
}
.tool-feature-title.sf-font-roboto.smooth.home-tool-feature-title {
font-size: 19px;
font-weight: 700
}
.tool-mobile-img {
min-width: 1366px;
margin-left: -100px
}
.tool-section-7-row-div {
max-width: 900px;
margin-top: 39px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-placement-bottom-block {
padding-top: 28px;
padding-left: 20px;
padding-right: 20px
}
.tool-placement-img {
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 12px 24px #7792b31f
}
.tools-forms-skip-logic-img {
min-width: 896px;
margin-left: auto;
margin-right: auto;
display: block
}
.tools-forms-skip-logic-img.tools-popup-skip-logic-img {
margin-bottom: 72px
}
.tools-section-10-img-block {
padding-top: 57px
}
.tools-section-10-img-block.stickybar-automation-img-block {
padding-top: 19px
}
.tools-contact-profile-img {
min-width: 528px;
margin-top: 76px;
margin-left: 273px
}
.tools-contacts-girl-img {
margin-top: 113px;
margin-left: -93px;
position: absolute;
top: 0;
left: 0;
right: 0
}
.tools-automation-img {
min-width: 1143px;
margin-left: -31px;
margin-right: auto;
display: block
}
.tool-profiling-line-box {
border-bottom: 1px solid #d6e9fb;
min-height: 20px;
margin-top: 180px;
margin-bottom: -119px
}
.tool-profiling-data-bubble {
float: none;
background-color: #e0f9ff;
border-radius: 150px;
margin-bottom: 6px;
margin-left: 6px;
margin-right: 6px;
padding: 6px 15px;
position: static
}
.tool-profiling-data-bubble.data-bubble-number {
margin-bottom: 18px
}
.tool-profiling-data-bubble.data-bubble-number.survey-profiling-step2-bubble {
max-width: 200px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-profiling-data-bubble.data-bubble-number.survey-profiling-step2-bubble.bi-bubble-size {
float: left;
min-width: 48%;
margin-left: 3px;
margin-right: 3px
}
.tool-profiling-data-bubble.data-bubble-number.survey-profiling-step2-bubble.multi-bubble-size {
float: left;
min-width: 32%;
margin-left: 3px;
margin-right: 3px
}
.tool-profiling-title {
color: #1185ff;
text-transform: uppercase;
font-weight: 600
}
.tool-profiling-title.center-text {
text-align: center
}
.tool-profiling-action-text {
color: #143c6b;
font-size: 18px;
font-weight: 600
}
.tool-profiling-action-text.center-text {
text-align: center
}
.tool-profiling-action-text.center-text.sf-font-roboto.smooth.white-text {
color: #fff
}
.tool-profiling-bubble-text {
color: #143c6b;
text-align: center;
margin-bottom: 0;
font-weight: 600
}
.tool-profiling-bubble-text.sf-font-roboto.smooth {
margin-bottom: 1px
}
.tool-profiling-img-block {
margin-top: 28px
}
.tool-profiling-img {
box-shadow: 0 17px 44px -12px #7792b363
}
.tool-profiling-img.profiling-hook {
min-width: 290px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-profiling-img.profiling-overlay {
min-width: 644px;
margin-left: 0
}
.tool-profiling-img.profiling-overlay.profiling-overlay-mobile {
min-width: 624px
}
.tool-profiling-action-circle {
background-color: #a6e3f2;
border-style: none;
border-radius: 150px;
width: 15px;
max-width: 15px;
height: 15px;
max-height: 15px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-profiling-circle-block {
margin-top: 12px;
margin-bottom: 12px
}
.tools-forms-funnels-img {
min-width: 1643px;
margin-left: 0;
margin-right: auto;
display: block
}
.tools-forms-funnels-img.stickybar-funnels-img {
margin-left: 0
}
.tools-form-funnel-img-block {
min-width: 1643px;
height: 798px;
margin-left: -367px;
overflow: hidden
}
.tool-embed-tab-content {
float: right;
max-width: 70%;
margin-top: -383px;
margin-right: -100px;
position: relative;
overflow: visible
}
.tool-embed-tab-content.tool-triggers-tab-content {
max-width: 69%;
margin-top: -100px
}
.tool-embed-tab-content.quiz-embed-tab-content {
margin-top: -520px
}
.tool-embed-tab-content.quiz-embed-tab-content.personalization-tab-content {
margin-top: -460px
}
.tool-embed-tab-content.campaign-flows-tab-content {
background-color: #fff;
background-image: url(assets/images/others/5b9a9785a6ef6043401d82f5_dots-bg-img-mini.png);
background-position: 16px 16px;
background-repeat: no-repeat;
background-size: 88px;
min-width: 790px;
max-width: 65%;
margin-top: 0;
margin-bottom: 1px;
margin-right: -50px;
padding-top: 49px;
padding-bottom: 0;
padding-left: 58px
}
.tool-embed-tab-content.campaign-flows-tab-content.solution-leadgen-tab-content {
float: left;
text-align: center;
background-color: #ebf0f8;
background-position: 95% 5%;
min-width: 65%;
margin-left: -150px;
padding-bottom: 49px;
padding-left: 0
}
.tool-embed-content-img {
box-shadow: 0 29px 44px #7792b363
}
.tool-embed-content-img.shopify-img,
.tool-embed-content-img.calendly-img,
.tool-embed-content-img.embed-video-img {
min-width: 690px
}
.tool-embed-content-img.campaigns-flow-tab-content-img {
box-shadow: none;
min-width: 667px;
max-width: 100%;
margin-bottom: -54px
}
.tool-embed-content-img.campaigns-flow-tab-content-img.agency-sales-funnel-img {
margin-bottom: -104px;
margin-left: auto;
margin-right: auto
}
.tool-embed-content-img.solution-leadgen-tab-img {
box-shadow: none;
margin-left: 59px
}
.tool-embed-content-img.solution-leadgen-tab-img.agency-leadgen-img-1 {
max-width: 1100px;
margin-left: -59px
}
.tool-embed-tab-link {
background-color: #0000;
min-width: 85%;
max-width: 100%
}
.tool-embed-tab-link.w--current {
background-color: #e8f1ff;
border-radius: 5px
}
.tool-embed-tab-link.w--current:hover,
.tool-embed-tab-link.w--current:active,
.tool-embed-tab-link.w--current:focus,
.tool-embed-tab-link.w--current:visited {
background-color: #e8f1ff
}
.tool-embed-tab-link.tool-trigger-tab-link {
padding-bottom: 18px
}
.tool-embed-tab-link.campaigns-flows-tab-link {
background-color: #fff;
border: 1px solid #e8f1ff;
border-radius: 5px;
min-width: 100%;
margin-top: 14px;
margin-bottom: 14px;
padding: 21px 37px
}
.tool-embed-tab-link.campaigns-flows-tab-link:visited {
background-color: #0000
}
.tool-embed-tab-link.campaigns-flows-tab-link.current.w--current {
background-color: #e8f1ff
}
.tool-embed-tab-menu-link {
color: #143c6b;
margin-top: 12px;
font-size: 18px;
font-weight: 600
}
.tool-embed-tab-menu-link.sf-font-roboto.smooth {
color: #191a1b;
margin-top: 9px;
font-size: 16px
}
.tool-embed-tab-menu-link.sf-font-roboto.smooth.tool-trigger-tab-menu-link {
margin-top: 5px
}
.tool-embed-tab-menu-link.sf-font-roboto.smooth.campaigns-flow-tab-menu-link {
color: #191a1b;
font-size: 20px;
font-weight: 900;
line-height: 30px
}
.tool-embed-tab-menu-icon {
max-width: 32px
}
.tool-embed-tab-menu-icon.embed-video-icon {
margin-top: 8px;
margin-bottom: 8px
}
.tool-embed-tab-menu {
float: left;
max-width: 40%;
min-height: 310px
}
.tool-embed-tab-menu.campaigns-flow-tab-menu {
max-width: 35%;
margin-top: 25px;
margin-left: 0;
padding-left: 25px
}
.tool-embed-tab-menu.campaigns-flow-tab-menu.solution-leadgen-tab-menu {
float: right;
padding-left: 0;
padding-right: 25px
}
.tool-advanced-block {
margin-top: 24px;
margin-bottom: 24px
}
.tool-advanced-feature-box {
border: 1px solid #e8f1ff;
border-radius: 5px;
padding: 40px 24px
}
.tool-advanced-feature-box.advanced-feature-box-height {
min-height: 252px
}
.tool-workflow-tab-block {
overflow: visible
}
.tool-workflow-tab-menu {
float: left;
max-width: 40%;
margin-top: 93px
}
.tool-workflow-tab-menu.solution-feature-set-tab-menu {
float: right
}
.tool-workflow-tab-menu.browser-showcase-tabs {
padding-right: 20px
}
.tool-workflow-tab-menu.browser-showcase-tabs.saas-browser-showcase-tabs {
margin-top: 120px
}
.tool-workflow-tab-link {
background-color: #0000;
min-width: 100%;
padding-top: 16px;
padding-bottom: 16px
}
.tool-workflow-tab-link:hover {
background-color: #e8f1ff
}
.tool-workflow-tab-link.w--current {
background-color: #e8f1ff;
border-radius: 5px
}
.tool-workflow-tab-content {
float: right;
max-width: 60%;
margin-top: -31px;
overflow: visible
}
.tool-workflow-tab-content.solution-feature-set-tab-content {
float: left
}
.tool-workflow-tab-content.tabs-content {
margin-top: 50px
}
.tool-workflow-tab-content-img {
min-width: 1354px;
margin-left: -56px
}
.tool-workflow-tab-content-img.hm-collaboration-featured-img {
margin-top: -93px;
margin-bottom: -103px;
margin-left: -157px
}
.tool-personalize-img {
min-width: 1353px;
margin-top: -42px;
margin-left: -109px
}
.tool-automations-collection-list {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-automations-collection-item-box {
background-color: #fff;
border-radius: 5px
}
.tool-automations-collection-item-box.template-automation-item {
border: 1px solid #e8f1ff
}
.automation-item-top-block {
background-color: #ebf0f8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 22px 22px 1px
}
.automation-item-bottom-block {
min-height: 100px;
padding: 20px
}
.cta-template-list-content-right.template-category-list-content-right {
margin-top: -32px
}
.cta-template-list-content-right.template-category-list-content-right.cta-index-container {
width: 1000px;
margin-top: 0;
margin-left: auto;
margin-right: auto
}
.cta-template-menu-list-title {
color: #143c6b;
font-size: 17px;
font-weight: 600
}
.cta-template-menu-list-title.sf-font-roboto.smooth.integration-index-list-item-title {
color: #191a1b;
display: inline-block
}
.cta-template-menu-list-link {
color: #7988a3;
min-width: 100%;
margin-top: 13px;
margin-bottom: 13px;
font-size: 16px;
text-decoration: none;
transition: all .2s;
display: block
}
.cta-template-menu-list-link:hover {
color: #1185ff
}
.cta-template-menu-list-link.sf-font-roboto.smooth.template-category-menu-tab-link-p {
margin-top: 0;
margin-bottom: 0;
font-size: 15px
}
.cta-template-menu-list-link.cta-category-menu-dropdown-list-link {
padding: 0;
font-size: 15px
}
.cta-template-menu-list-link.cta-category-menu-dropdown-list-link:hover,
.cta-template-menu-list-link.cta-category-menu-dropdown-list-link:focus,
.cta-template-menu-list-link.cta-category-menu-dropdown-list-link.w--current {
color: #003fff
}
.div-block-cta-template-hero {
max-width: 1100px;
margin-top: 44px;
margin-left: auto;
margin-right: auto;
padding-bottom: 29px;
display: block
}
.cta-template-hero-featured-block {
background-color: #1b295d;
min-width: 700px;
margin: -81px 0 -100px 40px;
padding: 0
}
.cta-template-hero-featured-block.cta-template-index-hero-featured-block {
margin-top: -30px;
margin-left: 0
}
.cta-template-hero-featured-block.cta-template-index-hero-featured-block.templates-hero-featured-block {
border: 1px solid #fff;
border-radius: 1px;
margin-bottom: -60px
}
.tool-trigger-icon {
max-width: 28px;
display: block
}
.tool-trigger-icon.trigger-tab-icon-scroll {
margin-top: 5px
}
.tool-trigger-icon.trigger-tab-icon-code {
margin-top: 9px
}
.tool-trigger-tab-img {
min-width: 913px;
box-shadow: 0 29px 44px #7792b363
}
.tool-popups-multi-step-content-block {
margin-top: 62px;
margin-bottom: -35px
}
.tool-popups-multi-step-content-block.tool-forms-multistep-content-block {
margin-bottom: 167px
}
.popup-multistep-hook {
max-width: 290px;
margin-top: 42px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 12px 44px #132c5366
}
.popup-multistep-hook.stickbar-multistep-img {
max-width: 783px
}
.popup-multistep-hook.stickbar-multistep-img.stickybar-multistep-1 {
margin-left: -190px
}
.popup-multistep-hook.stickbar-multistep-img.stickybar-multistep-2 {
margin-left: 40px
}
.tool-multistep-arrow-block {
width: 36px;
margin-top: -232px;
margin-left: auto;
margin-right: -30px;
position: relative
}
.tool-multistep-arrow-block.middle-arrow-block {
margin-top: -353px
}
.multistep-arrow {
max-width: 36px;
margin-left: auto;
margin-right: auto;
display: block
}
.cta-templates-ft-category-link-block {
margin-bottom: 16px
}
.cta-templates-collection-list-block {
margin-bottom: 50px
}
.integrations-index-hero-content-right {
min-width: 962px;
height: 507px;
margin-top: -130px;
overflow: hidden
}
.integrations-index-hero-img {
min-width: 962px
}
.integrations-h3 {
color: #143c6b;
font-size: 21px;
font-weight: 800;
line-height: 31px
}
.integrations-h3.sf-font-roboto.smooth {
color: #191a1b;
margin-top: -7px;
font-weight: 700
}
.tool-design-featured-img {
min-width: 1353px;
margin-top: -81px;
margin-bottom: 0;
margin-left: 0
}
.form-fields-img-block {
margin-top: 58px
}
.form-fields-img-block.light-blue-bg {
background-color: #e0f9ff;
background-image: url(assets/images/others/5b7873b179aa60868dfb18d5_fied-mapping-plants-bg-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
min-width: 1140px;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-top: 36px;
padding-bottom: 35px;
display: block
}
.form-fields-img-block.light-blue-bg.form-actions-img-block {
max-height: 590px;
overflow: hidden
}
.field-mapping-img {
min-width: 905px;
margin-bottom: -19px;
margin-left: auto;
margin-right: auto;
display: block
}
.form-actions-img {
min-width: 1311px;
margin-top: 18px;
margin-left: -171px
}
.form-actions-img.hm-personalize-img {
margin-top: -6px
}
.campaign-hero-img {
min-width: 1352px;
margin-top: -45px;
margin-left: -39px;
margin-right: auto;
display: block
}
.campaign-broadcast-row {
margin-top: 39px;
margin-bottom: 39px
}
.customer-story-img-block.blob-bg-left {
background-image: url(assets/images/others/5b9bd1cd4caae3165701ba83_blob-bg-3-img-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 552px;
padding: 93px 93px 93px 60px
}
.customer-story-img-block.blog-bg-right {
background-image: url(assets/images/others/5baabca9280df9fbf9d3839f_blob-bg-4-img-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 542px;
padding-top: 53px;
padding-left: 51px;
padding-right: 51px
}
.customer-story-img-block.blog-bg-right.pricing-customer-story-block {
width: 572px;
padding-left: 98px;
padding-right: 103px
}
.customer-story-content-block-right {
max-width: 546px;
padding-top: 119px
}
.customer-story-inner-img-block.dark-blue-bg {
background-color: #3339c8;
min-width: 411px;
max-width: 411px;
padding: 12px
}
.customer-story-customer-name {
z-index: 500;
float: right;
color: #fff;
font-size: 17px;
font-weight: 600;
line-height: 26px;
position: relative;
top: 463px;
left: -45px
}
.customer-story-customer-name.sf-font-roboto.smooth {
left: -22px
}
.customer-story-img-container {
min-width: 411px;
min-height: 500px
}
.customer-story-img-container.examine-martin {
background-image: linear-gradient(#fff0 87%, #0c0c22b0), url(assets/images/others/5b9bd0dd1f811f705c38bbdb_campaigns-customer-examine-martin-mini.png);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 411px
}
.personalization-hero-slider-box {
margin-top: -63px
}
.personalization-hero-slide-img {
min-width: 1087px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 12px 44px #1a2e4763
}
.personalization-hero-slide-visitor-img {
float: right;
min-width: 35%;
max-width: 35%;
margin-bottom: 7px;
margin-right: 53px
}
.personalization-hero-slider {
background-color: #0000;
min-width: 1150px;
min-height: 875px
}
.personalization-visitors-img {
margin-left: auto;
margin-right: auto;
display: block
}
.personalization-path-block {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: block
}
.personalization-path-img-1 {
float: none;
margin-top: 20px;
margin-left: 548px
}
.personalization-example-1-hook {
margin-top: 15px;
margin-left: auto;
margin-right: auto;
display: block;
box-shadow: 0 12px 44px #7792b363
}
.personalization-example-inner-block.personalization-jane-block {
margin-top: -160px
}
.personalization-example-inner-block.bottom-inner-block {
margin-bottom: 0
}
.personalization-jane-img {
margin-left: auto;
margin-right: auto;
display: block;
position: relative
}
.personalization-jane-img.jane-grow-img {
z-index: 500;
margin-bottom: 28px
}
.personalization-example-right-col-bg {
background-image: url(assets/images/others/5b9a9785a6ef6043401d82f5_dots-bg-img-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 88px
}
.personalization-example-inner-path-right {
float: right;
margin-top: 60px;
margin-right: 10px
}
.personalization-example-inner-path-left {
float: left;
margin-top: 60px;
margin-left: 10px
}
.personalization-inner-path-action {
float: right;
margin-top: 15px;
margin-right: 15px;
display: block;
box-shadow: 0 12px 44px #7792b363
}
.personalization-inner-path-action.center-inner-path-action {
float: none;
margin-left: auto;
margin-right: auto;
display: block
}
.personalization-inner-path-automation {
margin-top: 15px;
margin-left: 15px;
box-shadow: 0 12px 44px #7792b363
}
.personalization-path-img-2 {
margin-bottom: 65px;
margin-left: 204px
}
.personalization-example-left-column {
background-image: url(assets/images/others/5b9a9785a6ef6043401d82f5_dots-bg-img-mini.png);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 88px
}
.personalization-example-2-overlay {
margin: -11px auto -51px;
display: block
}
.personalization-example-inner-centered-path {
float: none;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: block
}
.personalization-img-path-3 {
margin-bottom: 65px;
margin-left: 50px
}
.personalization-img-path-4 {
margin-top: -30px;
margin-bottom: 96px;
margin-left: 536px
}
.cf2-pricing-div-block {
width: 1200px;
margin-top: 57px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf2-pricing-div-block.pricing-2021-div-block {
width: 1000px
}
.cf2-pricing-div-block.pricing-2022-div-block {
width: 100%
}
.cf2-pricing-div-block.pricing-2022-div-block._2023 {
margin-top: -152px
}
.cf2-pricing-plan-column {
padding-left: 0;
padding-right: 0
}
.pricing-plan-benefits-block {
background-color: #f7fbff;
border: 0 solid #d2e9ff;
border-top-width: 1px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
margin-top: 17px;
padding: 32px
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-pro {
border-bottom-width: 1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
min-height: 676px
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-pro.pricing-2021-plan-benefits-block {
padding-bottom: 22px
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-free {
min-height: 675px
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-business {
min-height: 675px;
padding-left: 31px;
padding-right: 31px
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-marketer {
margin-top: 16px
}
.pricing-plan-benefits-block.pricing-2021-plan-benefits-block {
min-height: 500px
}
.pricing-plan-benefits-block.pricing-2021-plan-benefits-block.benefits-block-business {
min-height: 499px;
margin-top: 16px
}
.pricing-plan-benefits-block.pricing-2021-plan-benefits-block.benefits-block-free {
min-height: 499px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block {
background-color: #fff;
height: 500px;
min-height: 500px;
padding-left: 25px;
padding-right: 15px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block.plan-col-3 {
margin-top: 18px;
padding-bottom: 31px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block.plan-col-4 {
margin-top: 21px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block._2023 {
height: 500px;
min-height: 500px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block._2023.q3 {
height: 500px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block.free {
height: 500px;
margin-top: 38px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block.annual-plan-block {
height: 250px;
min-height: 250px;
margin-top: 0
}
.pricing-plan-benefit-block {
margin-top: 0;
margin-bottom: 0
}
.pricing-plan-benefit-block.pricing-2021-li {
width: 100%;
margin-bottom: 5px
}
.cf2-pricing-plan-columns {
padding-left: 10px;
padding-right: 10px
}
.popular-text-small {
color: #eafffd;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 700
}
.pricing-callout-box {
border: 1px solid #d2e9ff;
border-radius: 5px;
min-height: 320px;
margin-left: 12px;
margin-right: 12px;
padding: 42px
}
.pricing-comparison-text-block {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: block
}
.pricing-comparision-table-block {
background-image: url(assets/images/others/5b9a9785a6ef6043401d82f5_dots-bg-img-mini.png);
background-position: 17px 20px;
background-repeat: no-repeat;
background-size: 88px;
padding: 39px 69px
}
.pricing-comparison-table {
background-color: #fff;
padding: 0;
box-shadow: 0 12px 44px #7792b32b
}
.pricing-comparision-table-row {
border-bottom: 1px solid #d2e9ff;
padding-left: 10px;
padding-right: 10px
}
.pricing-comparision-table-row.pricing-table-row-hidden {
display: none
}
.pricing-comparison-table-column {
border-left: 1px solid #d2e9ff
}
.pricing-comparison-table-column-inner {
border-left: 1px #d2e9ff;
padding: 21px 7px 5px
}
.pricing-comparison-table-column-inner.pricing-comparison-column-feature-title {
margin-left: 10px;
padding-left: 18px
}
.pricing-comparison-table-column-inner.table-header {
padding-right: 0
}
.pricing-customer-story-div {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: block
}
.pricing-comparison-table-section-row {
background-color: #f7fbff;
border-bottom: 1px solid #d2e9ff;
margin-left: 0;
margin-right: 0;
padding: 13px 20px 13px 25px
}
.pricing-faq-block {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block
}
.faq-question-tab {
color: #191a1b;
min-width: 100%;
padding-top: 35px;
padding-bottom: 35px;
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.faq-question-tab.cta-category-menu-tab-1 {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
font-size: 17px
}
.faq-question-dropdown {
border-top: 1px solid #e8f1ff;
border-bottom: 1px #e8f1ff;
min-width: 100%
}
.faq-question-text {
max-width: 90%
}
.faq-question-text.sf-font-roboto.smooth.cta-category-menu-text-1 {
font-size: 17px
}
.faq-answer {
color: #191a1b;
font-size: 16px;
line-height: 24px
}
.faq-answer-box.w--open {
background-color: #fff;
padding: 0;
position: relative;
overflow: hidden
}
.faq-answer-inner-box {
padding: 0 20px 24px
}
.faq-answer-inner-box.cta-category-menu-inner-box {
max-width: 175px;
margin-top: -14px;
padding-bottom: 10px;
padding-left: 0
}
.faq-answer-link {
color: #003fff;
text-decoration: none
}
.top-section-cta-html {
margin-bottom: -16px;
padding: 0 19px 8px
}
.hm-featured-video {
border-radius: 5px;
min-width: 949px;
max-width: 100%;
overflow: hidden;
box-shadow: 0 21px 44px #7792b36e
}
.hm-featured-video.hm-create-video {
min-width: 1100px;
margin-left: -52px
}
.hm-featured-video.hm-create-video.solution-featured-video {
min-width: 800px;
max-height: 595px;
margin-left: auto;
margin-right: auto
}
.hm-featured-video.popups-triggers-video {
min-width: 913px
}
.hm-big-headline-box {
background-image: url(assets/images/others/5c366b09222a7c1828d2842f_blog-bg-5-img-mini.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 319px;
margin-bottom: 99px;
padding-top: 51px;
padding-bottom: 51px
}
.hm-big-headline-box.partner-big-headline {
margin-top: 140px;
margin-bottom: 64px
}
.feature-icon-img-small {
max-height: auto;
max-width: 50px;
margin-bottom: 22px
}
.feature-icon-img-small.feature-icon-small-form {
max-width: 42px
}
.feature-icon-img-small.feature-icon-small-mergetags {
max-width: 102px
}
.feature-icon-img-small.feature-icon-small-templates {
max-width: 44px
}
.feature-icon-img-small.feature-icon-small-skiplogic {
max-width: 56px
}
.hm-testimonial-small-photo {
border-radius: 100%
}
.cf2-footer-links-block {
padding-bottom: 51px
}
.courses-top {
background-color: #0036da;
padding-top: 54px;
padding-bottom: 54px
}
.courses-top.lessons-top {
min-height: 300px
}
.courses-content-section {
margin-top: 0;
padding-top: 62px;
padding-bottom: 100px
}
.courses-creator-avatar {
border-radius: 100%;
width: 45px;
height: 45px;
margin-top: 10px;
padding: 0
}
.courses-creator-avatar.lessons-creator-avatar {
border-radius: 100%;
width: 45px;
max-width: none;
margin-top: 20px;
margin-left: 0;
margin-right: auto;
padding-bottom: 0;
padding-right: 0;
display: block
}
.courses-creator-name.sf-font-roboto.smooth {
color: #191a1b;
text-align: left;
margin-bottom: 5px;
padding-left: 0
}
.courses-creator-name.sf-font-roboto.smooth.lessons-creator-name {
text-align: left
}
.courses-creator-title {
padding-left: 25px
}
.courses-creator-title.sf-font-roboto.smooth {
color: #7988a3;
padding-left: 0
}
.courses-creator-title.sf-font-roboto.smooth.lessons-creator-title {
max-width: 100%;
padding-left: 0;
padding-right: 8px
}
.sf-font-roboto.smooth.course-overview-title {
color: #143c6b
}
.sf-font-roboto.smooth.course-overview-title.lesson-title {
margin-top: 50px
}
.courses-overview-body.sf-font-roboto.smooth {
color: #7988a3;
font-size: 17px;
line-height: 1.8em
}
.course-creator-container {
margin-top: 10px;
margin-bottom: 10px;
position: static
}
.courses-overview-container {
margin-bottom: 40px
}
.courses-details-icon {
text-align: left;
max-width: none;
height: 40px;
margin: 10px auto 30px;
display: block
}
.course-details-type {
text-align: center
}
.course-details-type.sf-font-roboto.smooth {
color: #143c6b;
text-transform: lowercase;
font-size: 16px;
display: inline
}
.course-details-lessons {
margin-right: 5px;
display: inline
}
.course-details-lessons.sf-font-roboto.smooth {
color: #143c6b;
text-align: center;
font-size: 16px;
display: inline
}
.course-details-column {
color: #143c6b;
text-align: center;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 40px;
font-size: 16px
}
.course-details-column.course-details-column-border {
border-right: 1px solid #cdf2fb
}
.course-details {
float: none;
background-color: #e0f9ff;
border-radius: 10px;
max-width: 100%;
margin-bottom: 70px;
margin-left: auto;
margin-right: auto;
display: none;
position: static
}
.course-templates-false {
opacity: .3
}
.course-outline-lessons {
background-color: #fff;
border: 1px solid #e8f1ff;
margin-top: 30px;
margin-bottom: 30px;
padding: 0
}
.course-lesson-icon {
text-align: center;
height: 30px;
margin-top: 6px;
margin-left: auto;
margin-right: auto;
display: block
}
.course-lesson-item-title {
color: #191a1b;
margin-top: 20px;
margin-bottom: 7px;
font-weight: 700;
display: inline
}
.course-lesson-item-link {
padding-top: 16px;
padding-bottom: 10px;
display: block
}
.course-lesson-item-link.sf-font-roboto.smooth {
background-color: #fff;
border: 0 solid #cdf2fb;
border-bottom-color: #f1f1f1;
padding: 25px 20px
}
.course-lesson-item-link.sf-font-roboto.smooth:hover {
background-color: #f5f9ff
}
.course-lessons-item-description {
color: #7988a3;
margin-top: 9px
}
.course-lessons-item-description.course-lessons-item-length {
text-align: right;
margin-top: 22px;
font-size: 16px
}
.lesson-video {
margin-top: 50px;
margin-bottom: 0
}
.lessons-content-container {
margin-top: 70px;
margin-bottom: 70px
}
.lessons-body-col-center {
padding-right: 30px
}
.lessons-creators-container {
max-width: 100%;
position: static;
top: 40%
}
.lessons-section {
margin-top: -200px;
padding-top: 150px
}
.lessons-top-container {
margin-top: 25px
}
.lesson-creator-details {
text-align: left;
margin-top: 15px;
padding-left: 32px
}
.courses-nav-link-current {
text-decoration: none
}
.course-nav-list {
color: #fff;
display: inline
}
.course-nav-item {
display: inline
}
.lessons-course-link {
text-align: center;
margin-bottom: 40px;
text-decoration: none;
display: block
}
.lesson-related-lessons-empty {
color: #7988a3;
background-color: #fff;
padding: 20px;
font-size: 18px
}
.hidden-empty-state {
display: none
}
.template-cta-video {
margin: 35px 20px
}
.template-cta-content-block {
padding-right: 45px
}
.template-automations-div {
margin-bottom: 112px
}
.template-automations-slider {
background-color: #0000;
max-height: 220px
}
.template-automations-slider.template-integrations-slider {
max-height: 300px
}
.template-automations-slider-nav-inner {
float: none;
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding-top: 11px;
padding-bottom: 11px
}
.template-automations-slider-left-arrow {
float: left;
background-color: #0000;
border: 1px solid #d2e9ff;
border-radius: 150px;
max-width: 50px;
padding-top: 22px;
padding-bottom: 22px;
display: none;
position: relative
}
.template-automations-slider-right-arrow {
float: left;
background-color: #0000;
border: 1px solid #d2e9ff;
border-radius: 150px;
max-width: 50px;
max-height: none;
margin-left: 8px;
padding-top: 22px;
padding-bottom: 22px;
line-height: 20px;
display: none;
position: relative
}
.template-automations-default-slide-nav {
display: none;
overflow: visible
}
.template-slider-arrow-icon {
color: #d2e9ff;
max-width: none;
max-height: none;
font-size: 20px
}
.example-cta-source-link {
margin-bottom: 0;
text-decoration: none;
display: block
}
.template-subnav-collection-list,
.template-subnav-collection-list-inner,
.template-subnav-collection-item {
display: inline
}
.template-list-item-type-box {
background-color: #dff9ff;
border-radius: 150px;
padding: 3px 13px
}
.template-list-item-type-box.example-list-item-type-box {
background-color: #cddef2
}
.template-category-menu-tab-link {
background-color: #e8f1ff;
border: 2px solid #e8f1ff;
padding-left: 20px;
padding-right: 20px
}
.template-category-menu-tab-link.w--current {
background-color: #fff
}
.template-category-tab-menu {
margin-bottom: 23px;
display: none
}
.cta-category-menu-p {
color: #7988a3;
margin-bottom: 20px;
font-size: 16px
}
.cta-category-menu-p.sf-font-roboto {
display: none
}
.template-tags-box {
margin-top: 20px
}
.template-tags-empty {
display: none
}
.plan-visitor-select {
float: left;
color: #2f2f2f;
background-color: #f9fafc;
border: 1px solid #048ef8;
border-radius: 5px;
max-width: 104px;
height: 30px;
margin-bottom: 0;
margin-left: 5px;
margin-right: 5px;
padding-top: 1px;
padding-bottom: 0;
padding-left: 10px;
font-size: 16px;
line-height: 0;
position: relative
}
.text-block-5 {
float: left;
position: relative
}
.text-block-5.free-plan-views {
text-align: center
}
.plan-visitor-select-form {
margin-bottom: 0
}
.text-span-38 {
font-size: 12px
}
.div-block-testimonials-row {
width: 100%;
min-width: 2500px
}
.testimonial-box-content {
max-width: 500px;
margin: 50px auto
}
.solution-overview-div {
padding-top: 30px;
padding-bottom: 30px
}
.solution-overview-benefit-box {
border: 1px solid #e8f1ff;
border-radius: 5px;
padding: 27px
}
.solution-feature-link-box {
color: #143c6b;
margin-top: 28px;
font-size: 15px
}
.solution-feature-link {
color: #143c6b;
font-size: 17px;
font-style: normal;
font-weight: 700;
text-decoration: none;
transition: all .2s
}
.solution-feature-link:hover {
color: #1185ff
}
.solution-testimonial-box-div {
margin-bottom: 19px
}
.solution-testimonial-inner-box {
background-color: #dff9ff;
background-image: url(assets/images/others/5d1632310b3cdd032454fa70_bg-testimonial-bg-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 454px
}
.solution-testimonial-inner-box.solution-testimonial-inner-box-small {
background-image: none
}
.solution-testimonial-content-box {
max-width: 340px;
margin-left: auto;
margin-right: auto;
padding-top: 73px;
padding-bottom: 73px;
padding-right: 0
}
.solution-testimonial-content-box.solution-testimonial-content-box-small {
padding-left: 0;
padding-right: 0
}
.solution-testimonial-logo-box {
padding-top: 0;
padding-bottom: 34px
}
.solution-testimonial-text {
color: #143c6b;
font-size: 20px;
line-height: 27px
}
.solution-testimonial-line-div {
background-image: url(assets/images/others/5d1634aa922ddefbe98573a3_bg-line-img-dark-small.png);
background-position: 0%;
background-repeat: no-repeat;
background-size: 58px;
padding-top: 15px;
padding-bottom: 15px
}
.solution-testimonial-name {
color: #143c6b;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px
}
.solution-testimonial-name.agency-hero-customer-name {
margin-top: -32px;
margin-left: 156px
}
.video-play-btn-overlay-div {
text-align: center;
min-height: 600px;
margin-top: 0;
display: none
}
.solution-video-play-btn {
margin-top: -640px;
margin-left: auto;
margin-right: auto;
position: relative
}
.solution-video-play-btn:hover {
transform: scale(1.2)
}
.partners-hero-div {
background-image: url(assets/images/others/5dcedc957dad12d2d8551458_bg-partners-dots-top-left-mini.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 125px;
min-width: 1214px;
margin-top: 0;
margin-bottom: 0;
margin-left: 363px;
padding-top: 19px;
padding-left: 18px
}
.partners-section-two-img-div {
padding-top: 31px
}
.partners-section-two-img-div.img-dot-bg-top {
background-image: url(assets/images/others/5dcef02864679168b4a3b6da_partners-bg-dots-top-right.png);
background-position: 98% 1%;
background-repeat: no-repeat;
background-size: 125px;
margin-top: 94px
}
.partners-section-three-big-box {
background-color: #e0f9ff;
min-width: 1235px;
margin-left: -6px;
padding-top: 49px;
padding-left: 46px;
padding-right: 46px
}
.partners-section-three-big-box.small-box {
min-width: auto;
margin-left: 0
}
.partners-section-three-big-box.partners-section-4-bigbox {
margin-top: 57px
}
.partners-section-three-big-box.partners-section-4-bigbox.last-box {
padding-bottom: 49px
}
.partners-section-3-marketing-img-div {
margin-top: 30px
}
.partners-section-3-marketing-img {
margin-bottom: 0;
box-shadow: 0 13px 29px #00000021
}
.partners-section-3-marketing-img.drop-img-below {
margin-bottom: -34px
}
.partners-section-3-marketing-img.drop-img-below.partners-matching-img {
margin-bottom: -8px
}
.partners-section-3-marketing-img.drop-img-below.no-shadow,
.partners-section-3-marketing-img.no-shadow {
box-shadow: none
}
.partners-section-3-columns-div {
min-width: 1235px;
margin-top: 82px;
margin-left: -6px
}
.partners-section-4-matching-div {
max-width: 550px;
padding-top: 0
}
.partners-section-5-div {
min-width: 1235px;
margin-left: -6px;
padding-left: 46px;
padding-right: 46px
}
.partners-section-5-div.partners-section-6-div.pp-story-section {
margin-top: 50px
}
.blog-nav {
background-color: #fff;
width: 100%
}
.blog-post-image {
-webkit-text-fill-color: inherit;
background-color: #5865da;
background-image: url(assets/images/others/background-image.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
background-clip: border-box;
width: 90%;
max-width: 1300px;
margin-left: auto;
margin-right: auto
}
.blog-post-image-overlay {
background-image: linear-gradient(#0000 40%, #00000017);
min-height: 450px
}
.blog-post-creator-top {
background-color: #fff;
width: 100%;
max-width: 1200px;
min-height: 70px;
margin-top: -40px;
margin-left: auto;
margin-right: auto;
position: relative
}
.blog-post-creator-top-avatar {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border: 4px solid #fff;
border-radius: 100%;
width: 70px;
height: 70px;
margin-top: -30px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto
}
.blog-post-creator-top-avatar.creator-page-avatar {
margin-top: 0;
position: static
}
.blog-post-creator-topic {
text-align: left;
flex-wrap: nowrap;
flex: 0 auto;
justify-content: center;
align-self: auto;
padding-left: 10px;
padding-right: 15px;
display: flex;
position: static
}
.blog-post-creator-name {
color: #191a1b;
text-align: center;
width: 100%;
padding-top: 50px;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 700;
display: block;
position: static
}
.blog-post-creator-topic-text {
color: #7988a3;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
text-decoration: none
}
.blog-post-creator-topic-text.sf-font-roboto:hover {
color: #003fff
}
.blog-post-creator-topics {
text-align: left;
width: 100%;
padding-top: 10px
}
.blog-post-creator-name-wrapper {
width: 100%
}
.collection-list {
display: flex
}
.collection-list.blog-post-creator-topics-list {
justify-content: center
}
.blog-post-content-wrapper {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px
}
.blog-post-content-richtext {
color: #191a1b;
width: auto;
max-width: 650px;
margin-left: auto;
margin-right: auto;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px
}
.blog-post-content-richtext p {
color: #191a1b;
margin-top: 20px;
margin-bottom: 25px;
padding-bottom: 0;
line-height: 1.7em
}
.blog-post-content-richtext li {
color: #191a1b;
margin-bottom: 10px;
line-height: 1.7em
}
.blog-post-content-richtext h2 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 900;
line-height: 1.5em
}
.blog-post-content-richtext h1 {
font-size: 38px;
font-weight: 800;
line-height: 1.3em
}
.blog-post-content-richtext h3 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 1.5em
}
.blog-post-content-richtext h4 {
font-size: 20px;
line-height: 1.5em
}
.blog-post-content-richtext h5 {
line-height: 1.5em
}
.blog-post-content-richtext h6 {
font-size: 12px;
line-height: 1.5em
}
.blog-post-content-richtext a {
color: #003fff
}
.blog-post-content-richtext.topic-content {
margin-bottom: 40px
}
.blog-post-content-richtext.sf-font-roboto {
color: #191a1b;
max-width: 650px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px
}
.blog-post-content-richtext.sf-font-roboto ul {
margin-bottom: 20px;
list-style-type: disc
}
.blog-post-content-richtext.sf-font-roboto ol {
margin-bottom: 20px
}
.blog-post-content-richtext.campaign-content-richtext {
max-width: 700px;
margin-left: 50px;
font-size: 18px
}
.blog-post-content-richtext.campaign-content-richtext.campaign-content-title {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 900;
line-height: 1.5em
}
.blog-post-content-headline {
color: #191a1b;
text-align: center;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-family: Inter, sans-serif;
font-size: 45px;
font-weight: 800;
line-height: 1.3em
}
.blog-post-content-headline.creator-header {
margin-top: 0;
margin-bottom: 10px;
font-weight: 900
}
.blog-post-content-creator {
background-color: #f5f6f5;
border-top: 1px solid #c2d9ff;
width: 100%;
max-width: 800px;
margin: 30px auto 25px;
padding: 20px 20px 50px
}
.blog-post-content-creator.campaign-post-content-creator {
margin-top: 61px;
margin-left: 0
}
.blog-post-creator-about {
color: #7988a3;
border: 0 #000;
margin-top: 0;
font-family: Inter, sans-serif;
font-size: 14px
}
.blog-post-creator-about-column {
background-color: #0000;
margin-top: -22px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0
}
.blog-post-creator-avatar {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
width: 70px;
height: 70px;
margin-top: 30px
}
.blog-post-creator-about-container {
padding-top: 25px;
padding-left: 0
}
.blog-post-creator-about-name {
color: #1a1b1c;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 700
}
.blog-post-creator-about-name:hover {
color: #003fff
}
.blog-post-creator-about-title {
color: #1a1b1c;
font-family: Inter, sans-serif;
font-size: 18px
}
.blog-post-footer {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 50px
}
.blog-post-footer-suggested {
padding-bottom: 50px
}
.blog-post-footer-cta.topic-cta-bottom {
margin-top: 30px;
margin-bottom: 30px
}
.blog-post-suggested-post {
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px
}
.blog-post-suggested-post-bg {
background-image: url(assets/images/others/background-image.svg), linear-gradient(#5865da, #5865da);
background-position: 50% 0, 0 0;
background-repeat: no-repeat, repeat;
background-size: cover, auto;
height: 200px
}
.blog-post-suggested-post-wrapper {
background-color: #fff
}
.blog-post-suggested-post-content {
background-color: #fff;
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 0 15px 20px
}
.blog-post-suggested-post-title {
color: #191a1b;
max-height: 90px;
margin-top: 0;
font-family: Inter, sans-serif;
font-size: 19px;
text-decoration: none;
overflow: hidden
}
.blog-post-suggested-post-title:hover {
color: #003fff
}
.blog-post-suggested-post-title.sf-font-roboto {
height: auto;
min-height: 95px;
max-height: 95px;
line-height: 30px
}
.blog-post-suggested-post-title.sf-font-roboto:hover {
color: #003fff
}
.blog-post-suggested-creator-avatar {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
width: 35px;
height: 35px
}
.blog-post-suggested-creator-name {
color: #7988a3;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
text-decoration: none
}
.blog-post-suggested-creator-title {
color: #7988a3;
font-size: 12px;
text-decoration: none
}
.blog-post-suggested-creator-title.sf-font-roboto {
height: 40px;
overflow: hidden
}
.blog-post-suggested-post-overlap {
background-color: #fff;
width: 80%;
height: 20px;
margin-top: 180px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto
}
.blog-post-suggested-post-overlay {
background-image: linear-gradient(#0000, #00000014);
width: 100%;
height: 200px
}
.blog-post-suggested {
margin-bottom: 20px
}
.blog-post-footer-comments-embed {
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto
}
.blog-nav-container {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
padding-bottom: 20px
}
.blog-nav-topics {
justify-content: center;
display: flex
}
.blog-nav-topic {
width: auto
}
.blog-nav-topic-link {
color: #7988a3;
padding-left: 15px;
padding-right: 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px
}
.blog-nav-topic-link:hover {
color: #003fff
}
.blog-nav-topic-link.w--current {
color: #1185ff
}
.blog-posts {
margin-top: 10px
}
.blog-posts-container {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.blog-posts-featured-bg {
background-color: #5865da;
background-image: url(assets/images/others/background-image.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover
}
.blog-post-suggested-primary-topic {
color: #7988a3;
margin-bottom: 7px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px
}
.blog-post-featured-overlay {
background-image: linear-gradient(#0000, #0000001a);
width: 100%;
height: 425px;
position: relative
}
.blog-post-featured-topic-container {
background-color: #fff;
width: 94%;
margin-left: auto;
margin-right: auto;
padding: 30px 37px 5px;
position: absolute;
inset: auto 0% 0%
}
.blog-post-featured-container {
width: 100%;
padding-bottom: 30px;
padding-left: 60px;
padding-right: 60px
}
.blog-post-featured-title {
color: #191a1b;
margin-top: 0;
font-family: Inter, sans-serif;
font-size: 45px;
font-weight: 900;
line-height: 1.3em
}
.blog-post-featured-title:hover {
color: #003fff
}
.blog-post-featured-creator-avatar {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
width: 50px;
height: 50px
}
.blog-post-featured-creator-name {
color: #7988a3;
padding-left: 25px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px
}
.blog-post-featured-creator-title {
color: #7988a3;
padding-left: 25px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}
.blog-post-featured-creator-column {
padding-top: 7px;
padding-left: 0
}
.blog-posts-new-headline {
color: #191a1b;
text-align: left;
margin-bottom: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 800
}
.blog-posts-new-headline.blog-posts-topic-headline {
margin-bottom: 10px
}
.blog-posts-new {
margin-bottom: 0;
padding-left: 30px
}
.blog-posts-new-column-1 {
background-color: #e6f2ff;
height: 80px
}
.blog-posts-new-column-2 {
padding-top: 10px
}
.blog-posts-new-wrapper {
background-color: #fff;
width: 100%;
height: 70px;
margin-left: -48px;
margin-right: 0;
padding-left: 15px
}
.blog-posts-new-title {
color: #191a1b;
width: 340px;
margin-top: 12px;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 29px
}
.blog-posts-new-title:hover {
color: #003fff
}
.blog-posts-new-post {
margin-bottom: 20px
}
.blog-posts-topic {
margin-top: 50px;
margin-bottom: 50px;
position: relative
}
.blog-posts-topic.hidden {
display: none
}
.blog-posts-new-subheadline {
color: #143c6b;
margin-top: 0;
margin-bottom: 30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 400
}
.blog-posts-new-subheadline.blog-posts-topic-link {
float: right;
color: #003fff;
text-align: right;
margin-top: 20px;
margin-right: 10px;
font-family: Inter, sans-serif
}
.blog-posts-topic-titles {
padding-left: 10px
}
.blog-posts-playbooks {
height: 550px;
overflow: scroll
}
.blog-posts-playbooks-columns {
width: 1400px
}
.blog-posts-playbook {
background-image: url(assets/images/others/5df14bf91ff5b260834b9c7b_playbook-green.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
height: 500px;
margin: 10px;
position: relative
}
.blog-posts-playbook.blog-posts-playbook-blue {
background-image: url(assets/images/others/5df14fb63da2ac208fec2a26_playbook-blue.png)
}
.blog-posts-playbook.blog-posts-playbook-teal {
background-image: url(assets/images/others/5df15050cb28f333f2ed314c_playbook-teal.png)
}
.blog-posts-playbook-overlay {
background-color: #00bc9d33;
width: 100%;
height: 100%;
padding: 175px 30px 30px;
position: absolute
}
.blog-posts-playbook-title {
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
line-height: 1.3em
}
.blog-posts-playbook-description {
color: #fff;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400;
line-height: 1.8em
}
.blog-posts-playbook-description.blog-posts-playbook-description-link {
font-size: 16px;
font-weight: 700;
line-height: 3em
}
.blog-posts-playbooks-overlay {
background-image: linear-gradient(270deg, #fff, #0000);
width: 50px;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto
}
.blog-posts-collection {
margin-left: -10px;
margin-right: -10px
}
.blog-posts-collection-empty {
display: none
}
.topic {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 75px;
padding-bottom: 0
}
.topic-name {
color: #003fff;
text-align: center;
margin-bottom: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px
}
.topic-headline {
color: #143c6b;
text-align: center;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 50px;
font-weight: 800
}
.topic-headline.sf-font-roboto {
color: #191a1b
}
.topic-subheadline {
color: #143c6b;
text-align: center;
width: 900px;
margin-left: auto;
margin-right: auto;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.5em
}
.topic-subheadline.sf-font-roboto {
color: #7988a3
}
.topic-cta-top {
margin-top: 30px;
margin-bottom: 30px
}
.blog-posts-pagination {
clear: both;
color: #7988a3;
background-color: #fff;
border-width: 1px;
border-color: #7988a3;
border-radius: 5px;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400
}
.blog-posts-pagination:hover {
color: #191a1b;
background-color: #fff;
border-color: #191a1b
}
.text-block-6 {
font-size: 16px
}
.blog-posts-pagination-wrapper {
margin-top: 15px;
margin-bottom: 15px
}
.pagination-button {
color: #003fffbf;
cursor: pointer;
background-color: #003fff33;
border: 1px solid #003fff33;
border-radius: 3px;
margin-top: 15px;
padding: 5px 15px;
font-size: 14px
}
.pagination-button:hover {
border-color: #003fffbf
}
.partner-program-story-div {
background-image: linear-gradient(#0000, #000), url(assets/images/others/5e4eb6b7c714627c64eab035_pp-bobby-story-mini.png);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
min-height: 583px;
padding: 313px 35px 0
}
.partner-program-story-div.pp-story-mat {
background-image: linear-gradient(#0000, #000), url(assets/images/others/5e4eb894bd3ecc441af98ff6_pp-story-mat-mini.png)
}
.partner-program-story-div.pp-story-eric {
background-image: linear-gradient(#0000, #000), url(assets/images/others/5e4eb8c15c128620dea307d8_pp-eric-story-mini.png)
}
.ctas-description-container {
max-width: 1000px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto
}
.campaigns-header {
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 40px
}
.campaigns-header-container {
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.campaigns-body {
width: 100%;
max-width: 1220px;
margin: 50px auto
}
.campaigns-body.campaigns-index-popular {
margin-top: 75px;
margin-bottom: 75px
}
.campaigns-body.campaigns-index-popular.campaigns-item-related {
margin-top: 125px
}
.campaigns-body.campaigns-index-popular.campaigns-index-new {
margin-top: 76px
}
.campaigns-body.all-campaigns {
margin-top: 115px
}
.campaigns-body-content {
float: left;
width: 900px;
margin-left: 0;
margin-right: auto;
padding-left: 0
}
.campaigns-body-content-examples {
min-width: 1100px;
margin-top: 20px;
margin-bottom: 60px;
margin-left: -150px
}
.campaigns-sidebar-inner {
float: left;
border: 1px solid #e8f1ff;
border-radius: 3px;
width: 160px;
padding: 20px;
position: static;
top: 100px
}
.campaigns-sidebar-link {
color: #7988a3;
font-size: 16px;
line-height: 40px;
display: block
}
.campaigns-sidebar-title {
color: #191a1b;
font-size: 16px;
font-weight: 600;
line-height: 40px
}
.campaigns-sidebar {
float: left;
width: 210px;
min-height: 160px;
position: static;
top: 400px
}
.campaigns-index-popular-items {
margin-top: 20px;
margin-bottom: 50px
}
.campaigns-index-tag {
float: left;
clear: none;
background-color: #003fff33;
border-radius: 3px;
min-width: 50px;
height: 25px;
margin-bottom: 5px;
margin-right: 5px;
padding-top: 2px;
padding-left: 7px;
padding-right: 8px;
font-weight: 600;
display: inline-block;
position: static
}
.campaigns-index-tag-text {
color: #003fffbf;
font-size: 12px
}
.campaigns-index-filter {
margin-bottom: 20px
}
.campaigns-index-tag-empty {
display: none
}
.campaigns-index-tag-wrapper {
padding-left: 19px
}
.campaigns-index-filter-item {
float: right;
display: inline-block
}
.campaigns-index-filter-item.campaigns-index-hero-filter-item {
float: left
}
.jetboost-filter-x92g {
margin-top: 10px
}
.jetboost-list-search-input-x5op {
float: left;
width: 90%
}
.campaigns-index-search-input {
float: left;
width: 70%;
height: 35px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 30px
}
.campaigns-index-search-input.jetboost-list-search-input-x5op {
border-right: 0 solid #000;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
width: 70%;
height: 35px
}
.campaigns-index-search-input.campaign-index-hero-search-input {
border: 1px solid #fff;
border-radius: 3px 0 0 3px;
height: 52px;
font-size: 18px
}
.campaigns-index-search-btn {
float: left;
color: #fff;
background-color: #1185ff;
background-image: url(assets/images/others/5ee0421afd08845f253b4479_search-white.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 15px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
height: 35px;
padding-top: 7px;
padding-left: 20px;
padding-right: 20px;
font-weight: 400;
display: block
}
.campaigns-index-search-btn.campaigns-index-hero-search-btn {
background-color: #fff;
background-image: url(assets/images/others/5ee028f7138c353c0fd53e56_search-icon.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
width: 50px;
height: 52px
}
.campaigns-index-search {
width: 100%;
margin: 17px auto 0
}
.content-index-empty {
text-align: center;
border: 1px solid #7c88a133;
border-radius: 3px;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
display: none
}
.content-index-empty.jetboost-list-wrapper-empty-x5op {
text-align: center;
display: block
}
.content-index-empty.jetboost-list-wrapper-empty-x5op.jetboost-list-wrapper-empty-x92g {
display: none
}
.content-index-empty.jetboost-list-wrapper-empty-x8k5.jetboost-list-wrapper-empty-gkwm {
text-align: center;
display: none
}
.content-index-empty-text {
color: #7988a3;
text-align: center
}
.campaigns-item-featured-img {
width: 100%;
max-width: 100%;
margin-bottom: 0
}
.content-index-hero {
width: 120%;
max-width: none;
margin-bottom: -150px;
margin-left: 0;
margin-right: 0;
display: block;
position: relative
}
.campaigns-index-hero-col1 {
padding-top: 30px;
padding-right: 130px
}
.campaigns-index-hero-search {
margin-top: 40px
}
.jetboost-filter-div {
margin-top: 15px
}
.campaigns-item-featured {
border-radius: 5px;
width: 100%;
max-width: 1000px;
min-height: 40px;
margin-top: -40px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
box-shadow: 0 20px 24px #00000014
}
.ecommerce-hero-img {
margin-top: 40px
}
.ecommerce-hero-img.saas-hero-img {
margin-top: 0;
margin-left: 50px;
margin-right: 50px
}
.browser-showcase {
background-image: url(assets/images/others/5f204e4dd25a833af0259fbf_browser-bg-compressed.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
width: 913px;
height: 595px;
margin-top: 0;
padding-top: 62px
}
.browser-showcase.browser-showcase-no-bg {
background-image: none;
margin-top: 20px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-left: 20px;
padding-right: 20px
}
.browser-showcase-bg {
background-color: #101d4a;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 868px;
height: 99%;
margin-left: auto;
margin-right: auto
}
.browser-showcase-img-optin {
text-align: left;
width: 600px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
display: block
}
.browser-showcase-img-optin.browser-showcase-img-contentupgrade {
width: 700px
}
.browser-showcase-img-optin.browser-showcase-img-newsletter {
padding-top: 100px
}
.browser-showcase-img-optin.browser-showcase-img-survey {
width: 250px;
margin-left: 30px;
padding-top: 130px
}
.browser-showcase-img-optin.browser-showcase-img-survey.browser-showcase-img-survey-right {
margin-left: auto;
margin-right: 30px;
padding-top: 200px
}
.browser-showcase-img-optin.browser-show-img-dynamic {
width: 500px
}
.browser-showcase-tabs {
margin-top: 40px
}
.ecommerce-journey-img {
width: 1000px;
margin-left: auto;
margin-right: auto;
display: block
}
.dropdown-title {
color: #003fff;
margin-bottom: 20px;
font-size: 21px;
font-weight: 500
}
.default-button {
background-color: #191a1b;
border-radius: 4px;
padding: 12px 22px 10px;
transition: box-shadow .2s, transform .2s;
box-shadow: -5px 5px #0000001a
}
.default-button:hover {
transform: translateY(-2px);
box-shadow: -7px 7px #0000001a
}
.default-button.nav-cta-button {
margin-left: 10px;
font-size: 15px
}
.default-button.nav-cta-button.sign-in {
box-shadow: none;
background-color: #0000
}
.default-button.nav-cta-button.sign-in.sign-in-dark {
color: #232323;
background-color: #0000
}
.default-button.with-arrow.blue {
background-color: var(--blue);
padding-left: 30px;
padding-right: 47px
}
.default-button.with-arrow {
background-image: url(assets/images/others/5f81d94a4553595143b28c87_right-arrow%20\(1\).svg);
background-position: 90%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #191a1b;
margin-top: 10px;
padding-bottom: 12px;
padding-right: 43px;
transition: background-position .2s, box-shadow .2s, transform .2s
}
.default-button.with-arrow:hover {
background-position: 93%
}
.default-button.with-arrow.smaller {
margin-top: 13px;
padding-top: 11px;
padding-left: 19px;
padding-right: 40px;
font-size: 13px;
line-height: 16px
}
.default-button.compare-button {
width: 100%;
margin-top: 13px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 17px;
padding-right: 17px;
font-size: 14px;
font-weight: 600;
line-height: 20px;
display: block
}
.default-button.integration {
background-image: url(assets/images/others/5f81d94a4553595143b28c87_right-arrow%20\(1\).svg);
background-position: 94%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #191a1b;
margin-top: 20px;
padding-bottom: 12px;
padding-right: 43px;
font-size: 18px;
transition: background-position .2s, box-shadow .2s, transform .2s
}
.default-button.integration:hover {
background-position: 96%
}
.default-button.integration.on-page {
margin-top: 50px
}
.default-button.integration.on-page.smaller {
margin-top: 0
}
.default-button.integration.on-page.launch-details-btn {
margin-top: 29px
}
.default-button.integration.no-bg {
background-color: #ff7a27
}
.default-button.text-link {
box-shadow: none;
color: #fff;
background-color: #0000;
background-image: url(assets/images/others/5f81d94a4553595143b28c87_right-arrow%20\(1\).svg);
background-position: 94%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px #191a1b;
margin-top: 25px;
padding: 2px 30px 2px 0;
font-size: 18px;
transition: transform .2s
}
.default-button.text-link:hover {
background-position: 96%
}
.default-button.guide-page {
background-image: url(assets/images/others/5f81d94a4553595143b28c87_right-arrow%20\(1\).svg);
background-position: 94%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #191a1b;
margin-top: 20px;
padding-bottom: 12px;
padding-right: 43px;
font-size: 16px;
transition: background-position .2s, box-shadow .2s, transform .2s
}
.default-button.guide-page:hover {
background-position: 96%
}
.default-button.dark {
background-image: url(assets/images/others/5f81d94a4553595143b28c87_right-arrow%20\(1\).svg);
background-position: 94%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #191a1b;
margin-top: 20px;
padding-bottom: 12px;
padding-right: 43px;
font-size: 18px;
transition: background-position .2s, box-shadow .2s, transform .2s
}
.default-button.dark:hover {
background-position: 96%
}
.default-button.dark.wider {
background-position: 92%;
padding-left: 28px;
padding-right: 48px
}
.default-button.dark.wider:hover {
background-position: 94%
}
.default-button.dark.wider.outline {
background-color: #0000;
background-position: 88%;
border-color: #fff;
margin-left: 20px;
padding-left: 20px;
padding-right: 42px
}
.default-button.dark.wider.outline:hover {
background-position: 91%
}
.default-button.dark.wider.outline.light {
color: #191a1b;
background-color: #fff;
background-image: url(assets/images/others/6193fa38cc09981d5ce288a8_right-arrow-black.svg);
border-color: #191a1b
}
.default-button.dark.wider.outline.light.clear {
background-color: #0000
}
.default-button.dark.wider.outline.letschat.white {
color: #fff;
text-decoration: none
}
.default-button.dark.wider.outline.letschat.white.launch-pricing-dark-button {
text-align: center;
min-width: 100%;
margin-left: 0
}
.default-button.dark.wider.blue {
border-color: #003fff
}
.default-button.dark.wider.blue.blue-button.launch-pricing-button {
text-align: center;
min-width: 100%
}
.default-button.dark.wider.blue.blue-button.launch-pricing-button.w--current {
text-align: center
}
.default-button.dark.on-page {
margin-top: 50px
}
.default-button.blue-button {
background-color: #003fff;
background-image: url(assets/images/others/5f81d94a4553595143b28c87_right-arrow%20\(1\).svg);
background-position: 94%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px solid #003fff;
margin-top: 20px;
padding-bottom: 12px;
padding-right: 43px;
font-size: 18px;
font-weight: 700;
transition: background-position .2s, box-shadow .2s, transform .2s
}
.default-button.blue-button:hover {
background-position: 96%
}
.default-button.blue-button.pricing-free-plan-button {
width: 175px;
margin-left: auto;
padding-right: 22px;
display: block
}
.default-button.dark-text {
box-shadow: none;
color: #191a1b;
background-color: #0000;
background-image: url(assets/images/others/5f83215cde6a5c8c7feb4186_Arrow-Black.svg);
background-position: 92%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px #191a1b;
margin-top: 25px;
margin-left: 30px;
padding: 2px 30px 2px 0;
font-size: 18px;
transition: all .2s
}
.default-button.dark-text:hover {
background-position: 96%;
transform: none
}
.default-button.white-text {
box-shadow: none;
color: #fff;
background-color: #0000;
background-image: url(assets/images/others/5f81d94a4553595143b28c87_right-arrow%20\(1\).svg);
background-position: 92%;
background-repeat: no-repeat;
background-size: 12px;
border: 1px #191a1b;
margin-top: 25px;
margin-left: 30px;
padding: 2px 30px 2px 0;
font-size: 18px;
transition: all .2s
}
.default-button.white-text:hover {
background-position: 96%;
transform: none
}
.default-button.white-text.letschat.chat-link {
text-decoration: none
}
.default-button.pricing-plan-button {
text-align: center;
max-width: 200px;
margin: 20px auto 10px;
font-size: 15px;
font-weight: 600;
display: block
}
.default-button.pricing-plan-button.blue-plan-button {
background-color: #003fff
}
.default-button.pricing-plan-button.free-plan-button,
.default-button.pricing-plan-button.free-plan-button.cta-27245-trigger {
margin-bottom: 40px
}
.default-button.pricing-plan-button.free-plan-button.cta-27245-trigger.annual-tab {
margin-bottom: 10px
}
.default-button.pricing-plan-button.pricing-col-4-button {
margin-top: 20px;
margin-bottom: 36px
}
.default-button.pricing-plan-button.pricing-col-4-button.annual {
margin-bottom: 6px
}
.nav-menu-3 {
float: none;
text-align: center;
width: 100%;
}
/* 屏幕宽度在1024px到1366px之间 */
@media (min-width: 1024px) and (max-width: 1366px) {
.nav-menu-3 {
float: right;
width: 85%;
}
}
.general-container {
position: relative
}
.general-container.wide-container {
max-width: 1100px
}
.general-container.wide-container.solution-stats {
padding-top: 50px;
padding-left: 0;
padding-right: 0
}
.general-container.wide-container.footer-wide-container {
max-width: 1280px
}
.general-container.spaced {
padding-top: 120px;
padding-bottom: 45px
}
.general-container.spaced.quote {
padding-bottom: 0
}
.general-container.reduced-padding {
margin-bottom: -30px;
padding-top: 120px;
padding-bottom: 0
}
.general-container.extra-wide-container {
max-width: 1280px
}
.general-container.pricing-container {
max-width: 1200px
}
.general-container.container-spacing-1 {
padding-bottom: 0
}
.nav-shadow {
background-color: #00000012;
width: 100%;
height: 5px;
display: none;
position: absolute;
inset: auto 0% -5px
}
.dropdown-block.first {
border-right: 1px solid #d6e8fd;
margin-right: 30px;
padding-right: 40px
}
.dropdown-grid {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr
}
.nav-cta-block {
z-index: 10;
position: absolute;
inset: 22px 30px auto auto
}
.navbar-2 {
z-index: 1000;
background-color: #0000;
height: 90px;
padding: 14px 30px 0;
position: fixed;
inset: 0% 0% auto
}
.navbar-2.navbar-2-white {
background-color: #fff
}
.color-logo {
z-index: 2000;
width: 200px;
height: auto;
position: absolute;
inset: 1px auto auto 0%
}
.white-logo {
width: 200px;
height: auto
}
.nav-link-icon {
margin-right: 0;
font-size: 11px;
top: 1px;
right: 3px
}
.dropdown-list-2 {
position: fixed
}
.dropdown-list-2.w--open {
background-color: #fff;
border-top: 1px solid #d6e8fd;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
font-size: 15px;
inset: 90px 0% auto;
box-shadow: 0 10px 20px -3px #00000012
}
.logo-link-block {
z-index: 2000;
float: none;
position: absolute;
inset: 20px auto auto 80px
}
@media (min-width: 1024px) and (max-width: 1366px) {
.logo-link-block {
inset: 20px auto auto 40px;
}
}
.dropdown-link-block {
color: #191a1b;
margin-top: 20px;
font-size: 15px;
font-weight: 300;
line-height: 24px;
text-decoration: none;
display: block
}
.dropdown-link-block.cta-27245-trigger.plans-top {
margin-top: 0
}
.dropdown-link-block.cta-27245-trigger.plans-top.hide {
display: none
}
.dropdown-link-block.plans-top {
margin-top: 0
}
.small-dropdown-grid {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: -20px
}
.small-dropdown-grid._2-columns {
grid-column-gap: 20px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr;
padding-right: 0
}
.dropdown-link-title {
color: #191a1b;
margin-bottom: 5px;
font-weight: 600
}
.dropdown-link-title.blue {
color: #003fff;
margin-bottom: 0;
font-weight: 500
}
.dropdown-text {
color: #7988a3;
margin-bottom: 0
}
.nav-link {
opacity: .85;
color: #fff;
padding: 19px 18px 20px;
font-size: 15px
}
.nav-link:hover {
opacity: 1;
text-decoration: none
}
.nav-link.w--current {
color: #003fff
}
.nav-link.toggle {
padding-right: 25px
}
.nav-link.toggle.w--open {
opacity: 1
}
.nav-link.toggle.nav-link-dark,
.nav-link.nav-link-dark {
color: #232323
}
.hero-bg-shape {
z-index: 1;
height: 350px;
position: absolute;
inset: auto auto -300px -420px
}
.hero-bg-shape._2 {
height: 390px;
inset: auto -300px -300px auto
}
.hero-bg-shape.compare-1 {
height: 420px;
bottom: -230px;
left: -270px
}
.hero-bg-shape.compare-2 {
height: 430px;
inset: auto -200px -250px auto
}
.hero-bottom-shape {
width: 100%;
min-width: 104%;
max-height: 110px;
position: absolute;
inset: auto 0% -1% -2%
}
.hero-text-wrapper {
z-index: 30;
text-align: center;
max-width: 790px;
margin-left: auto;
margin-right: auto;
position: relative
}
.hero-text-wrapper.wider {
max-width: 900px
}
.hero-text-wrapper.wider-2 {
max-width: 1125px
}
.hero-paragraph-wrapper {
max-width: 720px;
margin-top: 35px;
margin-left: auto;
margin-right: auto
}
.hero-paragraph-wrapper.hero-subtitle-wrapper {
max-width: 800px
}
.hero-paragraph-wrapper.hero-subtitle-wrapper-wider {
max-width: 950px;
margin-top: 25px
}
.hero {
color: #fff;
background-color: #003fff;
justify-content: center;
align-items: center;
height: 90vh;
min-height: 900px;
padding-bottom: 290px;
display: flex;
position: relative;
overflow: hidden
}
.hero.home-hero {
padding-top: 150px;
padding-bottom: 350px
}
.hero.home-hero-black {
background-color: #121213;
background-image: radial-gradient(circle at 50% 100%, #003fff, #121213 52%);
height: 69vh;
min-height: 950px;
padding-top: 150px;
padding-bottom: 350px
}
.hero.home-hero-black.pricing-hero {
height: 49vh;
min-height: 900px;
padding-top: 150px;
padding-bottom: 150px;
display: block
}
.hero.home-hero-black.pricing-hero._2024 {
height: auto;
min-height: 0;
padding-bottom: 197px
}
.cta-form {
box-shadow: none;
border-radius: 4px;
width: 600px;
margin: 40px auto 0
}
.cta-form.cf-3-area-7 {
margin-bottom: 40px
}
.page-intro-paragraph {
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.page-intro-paragraph.mobiled-centered {
font-weight: 400
}
.page-intro-paragraph.tools-hero-subhead {
margin-top: 20px
}
.hero-title {
margin-top: 0;
margin-bottom: 0;
font-size: 67px;
font-weight: 900;
line-height: 80px
}
.hero-title.small {
font-size: 50px;
line-height: 60px
}
.hero-title.hero-title-small {
font-size: 63px
}
.hero-title.slider-headline {
font-size: 60px;
line-height: 80px;
display: inline
}
.hero-title.slider-headline.blue {
white-space: nowrap;
background-color: #003fff;
padding-left: 5px;
padding-right: 5px
}
.embed-wrapper {
z-index: 10;
background-color: #fff;
border: 2px solid #191a1b;
border-radius: 4px;
min-height: 490px;
position: relative;
overflow: hidden;
box-shadow: -6px 6px #0000001a
}
.embed-wrapper.with-top-bar {
border-radius: 0
}
.embed-wrapper.with-top-bar.expandable {
min-height: auto
}
.logos-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}
.video-wrapper {
z-index: 30;
margin-top: -400px;
position: relative
}
.companies-logos-wrapper {
z-index: 20;
margin-top: 50px;
position: relative
}
.companies-logos-wrapper.bottom-version {
width: 70%;
margin-top: 70px;
margin-left: auto;
margin-right: auto
}
.companies-logos-wrapper.medium-sized {
width: 95%;
margin: 60px auto 70px
}
.general-section {
z-index: auto;
background-color: #fff;
padding-top: 90px;
padding-bottom: 90px;
position: relative;
overflow: hidden
}
.general-section.intro-section {
padding-top: 20px;
padding-bottom: 0;
overflow: visible
}
.general-section.services-section {
padding-bottom: 95px;
overflow: visible
}
.general-section.services-section.pre-cta {
padding-bottom: 120px
}
.general-section.visual-builder-section {
color: #fff;
background-color: #003fff
}
.general-section.visual-builder-section.launch-video-section {
background-color: #191a1b
}
.general-section.visual-builder-section.launch-video-section.launch-case-studies-section {
padding-top: 154px;
padding-bottom: 0
}
.general-section.templates-section {
padding-bottom: 50px
}
.general-section.integrations-section {
padding-bottom: 90px;
overflow: visible
}
.general-section.community-section {
background-image: url(assets/images/others/5fb6dd8ed05fb3eeaf5d462f_conversion-marketers-compressed.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
padding-top: 100px;
padding-bottom: 200px;
position: relative
}
.general-section.community-section.vertical-margin {
background-image: url(assets/images/others/62fbbf092acebe11b3703414_conversion-marketer-community.webp);
margin-top: 100px
}
.general-section.footer-section {
color: #fff;
background-color: #000;
padding-bottom: 40px;
font-size: 14px
}
.general-section.cf-3-area-2 {
padding-top: 0;
padding-bottom: 0
}
.general-section.with-color-element {
z-index: 10;
padding-top: 0;
padding-bottom: 0
}
.general-section.with-color-element.why-switch {
overflow: visible
}
.general-section.with-color-element.personalize {
position: relative;
overflow: visible
}
.general-section.growth-section {
padding-top: 50px
}
.general-section.dark {
background-color: var(--black-2);
color: #fff
}
.general-section.review-section,
.general-section.short-section {
padding-bottom: 0
}
.general-section.grey {
background-color: #ebf0f8
}
.general-section.padded {
padding-top: 120px
}
.general-section.solutions-page-templates {
color: #fff;
background-color: #003fff
}
.general-section.why-convertflow {
color: #fff;
background-color: #191a1b;
padding-top: 0;
padding-bottom: 60px
}
.general-section.why-convertflow.blue {
background-color: #003fff
}
.general-section.black-bg {
background-color: #191a1b
}
.general-section.solutions-page-why {
color: #fff;
background-color: #003fff;
padding-left: 6%;
padding-right: 6%
}
.general-section.grey-bg {
background-color: #ebf0f8
}
.general-section.small-margin {
padding-top: 0
}
.general-section.tools-section {
padding-top: 9px
}
.general-section.gray-rounded {
background-color: #f1f2f8;
border-radius: 20px;
margin-left: 20px;
margin-right: 20px
}
.general-section.faq-section {
padding-top: 40px;
padding-bottom: 40px
}
.general-section.faq-section.tools-item-faq-section {
padding-top: 80px
}
.general-section.tools-bottom-cta {
z-index: 5000;
background-color: #000;
background-image: linear-gradient(#fff 35%, #fff0);
margin-bottom: -42px
}
.general-section.tools-bottom-cta.tools-cms-bottom-cta {
background-color: #fff;
background-image: none
}
.general-section.tools-tutorial-section {
padding-bottom: 0
}
.centered-title {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 13px;
font-weight: 600
}
.company-logo {
width: 100%;
max-width: 75%;
height: auto;
max-height: 70%
}
.company-logo.voltswagen {
max-width: 95%
}
.logo-block {
justify-content: center;
align-items: center;
height: 50px;
display: flex
}
.intro-paragraph {
color: #7988a3;
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.intro-paragraph.white {
color: #fff
}
.intro-paragraph.white.launch-pricing-subheadline {
margin-top: 24px
}
.intro-paragraph.white.launch-pricing-subheadline.launch-pricing-subheadline-1 {
max-width: 550px;
margin-left: auto;
margin-right: auto
}
.intro-paragraph.white.launch-ecom-intro-paragraph {
margin-top: 30px
}
.intro-paragraph.white.launch-ecom-intro-paragraph.slim {
max-width: 900px;
margin-left: auto;
margin-right: auto
}
.intro-paragraph.white.launch-ecom-intro-paragraph.launch-ecom-promo-intro-p {
max-width: 720px;
margin-left: auto;
margin-right: auto
}
.intro-paragraph.black {
color: #191a1b
}
.intro-paragraph.contained {
max-width: 850px;
margin-left: auto;
margin-right: auto
}
.intro-paragraph.contained.center {
text-align: center
}
.intro-paragraph.contained.center.spaced {
margin-bottom: 40px
}
.small-arrow {
height: 10px
}
.block-title {
margin-bottom: 20px;
font-size: 23px;
font-weight: 700;
line-height: 30px
}
.block-title.smaller {
margin-bottom: 3px;
font-size: 17px
}
.block-title.small {
color: #000;
background-color: #0000;
margin-bottom: 10px;
font-size: 17px;
font-weight: 600
}
.block-title.smaller {
margin-bottom: 6px;
font-size: 17px;
line-height: 24px
}
.block-title.smaller.dynamic-inline-text {
margin-right: 0;
display: inline
}
.block-title.large {
font-size: 26px;
font-weight: 900;
line-height: 35px
}
.block-title.large.white {
color: #fff
}
.block-title.large.white.smaller {
font-size: 26px
}
.block-title.large.white.launch-subheadline {
color: #ffffffbf;
margin-top: 18px;
margin-bottom: -15px
}
.block-title.large.white.small-stats-headline {
text-align: center;
font-size: 22px;
line-height: 33px
}
.block-title.large.white.small-stats-headline.why-cf-stat-title {
font-weight: 600
}
.block-title.large.white.free {
margin-bottom: 0
}
.block-title.large.white.autopilot-included-title {
margin-bottom: 60px;
padding-left: 30px;
padding-right: 0
}
.block-title.wide {
font-size: 28px;
line-height: 39px
}
.block-title.launch-package-small-title {
margin-top: 31px
}
.block-title.solutions {
font-size: 28px;
font-weight: 700;
line-height: 39px
}
.block-image-wrapper {
background-color: #fbfbfb;
padding-top: 14px
}
.read-more-block {
color: #ff7a27;
cursor: pointer;
margin-top: 15px;
font-size: 15px;
font-weight: 600
}
.read-more-block.black {
color: #191a1b
}
.read-more-block.dark {
color: #191a1b;
margin-top: 30px;
font-weight: 700;
display: inline-block
}
.read-more-block.white {
color: #fff;
margin-top: 25px;
font-weight: 600;
display: inline-block
}
.read-more-block.story-link-block {
color: #7988a3;
text-align: left;
font-weight: 400
}
.services-grid {
z-index: 10;
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 20px;
position: relative
}
.services-grid.integrations-page {
max-width: 1440px;
margin-left: auto;
margin-right: auto
}
.services-grid.placements-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr; /* 默认是三列，适用于桌面 */
gap: 3rem; /* 根据需要添加间距 */
}
/* 平板（宽度 <= 1024px）变成两列 */
@media (max-width: 1024px) {
.services-grid.placements-grid {
grid-template-columns: 1fr;
gap: 3rem;
margin: 3rem
}
}
.content-block {
padding: 30px 27px 27px 30px
}
.block-image {
z-index: 10;
border-radius: 2px;
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: 0px
}
.block-image.with-shadow {
box-shadow: 0 0 20px #7988a31a
}
.section-title-wrapper {
text-align: center;
max-width: 730px;
margin-bottom: 70px;
margin-left: auto;
margin-right: auto
}
.section-title-wrapper.visual-builder-wrapper {
max-width: 790px
}
.section-title-wrapper.visual-builder-wrapper.launch-video-headline-wrapper {
max-width: 850px
}
.section-title-wrapper.visual-builder-wrapper.launch-video-headline-wrapper.launch-process-headline-wrapper {
max-width: 940px
}
.section-title-wrapper.templates-title-wrapper {
max-width: 850px
}
.section-title-wrapper.stack-title-wrapper {
text-align: left;
margin-bottom: 0;
padding-right: 20px
}
.section-title-wrapper.community-title-wrapper {
z-index: 10;
max-width: 800px;
margin-bottom: 0;
position: relative
}
.section-title-wrapper.compare-title-wrapper {
max-width: 880px
}
.section-title-wrapper.align-left {
text-align: left;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
position: relative
}
.section-title-wrapper.power-growth {
max-width: 910px
}
.section-title-wrapper.left-aligned {
text-align: left;
max-width: 478px;
margin-bottom: 0;
position: relative
}
.section-title-wrapper.left-aligned.section-title-wrapper-wide {
max-width: 550px
}
.section-title-wrapper.left-aligned.tools-hero {
max-width: 675px
}
.section-title-wrapper.left-aligned.launch-hero-left-section {
max-width: 550px
}
.section-title-wrapper.left-aligned.launch-hero-left-section.autopilot-hero-left {
max-width: 650px
}
.section-title-wrapper.left-aligned.no-auto-left {
margin-left: 0
}
.section-title-wrapper.left-aligned.no-auto-left.extra-top-margin {
margin-top: 96px
}
.section-title-wrapper.left-aligned.no-auto-left.extra-top-margin.extra-extra {
margin-top: 168px
}
.section-title-wrapper.left-aligned.integrations-builder-left-column {
max-width: 550px
}
.section-title-wrapper.left-aligned.what-is {
max-width: 500px
}
.section-title-wrapper.color-section-wrapper {
z-index: 1;
max-width: 880px;
margin-bottom: 75px;
position: relative
}
.section-title-wrapper.color-section-wrapper.smaller,
.section-title-wrapper.color-section-wrapper.launch-pricing-title-wrapper {
max-width: 700px
}
.section-title-wrapper.color-section-wrapper.launch-pricing-title-wrapper.launch-ecom-pricing-title-wrapper {
max-width: 800px
}
.section-title-wrapper.color-section-wrapper.wider {
max-width: 1000px
}
.section-title-wrapper.wider {
max-width: 795px
}
.section-title-wrapper.integration-how-title {
max-width: 900px
}
.section-title-wrapper.on-page {
max-width: 795px;
margin-top: 170px
}
.section-title-wrapper.on-page.plans-integrations-headline {
margin-top: 74px
}
.section-title-wrapper.on-page.pricing-headlines {
margin-top: 100px;
margin-bottom: 20px
}
.section-title-wrapper.on-page.pricing-headlines._2023 {
max-width: 1000px
}
.section-title-wrapper.right-aligned {
text-align: left;
max-width: 478px;
margin-bottom: 0;
padding-left: 8%;
position: relative
}
.section-title-wrapper.right-aligned.no-padding-left {
max-width: 550px;
padding-left: 8%
}
.section-title-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top {
margin-top: 79px
}
.section-title-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 153px
}
.section-title-wrapper.left-aligned---thinner {
text-align: left;
max-width: 440px;
margin-bottom: 0;
padding-right: 30px;
position: relative
}
.section-title-wrapper.review-title-wrapper {
margin-bottom: 0
}
.section-title-wrapper.integrations-title-wrapper,
.section-title-wrapper.wide {
max-width: 900px
}
.section-title-wrapper.wide.headline-section {
margin-bottom: 46px
}
.section-title-wrapper.wide.no-padding {
margin-bottom: 0
}
.section-title-wrapper.very-wide {
max-width: 1000px
}
.section-title-wrapper.no-padding.no-margin {
margin-bottom: 0
}
.section-title-wrapper.section-wrapper-spacing {
margin-bottom: 50px
}
.section-title-wrapper.wide {
max-width: 900px
}
.section-title-wrapper.wide.section-wrapper-spacing {
margin-bottom: 50px
}
.section-title {
margin-top: 0;
margin-bottom: 0;
font-size: 49px;
font-weight: 900;
line-height: 53px
}
.section-title.small {
font-size: 30px;
font-weight: 700;
line-height: 40px
}
.section-title.white {
color: #fff
}
.section-title.vs {
text-align: center
}
.service-link-block {
color: #191a1b;
background-color: #fff;
border: 2px solid #E5E5E5;
border-radius: 4px;
text-decoration: none;
transition: box-shadow .2s;
box-shadow: -6px 6px #0000001a
}
.service-link-block:hover {
box-shadow: -11px 11px #0000000d
}
.intro-title {
color: #003fff;
margin-top: 0;
margin-bottom: 23px;
font-size: 20px;
font-weight: 500;
line-height: 31px
}
.intro-title.white {
color: #fff
}
.intro-title.tool-intro-title {
color: #272727;
text-transform: capitalize;
margin-bottom: 10px;
font-size: 16px
}
.intro-title.lighter {
color: #ffffffbf
}
.bg-shape {
z-index: 1;
height: 280px;
position: absolute;
inset: auto auto -110px -150px
}
.bg-shape._2 {
height: 310px;
inset: auto -150px -130px auto
}
.bg-shape.top-left {
height: 330px;
inset: -191px auto auto -140px
}
.intro-paragraph-wrapper {
max-width: 90%;
margin-top: 30px;
margin-left: auto;
margin-right: auto
}
.intro-paragraph-wrapper.see-how {
max-width: 100%
}
.intro-paragraph-wrapper.align-left {
max-width: 100%;
margin-left: 0;
margin-right: 0
}
.intro-paragraph-wrapper.align-left.smaller {
margin-top: 20px
}
.intro-paragraph-wrapper._650 {
max-width: 650px
}
.intro-paragraph-wrapper.wide {
max-width: 100%
}
.wide-container {
max-width: 1150px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
position: relative;
margin-top: 3rem;
}
.wide-container.launch-process-wide-container {
padding-left: 0;
padding-right: 0
}
.block-subtitle {
color: #7988a3;
font-size: 16px;
font-weight: 400;
line-height: 24px
}
.block-subtitle.white {
color: #fff;
font-size: 18px;
line-height: 28px
}
.block-subtitle.dark {
color: #7988a3;
font-size: 18px;
font-weight: 400;
line-height: 30px
}
.block-subtitle.dark.smaller {
font-size: 18px
}
.block-subtitle.light {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 30px
}
.block-subtitle.light.starts-at {
margin-top: 20px;
font-size: 15px
}
.block-subtitle.light.launch-package-subheadline {
max-width: 550px
}
.block-subtitle.light.launch-package-subheadline.centered {
text-align: center
}
.block-subtitle.light.smaller {
font-size: 18px
}
.block-subtitle.integrations-stack-text {
font-size: 14px
}
.read-more-title {
margin-right: 10px;
font-size: 18px;
display: inline-block
}
.read-more-title.smaller {
margin-right: 0;
font-size: 17px
}
.read-more-title.story-link {
font-size: 15px
}
.case-image-wrapper {
background-color: #1cbcab;
align-items: flex-end;
width: 90%;
height: 190px;
margin-top: -20px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.case-image-wrapper._2 {
background-color: #ffe711
}
.case-image-wrapper._3 {
background-color: #9611ff
}
.case-person-image {
max-height: 110%;
margin-left: auto;
margin-right: auto;
display: block
}
.case-logo {
height: 20px;
max-height: 70%
}
.case-logo.nectar {
max-height: 50%
}
.cases-grid {
z-index: 10;
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 90px;
position: relative
}
.text-wrapper {
padding: 30px 20px 30px 35px
}
.text-wrapper.template-text-version {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 140px;
padding-left: 35px;
padding-right: 10px;
display: flex
}
.text-wrapper.template-text-version.bordered {
border: 1px solid #cad8ed;
border-top-style: none
}
.case-link-block {
color: #191a1b;
background-color: #fff;
border: 2px solid #191a1b;
border-radius: 4px;
text-decoration: none;
transition: box-shadow .2s;
box-shadow: -6px 6px #0000001a
}
.case-link-block:hover {
box-shadow: -11px 11px #0000000d
}
.case-logo-block {
z-index: 10;
background-color: #191a1b;
border-radius: 4px;
justify-content: center;
align-items: center;
height: 30px;
padding: 2px 10px 3px;
display: flex;
position: absolute;
inset: auto auto 15px 15px
}
.quote-image {
height: 70px;
position: absolute;
inset: -20px -120px auto auto
}
.quote-text {
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.quote-text.quote-long {
font-size: 17px
}
.quote-text.quote-long.white {
color: #fff
}
.quote-image-block {
z-index: 10;
background-image: url(assets/images/others/62fbb7deda6d950940f2e2cc_sean-mcabe-min.webp);
background-position: 50%;
background-size: cover;
border: 2px solid #191a1b;
border-radius: 4px;
width: 150px;
height: 190px;
margin-left: auto;
margin-right: auto;
position: relative;
box-shadow: -6px 6px #0000001f
}
.quote-image-block.jay-image {
background-image: url(assets/images/others/6176fa536759e1e06f9d1adf_cuddle-clones-jay-compressed.png)
}
.quote-wrapper {
width: 80%;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 250px;
position: relative
}
.quote-wrapper.top-of-section {
margin-top: 20px;
margin-bottom: 100px
}
.quote-wrapper.top-of-section.less-bottom-margin {
margin-bottom: 0
}
.quote-wrapper.quote-wrapper-slim {
margin-top: 50px;
margin-bottom: 50px
}
.quote-wrapper.quote-wrapper-slim.no-avatar {
width: 100%;
max-width: 500px;
padding-left: 0
}
.quote-wrapper.quote-wrapper-slim.no-avatar.wide {
max-width: 500px
}
.quote-wrapper.quote-wrapper-slim.no-avatar.wide.top-margin {
margin-top: 100px
}
.quote-wrapper.quote-wrapper-slim.no-avatar.nested {
padding-right: 30px
}
.quote-name {
font-size: 18px;
font-weight: 700;
display: block
}
.quote-name.sub {
font-size: 13px;
font-weight: 500;
line-height: 21px
}
.quote-name.title {
margin-top: 5px;
font-size: 15px;
font-weight: 400;
line-height: 21px
}
.quote-name.white {
color: #fff
}
.browser-top-bar {
z-index: 10;
background-color: #191a1b;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 3px 0 5px 20px;
position: relative
}
.info-block {
max-width: 250px
}
._3-highlights-grid {
grid-column-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 95%;
margin-left: auto;
margin-right: auto;
padding-left: 20px
}
._3-highlights-grid.cf-page._4-highlights {
grid-column-gap: 30px;
grid-row-gap: 75px;
grid-column-gap: 30px;
grid-row-gap: 75px;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
padding-left: 0
}
._3-highlights-grid.dark_bg {
z-index: 1;
max-width: 1440px;
margin-top: 80px;
margin-bottom: 90px;
position: relative
}
.browser-bar-button {
background-color: #ee6a5f;
border-radius: 100%;
width: 8px;
height: 8px;
margin-right: 3px;
display: inline-block
}
.browser-bar-button._2 {
background-color: #f5bd4f
}
.browser-bar-button._3 {
background-color: #61c454
}
.browser-bg-shape {
z-index: 1;
height: 270px;
position: absolute;
inset: auto auto -60px -110px
}
.browser-bg-shape._3 {
height: 140px;
inset: -75px -110px auto auto
}
.browser-bg-shape._4 {
height: 150px;
inset: auto -70px -70px auto
}
.browser-bg-shape._2 {
height: 170px;
inset: -80px auto auto -40px
}
.browser-bg-shape.on-top {
z-index: 20;
height: 100px;
margin-left: auto;
margin-right: auto;
inset: -135px 0% auto auto
}
.image-bg-shape {
height: 100px;
position: absolute;
inset: -30px auto auto -30px
}
.image-bg-shape._2 {
z-index: 20;
height: 50px;
inset: auto -5px -20px auto
}
.quote-image-wrapper {
text-align: center;
width: 200px;
position: absolute;
inset: 0% auto auto 0%
}
.quote-image-wrapper.small {
width: 54px
}
.browser-wrapper {
margin-bottom: 70px;
position: relative
}
.browser-wrapper.browser-video {
width: 100%
}
.quote-name-wrapper {
margin-top: 18px
}
.quote-name-wrapper.less-margin {
margin-top: 5px
}
.template-preview-background {
z-index: 1;
background-color: #1cbcab;
border-radius: 4px;
width: 97%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto
}
.template-preview-background.blue {
background-color: #003fff
}
.template-preview-background.light-blue {
background-color: #e8f1ff
}
.template-preview-background.black {
background-color: #ebf0f8
}
.templates-preview-grid {
z-index: 10;
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 160%;
height: 100%;
margin-left: -10%;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
position: relative
}
.template-preview-block {
background-color: #fff;
border-radius: 4px;
height: auto;
overflow: hidden
}
.template-preview-block:visited {
background-color: #fff
}
.template-preview-block.border {
border: 2px solid #000;
box-shadow: -6px 6px #0000001a
}
.template-preview-wrapper {
height: auto;
position: relative;
overflow: hidden
}
.templates-bg-element {
z-index: 2;
height: 120px;
position: absolute;
inset: auto 0% -40px auto
}
.templates-bg-element._2 {
height: 140px;
inset: -200px auto auto -100px
}
.templates-bg-element.lower {
height: 150px;
inset: auto auto -27% 0%
}
.templates-bg-element.scroller {
bottom: -70px
}
.templates-bg-element.integrations-shape {
z-index: 2;
height: 150px;
inset: auto auto -3% 0%
}
.template-preview-image {
width: 100%;
height: auto;
min-height: 194px
}
.template-preview-image.landing-page-templates {
background-image: url(assets/images/others/62fbba94b4a4cd43fc2234c2_fitness-bundle-page-home.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover
}
.template-preview-image.pop-up-templates {
background-image: url(assets/images/others/62fbbb2b2acebedd717019eb_cross-sell-popup-home.webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover
}
.template-preview-image.form-templates {
background-image: url(assets/images/others/62fbbb6926e81156c599b3ac_lead-qualification-form-home.webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover
}
.template-preview-image.message-templates {
background-image: url(assets/images/others/6092add46ae2284f5b2e4321_cross-sell-popup-home.png);
background-position: 100% 100%;
background-size: cover
}
.template-preview-image.survey-templates {
background-image: url(assets/images/others/62fbbba597df164c3e6fddf1_website-survey-home.webp);
background-position: 50% 0;
background-size: cover
}
.template-preview-image.quiz-templates {
background-image: url(assets/images/others/62fbbaaf1b56263f579155af_health-shop-quiz-home.webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover
}
.button-wrapper {
margin-top: 30px
}
.stack-bg-element {
z-index: 1;
height: 300px;
position: absolute;
inset: -100px -191px auto auto
}
.stack-grid {
z-index: 10;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
position: relative
}
.stack-grid.integrations-stack-grid {
grid-template-columns: 1fr 1fr 1fr
}
.stack-block {
background-color: #fff;
border: 2px solid #191a1b;
border-radius: 4px;
padding: 25px;
box-shadow: -6px 6px #0000001a
}
.stack-block.integrations-stack-block {
border-width: 1px;
border-color: #d5e9ff;
max-height: 210px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 15px
}
.stack-logo {
height: 35px;
margin-bottom: 13px
}
.stack-logo.large {
padding-top: 5px;
padding-bottom: 5px
}
.stack-logo.small {
height: 23px
}
.stack-main-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr
}
.community-gradient {
z-index: 4;
background-image: linear-gradient(#fff0, #fff);
height: 50px;
position: absolute;
inset: auto 0% 0%
}
.reviews-wrapper {
position: relative;
overflow: hidden
}
.footer-top-bar {
border-bottom: 1px solid #ffffff1a;
padding-bottom: 50px
}
.footer-top-grid {
grid-template-rows: auto;
grid-template-columns: .25fr .75fr
}
.footer-grid-wrapper {
position: relative
}
.footer-logo {
height: 19px;
margin-bottom: 10px
}
.footer-link {
color: #fff;
margin-top: 6px;
font-weight: 300;
text-decoration: none;
display: block
}
.footer-link:hover {
text-decoration: underline
}
.footer-link.bottom-link {
color: #818181;
margin-top: 0;
margin-left: 5px;
margin-right: 5px;
display: inline-block
}
.footer-link.bottom-link:hover {
color: #fff
}
.footer-link.hidden {
display: none
}
.footer-title {
margin-top: 10px;
font-size: 18px
}
.footer-top-block-2 {
text-align: right;
display: none
}
.bottom-footer-block {
display: flex
}
.bottom-footer-block.centered {
text-align: center
}
.bottom-footer-block.last {
text-align: right
}
.bottom-footer-grid {
color: #818181;
grid-template-rows: auto;
grid-template-columns: 1fr;
font-size: 13px
}
.footer-text-slide {
height: auto
}
.footer-block-title {
margin-bottom: 20px;
font-size: 16px;
font-weight: 700
}
.text-slider-nav {
display: none
}
.handwritten-text {
height: 45px;
margin-bottom: -20px
}
.footer-news-title {
height: 40px
}
.footer-heart {
height: 12px;
margin-left: 5px;
margin-right: 5px;
position: relative;
top: 6px
}
.footer-news-wrapper {
width: 190px;
position: absolute;
inset: 0% 0% auto auto
}
.bottom-footer-text-slider {
background-color: #0000;
width: 140px;
height: auto;
margin-left: 5px;
display: inline-block
}
.bottom-footer-text {
text-align: center;
margin-top: 15px;
margin-bottom: -20px
}
.text-slider-arrow {
display: none
}
.footer-grid {
grid-column-gap: 10px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: .75fr .75fr .75fr 1fr .75fr .75fr
}
.footer-news-image {
background-image: url(assets/images/others/5f81da52dbb2ce178cfe116b_IMG_8247%20\(1\).jpg);
background-position: 50%;
background-size: cover;
width: 100%;
height: 100px;
margin-bottom: 20px
}
.header-buttons-wrapper {
margin-top: 50px
}
.header-buttons-wrapper.cf-3-area-7 {
margin-top: 40px
}
.subpage-title {
margin-top: 0;
margin-bottom: 0;
font-size: 47px;
font-weight: 900;
line-height: 60px
}
.subpage-title.restricted-w {
font-size: 49px
}
.subpage-title.restricted-w.large {
font-size: 70px;
line-height: 85px
}
.subpage-title.restricted-w.large.white {
color: #fff
}
.subpage-title.restricted-w.large.white.launch-hero-headline {
width: 600px;
font-size: 60px;
line-height: 75px;
display: inline-block
}
.subpage-title.restricted-w.large.white.launch-hero-headline.launch-e-hero-headline {
font-size: 51px;
line-height: 61px
}
.subpage-title.restricted-w.white,
.subpage-title.white {
color: #fff
}
.page-header {
z-index: 20;
background-color: #fff;
padding-top: 160px;
padding-bottom: 100px
}
.subpage-subtitle-wrapper {
max-width: 790px;
margin-top: 35px;
margin-left: auto;
margin-right: auto
}
.section-color-fill {
z-index: 30;
color: #fff;
background-color: #003fff;
border-radius: 6px;
width: 97%;
margin-left: auto;
margin-right: auto;
padding-top: 90px;
padding-bottom: 90px;
position: relative;
overflow: visible
}
.section-color-fill.pink {
color: #191a1b;
background-color: #fea0a8;
overflow: hidden
}
.section-color-fill.blue-tint {
color: #191a1b;
background-color: #ecf0f7;
padding-bottom: 0
}
.section-color-fill.light-blue {
text-align: center;
background-color: #e8f1ff;
padding: 0 30px 0 40px
}
.compare-table-title {
font-size: 16px
}
.compare-table-title.price-title {
font-weight: 600
}
.compare-table-title.price-title.subtitle {
color: #bbbec0;
font-size: 13px;
font-weight: 400;
line-height: 21px
}
.compare-table-title.price-title.free-title {
color: #1cbcab
}
.compare-table-title.large {
padding-top: 20px;
font-size: 23px;
font-weight: 700
}
.compare-table-title.small {
align-self: center;
font-size: 15px
}
.quote-image-block-2 {
z-index: 10;
background-image: url(assets/images/others/5f81d94a4553595f21b28c7b_Portrait.jpg);
background-position: 50%;
background-size: cover;
border: 2px solid #191a1b;
border-radius: 4px;
width: 150px;
height: 190px;
margin-left: auto;
margin-right: auto;
position: relative;
box-shadow: -6px 6px #0000001f
}
.quote-image-block-2.mat-oflynn {
background-image: url(assets/images/others/5f83216b5dc58c38b56d6652_Testimonial-2.jpg)
}
.compare-table-column {
float: left;
color: #fff;
background-color: #191a1b;
align-items: flex-start;
width: 60%;
padding: 18px 30px 15px 20px;
display: flex
}
.compare-table-column.empty {
background-color: #fff;
border-right-width: 0
}
.compare-table-column.light {
color: #191a1b;
background-color: #0000;
border-left: 2px solid #191a1b;
border-right: 2px solid #191a1b;
justify-content: center;
width: 20%;
padding-right: 20px
}
.compare-table-column.light.last {
border-left-width: 0;
border-right-width: 0
}
.compare-table-column.light.with-logo {
border-top: 2px solid #191a1b;
border-left: 2px solid #191a1b;
border-top-left-radius: 4px
}
.compare-table-column.light.with-logo.last {
border-left-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 2px
}
.compare-table-column.light.with-logo.middle-column {
border-left-width: 0;
border-right-width: 2px;
border-radius: 0
}
.compare-table-column.light.middle-column {
border-left-width: 0
}
.compare-table-column.smaller {
width: 70%;
padding-top: 15px;
padding-right: 20px;
font-size: 12px
}
.compare-table-column.smaller.blue-bg {
background-color: var(--blue)
}
.compare-table-column.narrow {
color: #191a1b;
background-color: #0000;
border-left: 2px solid #191a1b;
border-right: 2px solid #191a1b;
justify-content: center;
width: 15%;
padding-left: 15px;
padding-right: 15px
}
.compare-table-column.narrow.last {
border-left-width: 0;
border-right-width: 0
}
.compare-table-column.narrow.top {
background-color: #fff;
border-top: 2px solid #191a1b
}
.compare-table-column.narrow.top.last {
border-top-right-radius: 4px
}
.compare-table-column.narrow.top.first {
border-top-left-radius: 4px
}
.compare-table-logo {
height: 24px;
margin-top: 10px;
margin-bottom: 10px;
line-height: 24px
}
.compare-table-row {
z-index: 10;
background-color: #fff;
border-bottom: 2px solid #313233;
border-right: 2px solid #000;
align-items: stretch;
width: 100%;
padding: 0;
transition: background-color .2s;
display: flex;
position: relative;
overflow: hidden
}
.compare-table-row:hover {
background-color: #f5f7fc
}
.compare-table-row.first {
border-top-left-radius: 4px
}
.compare-table-row.top {
border-bottom-width: 0;
border-top-right-radius: 4px
}
.compare-table-row.top:hover {
background-color: #fff
}
.compare-table-row.top.blue-bg {
background-color: var(--blue)
}
.compare-table-row.bottom-row {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px
}
.compare-table-row.bottom-row:hover {
background-color: #fff
}
.compare-table-main-wrapper {
width: 90%;
margin-left: auto;
margin-right: auto;
position: relative
}
.compare-table-main-wrapper.wider {
width: 100%
}
.compare-pricing-wrapper {
text-align: center;
padding-top: 10px
}
.compare-table-icon {
height: 30px
}
.small-bg-shape {
z-index: 1;
height: 150px;
position: absolute;
inset: auto -50px -108px auto
}
.small-bg-shape.table-top-right {
height: 400px;
inset: -100px -200px auto auto
}
.small-bg-shape.table-bottom-left {
height: 450px;
inset: auto auto -152px -200px
}
.small-bg-shape.campaign-2 {
height: 110px;
inset: -70px -55px auto auto
}
.small-bg-shape.personalize-2 {
height: 500px;
inset: -179px auto auto -264px
}
.small-bg-shape.personalize {
height: 500px;
inset: auto -96px -109px auto
}
.small-bg-shape.personalize-3 {
z-index: 40;
height: 110px;
inset: auto 20% -54px auto
}
.small-bg-shape.automate {
min-width: 170%;
height: auto;
bottom: -140px;
right: -180px
}
.screenshot-wrapper {
z-index: 10;
width: 80%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 50% 0% auto;
transform: translateY(-50%)
}
.screenshot-wrapper.personalize {
width: 100%
}
.color-bg-square {
background-color: #ebf0f8;
border-radius: 7px;
width: 100%;
height: 100%
}
.color-bg-square.mobile-only {
display: none
}
.column-graphic-wrapper {
min-width: 130%;
height: 100%;
display: flex;
position: relative
}
.column-graphic-wrapper.align-left {
margin-left: -30%;
left: -50px
}
.app-screenshot {
z-index: 10;
border-radius: 4px;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
box-shadow: -6px 6px #0000001a
}
.app-screenshot.personalize {
box-shadow: none;
max-width: 100%;
margin-top: 30px
}
.app-screenshot.automate {
box-shadow: none;
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: block
}
.color-bg-shape {
z-index: 2;
position: relative
}
._2-column-grid {
grid-column-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
align-items: center
}
._2-column-grid.reverse {
grid-column-gap: 20px;
grid-template-columns: 1.25fr 1fr
}
._2-column-grid.reversed {
grid-column-gap: 34px;
grid-template-columns: 1.25fr 1fr;
max-width: 1440px;
margin-left: auto;
margin-right: auto
}
._2-column-grid.flex {
grid-column-gap: 60px;
grid-row-gap: 16px;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: .5fr .75fr;
grid-auto-columns: 1fr;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: grid
}
._2-column-grid.flex.home-quizzes {
grid-column-gap: 0px;
grid-template-columns: 1.5fr 2fr
}
._2-column-grid.flex.what-is-cf {
display: flex
}
._2-column-grid.flex.why-section {
grid-column-gap: 20px;
grid-template-columns: .5fr .5fr
}
._2-column-grid.reversed {
grid-template-columns: 1.25fr 1fr;
max-width: 1440px;
margin-left: auto;
margin-right: auto
}
.footer-link-block {
color: #fff
}
.footer-link-block:hover {
text-decoration: underline
}
.page-wrapper {
overflow: hidden
}
.bio-icon {
filter: contrast(0%);
width: 16px;
margin-top: 10px;
margin-bottom: 5px;
margin-right: 10px
}
.bio-icon:hover {
filter: none
}
.blog-post-creator-bio {
color: #191a1b;
margin-top: 10px;
margin-bottom: 5px;
font-family: Inter, sans-serif;
font-size: 15px;
line-height: 20px
}
.blog-post-creator-bio p {
color: #1a1b1c;
margin-top: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: 20px
}
.creator-page-header {
color: #1a1b1c;
text-align: center;
background-color: #f5f6f5;
max-width: 800px;
margin-top: 30px;
margin-bottom: 40px;
padding-top: 20px;
padding-bottom: 20px;
font-family: Inter, sans-serif;
font-size: 18px
}
.creator-page-bio {
color: #191a1b;
padding-left: 100px;
padding-right: 100px;
font-family: Inter, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 22px
}
.creator-page-title {
color: #191a1b;
margin-top: -15px;
margin-bottom: 15px;
font-family: Inter, sans-serif;
font-size: 22px;
font-weight: 600
}
.creator-page-content {
margin-bottom: 30px
}
.creator-page-content.grey-bg {
background-color: #f5f6f5;
max-width: 800px;
margin-bottom: 50px;
padding: 20px 15px
}
.creator-page-h2 {
color: #191a1b;
text-align: center;
margin-bottom: 20px;
font-family: Inter, sans-serif;
font-size: 30px;
font-weight: 900
}
.creator-page-external-posts {
margin-left: 30px;
margin-right: 30px
}
.creator-page-external-posts p {
text-align: left;
margin-top: 10px;
margin-bottom: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
line-height: 22px
}
.creator-page-external-posts h3 {
color: #1a1b1c;
text-align: left;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 28px;
line-height: 30px
}
.creator-page-external-posts a {
color: #143c6b
}
.creator-page-external-posts a:hover {
color: #1185ff
}
.creator-page-external-posts li {
margin-bottom: 15px;
font-size: 20px;
line-height: 24px
}
._20px-spacer {
height: 20px
}
.compare-table-text {
text-align: center;
padding-top: 2px;
font-size: 16px
}
.compare-table-text.small {
font-size: 15px
}
.compare-table-text.small.mobile {
display: none
}
.pricing-2021-tool-li-icon {
width: 20px
}
.sharethis-inline-share-buttons {
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 20px
}
.academy-header {
background-color: var(--black-2);
color: #fff;
padding-top: 49px;
padding-bottom: 60px;
position: relative
}
.header-text-block {
width: 490px
}
.academy-intro-section {
background-color: var(--black-2);
padding-top: 116px
}
.academy-top-nav {
background-color: #0000
}
.academy-nav-menu {
float: none
}
.academy-nav-link {
color: #fff;
padding-left: 0;
font-size: 13px
}
.academy-breadcrumb-wrapper {
justify-content: space-between;
align-items: center;
margin-top: 10px;
display: flex
}
.breadcrum-title {
border-left: 2px solid var(--blue);
color: #fff;
order: -1;
padding-left: 10px;
display: inline-block
}
.small-search {
float: right;
order: 1;
width: 290px
}
.small-search-field {
color: #7988a3;
background-color: #000;
background-image: url(assets/images/others/background-image.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: 17px;
border: 0 solid #000;
margin-bottom: 0;
padding-left: 30px;
font-size: 12px
}
.small-search-field::placeholder {
color: #72819c
}
.small-search-button {
display: none
}
.left-title-wrapper {
max-width: 520px;
margin-bottom: 40px
}
.small-intro-paragraph {
margin-top: 14px;
margin-bottom: 10px;
font-size: 17px;
font-weight: 400;
line-height: 25px
}
.videos-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr
}
.video-item-wrapper {
color: #fff
}
.video-item-image-block {
justify-content: center;
align-items: center;
width: 100%;
height: 128px;
margin-bottom: 15px;
display: flex;
position: relative
}
.video-image {
z-index: 1;
object-fit: cover;
border: 2px solid #000;
border-radius: 4px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto
}
.video-play-button {
z-index: 10;
height: 40px;
position: relative
}
.page-section-2 {
position: relative
}
.page-section-2.split.reverse.personalize {
padding-right: 1%
}
.page-section-2.scroller {
margin-bottom: 3%
}
.page-section-2.hiw {
padding-top: 5%;
padding-bottom: 6%
}
.page-section-2.templates {
padding-top: 9%;
padding-bottom: 3%
}
.page-section-2.guides-doc {
padding-top: 6%;
padding-bottom: 8%
}
.page-section-2.guides-doc.integration-docs-section {
display: block
}
.page-section-2.guides {
padding: 45px 6% 40px
}
.page-section-2.more-integrations {
padding-bottom: 1.5%;
overflow: hidden
}
.page-section-2.contained {
padding-left: 6%;
padding-right: 6%
}
.page-section-2.contained.padded {
padding-bottom: 60px
}
.page-section-2.contained.bottom-padding {
padding-bottom: 102px
}
.page-section-2.split {
padding: 6% 1.5% 6% 6%
}
.page-section-2.split.reverse {
padding-bottom: 5%;
padding-left: 1.5%;
padding-right: 6%
}
.page-section-2.split.reverse.padding.more-padding {
padding-top: 200px
}
.page-section-2.split.colour-bg.low-top-margin {
margin-top: 0%
}
.page-section-2.split.colour-bg.low-top-margin.low-top-padding {
padding-top: 0%
}
.page-section-2.split.colour-bg.low-top-margin.low-top-padding.no-padding-bottom {
padding-bottom: 0%
}
.page-section-2.padding {
padding-left: 6%;
padding-right: 6%
}
.page-section-2.faq-holder {
padding-bottom: 40px
}
.page-section-2.faq-holder.faq-hide {
display: none
}
.page-section-2.dark {
background-color: #191a1b;
padding-top: 39px;
padding-bottom: 35px
}
.page-section-2.dark-contained {
background-color: #191a1b;
padding-bottom: 70px;
padding-left: 6%;
padding-right: 6%;
overflow: hidden
}
.page-section-2.dark-contained.black {
color: #000;
background-color: #121213
}
.page-section-2.icon-split {
padding-left: 6%;
padding-right: 6%
}
.page-section-2.spacing {
padding: 120px 1.5% 6% 6%
}
.page-section-2.vertical-padded {
padding-top: 50px;
padding-bottom: 50px
}
.page-section-2.bottom-padding {
padding-bottom: 99px
}
.sub-page-link {
color: #fff;
margin-top: 35px;
margin-right: 5px;
font-size: 15px;
text-decoration: none
}
.sub-page-link.right {
margin-left: 30px;
margin-right: 0
}
.sub-page-link.right.first {
margin-left: 0
}
.sub-page-link.active {
color: #003fff;
font-weight: 500
}
.sub-page-nav-right.guide {
display: none
}
.sub-page-nav {
justify-content: space-between;
align-items: center;
margin-left: 30px;
margin-right: 30px;
padding-top: 30px;
padding-bottom: 20px;
display: flex
}
.subnav-container {
width: 100%;
max-width: 100vw;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
display: block
}
.subnav-container.black {
-webkit-text-stroke-color: #fff;
background-color: #000
}
.logo-cols.opacity-30 {
opacity: .3
}
._2-column-flex {
grid-template-rows: auto;
grid-template-columns: 1fr 1.25fr;
justify-content: space-between;
align-items: flex-start;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex
}
._2-column-flex.personalize-p2 {
margin-top: 100px
}
.intro-paragraph-2 {
color: #7988a3;
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.intro-paragraph-2.black {
color: #191a1b;
font-size: 18px;
font-weight: 400
}
.intro-paragraph-2.integration {
letter-spacing: -.1px;
min-height: 190px;
font-weight: 400
}
.intro-paragraph-2.guide-doc {
font-size: 17px;
line-height: 25px
}
.intro-paragraph-2.write-for-us {
margin-bottom: 20px
}
.intro-paragraph-2.dark,
.intro-paragraph-2.dark-text {
color: #7988a3;
font-weight: 400
}
.intro-paragraph-2.white {
color: #fff
}
.intro-paragraph-2.white.blue-bullet-text.launch-package-bullet {
padding-top: 1px;
padding-right: 25px;
font-size: 18px;
line-height: 27px
}
.intro-paragraph-2.white.blue-bullet-text.launch-package-bullet.launch-package-pricing-text-centered {
text-align: center;
padding-top: 14px;
padding-right: 0
}
.intro-paragraph-2.white.blue-bullet-text.launch-package-bullet.launch-package-pricing-text-centered.launch-campaigns-title {
color: var(--black-2);
font-weight: 700
}
.intro-paragraph-2.white.blue-bullet-text.launch-package-bullet.launch-ecom-package-bullet {
padding-right: 0
}
.intro-paragraph-2.white.blue-bullet-text.launch-package-bullet.launch-ecom-package-bullet.bullet-note {
font-size: 15px
}
.intro-paragraph-2.white.tool-popup-subheadline {
max-width: 570px
}
.intro-paragraph-2.white.why-cf-subhead {
max-width: 950px;
margin-left: auto;
margin-right: auto
}
.intro-paragraph-2.white.pricing-free-sub-head {
font-size: 16px
}
.intro-paragraph-2.dark.increased-margin {
color: #7988a3;
margin-bottom: 25px;
font-size: 18px;
line-height: 30px
}
.intro-paragraph-2.dark.increased-margin.smaller {
font-size: 16px
}
.intro-paragraph-2.dark.smaller {
font-size: 16px;
line-height: 26px
}
.intro-paragraph-2.smaller {
font-size: 18px
}
.bg_image {
border-radius: 7px;
width: 100%;
display: block;
position: relative
}
.bg_image.z-index {
z-index: 1
}
.bg_image.funnel.playbook-left {
padding-left: 0
}
.bg_image.funnel.playbook-left.ltv-growth-hero {
margin-top: -102px
}
.bg_image.funnel.segments-woman {
object-fit: contain;
padding: 84px 98px 1px 0
}
.bg_image.funnel.launch-personalize-img {
min-width: 655px
}
.bg_image.funnel.launch-personalize-img.abandon {
min-width: 500px
}
.bg_image.segment-plus {
max-width: 85%
}
.bg_image.funnel-hero-blk.list-growth-hero {
z-index: 5000;
margin-top: 0
}
.bg_image.campaign-services-hero {
min-width: 640px;
margin-left: -45px
}
.bg_image.hero-left-quiz {
width: 130%;
max-width: 200%
}
.bg_image.showcase-quiz {
width: 110%;
max-width: 110%;
margin-left: -80px
}
.bg_image.gif {
border: 1px solid #0003;
box-shadow: -5px 5px #0003
}
.bg_image.video {
border: 1px solid #0003;
border-radius: 0;
box-shadow: -5px 5px #0003
}
.bg_image.video.left-side {
margin-left: 10px
}
.bg_image.video.tool-page-hero {
width: 700px;
height: 397px;
margin-right: -95px
}
.intro-title-2 {
color: #003fff;
margin-top: 0;
margin-bottom: 23px;
font-size: 20px;
font-weight: 500;
line-height: 31px
}
.intro-title-2.top-level {
font-weight: 400
}
.intro-title-2.top-level.inline-dynamic-text {
margin-right: 4px;
display: inline-block
}
.intro-title-2.white {
color: #fff
}
.intro-title-2.bolder {
font-weight: 600
}
.intro-title-2.bolder.grey-title {
color: #ffffffbf;
font-weight: 500
}
.intro-title-2.bolder.grey-title.launch-package-small-title {
margin-bottom: 5px
}
.intro-title-2.bolder.grey-title.launch-package-small-title.launch-package-small-title-white {
color: #fff;
font-size: 18px;
font-weight: 400
}
.intro-title-2.bolder.grey-title.launch-package-small-title.launch-package-small-title-white.centered {
text-align: center
}
.intro-title-2.bolder.grey-title.launch-package-small-title.launch-package-small-title-grey {
color: #979797;
font-size: 18px
}
.intro-title-2.bolder.grey-title.white-title {
color: #fff
}
.intro-title-2.bolder.grey-title.inline {
display: inline-block
}
.intro-title-2.light {
color: #ffffffbf
}
.intro-title-2.light.get-started-preheadline {
margin-top: 10px;
margin-bottom: 10px;
font-size: 17px
}
.intro-title-2.lighter {
color: #ffffffbf;
font-weight: 600
}
.intro-title-2.small {
margin-bottom: 0;
font-size: 16px
}
.intro-title-2.small.center {
text-align: center
}
.hero-section {
z-index: auto;
background-color: #fff;
padding: 45px 1.5% 70px 6%;
position: relative;
overflow: hidden
}
.hero-section.pro {
padding-top: 160px;
padding-bottom: 80px
}
.hero-section.business {
background-color: #191a1b;
padding-top: 200px;
padding-bottom: 50px
}
.hero-section.business.autopilot {
padding-bottom: 200px
}
.hero-section.tool-hero {
background-color: #191a1b;
background-image: url(assets/images/others/62d19b010aa24df3d4a987a1_blue-lines-bg-c.avif);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 700px;
padding-top: 150px;
padding-bottom: 50px
}
.hero-section.solutions {
background-color: #191a1b;
padding-top: 150px;
padding-bottom: 60px
}
.hero-section.tool-hero-light {
padding-top: 100px
}
.right-column-wrapper {
height: auto;
display: flex;
position: relative
}
.right-column-wrapper.flex {
justify-content: flex-end;
width: 58%
}
.right-column-wrapper.flex.blocks-right-bg {
background-image: url(assets/images/others/619537869b114265d3b424db_segments-bg-lines.png);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 315px
}
.right-column-wrapper.flex.tools-hero-col-2 {
margin-top: 40px
}
.right-column-wrapper.flex.autopilot {
width: 50%
}
.right-column-wrapper.centred {
justify-content: center
}
.right-column-wrapper.centred.grey-color {
background-color: #ebf0f8
}
.right-column-wrapper.centred.grey-color.padded {
padding: 40px
}
.right-column-wrapper.middle-position {
justify-content: center;
width: 58%
}
.right-column-wrapper.wide-flex {
flex: 1;
justify-content: flex-end;
width: 58%
}
.right-column-wrapper.showcase-bg-lines {
background-image: url(assets/images/others/62f3f3d0a0a78edfd936e7b3_showcase-lines-bg.svg);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: cover;
width: 800px;
max-width: 700px
}
.color-container {
color: #fff;
background-color: #003fff;
border-radius: 7px;
width: 97%;
margin-top: 8%;
margin-left: auto;
margin-right: auto;
padding: 10% 6%;
position: relative
}
.color-container.black {
background-color: #232323
}
.color-container.launch-package-container {
padding-bottom: 6%
}
.color-container.launch-package-container.launch-ecom-package-container {
padding-left: 1%;
padding-right: 1%
}
.color-container.launch-tools-container {
background-color: #2b2d2f
}
.middle-right-shape {
position: absolute;
inset: 10% 0% auto auto
}
.middle-right-shape.alternate {
top: 18%;
right: -8%
}
.middle-right-shape.alternate-2 {
top: 18%;
right: -7%
}
.middle-right-shape.alternate---2 {
top: 16%;
right: -4%
}
.block-image-wrapper-2 {
background-color: #003fff;
padding-top: 14px
}
.block-image-wrapper-2.dark_bg {
background-color: #191a1b
}
.section-title-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 49px;
font-weight: 900;
line-height: 56px
}
.section-title-2.smaller-2 {
max-width: 450px
}
.section-title-2.dynamic-inline-text {
margin-right: 0
}
.section-title-2.integration-guides-cta-title {
margin-bottom: 30px
}
.section-title-2.platform-title {
margin-bottom: 24px
}
.top-left-shape {
position: absolute;
inset: 0% auto auto 0%
}
.section-feature {
letter-spacing: .1px;
align-items: center;
margin-top: 10px;
margin-bottom: 18px;
font-size: 20px;
font-weight: 500;
line-height: 26px;
display: block
}
.feature-icon-holder {
margin-top: 32px;
margin-bottom: 25px
}
.feature-icon {
margin-right: 15px
}
.feature-icon.inline {
width: 100%;
max-width: 40px;
display: inline
}
.feature-icon.inline.integration-personalization-icon {
max-width: 35px;
margin-left: 5px
}
.dynamic-inline-text {
display: inline
}
.lower-shape {
max-width: 150px;
position: absolute;
inset: auto auto 7px -65px
}
.logo-left {
width: 22%
}
.logo-left.activity {
width: 15%
}
.quick-links-box {
margin-bottom: 8px
}
.integrations-holder {
justify-content: flex-start;
width: 88%;
max-width: 1440px;
margin-top: 51px;
margin-left: auto;
margin-right: auto;
display: flex
}
.content-right {
width: 85%;
padding-left: 5px
}
.content-right.activity {
width: 100%
}
.integrations-block {
flex: 1;
width: 100%;
max-width: 100%;
margin-right: 50px
}
.integrations-block.links {
max-width: 275px;
margin-right: 0
}
.cf-h4 {
letter-spacing: .5px;
margin-top: 15px;
margin-bottom: 15px;
font-size: 30px;
line-height: 40px
}
.cf-integration-box {
background-color: #fff;
border: 1px solid #d4ddea;
border-radius: 7px;
justify-content: space-between;
align-items: flex-start;
max-width: 350px;
margin-bottom: 20px;
padding: 11px;
display: flex;
box-shadow: -5px 5px #7792b333
}
.cf-integration-box.activity {
padding-right: 5px
}
.cf-integration-box.activity.personalize {
margin-left: 5px
}
.integration-icon-box {
max-width: 35px
}
.integration-type {
color: #003fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 2px;
margin-bottom: 0;
font-size: 9px;
font-weight: 700;
line-height: 14px
}
.integration-description {
margin-bottom: 2px;
font-size: 15px;
font-weight: 500
}
.cta-block {
color: #fff;
background-color: #191a1b;
background-image: url(assets/images/others/6077386af60fc841220ee5f7_Mask Group.svg);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 7px;
max-width: 97%;
margin-left: auto;
margin-right: auto;
padding: 8% 60px
}
.cta-section-wrapper {
text-align: center;
max-width: 880px;
margin-left: auto;
margin-right: auto
}
.cta-section-wrapper.white {
color: #fff
}
.white-subheader {
color: #fff;
margin-top: 38px;
margin-bottom: 40px;
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.button-holder {
flex-direction: column;
align-items: center;
display: flex
}
.button-holder.integration-guides-cta-button-holder {
margin-top: 25px
}
.dark-subheader {
color: #7988a3;
margin-top: 38px;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.template-holder {
flex-wrap: wrap;
justify-content: flex-start;
width: 88%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex
}
.template-item {
float: left;
background-color: #fff;
border: 1px solid #d4ddea;
border-radius: 7px;
width: 100%;
margin-bottom: 30px;
margin-left: 1.25%;
margin-right: 1.25%;
transition: all .2s;
box-shadow: -5px 5px #7792b333
}
.template-item:hover {
border-color: #003fff;
box-shadow: -3px 3px #7792b333
}
.template-item.dark {
border-width: 2px;
border-color: #191a1b;
box-shadow: -5px 5px #0003
}
.template-item.templates-index-item {
width: 95%
}
.template-list-item-bg {
background-image: url(assets/images/others/background-image.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top: 35%;
padding-bottom: 35%
}
.template-item-bottom-block {
flex-flow: column wrap;
place-content: flex-start center;
align-items: flex-start;
min-height: 115px;
padding-bottom: 0;
padding-left: 19px;
padding-right: 19px;
display: flex
}
.template-list-name {
color: #191a1b;
margin-bottom: 6px;
font-size: 18px;
line-height: 22px
}
.lower-template-info {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 5px;
display: flex
}
.template-type {
color: #003fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
font-weight: 700;
line-height: 14px
}
.template-type.feature-grid-item-link {
margin-top: 10px;
font-size: 13px
}
.template-type.feature-grid-item-link.white {
color: #fff;
margin-top: 20px
}
.template-pill {
color: #003fffbf;
text-align: center;
letter-spacing: .5px;
background-color: #003fff33;
border-radius: 3px;
padding: 2px 12px;
font-size: 12px;
font-weight: 600
}
.guide-doc-row {
margin-top: 50px
}
.guide-doc-row._2 {
margin-top: 38px;
margin-bottom: 84px;
display: block
}
.guide-doc-row.integration-guides-related-guides {
margin-bottom: 50px
}
.guides-documentation {
width: 80%;
max-width: 835px;
margin-left: auto;
margin-right: auto;
display: block
}
.guides-documentation.documentation {
padding-top: 6%;
display: block
}
.guide-doc-box {
background-color: #fff;
border: 1px solid #d4ddea;
border-radius: 7px;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
padding: 22px 90px 22px 22px;
transition: all .2s;
display: flex;
box-shadow: -5px 5px #7792b333
}
.guide-doc-box:hover {
box-shadow: -3px 3px #7792b333
}
.guide-doc-description {
color: #191a1b;
margin-bottom: 2px;
font-size: 20px;
font-weight: 500;
line-height: 30px
}
.guide-doc-logo {
background-image: url(assets/images/others/60773f06f60fc8bced0f1694_Shopify-box.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 7px;
flex: none;
width: 105px;
height: 105px;
margin-right: 20px
}
.guide-doc-logo.documentation {
background-size: 40px;
width: 53px;
height: 53px
}
.guide-doc-logo.guide-item-logo {
background-size: 70%
}
.guide-doc-logo.documentation {
width: 53px;
height: 53px
}
.guide-doc-right {
width: auto;
padding-left: 0
}
.integration-cta-icon {
text-align: center;
max-width: 50px;
margin-left: auto;
margin-right: auto;
display: block
}
.integration-hero-container {
background-color: #ebf0f8;
width: 100%;
padding: 60px 60px 20px
}
.integration-hero-container.overview {
background-image: url(assets/images/others/60774da0bf409a7d496faaa3_integration-hero-bg.svg);
background-position: 30px 30px;
background-repeat: no-repeat;
background-size: 50%
}
.integration-hero-container.actions {
padding-left: 40px;
padding-right: 40px
}
.integration-hero-image {
margin-bottom: 0
}
.integration-icon-box-2 {
max-width: 35px
}
.integration-hero-install {
width: 300px;
margin-top: 30px;
margin-left: auto;
margin-right: auto
}
.integration-hero-arrow.up {
margin-left: auto;
display: block
}
.integration-hero-arrow.up.personalize {
margin-top: -20px;
margin-bottom: 30px
}
.integration-hero-arrow.up.actions {
min-width: 135px
}
.integration-hero-arrow.personalize {
margin-top: -20px;
margin-bottom: 30px
}
.integration-hero-arrow.actions {
min-width: 135px
}
.integration-hero-arrow.down {
min-width: 128px;
max-width: 100%;
margin-top: -20px;
display: block
}
.integration-personalize-background {
background-image: url(assets/images/others/6077600e1694ef267ff4ee07_personalize-browser-compressed.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
min-height: 400px;
margin-top: 30px;
margin-left: -60px;
margin-right: -60px
}
.integration-personalize-popups {
margin-left: 10px;
margin-right: 10px
}
.integration-personalize-people {
margin-left: auto;
margin-right: auto;
display: block
}
.integrations-actions-profile {
max-width: 500px;
margin-left: auto;
margin-right: auto;
display: block
}
.integration-icon-box-4.activity {
max-width: 30px
}
.content-right-2 {
width: 75%;
padding-left: 5px
}
.content-right-2.activity {
width: 100%
}
.integrations-actions-line {
height: 40px;
margin-top: -20px;
margin-left: auto;
margin-right: auto;
display: block
}
.integrations-actions-goal {
width: 350px;
margin-left: auto;
margin-right: auto
}
.integrations-report-icon {
margin-bottom: 10px
}
.template-item-2 {
float: left;
background-color: #fff;
border: 1px solid #d4ddea;
border-radius: 7px;
width: 100%;
margin-bottom: 30px;
margin-left: 1.25%;
margin-right: 1.25%;
transition: all .2s;
box-shadow: -5px 5px #7792b333
}
.template-item-2:hover {
box-shadow: -3px 3px #7792b333
}
.template-item-2.wider {
width: 29.33%;
margin-left: 2%;
margin-right: 2%
}
.guide-title {
letter-spacing: .5px;
font-size: 30px;
font-weight: 900;
line-height: 40px
}
.guide_image {
background-color: #e9e9e9;
background-image: url(assets/images/others/60783efb16e69c893f540a8d_shopify-img.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 100px;
border-radius: 7px;
width: 222px;
height: 222px;
margin-bottom: 44px;
box-shadow: -5px 5px #7792b333
}
.guide_image.integration-hero-icon {
background-color: #fff;
background-size: 80px;
border-radius: 100%;
width: 150px;
height: 150px;
margin-top: 30px;
margin-left: 30px;
position: absolute;
inset: 0% auto auto 0%
}
.left_col {
flex: none;
width: 30%;
max-width: 280px;
padding-bottom: 120px
}
.rte {
max-width: 700px
}
.rte h6 {
letter-spacing: .8px;
text-transform: uppercase;
margin-top: 0;
font-weight: 900
}
.rte figcaption {
color: #666;
font-size: 16px;
line-height: 22px
}
.rte h4 {
margin-top: 0;
margin-bottom: 20px;
font-size: 26px;
font-weight: 700;
line-height: 32px
}
.rte h1 {
margin-top: 0;
margin-bottom: 20px;
font-size: 49px;
font-weight: 900;
line-height: 60px
}
.rte ol,
.rte ul {
margin-bottom: 25px;
padding-left: 20px
}
.rte h5 {
margin-top: 0;
margin-bottom: 15px;
font-size: 22px;
font-weight: 700;
line-height: 28px
}
.rte h2 {
margin-top: 0;
margin-bottom: 20px;
font-size: 34px;
font-weight: 900;
line-height: 44px
}
.rte p {
letter-spacing: -.1px;
margin-bottom: 30px;
font-size: 20px;
line-height: 35px
}
.rte li {
letter-spacing: -.1px;
margin-left: 20px;
padding-left: 0;
font-size: 20px
}
.rte h3 {
margin-top: 0;
margin-bottom: 12px;
font-size: 30px;
font-weight: 700;
line-height: 40px
}
.rte img {
margin-bottom: 30px
}
.smaller-template-holder {
flex-wrap: wrap;
justify-content: flex-start;
width: 104%;
max-width: 1440px;
margin: 38px -2% 54px;
display: flex
}
.guide-url {
color: #191a1b;
margin-bottom: 15px;
font-size: 16px;
line-height: 30px;
transition: all .2s;
display: inline-block
}
.guide-url:hover {
color: #003fff
}
.template-list-item-bg-2 {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding-top: 35%;
padding-bottom: 35%
}
.blue-cta-block {
background-color: #003fff;
background-image: url(assets/images/others/6077386af60fc841220ee5f7_Mask Group.svg);
background-position: 50% 93%;
background-repeat: no-repeat;
background-size: 115%;
border-radius: 7px;
margin-top: 25px;
padding: 70px 72px
}
.template-guide-doc {
margin-top: 85px
}
.right_col {
width: 70%;
padding-right: 30px
}
.link-holder {
margin-top: 45px
}
.guide-container {
justify-content: space-between;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex
}
.integrations-wrapper {
z-index: 2;
height: auto;
padding: 80px 6%;
position: relative;
overflow: visible
}
.integrations-grid {
z-index: 2;
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
max-width: 1440px;
height: 100%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
position: relative
}
.title-holder {
z-index: 2;
justify-content: space-between;
align-items: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.integration-guides-integration-mobile {
display: none
}
.integration-guides-title {
font-size: 49px;
font-weight: 900;
line-height: 60px
}
.integration-hero-activity {
margin-left: -60px;
margin-right: -60px
}
.blog-post-date-text {
color: #7988a3;
text-align: center;
display: inline
}
.blog-post-dates {
text-align: center;
padding-top: 10px;
display: block
}
.first-published {
margin-left: 10px;
display: inline
}
.last-updated {
display: inline
}
.blog-headline.sf-font-roboto {
color: #143c6b;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 28px;
font-weight: 800;
display: none
}
.cta-27245-trigger {
display: inline-block
}
.hero-image-container {
width: 100%;
max-width: 800px
}
.secondary-button {
color: #191a1b;
background-color: #0000;
border: 2px solid #191a1b;
border-radius: 4px;
margin-left: 15px;
padding: 12px 22px 10px;
font-weight: 500;
transition: box-shadow .2s, transform .2s;
box-shadow: -5px 5px #0000001a
}
.secondary-button:hover {
transform: translateY(-2px);
box-shadow: -7px 7px #0000001a
}
.secondary-button.demo {
font-size: 18px;
font-weight: 400
}
.header {
text-align: center;
max-width: 900px;
margin: 150px auto 50px
}
.header.write-for-us {
margin-top: 0
}
.write-for-us-faq-block {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: 3rem
}
.faq-dropdown {
border-top: 1px solid #ebf0f8;
border-bottom: 1px #ebf0f8;
min-width: 100%
}
.faq-question-block {
color: var(--black);
min-width: 100%;
padding-top: 30px;
padding-bottom: 30px;
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.faq-arrow {
color: var(--black)
}
.faq-title {
color: var(--black);
max-width: 90%;
white-space: normal
}
.faq-bullet-list {
font-size: 16px
}
.faq-list-item {
color: #191a1b
}
.column-header {
text-align: center;
margin-top: 30px;
margin-bottom: 15px
}
.column-container {
max-width: 900px
}
.column-list.sf-font-roboto {
padding-right: 20px
}
.column-item {
padding-bottom: 15px;
font-size: 18px
}
.column-div {
background-color: #fff;
border: 1px solid #fff;
border-radius: 15px;
min-height: 600px
}
.column-div.write-column {
border-radius: 3px;
box-shadow: -7px 5px #0000001a
}
.write-for-us-cta {
text-align: center;
max-width: 900px;
margin-top: 50px
}
.cta-h3 {
font-size: 36px;
line-height: 36px
}
.cta-h3.white {
color: #fff
}
.cta-buttons-wrapper {
padding-top: 10px;
padding-bottom: 10px
}
.right-angled-bg {
z-index: 2;
position: relative
}
.right-angled-bg.launch-hero.autopilot-hero {
min-width: 800px;
margin-top: -65px
}
.section-title-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 49px;
font-weight: 900;
line-height: 60px
}
.section-title-3.smaller {
max-width: 390px;
font-size: 35px;
line-height: 40px
}
.section-title-3.white {
color: #fff
}
.section-title-3.white.launch-section-3-title {
max-width: 890px;
margin-bottom: 22px;
margin-left: auto;
margin-right: auto
}
.section-title-3.white.why-cf-headline {
margin-bottom: 20px
}
.section-title-3.smaller-2 {
max-width: 450px
}
.section-title-3.wider {
width: 500px
}
.section-title-3.smaller-text {
font-size: 35px;
line-height: 40px
}
.section-title-3.launch-package-title {
max-width: 473px;
font-size: 40px
}
.section-title-3.launch-package-title.launch-ecom-price-title {
font-size: 30px;
line-height: 40px
}
.section-title-3.launch-package-title.launch-ecom-price-title.centered {
text-align: center;
line-height: 60px
}
.section-title-3.medium-text {
font-size: 33px;
line-height: 44px
}
._wf-container {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 20px;
position: relative
}
._3-split-block {
max-width: 265px
}
.head-wrapper {
text-align: center;
max-width: 820px;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto
}
.head-wrapper.less-marg {
margin-bottom: 65px
}
.head-wrapper.launch-wide-wrapper {
max-width: 1050px
}
.head-wrapper.launch-wide-wrapper.launch-ecom-section-3-wrapper {
max-width: 923px
}
.head-wrapper.launch-wide-wrapper.launch-ecom-section-3-wrapper.margin-none {
margin-bottom: 0
}
.head-wrapper.launch-wide-wrapper.launch-ecom-section-3-wrapper.margin-none.wide {
max-width: 1050px
}
.head-wrapper.launch-wide-wrapper.launch-ecom-section-3-wrapper.margin-none.launch-ecom-section-3-wrapper-1 {
max-width: 1020px
}
.head-wrapper.launch-wide-wrapper.launch-ecom-section-3-wrapper.autopilot {
max-width: 1000px
}
.head-wrapper.margin-top {
margin-top: 85px
}
.head-wrapper.why-convertflow-paragraph {
text-align: left;
max-width: 750px
}
.quote-text-2 {
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.quote-text-2.quote-long {
font-size: 16px
}
.quote-text-2.quote-long.white {
color: #fff
}
.quote-image-2 {
height: 70px;
position: absolute;
inset: -20px -120px auto auto
}
.full-width-image {
width: 100%;
max-width: 1440px;
margin: -40px auto
}
.square-quote-image {
z-index: 4;
background-image: url(assets/images/others/62fbbfafbfc12cabcc5df3c7_jay-vasse.webp);
background-position: 50%;
background-size: cover;
border: 2px solid #191a1b;
border-radius: 4px;
width: 190px;
height: 190px;
margin-left: auto;
margin-right: auto;
position: relative;
box-shadow: -6px 6px #0000001f
}
.square-quote-image.mikkel {
background-image: url(assets/images/others/60e8592ad8f41b55497b51e5_Mikkel-profile.jpg)
}
.square-quote-image.felix {
background-image: url(assets/images/others/60e8595c49f718f0e963b44f_Felix-profile.jpg)
}
.square-quote-image.rounded {
border-radius: 100%
}
.square-quote-image.rounded.nick {
background-image: url(assets/images/others/61781ee569d0363f430e8754_nick-close-compressed.png)
}
.square-quote-image.small {
width: 54px;
height: 54px
}
.square-quote-image.small.chris-j {
background-image: url(assets/images/others/619425fa77613e702458d7d8_chris-j%20\(1\).png)
}
.square-quote-image.small.josue {
background-image: url(assets/images/others/61a3eb606533d736d4dda631_jose.jpeg)
}
.square-quote-image.small.anthony {
background-image: url(assets/images/others/62fbc19ab4a4cdf908228e72_anthony_accetturo.webp);
border-style: none;
border-radius: 100px
}
.square-quote-image.small.anthony.circle {
border-radius: 100%
}
.square-quote-image.small.letha {
background-image: url(assets/images/others/61a3f4c81df7a9d17511d070_letha.jpeg)
}
.square-quote-image.small.lazar {
background-image: url(assets/images/others/62f5440704e0675bb7dd16d2_lazar.webp)
}
.square-quote-image.small.aleksej {
background-image: url(assets/images/others/641355647368ee360499584a_aleksej-kruminsh-pranamat-2.webp);
border-style: none;
border-radius: 100px
}
.square-quote-image.small.aleksej.circle {
border-radius: 100%
}
.square-quote-image.small.nick {
background-image: url(assets/images/others/64c2bdf6fc86a5ec81e00a27_61f84be9320d860ea64a8e00_Nick Stasinopoulis .jpeg)
}
.square-quote-image.mat {
background-image: url(assets/images/others/62fbc1700fdf3ca0610849fd_mat-oflyn.webp)
}
.square-quote-image.nate {
background-image: url(assets/images/others/61a3e7eef2cf751329c8fb19_nate-morse-c.jpeg)
}
.square-quote-image.christian {
background-image: url(assets/images/others/62fbc1b10fdf3cf4e4084c5b_christian-wiles.webp)
}
.square-quote-image.sean {
background-image: url(assets/images/others/62fbb7deda6d950940f2e2cc_sean-mcabe-min.webp)
}
._4-split-box {
width: 22%
}
._4-split-icon {
width: auto;
height: 44px;
margin-bottom: 20px
}
._4-split-icon.padded {
padding: 2px
}
._4-column-div {
justify-content: space-between;
max-width: 1340px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
margin-bottom: 6rem;
}
@media screen and (max-width: 768px) {
._4-column-div {
margin-bottom: 3rem;
}
}
._4-column-div._2 {
margin-top: 130px
}
._4-column-div.less-marg {
margin-top: 25px
}
._4-column-div.fw-col {
margin-top: 130px
}
._4-column-div._3 {
margin-top: 70px
}
._4-column-div.spaced-2 {
margin-top: 80px
}
._4-column-div.slim {
margin-top: 0
}
._4-column-div.slim.integration-points {
max-width: 1150px;
margin-bottom: 50px
}
._4-column-div.no-margin {
margin-top: 0
}
.color-container-2 {
z-index: 1;
color: #fff;
background-color: #003fff;
border-radius: 7px;
width: 97%;
margin-top: 8%;
margin-left: auto;
margin-right: auto;
padding: 10% 6%;
position: relative
}
.color-container-2.overflow-none {
padding-right: 2%;
overflow: hidden
}
.color-container-2.overflow-none.no-margin {
margin-top: 0%
}
.semi-transparent {
opacity: .16
}
.end-shape {
position: absolute;
inset: auto auto -3% 6%
}
.overlay---image {
max-width: 80%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 40px auto 0%
}
._4-split-larger {
width: auto;
height: 52px;
margin-bottom: 20px
}
._4-split-larger.pad {
padding-bottom: 10px
}
.line-illustration {
z-index: 0;
max-width: 400px;
position: absolute;
inset: 0% auto auto -14%
}
.overlay-image---2 {
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 40px auto 0% 5%
}
.overlay-image---2.pro-support {
max-width: 570px
}
.faq-question-block-2 {
color: #191a1b;
min-width: 100%;
padding-top: 30px;
padding-bottom: 30px;
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.faq-answer-inner-box-2 {
padding: 0 20px 24px
}
.faq-arrow-2 {
color: #191a1b
}
.pricing-faq-block-2 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: block
}
.faq-title-2 {
color: #191a1b;
max-width: 90%
}
.header-2 {
text-align: center;
max-width: 900px;
margin: 150px auto 50px
}
.cta-holder.tools-section-cta {
margin-top: 20px
}
.cta-holder.tools-centered-cta {
text-align: center;
justify-content: center;
margin-top: 40px;
margin-left: auto;
margin-right: auto
}
._4-split-block {
max-width: 300px
}
.shape---left {
opacity: .3;
max-width: 250px;
position: absolute;
inset: 0% auto auto 0%
}
.shape---bottom-right {
opacity: .3;
max-width: 360px;
position: absolute;
inset: auto -66px -84px auto
}
._wf-container-2 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 20px;
position: relative
}
._wf-container-2.padding {
padding-top: 120px;
padding-left: 6%;
padding-right: 6%
}
._wf-container-2.launch-process-highlights-container {
padding-top: 0;
padding-left: 27px;
padding-right: 27px
}
._wf-container-2.padding-top-none {
padding-top: 0
}
._wf-container-2.why-convertflow-wrapper {
background-image: radial-gradient(circle closest-side, #003fff87, #0000)
}
._4-highlights-grid {
grid-column-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 95%;
margin-left: auto;
margin-right: auto;
padding-left: 20px
}
._4-highlights-grid.cf-business {
grid-column-gap: 40px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
._4-highlights-grid.cf-business.cf-launch-process-grid {
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
max-width: 1150px
}
._4-highlights-grid.stats {
grid-column-gap: 40px;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
padding-left: 0
}
.small-block {
color: #191a1b;
border: 1px solid #d4ddea;
border-radius: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 12.7%;
padding: 28px 12px 23px;
font-size: 17px;
font-weight: 600;
line-height: 24px;
transition: all .5s;
box-shadow: -6px 6px #7792b333
}
.small-block:hover {
border-color: #003fff
}
.ui_screen {
width: 100%;
max-width: 1272px;
margin-left: auto;
margin-right: auto;
display: block
}
.grid_div {
text-align: center;
margin-top: 60px
}
.block {
position: absolute;
inset: -3% 8% auto auto
}
.grid_flex {
border-bottom: 1px solid #ebf0f8;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin-top: 40px;
padding-bottom: 55px;
display: flex
}
.title_smaller {
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.large-icons {
margin-bottom: 15px
}
.flex-buttons {
padding-top: 10px
}
.separator {
background-color: #2b2d2f;
flex: 1;
height: 1px;
margin-left: 20px
}
.separator.lighter {
background-color: #ebf0f8
}
.colour-bg {
z-index: 1;
color: #fff;
background-color: #191a1b;
width: 100%;
margin-top: 8%;
margin-left: auto;
margin-right: auto;
padding: 10% 6%;
position: relative;
overflow: hidden
}
.colour-bg.low-top-margin {
margin-top: 0%
}
.colour-bg.low-top-margin.high-mobile-bottom-margin.low-top-padding {
padding-top: 5%;
padding-bottom: 5%
}
.colour-bg.low-top-margin.no-bottom-padding {
padding-bottom: 0%
}
.colour-bg.low-top-margin.no-bottom-padding.no-left-padding {
padding-left: 0%
}
.colour-bg.low-top-margin.no-bottom-padding.no-left-padding.no-top-padding {
padding-top: 0%;
overflow: visible
}
.text-divider {
z-index: 1;
justify-content: space-between;
align-items: center;
max-width: 1440px;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
font-weight: 600;
line-height: 24px;
display: flex;
position: relative
}
.right-overlay---image {
max-width: 72%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 40px auto 0%
}
.half-split {
justify-content: space-between;
max-width: 1440px;
margin-top: 90px;
margin-left: auto;
margin-right: auto;
display: flex
}
.half-block {
width: 45%
}
.report-image {
width: 100%;
margin-bottom: 38px
}
.bg_shape {
width: 70%;
position: absolute;
inset: -2% 0% 0% -4%
}
.integration-list-plan {
background-color: #7988a3;
border-radius: 3px;
min-height: 15px;
margin-top: -1px;
margin-right: -1px;
padding-left: 10px;
padding-right: 8px;
position: absolute;
inset: 0% 0% auto auto
}
.integration-list-plan.pro {
background-color: #54b194
}
.integration-list-plan.business {
background-color: #003fff
}
.integration-plan-text {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-right: 2px;
font-size: 9px;
font-weight: 600;
display: inline-block
}
.blog-post-content-richtext-intro {
color: #143c6b;
width: auto;
max-width: 650px;
margin-left: auto;
margin-right: auto;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 400
}
.blog-post-content-richtext-intro p {
color: #1a1b1c;
margin-top: 20px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 20px;
font-weight: 600;
line-height: 1.7em
}
.blog-post-content-richtext-intro li {
color: #1a1b1c;
margin-top: 0;
margin-bottom: 15px;
line-height: 1.7em
}
.blog-post-content-richtext-intro h2 {
color: #143c6b;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.5em
}
.blog-post-content-richtext-intro h1 {
font-size: 38px;
font-weight: 800;
line-height: 1.3em
}
.blog-post-content-richtext-intro h3 {
color: #143c6b;
font-family: Inter, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 1.5em
}
.blog-post-content-richtext-intro h4 {
font-size: 20px;
line-height: 1.5em
}
.blog-post-content-richtext-intro h5 {
line-height: 1.5em
}
.blog-post-content-richtext-intro h6 {
font-size: 12px;
line-height: 1.5em
}
.blog-post-content-richtext-intro a {
color: #1185ff
}
.blog-post-content-richtext-intro.sf-font-roboto {
color: #191a1b;
max-width: 650px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px
}
.blog-post-content-richtext-intro.sf-font-roboto ul {
margin-bottom: 20px;
list-style-type: disc
}
.blog-post-content-richtext-intro.sf-font-roboto ol {
margin-bottom: 20px
}
.footer-award-link {
float: right;
max-width: 70px;
margin-left: auto;
margin-right: auto
}
.cms-box {
background-color: #f5f6f5;
margin-top: 0;
margin-bottom: 0
}
.pricing-plan-bullet-link {
display: block
}
.pricing-plan-bullet-link:hover {
text-decoration: underline
}
.avatar-centered {
width: 250px;
margin-left: auto;
margin-right: auto;
display: inline-block
}
.avatar-centered-col-2 {
padding-left: 0
}
.badges-block {
margin-top: 0;
margin-left: auto;
margin-right: auto;
display: block
}
.techstars {
max-width: 150px;
margin-top: 30px;
margin-right: 10px;
display: inline-block
}
.product-hunt {
max-width: 175px;
margin-top: 17px;
margin-left: auto
}
.product-hunt.reviews-logo {
margin-top: 15px
}
.icon-bullet-icon-wrapper {
height: 40px;
padding-top: 8px;
padding-left: 0;
padding-right: 0
}
.icon-bullet-text {
font-size: 16px;
line-height: 1.5em
}
.icon-bullet-text.smaller {
font-size: 16px
}
.icon-bullet-text-wrapper {
padding-top: 10px;
font-size: 16px
}
.icon-bullet {
padding-top: 5px;
padding-bottom: 5px;
display: block
}
.icon-review-star {
max-width: 20px
}
.div-block-38 {
margin-top: 5px;
margin-bottom: 10px
}
.integrations-stack-connector {
margin-top: 77px
}
.integrations-type-wrapper {
background-color: #7988a3;
border-radius: 3px;
width: 50px;
height: 17px;
margin-bottom: 10px
}
.integrations-type-wrapper.cms {
background-color: #1cbcab
}
.integrations-type-wrapper.crm {
background-color: #003fff
}
.integrations-type-text {
color: #fff;
text-align: center;
font-size: 9px;
font-weight: 700;
line-height: 17px
}
.blog-post-bumper {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 10px
}
.creator-content-box {
max-width: 650px;
margin-left: auto;
margin-right: auto
}
.tools-hero-review-wrapper {
min-width: 375px;
max-width: 400px;
margin-top: 40px
}
.tools-hero-review-badge {
max-width: 62px
}
.tools-hero-review-badge.g2 {
max-width: 49px;
margin-top: -1px
}
.tools-hero-review-badge.shopify {
max-width: 65px;
margin-top: -9px;
margin-left: -5px
}
.tools-hero-review-stars {
max-width: 100px;
margin-top: 0;
margin-bottom: 10px
}
.tools-hero-review-stars.inline {
margin-top: 7px;
margin-right: 10px
}
.tools-hero-review-text {
color: #7988a3;
font-size: 13px
}
.tools-hero-review-text.inline {
display: inline-block
}
.template-list-item-bg.black-friday-popup {
background-image: url(assets/images/others/6194093ccc09985bbae2edf8_popups-black-friday-cc.png)
}
.template-list-item-bg.health-quiz-template {
background-image: url(assets/images/others/61940a2f80f44438b0b06eab_popup-template-quiz-c.png)
}
.template-list-item-bg.upsell-rec-popup {
background-image: url(assets/images/others/61940bdccc0998fe01e2f70c_template-upsell-c.png)
}
.template-list-item-bg.free-shipping-popup {
background-image: url(assets/images/others/61940c7ee8778c6f3c4c3bbf_template-free-shipping-c.png)
}
.template-list-item-bg.list-building-popup {
background-image: url(assets/images/others/61940e51efddbb90d540089d_template-list-building-c.png)
}
.template-list-item-bg.sticky-bar-template {
background-image: url(assets/images/others/61940f062c31924977cb8023_template-sticky-bar-c.png)
}
.template-list-item-bg.lead-gen-popup {
background-image: url(assets/images/others/61957518ca6828a9ec582e1e_template-lead-gen-c.png)
}
.template-list-item-bg.content-upgrade-popup {
background-image: url(assets/images/others/61957536d022414ea93831c9_template-content-upgrade-c.png)
}
.template-list-item-bg.webinar-popup {
background-image: url(assets/images/others/61957679c3a34d390cafb2e8_template-survey-message-c.png);
background-position: 100% 100%
}
.template-list-item-bg.quiz-simple {
background-image: url(assets/images/others/61afe885ef519a101e542224_quiz-template-simple.png)
}
.template-list-item-bg.quiz-template-beauty {
background-image: url(assets/images/others/622a3a667b0b76512f757e20_hair-product-quiz%20\(1\).png)
}
.template-list-item-bg.quiz-template-travel {
background-image: url(assets/images/others/61afea76c7555dfc5ff59321_quiz-template-travel.png)
}
.template-list-item-bg.quiz-template-colorized {
background-image: url(assets/images/others/61afeb8ac657f2de44325856_quiz-template-colorized.png)
}
.template-list-item-bg.quiz-template-fitness {
background-image: url(assets/images/others/61afec67cc1aaf523bb2b6d6_quiz-template-fitness.png)
}
.template-list-item-bg.email-sms-popup {
background-image: url(assets/images/others/630517a3a7cfd409109647a4_template-email-sms-list.webp)
}
.template-list-item-bg.contest-popup-template {
background-image: url(assets/images/others/630519cf1bb5b4d83fe53d4f_contest-list-building.webp)
}
.template-list-item-bg.abandonment-popup {
background-image: url(assets/images/others/6310a7035ff0a8fd7249c1e4_cart-abandonment-popup-template.webp)
}
.template-list-item-bg.timer-abandon-popup {
background-image: url(assets/images/others/6310a73b80174f15612dcf06_cart-abandonment-timer-popup-template.webp)
}
.template-list-item-bg.abandon-popup-elec {
background-image: url(assets/images/others/6310a777df75a61b76107bb4_electronics-cart-abandonment-popup-template.webp)
}
.template-list-item-bg.quiz-funnel-template {
background-image: url(assets/images/others/63239452c8b87cf0f11609c1_product-quiz-template.webp)
}
.template-list-item-bg.quiz-page-funnel-template {
background-image: url(assets/images/others/63239483013f7dd90ab5dcf5_product-quiz-page-funnel-template.webp)
}
.template-list-item-bg.upsell-corner {
background-image: url(assets/images/others/632e2160cbeeaeb795117846_cart-upsell-offer-corner-popup.webp)
}
.template-list-item-bg.upsell-popup {
background-image: url(assets/images/others/632e2329524ac4814aea9031_cart-upsell-offer-popup.webp)
}
.template-list-item-bg.fitness-bundle-page {
background-image: url(assets/images/others/6357e274474b2f06b23610c2_product-bundle-landing-page.webp)
}
.template-list-item-bg.product-sale-page {
background-image: url(assets/images/others/6357e273bf525509b988c689_product-showcase-landing-page.webp)
}
.template-list-item-bg.simple-bundle-page {
background-image: url(assets/images/others/6357fd33e2891fe19bbec4aa_simple-product-bundle-page-temp.webp)
}
.template-list-item-bg.ecommerce-page {
background-image: url(assets/images/others/6357fd36ab073f828beb19a9_ecommerce-landing-page-temp.webp)
}
.template-list-item-bg.product-page {
background-image: url(assets/images/others/6357fd33e46594bb6fd3f89c_product-landing-page-temp.webp)
}
.template-list-item-bg.replenish-popup-template {
background-image: url(assets/images/others/6426e96994f1f84c3b10a8ea_replenishment-popup.webp)
}
.template-list-item-bg.page-products-furniture {
background-image: url(assets/images/others/64c17baf0eadd03f9ab9e7dd_products-furniture-landing-page-c.webp), url(assets/images/others/background-image.svg);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: cover, cover
}
.template-list-item-bg.list-subscribe-template {
background-image: url(assets/images/others/64c17cf94a5fe1cd8e7a232b_list-subscribe-page-c.webp), url(assets/images/others/background-image.svg);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: contain, cover
}
.template-list-item-bg.product-listicle-landing-page {
background-image: url(assets/images/others/64c2b93a0d0588d5ea22e0ab_product-listicle-templates-c.webp), url(assets/images/others/background-image.svg);
background-position: 0 0, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover
}
.template-list-item-bg.quiz-funnel-landing-page {
background-image: url(assets/images/others/64c2715ea5939e8225c2d0ab_quiz-funnel-landing-page.webp), url(assets/images/others/background-image.svg);
background-position: 0 0, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover
}
.template-list-item-bg.bundle-landing-page {
background-image: url(assets/images/others/64c271e249ba9710a199754d_product-bundle-landing-pages-c.webp), url(assets/images/others/background-image.svg);
background-position: 0 0, 50% 0;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover
}
.template-list-item-bg.lead-gen-templates {
background-image: url(assets/images/others/64c2b18f7fce929203cb8b38_lead-generation-pages-c.webp)
}
.template-columns {
width: 100%
}
.case-study-wrapper {
border: 1px solid #e8f1ff;
border-radius: 1px
}
.case-study-wrapper.launch-case-study-wrapper {
border-style: none;
border-radius: 0
}
.case-study-wrapper.grey {
background-color: #2b2d2f;
border-style: none
}
.case-study-image {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
min-height: 230px
}
.case-study-image.nectar {
background-image: url(assets/images/others/62fbbd556a058f7b200143b7_case-study-nectar.webp)
}
.case-study-image.nectar.launch-case-study-image {
min-height: 234px
}
.case-study-image.cuddle-clones {
background-image: url(assets/images/others/62fbbd313219971041ae8fca_case-study-cuddle-clones.webp);
background-size: auto 232px
}
.case-study-image.cuddle-clones.launch-case-study-image {
min-height: 234px
}
.case-study-image.eisenberg {
background-image: url(assets/images/others/61941d2ac8d40e772574cc1b_case-study-eisenberg-c.png)
}
.case-study-image.eisenberg.launch-case-study-image {
min-height: 234px
}
.case-study-image.undersunfitness {
background-image: url(assets/images/others/62fbbd4326e811089499c811_case-study-undersunfitness.webp);
background-position: 50%;
background-size: cover
}
.case-study-image.lifehack {
background-image: url(assets/images/others/61afefb60c8164fb213ad4f8_case-study-lifehack-c.png);
background-position: 50% 100%
}
.case-study-image.amelia {
background-image: url(assets/images/others/61afefda0c816417913ad8fb_case-study-amelia-gray-skincase-c.png);
background-position: 50% 100%
}
.case-study-image.rudy-mawer {
background-image: url(assets/images/others/6310bb8462ead9b26dd0442c_case-study-rudy-mawer.webp);
background-position: 50%;
background-size: cover
}
.case-study-image.dropps {
background-image: url(assets/images/others/63239a4a375cd623d3517af5_dropps-case-study-bg.webp);
background-position: 50%
}
.case-study-image.cuddle-clones-cross-sell {
background-image: url(assets/images/others/633314bf7d5b66ef30746c1e_case-study-cuddle-clones-cross-sell.webp);
background-position: 50%;
background-size: cover
}
.case-study-image.lifepro {
background-image: url(assets/images/others/6357e7b2e59b7b548dc77642_case-study-lifepro.webp);
background-position: 50%;
background-size: cover
}
.case-study-image.pranamat {
background-image: url(assets/images/others/6425ba908ab21e52bf132da3_case-study-pranamat.webp);
background-position: 50% 100%
}
.case-study-image.case-study-lifepro {
background-image: url(assets/images/others/64c2869ed27dc869721f1199_lifepro-case-study-c.webp);
background-position: 50%;
background-size: cover
}
.case-study-image.case-study-seanwes {
background-image: url(assets/images/others/64c287f102ce8dcbece0e126_seanwes-case-study-c.webp);
background-position: 50% 100%
}
.case-study-info {
padding: 15px 20px 20px 25px
}
.case-study-info.launch-case-study-info {
background-color: #2b2d2f;
padding-bottom: 27px
}
.case-study-info-text {
color: #191a1b;
font-size: 20px;
font-weight: 400;
line-height: 1.5em
}
.case-study-info-text.case-study-headline {
margin-top: 10px;
margin-bottom: 10px
}
.case-study-info-text.case-study-headline.launch-case-study-headline {
color: #fff
}
.case-study-info-text.case-study-headline.white {
color: #fff;
font-weight: 600
}
.launch-hero-div {
background-image: url(assets/images/others/61943149dd3276ff32dd63b6_launch-hero-bglines.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 409px;
margin-top: 0;
padding-top: 58px;
padding-left: 53px;
padding-right: 13px
}
.launch-hero-div.launch-ecom-hero-div {
background-image: url(assets/images/others/6294c3019eefb2050706bc0c_launch-22q2-hero-bg-c.png);
margin-top: 38px
}
.launch-hero-div.launch-hero-div-q2 {
max-width: 700px;
padding-top: 0
}
.launch-hero-div.launch-hero-div-q2.autopilot {
background-image: none;
padding-left: 90px
}
.launch-logo-div.autopilot {
padding-bottom: 16px
}
.launch-logo-img {
width: 150px;
height: auto
}
.launch-logo-img.scale {
width: 100px
}
.blue-bullet-list {
margin-top: 23px;
margin-bottom: 23px;
padding-left: 0;
list-style-type: none
}
.blue-bullet-item {
background-image: url(assets/images/others/6194361a73ab0742a879d71a_bullet-checkmark.png);
background-position: 0 6px;
background-repeat: no-repeat;
background-size: 20px;
padding-left: 37px
}
.block-stats-text {
text-align: center;
border: 1px #fff;
border-radius: 4px;
font-size: 70px;
font-weight: 900;
line-height: 85px
}
.block-stats-text.left-aligned {
color: #191a1b;
text-align: left
}
.block-stats-text.white {
color: #fff
}
.segments-hero-img {
z-index: 3000;
float: none;
object-fit: contain;
min-width: 290px;
display: block;
position: relative;
top: 162px;
right: -750px
}
.segments-browser-icon {
z-index: 3001;
object-fit: contain;
min-width: 187px;
position: relative;
bottom: -272px;
left: 101px
}
.launch-packages-div {
margin-top: -21px;
margin-bottom: 78px
}
.launch-packages-div.slim {
max-width: 900px;
margin-left: auto;
margin-right: auto
}
.launch-package-summary {
background-color: #003fff;
border: 2px solid #191a1b;
border-radius: 4px;
padding: 37px;
box-shadow: -6px 6px #0000001a
}
.launch-package-box {
background-color: #191a1b;
background-image: url(assets/images/others/6195646ba7b6a9530a77f587_blocks-corner-bg.png);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 467px;
border: 4px #000;
border-radius: 4px;
margin-top: 46px;
padding: 62px 49px;
position: relative;
box-shadow: -6px 6px #0000001a
}
.launch-package-box.launch-ecom-package-box {
background-image: none
}
.launch-package-box.launch-ecom-package-box.autopilot {
padding-top: 18px
}
.launch-package-inner-row.top-border {
border-top: 1px solid #7988a3;
margin-top: 28px;
padding-top: 35px
}
.launch-package-features {
margin-left: -10px;
margin-right: -10px
}
.launch-package-features.launch-ecom-package-features {
margin-left: 0;
margin-right: 0
}
.launch-package-inner-columns {
margin-top: -23px
}
.greyed-price {
color: #979797;
text-decoration: line-through
}
.greyed-price.launch-grey-price {
text-decoration: none
}
.testimonial-section {
padding-bottom: 60px
}
.testimonial-section.grey {
background-color: #ebf0f8
}
.testimonial-section.solutions {
padding-bottom: 0
}
.feature-grid-item {
border: 1px solid #e8f1ff;
border-radius: 1px
}
.feature-grid-item-text {
padding: 15px 20px 20px 25px
}
.feature-grid-item-title {
color: #191a1b;
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
line-height: 24px
}
.feature-grid-row {
margin-top: 20px;
margin-bottom: 20px
}
.icon-bullet-icon,
.icon-bullet-icon.smaller {
max-width: 60%;
height: 25px;
margin-left: auto;
margin-right: auto;
display: block
}
.bullet-checkmark {
margin-top: 11px;
padding-right: 14px
}
.hero-text-slider {
background-color: #0000;
width: auto;
height: auto;
display: block
}
.hero-text-slider-arrow,
.hero-text-slider-nav {
display: none
}
.hero-text-slider-slide {
background-color: #0000;
width: auto;
height: auto;
overflow: visible
}
.hero-text-slider-mask,
.hero-text-slider-slide-wrapper {
width: 600px
}
.hero-image-slider.launch-hero-slider {
cursor: pointer;
background-color: #0000
}
.hero-image-slider-mask {
background-color: #0000;
height: auto
}
.hero-image-slider-mask.overflow-visible {
overflow: visible
}
.hero-image-slide {
height: auto
}
.hero-image-slider-arrow.launch-slider-arrow,
.hero-image-slider-nav {
display: none
}
.highlighted-word {
background-color: var(--blue);
box-shadow: 0 2px 0 2px var(--blue)
}
.tools-case-studies-wrapper {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.tools-case-studies-wrapper.launch-ecom-case-studies-wrapper {
margin-bottom: 74px
}
.post-cta-text {
color: #fff;
margin-top: 15px;
font-size: 12px
}
.launch-price-striked {
color: #ffffff82;
text-decoration: line-through
}
.testimonials-feed {
margin-top: 20px;
margin-bottom: 20px
}
.segments-image {
max-width: 95%;
margin-left: 23px
}
.browsers-showcase-wrapper {
max-width: 900px;
margin-left: auto;
margin-right: auto
}
.pricing-features-pre {
margin-bottom: 20px;
font-size: 16px;
font-weight: 600
}
.pricing-features-pre.popover-hover,
.pricing-features-pre.pricing-savings {
cursor: help
}
.pricing-features-pre.pricing-savings.popover-hover {
position: absolute;
bottom: 50px
}
.pricing-plan-benefit-sub-text {
font-size: 10px;
display: inline-block
}
.pricing-plan-benefit-sub-text.display-block {
display: block
}
.pricing-plan-benefit-sub-text.display-block.center {
color: #7988a3;
text-align: center
}
.review-site-logo {
height: 90px;
margin-left: auto;
margin-right: auto;
display: block
}
.review-site-logo.small {
height: 60px
}
.review-site-logo.small.capterra {
margin-top: 8px
}
.review-site-wrapper {
max-width: 1000px;
margin: 40px auto 80px
}
.launch-hero-ethan {
z-index: 999;
margin: 20% -15% 0 0;
position: absolute;
inset: 0% 0% auto auto
}
.listgrowth-bg-top-right {
float: none;
margin-top: -126px;
margin-left: 0;
margin-right: -189px;
position: absolute;
inset: 0% 0% auto auto
}
.launch-process-hero {
margin-bottom: 61px
}
.launch-pricing-box {
margin-top: 28px
}
.launch-pricing-box.launch-pricing-box-pro {
margin-top: 57px
}
.launch-pricing-box.block {
position: static
}
.launch-business-campaigns-div {
background-color: #fff;
border-bottom: 1px solid #fff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: -113px -49px 61px;
box-shadow: -6px 6px #0000001a
}
.product-image {
text-align: center
}
.product-image.margin-some {
margin-top: 40px;
margin-bottom: 40px
}
.product-image.launch-section-3-lined-arrow {
max-width: 80%
}
.product-image.autopilot-ecom-funnel {
max-width: 800px;
margin-left: 7%;
margin-right: auto;
display: block
}
.product-image.section-transition-arrow {
margin-bottom: 20px
}
.product-image.optimization {
margin-top: 49px;
margin-bottom: 60px;
margin-right: -115px
}
.div-block-border-wrapped-arrow-bottom {
background-color: #191a1b;
width: 40px;
margin-bottom: -111px;
margin-left: auto;
margin-right: auto
}
.section-arrow-mid-to-left {
max-width: 50%;
margin-top: -71px;
margin-bottom: -86px
}
.section-arrow-left-to-right {
z-index: 2;
max-width: 60%;
margin-top: -166px;
margin-bottom: -132px;
margin-left: 3px;
position: relative
}
.section-arrow-left-to-right.recommend-to-upsell {
max-width: 54%;
margin-top: -51px;
margin-left: 78px
}
.section-arrow-left-to-right.remind-to-promotion {
max-width: 50%;
margin-top: -21px;
margin-bottom: 48px
}
.section-arrow-middle-to-left-down {
z-index: 2;
max-width: 60%;
margin-top: -214px;
margin-bottom: -80px;
position: relative
}
.section-arrow-middle-to-left-down.upsell-to-remind {
max-width: 58%;
margin-top: -279px;
margin-bottom: -152px
}
.capsule-title {
text-align: left;
background-color: #003fff;
border-radius: 50px;
max-width: 250px;
margin-top: -18px;
margin-left: auto;
margin-right: auto;
display: block
}
.capsule-title.green {
background-color: #1cbcab
}
.capsule-title.red {
background-color: #ee6a5f
}
.capsule-title.purple {
background-color: #9611ff
}
.playbooks-index-hero-col1 {
padding-top: 30px;
padding-right: 130px
}
.content-index-filter-item {
float: right;
display: inline-block
}
.content-index-filter-btn {
color: #fff;
cursor: pointer;
background-color: #191a1b;
margin-right: 5px;
padding: 5px 10px;
font-size: 13px;
line-height: 30px;
box-shadow: -3px 3px #0000001a
}
.content-index-filter-btn:hover {
transform: translateY(-3px)
}
.content-index-filter-btn.jetboost-filter-active {
color: #191a1b;
background-color: #fff;
border: 1px solid #191a1b
}
.playbooks-body {
width: 100%;
max-width: 1220px;
margin: 90px auto 50px
}
.playbooks-index-filter {
margin-bottom: 20px
}
.content-index-search-input {
float: left;
width: 70%;
height: 35px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 30px
}
.content-index-search-input.jetboost-list-search-input-pz4x {
width: 80%
}
.content-index-search-btn {
float: left;
color: #fff;
background-color: #191a1b;
background-image: url(assets/images/others/5ee0421afd08845f253b4479_search-white.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 15px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
height: 35px;
padding-top: 7px;
padding-left: 20px;
padding-right: 20px;
font-weight: 400;
display: block
}
.content-index-search-btn.templates {
display: none
}
.playbooks-post-image {
-webkit-text-fill-color: inherit;
background-color: #003fff63;
background-image: url(assets/images/others/background-image.svg);
background-repeat: no-repeat;
background-size: cover;
background-clip: border-box;
width: 90%;
max-width: 1300px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-top: 75px;
padding-bottom: 75px
}
.playbooks-post-image-overlay {
background-image: linear-gradient(#0000 40%, #00000017);
min-height: 450px;
display: none
}
.playbooks-post-creator-top {
width: 100%;
max-width: 650px;
min-height: 70px;
margin-left: auto;
margin-right: auto;
display: block;
position: relative
}
.playbooks-post-creator-wrapper {
margin-left: auto;
margin-right: auto
}
.playbooks-post-creator-name-wrapper {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-top: 20px;
padding-left: 20px;
display: inline-block;
position: relative
}
.playbooks-post-creator-name {
color: #fff;
text-align: left;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 700;
position: static
}
.playbooks-post-content-wrapper {
border-bottom: 1px solid #e8f1ff;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 30px
}
.playbooks-post-content-headline {
color: #fff;
text-align: left;
width: 100%;
max-width: 650px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 45px;
font-weight: 800;
line-height: 1.3em
}
.playbooks-post-content-intro {
color: #191a1b;
width: auto;
max-width: 650px;
margin-left: auto;
margin-right: auto;
font-family: Inter, sans-serif;
font-weight: 400
}
.playbooks-post-content-intro p {
color: #1a1b1c;
margin-top: 20px;
margin-bottom: 0;
padding-bottom: 0;
font-size: 20px;
font-weight: 600;
line-height: 1.7em
}
.playbooks-post-content-intro li {
color: #1a1b1c;
margin-top: 0;
margin-bottom: 15px;
line-height: 1.7em
}
.playbooks-post-content-intro h2 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.5em
}
.playbooks-post-content-intro h1 {
font-size: 38px;
font-weight: 800;
line-height: 1.3em
}
.playbooks-post-content-intro h3 {
color: #143c6b;
font-family: Inter, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 1.5em
}
.playbooks-post-content-intro h4 {
font-size: 20px;
line-height: 1.5em
}
.playbooks-post-content-intro h5 {
line-height: 1.5em
}
.playbooks-post-content-intro h6 {
font-size: 12px;
line-height: 1.5em
}
.playbooks-post-content-intro a {
color: #1185ff
}
.playbooks-post-main-content {
color: #191a1b;
width: auto;
max-width: 650px;
margin-left: auto;
margin-right: auto;
font-family: Inter, sans-serif;
font-weight: 400
}
.playbooks-post-main-content p {
color: #1a1b1c;
margin-top: 20px;
margin-bottom: 25px;
padding-bottom: 0;
font-size: 18px;
line-height: 1.7em
}
.playbooks-post-main-content li {
color: #1a1b1c;
margin-top: 0;
margin-bottom: 15px;
font-size: 18px;
line-height: 1.6em
}
.playbooks-post-main-content h2 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 800;
line-height: 1.5em
}
.playbooks-post-main-content h1 {
font-size: 38px;
font-weight: 800;
line-height: 1.3em
}
.playbooks-post-main-content h3 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 1.5em
}
.playbooks-post-main-content h4 {
color: #191a1b;
font-size: 20px;
line-height: 1.5em
}
.playbooks-post-main-content h5 {
line-height: 1.5em
}
.playbooks-post-main-content h6 {
font-size: 12px;
line-height: 1.5em
}
.playbooks-post-main-content a {
color: #003fff
}
.playbooks-post-creator-image-top {
float: left;
clear: none;
border: 2px #003fff;
border-radius: 100%;
width: 70px;
height: 70px;
display: inline-block
}
.playbooks-post-creator-title {
color: #fff;
text-align: left;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
position: static
}
.playbooks-templates-section {
max-width: 1000px;
margin-left: auto;
margin-right: auto
}
.playbooks-post-content-creator {
background-color: #f5f6f5;
border-top: 1px solid #c2d9ff;
width: 100%;
max-width: 650px;
margin: 35px auto 25px;
padding: 20px 20px 50px
}
.playbooks-post-creator-about-column {
background-color: #0000;
margin-top: -22px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0
}
.playbooks-post-creator-avatar {
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
width: 70px;
height: 70px;
margin-top: 30px
}
.playbooks-post-creator-about-name {
color: #191a1b;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 700
}
.playbooks-post-creator-about-name:hover {
color: #003fff
}
.playbooks-post-creator-about-title {
color: #191a1b;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px
}
.playbooks-post-creator-about-container {
padding-top: 25px;
padding-left: 0
}
.playbooks-post-creator-bio {
color: #191a1b;
margin-top: 10px;
margin-bottom: 5px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: 20px
}
.playbooks-post-creator-bio p {
color: #191a1b;
margin-top: 10px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: 20px
}
.content-index-popular-items {
margin-top: 20px;
margin-bottom: 50px
}
.playbooks-top-tag-wrapper {
width: 100%;
max-width: 650px;
margin-left: auto;
margin-right: auto
}
.playbooks-top-tag {
float: left;
clear: none;
background-color: #003fff;
border-radius: 1px;
min-width: 30px;
padding: 5px 10px;
display: inline-block;
position: static;
box-shadow: -3px 3px #0000001a
}
.playbooks-top-tag-text {
color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 30px
}
.content-hero-search-tabs {
display: inline-block
}
.playbooks-summary-box {
background-color: #f5f6f5;
border-radius: 5px;
width: auto;
max-width: 750px;
margin-top: -25px;
margin-left: auto;
margin-right: auto;
padding: 30px 50px
}
.playbooks-summary-h2 {
margin-bottom: 10px;
font-size: 26px;
font-weight: 700
}
.playbooks-summary-box-p {
font-size: 18px;
line-height: 24px
}
.playbooks-summary-box-ul {
color: #003fff;
margin-top: 20px;
margin-bottom: 20px;
font-size: 18px;
line-height: 22px;
list-style-type: square
}
.playbooks-summary-box-li-text {
color: var(--black);
width: auto;
margin-right: 5px;
font-weight: 600;
display: inline-block
}
.playbooks-summary-box-li-text.bullet-content {
margin-right: 0;
font-weight: 400
}
.playbooks-summary-list {
display: inline-block
}
.playbooks-summary-box-list-item {
margin-right: 5px;
display: inline-block
}
.playbooks-summary-box-li {
margin-bottom: 10px
}
.playbooks-summary-h3 {
font-size: 23px;
font-weight: 600
}
.playbooks-summary-text {
font-size: 18px
}
.content-hero-index-filter-item {
float: right;
display: inline-block
}
.content-index-search {
margin: 22px auto 0
}
.content-index-search.templates {
margin-top: 0
}
.pb-hero-search-input {
float: left;
border: 1px #fff;
border-radius: 0;
width: 90%;
height: 52px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px
}
.hidden-div {
height: 0
}
.content-hero-search-scces {
float: left;
background-color: #0000;
width: 100%;
margin-top: 17px;
margin-left: auto;
margin-right: auto;
padding: 0
}
.content-hero-search-error {
color: #fff;
background-color: #0000;
width: 100%
}
.reset-link.jetboost-filter-none-x92g {
text-align: center
}
.link-text {
color: #003fff
}
.link-text:hover {
text-decoration: underline
}
.playbooks-hero-headline {
color: #fff;
font-size: 47px;
line-height: 58px
}
.playbooks-hero-subtitle {
color: #acc4ef;
font-size: 20px;
line-height: 30px
}
.pb-index-hero-search {
margin-top: 20px
}
.pb-index-search {
width: 100%;
margin: 17px auto 0
}
.pb-index-search-btn {
float: left;
color: #fff;
background-color: #1185ff;
background-image: url(assets/images/others/5ee0421afd08845f253b4479_search-white.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 15px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
height: 35px;
padding-top: 7px;
padding-left: 20px;
padding-right: 20px;
font-weight: 400;
display: block
}
.pb-index-search-btn.pb-index-hero-search-btn {
background-color: #fff;
background-image: url(assets/images/others/5ee028f7138c353c0fd53e56_search-icon.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
width: 10%;
height: 52px
}
.hero-search-success-text {
color: #9b9b9b;
text-align: left;
background-color: #fff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
width: 79%;
height: 52px;
margin-bottom: 10px;
padding: 15px 12px;
font-size: 18px;
font-style: italic;
line-height: 25px
}
.campaigns-examples-section {
min-width: 1100px;
margin: 20px auto 60px -150px;
display: block
}
.templates-hero-headline {
color: #fff;
font-size: 39px;
line-height: 52px
}
.templates-hero-subtitle {
color: #fff;
font-size: 20px;
line-height: 30px
}
.templates-index-search-input {
float: left;
border-radius: 1px;
height: 35px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 30px
}
.templates-index-search-input.jetboost-list-search-input-x7zz {
border-radius: 2px
}
.template-sub-page-hero-headline {
color: #fff;
text-align: center;
font-size: 39px;
line-height: 52px
}
.template-sub-page-hero-subtitle {
color: #fff;
text-align: center;
font-size: 20px;
line-height: 30px
}
.cta-page-hero-headline {
color: #fff;
text-align: center;
font-size: 39px;
line-height: 52px
}
.cta-page-hero-subtitle {
color: #fff;
text-align: center;
font-size: 20px;
line-height: 30px
}
.cta-page-tag-text {
color: #fff;
font-size: 13px;
font-weight: 400
}
.cta-page-index-tag {
cursor: pointer;
background-color: #7988a3;
border-radius: 150px;
margin-top: 10px;
margin-right: 9px;
padding: 5px 10px
}
.cta-page-index {
display: inline-block
}
.cta-page-nav-link-index {
color: #ebf0f8;
margin-top: 35px;
font-size: 16px;
display: inline
}
.cta-page-nav-link-index:hover {
color: #fff
}
.cta-page-nav-link-index.black {
color: #7f7d83;
font-size: 14px
}
.cta-page-nav-link-current {
color: #7988a3;
font-size: 16px;
text-decoration: none;
display: inline
}
.cta-page-nav-link-current.w--current {
color: #fff
}
.cta-page-nav-link-current.black {
color: #000;
text-transform: capitalize;
font-size: 14px
}
.cta-hero-headline {
color: #fff;
font-size: 39px;
line-height: 52px
}
.cta-hero-subtitle {
color: #fff;
font-size: 20px;
line-height: 30px
}
.cta-page-nav-arrow {
color: #ebf0f8;
margin-top: 35px;
font-size: 16px;
display: inline
}
.cta-page-nav-arrow.black {
color: #7f7d83;
font-size: 14px
}
.cta-page-section-subheadline {
color: #7988a3;
font-size: 20px;
line-height: 30px
}
.cta-page-section-h3 {
color: #191a1b;
margin-top: 20px;
font-size: 30px;
font-weight: 900;
line-height: 40px
}
.cta-page-section-h3.more-templates {
color: #fff;
margin-top: 0;
display: inline;
position: relative
}
.cta-page-sub-section-title {
color: #191a1b;
text-align: center;
margin-bottom: 41px;
font-size: 20px;
font-weight: 600
}
.campaign-item {
float: left;
background-color: #fff;
border: 1px solid #d4ddea;
border-radius: 7px;
width: 100%;
height: 410px;
margin-bottom: 30px;
margin-left: 1.25%;
margin-right: 1.25%;
padding-bottom: 10px;
transition: all .2s;
box-shadow: -5px 5px #7792b333
}
.campaign-item:hover {
border-color: #003fff;
box-shadow: -3px 3px #7792b333
}
.campaign-list-item-bg {
background-image: url(assets/images/others/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 7px 7px 0 0;
height: 250px
}
.campaign-item-bottom-block {
flex-flow: column wrap;
place-content: flex-start center;
align-items: flex-start;
min-height: 115px;
padding-bottom: 0;
padding-left: 19px;
padding-right: 19px;
display: flex
}
.campaign-list-name {
color: #191a1b;
margin-bottom: 6px;
font-size: 19px;
font-weight: 700;
line-height: 22px
}
.campaign-list-name.ellipsis {
white-space: nowrap;
word-break: normal;
width: 366px;
height: 30px;
overflow: hidden
}
.campaign-list-subtitle {
color: #191a1b;
max-height: 48px;
margin-bottom: 6px;
font-size: 15px;
line-height: 22px;
overflow: hidden
}
.campaign-item-link-block {
display: block
}
.playbook-list-name {
color: #191a1b;
margin-bottom: 5px;
font-size: 19px;
font-weight: 700;
line-height: 26px
}
.playbook-list-item-bg {
background-image: url(assets/images/others/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 7px 7px 0 0;
height: 250px
}
.playbook-item {
float: left;
cursor: pointer;
background-color: #fff;
border: 1px solid #d4ddea;
border-radius: 7px;
width: 100%;
margin-bottom: 30px;
margin-left: 1.25%;
margin-right: 1.25%;
padding-bottom: 20px;
transition: all .2s;
box-shadow: -5px 5px #7792b333
}
.playbook-item:hover {
border-color: #003fff;
box-shadow: -3px 3px #7792b333
}
.playbook-item-bottom-block {
flex-flow: column wrap;
place-content: flex-start center;
align-items: flex-start;
min-height: 115px;
padding-bottom: 0;
padding-left: 19px;
padding-right: 19px;
display: flex
}
.playbook-name-tag {
float: left;
clear: none;
background-color: #003fff;
border-radius: 7px 0 0;
min-width: 30px;
margin-right: 5px;
padding: 5px 10px;
display: none;
position: static
}
.playbook-name-text {
color: #fff;
max-height: 50px;
font-size: 14px;
font-weight: 500;
line-height: 25px;
overflow: hidden
}
.playbook-tag {
color: #003fffbf;
text-align: center;
letter-spacing: .5px;
background-color: #003fff33;
border-radius: 3px;
margin-top: 10px;
padding: 2px 12px;
font-size: 12px;
font-weight: 600;
display: inline-block
}
.playbook-list-subtitle {
color: #191a1b;
max-height: 48px;
margin-bottom: 6px;
font-size: 17px;
line-height: 22px;
overflow: hidden
}
.playbook-item-link-block {
display: block
}
.playbooks-index-tag-wrapper {
cursor: pointer;
padding-left: 19px
}
.playbooks-index-tag {
float: left;
clear: none;
background-color: #003fff33;
border-radius: 3px;
height: 25px;
margin-bottom: 5px;
margin-right: 5px;
padding-top: 2px;
padding-left: 7px;
padding-right: 8px;
font-weight: 600;
display: inline-block;
position: static
}
.playbooks-index-tag-text {
color: #003fffbf;
font-size: 12px
}
.playbooks-index-tag-empty {
display: none
}
.campaigns-hero-headline {
color: #fff;
max-width: none;
font-size: 50px;
line-height: 58px
}
.campaigns-hero-subtitle {
color: #acc4ef;
font-size: 20px;
line-height: 30px
}
.content-body-h2 {
color: #191a1b;
max-width: 800px;
margin-right: auto;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 900
}
.content-body-subtitle {
color: #7988a3;
font-size: 20px;
line-height: 30px
}
.campaign-post-h1 {
color: #fff;
text-align: center;
font-size: 40px;
line-height: 50px
}
.campaign-post-pretitle {
color: #acc4ef;
text-align: center;
font-size: 20px;
font-weight: 600
}
.campaign-post-subtitle {
color: #fff;
text-align: center;
margin-bottom: 60px;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 30px
}
.campaign-post-nav-link {
color: #acc4ef;
font-size: 16px;
text-decoration: none;
display: inline-block
}
.campaign-post-nav-link:hover {
color: #fff
}
.campaign-post-nav-text {
color: #acc4ef;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
text-decoration: none;
display: inline-block
}
.campaign-post-nav-text-current {
color: #fff;
font-size: 16px;
text-decoration: none;
display: inline-block
}
.campaign-post-nav-text-current:hover {
color: #fff
}
.templates-filter-div {
display: inline
}
.templates-index-filter-item {
margin-bottom: 20px;
display: inline-block
}
.templates-index-filter-btn {
color: #fff;
cursor: pointer;
background-color: #191a1b;
border: 1px solid #191a1b;
margin-right: 5px;
padding: 5px 10px;
font-size: 13px;
line-height: 30px;
box-shadow: -3px 3px #0000001a
}
.templates-index-filter-btn:hover {
transform: translateY(-3px)
}
.templates-index-filter-btn.jetboost-filter-active {
color: #191a1b;
background-color: #fff;
transform: translateY(-3px)
}
.template-filter-text {
margin-bottom: 0;
margin-right: 10px;
font-size: 16px;
display: inline
}
.jetboost-pagination {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
display: none
}
.blog-search-wrapper {
margin-bottom: 20px;
margin-left: 10px
}
.blog-search {
margin: 22px auto 0
}
.blog-search-input {
float: left;
width: 365px;
height: 35px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 30px
}
.blog-search-btn {
float: left;
color: #fff;
background-color: #191a1b;
background-image: url(assets/images/others/5ee0421afd08845f253b4479_search-white.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 15px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
height: 35px;
padding-top: 7px;
padding-left: 20px;
padding-right: 20px;
font-weight: 400;
display: none
}
.jetboost-show-more {
text-align: center
}
.show-more-text {
padding-left: 2px;
padding-right: 2px;
display: inline
}
.hero-wrapper {
z-index: 30;
margin-top: -350px;
margin-bottom: 350px;
position: relative
}
.hero-title-slider {
background-color: #0000;
max-width: 450px;
height: 82px;
display: inline-block;
position: relative
}
.hero-title-slider-mask {
margin-bottom: -17px;
overflow: hidden
}
.hero-title-slider-slide.slide-product-quiz {
min-width: 350px
}
.hero-cta {
box-shadow: none;
border-radius: 4px;
width: 600px;
margin: 40px auto 0
}
.hero-cta.cf-3-area-7 {
height: 50px;
margin-bottom: 40px
}
.funnels-showcase-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: .25fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: flex-start;
width: 900px;
max-width: 100%;
display: grid
}
.funnels-showcase-wrapper.wide {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr
}
.funnels-showcase-item {
cursor: pointer;
background-color: #fff;
border: 2px solid #000;
border-radius: 3px;
flex: none;
align-self: flex-start;
width: 250px;
height: 233px;
margin-bottom: 20px;
box-shadow: -6px 6px #0000001a
}
.funnel-showcase-item-img {
background-color: #191a1b;
background-image: url(assets/images/others/62f3f655d0d9e175649a647c_funnel-list-growth.webp);
background-position: 50%;
background-size: 100%;
width: 100%;
height: 152px
}
.funnel-showcase-item-img.quiz {
background-image: url(assets/images/others/62f3f923e8660c760b5c9050_funnel-quiz.webp)
}
.funnel-showcase-item-img.upsell {
background-image: url(assets/images/others/62f3f992eafac502d3682cb4_funnel-cart-upsell.webp)
}
.funnel-showcase-item-img.abandon {
background-image: url(assets/images/others/62f3fde498e3d8be0171fa67_funnel-abandon.webp)
}
.funnel-showcase-item-img.landing-page {
background-image: url(assets/images/others/62f3fe0a7d04302ce80116ee_funnel-landing-page.webp)
}
.funnel-showcase-item-img.expiring {
background-image: url(assets/images/others/62f3fee532f464632fe09691_funnel-countdown.webp)
}
.funnel-showcase-item-img.schedule {
background-image: url(assets/images/others/62f3ff43c69d4ab407bd4be2_funnel-schedule.webp)
}
.funnel-showcase-item-img.post-purchase {
background-image: url(assets/images/others/62f3ff7bf4e3f75d70ee5ddf_funnel-post-purchase.webp)
}
.funnel-showcase-item-img.list-growth {
background-image: url(assets/images/others/62f3f655d0d9e175649a647c_funnel-list-growth.webp)
}
.funnel-showcase-item-img.recommendations {
background-image: url(assets/images/others/634ef9cb3eb6b27860ceaeeb_funnel-product-recommendations.webp)
}
.funnel-showcase-item-img.split-testing {
background-image: url(assets/images/others/6362d6b142adb745f9f64aca_experimentation-funnel.webp)
}
.funnel-showcase-item-text {
padding: 13px 15px 0;
line-height: 25px
}
.funnel-showcase-item-link {
color: #000;
font-size: 18px
}
.why-convertflow-image {
max-width: 1200px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto
}
.why-convertflow-img {
margin-left: auto;
margin-right: auto;
display: block
}
.case-study-category {
font-size: 18px;
font-weight: 700;
display: block
}
.case-study-category.title {
color: #fff;
margin-top: 5px;
font-size: 15px;
font-weight: 400;
line-height: 21px
}
.case-study-marketer-wrapper {
margin-top: 20px
}
.case-study-marketer {
font-size: 18px;
font-weight: 700;
display: block
}
.case-study-marketer.title {
color: #fff;
margin-top: 5px;
padding-left: 20px;
font-size: 15px;
font-weight: 400;
line-height: 21px
}
.case-study-marketer-avatar {
border-radius: 100px;
max-width: 50px
}
.quote-avatar-wrapper {
margin-left: 0;
margin-right: 0;
padding-left: 10px
}
.get-started-block {
background-color: #00000080;
border-radius: 10px;
min-height: 400px;
margin: 20px;
padding: 50px
}
.get-started-logo {
height: 20px;
margin-bottom: 20px
}
.get-started-logo.launch {
height: 50px;
margin-top: -17px;
margin-bottom: -1px;
margin-left: 15px
}
.get-started-logo.autopilot-logo {
height: 30px;
margin-top: -18px;
margin-bottom: 0;
margin-left: 11px
}
.get-started-block-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.dropdown-list-3 {
position: fixed
}
.dropdown-list-3.w--open {
background-color: #fff;
border-top: 1px solid #d6e8fd;
width: 100%;
font-size: 15px;
inset: 90px 0% auto;
box-shadow: 0 10px 20px -3px #00000012
}
.dropdown-grid-3 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
margin-left: 30px;
margin-right: 30px
}
.dropdown-title-3 {
color: #003fff;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 1px solid #d6e8fd;
margin-bottom: 15px;
padding-bottom: 5px;
font-size: 14px;
font-weight: 500
}
.dropdown-title-3.third {
border-bottom-color: #d6e8fd
}
.small-dropdown-grid-3 {
grid-column-gap: 30px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr;
margin-top: -15px
}
.dropdown-text-3 {
clear: left;
color: #7988a3;
margin-bottom: 0;
font-size: 14px;
line-height: 20px
}
.dropdown-grid-4 {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-left: 20px;
margin-right: 30px
}
.nav-dropdown-col-2 {
background-color: #fff;
padding-top: 60px;
padding-bottom: 60px
}
.nav-dropdown-col-2.third {
border-left: 1px solid #d6e8fd
}
.nav-dropdown-col-1 {
background-color: #fff;
padding-top: 60px;
padding-bottom: 60px
}
.nav-dropdown-container {
background-color: #fff;
max-width: 100%;
position: relative
}
.dropdown-link-title-3 {
float: left;
margin-bottom: 3px;
font-weight: 500;
white-space: nowrap
}
.dropdown-link-title-3:hover {
color: #ff7a27
}
.dropdown-link-title-3.inline {
display: inline-flex
}
.left {
max-width: 75%
}
.funnel-overview-div {
max-width: 1000px;
margin-left: auto;
margin-right: auto
}
.funnel-overview-div.hide {
display: none
}
.funnel-step-desc-text {
color: #fff;
font-size: 18px;
font-weight: 300;
line-height: 28px
}
.logos-pre-text {
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 35px;
font-size: 15px;
font-weight: 600;
line-height: 20px
}
.logos-pre-text.white {
color: #fff
}
.overview-step-text {
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
font-family: Inter, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 20px
}
.logos-section {
position: relative
}
.logos-section.black-bg {
background-color: #191a1b;
padding-bottom: 90px
}
.logos-container {
max-width: 1000px;
margin-left: auto;
margin-right: auto
}
.why-list.bottom {
margin-top: 40px
}
.examples-filter-text {
margin-bottom: 0;
margin-right: 10px;
font-size: 16px;
display: none
}
.examples-filter-div {
margin-left: 10px;
display: inline
}
.examples-index-filter-item {
margin-top: 15px;
display: inline-block
}
.featured-read-block {
color: #515a63;
background-color: #fff;
border: 1px solid #d6e8fd;
margin-top: 10px;
padding: 10px;
font-size: 15px;
font-weight: 300;
line-height: 24px;
text-decoration: none;
transition: transform .2s;
display: block;
box-shadow: -3px 3px #7792b333
}
.featured-read-block:hover {
border-color: #003fff;
box-shadow: -2px 2px #7792b333
}
.featured-read-block.top {
margin-top: 0
}
.featured-read-top-text {
color: #7988a3;
letter-spacing: .5px;
text-transform: uppercase;
margin-top: 5px;
margin-bottom: 10px;
padding-left: 10px;
font-size: 13px;
font-weight: 400;
line-height: 11px
}
.featured-read-headline-text {
color: #191a1b;
margin-bottom: 0;
padding-bottom: 5px;
padding-left: 10px;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.featured-reads-image {
border: 1px solid #7988a3
}
.mobile-overlay {
display: none;
position: fixed
}
.mobile-nav-wrapper {
display: none
}
.mobile-nav-cta-block {
z-index: 2000;
position: absolute;
inset: 22px 50px auto auto
}
.why-cf-stats {
margin-top: 50px;
padding-left: 20px;
padding-right: 20px
}
.campaign-post-content-richtext {
color: #191a1b;
width: auto;
max-width: 700px;
margin-left: 50px;
margin-right: auto;
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 20px
}
.campaign-post-content-richtext p {
color: #191a1b;
margin-top: 20px;
margin-bottom: 25px;
padding-bottom: 0;
line-height: 1.7em
}
.campaign-post-content-richtext li {
color: #191a1b;
margin-top: 0;
margin-bottom: 5px;
line-height: 1.7em
}
.campaign-post-content-richtext h2 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 32px;
font-weight: 900;
line-height: 1.5em
}
.campaign-post-content-richtext h1 {
font-size: 38px;
font-weight: 800;
line-height: 1.3em
}
.campaign-post-content-richtext h3 {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 25px;
font-weight: 600;
line-height: 1.5em
}
.campaign-post-content-richtext h4 {
font-size: 20px;
line-height: 1.5em
}
.campaign-post-content-richtext h5 {
line-height: 1.5em
}
.campaign-post-content-richtext h6 {
font-size: 12px;
line-height: 1.5em
}
.campaign-post-content-richtext a {
color: #003fff
}
.campaign-type-empty {
color: #191a1b;
background-color: #0000;
padding: 0
}
.nav-dropdown-resources-col-1,
.nav-dropdown-resources-col-2 {
background-color: #fff;
padding-top: 0px;
padding-bottom: 0px
}
.nav-dropdown-resources-col-2.third {
border-left: 1px solid #d6e8fd
}
.icon-text {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
line-height: 16px
}
.icon-text-wrapper {
float: left;
border-radius: 4px;
margin-left: 10px;
padding: 3px 8px;
display: inline-block
}
.icon-text-wrapper.new {
background-color: #191a1b
}
.icon-text-wrapper.popular {
background-color: #003fff
}
.test-div {
background-color: var(--blue);
height: 1000px
}
.pricing-free-box {
background-color: #00000080;
border-radius: 5px;
max-width: 1200px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding: 40px 60px
}
.plan-page-video {
width: 100%
}
.highlighted-word-2 {
background-color: #003fff;
box-shadow: 0 2px 0 2px #003fff
}
.green {
color: #2bc3a6
}
.autopilot-included-container {
background-image: url(assets/images/others/63f52c90ff000c1fbfa6fd44_autopilot-included-lines-bg.png), linear-gradient(#191a1b, #003fff);
background-position: 0 0, 0 0;
background-size: auto, auto;
border: 1px solid #003fff;
border-radius: 10px;
min-height: 557px;
margin-bottom: 0;
padding: 60px 20px 40px 0;
overflow: hidden
}
.autopilot-included-container.right-aligned.funnel {
padding-bottom: 0
}
.autopilot-included-success {
margin-left: 21px
}
.autopilot-included-success.funnel {
max-width: 264px;
margin-top: -14px
}
.autopilot-included-builder {
max-width: 300px;
margin-left: -47px
}
.autopilot-included-plus {
max-width: 50px;
position: absolute;
inset: 45% auto auto -25px
}
.autopilot-plan-included {
margin-top: 45px
}
.advanced-features-block {
margin-top: 24px;
margin-bottom: 24px
}
.advanced-feature-box {
min-height: 220px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px
}
.advanced-feature-box.advanced-feature-box-height {
min-height: 252px
}
.advanced-feature-title {
color: #191a1b;
margin-bottom: 0;
padding-bottom: 5px;
font-size: 20px;
font-weight: 600;
line-height: 30px
}
.advanced-feature-title.sf-font-roboto.smooth.tool-placement-title {
text-align: center
}
.advanced-feature-title.sf-font-roboto.smooth.white-text {
color: #fff
}
.advanced-feature-title.sf-font-roboto.smooth.tool-workflow-tab-title {
color: #191a1b;
margin-bottom: 10px;
font-weight: 900
}
.advanced-feature-title.sf-font-roboto.smooth.pp-story-title {
color: #fff;
font-size: 28px;
line-height: 37px
}
.advanced-feature-title.sf-font-roboto.smooth.home-tool-feature-title {
font-size: 19px;
font-weight: 700
}
.advanced-feature-text {
color: #191a1b;
font-size: 18px;
line-height: 25px
}
.advanced-feature-text.sf-font-roboto.smooth {
max-width: 240px;
line-height: 28px
}
.advanced-feature-text.sf-font-roboto.smooth.light-blue-description {
color: #9abce2
}
.advanced-feature-text.sf-font-roboto.smooth.light-blue-description.left-feature-description {
max-width: 310px
}
.advanced-feature-text.sf-font-roboto.smooth.tool-workflow-tab-description {
max-width: 100%;
margin-bottom: 0
}
.advanced-feature-text.sf-font-roboto.smooth.advanced-feature-description {
max-width: 310px
}
.advanced-feature-text.sf-font-roboto.smooth.advanced-feature-description.pricing-callout-description {
max-width: 330px
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description {
max-width: none;
font-size: 17px
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.light-blue-description {
max-width: 290px
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.campaign-flow-tab-description {
max-width: none
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p {
margin-left: -10px;
font-size: 15px;
line-height: 24px
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-plan-benefit-check {
color: #2a92ff
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-comparison-table-item {
text-align: center;
margin-left: 0
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-comparison-table-item.pricing-check-mark {
color: #1185ff;
font-size: 18px;
font-weight: 700
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-comparison-table-item.pricing-table-x {
color: #b2cbf8;
font-size: 18px
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-table-feature-link {
color: #1185ff;
min-width: 100%;
font-weight: 600;
text-decoration: none;
display: block
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-compare-p,
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label {
margin-left: 0
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label.pricing-plan-bullet-link.pricing-free-bullet-link {
color: #c0cfeb
}
.advanced-feature-text.sf-font-roboto.smooth.personalization-feature-description {
max-width: 100%
}
.advanced-feature-img {
height: 40px
}
.strike {
text-decoration: line-through
}
.plan-views-description {
display: inline
}
.discounted-price {
color: #2bc3a6
}
.stack-compare-col2 {
padding-top: 216px
}
.stack-compare-cols {
margin-top: 74px
}
.stack-compare-wrapper {
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.stack-compare-img {
min-width: 490px;
margin-left: auto;
margin-right: auto
}
.video-container {
max-width: 1000px;
margin-bottom: 70px;
margin-left: auto;
margin-right: auto
}
.quote-link-text {
font-size: 20px;
line-height: 30px
}
.templates-empty-hidden {
display: none
}
.agency-pricing-link {
color: #fff;
text-decoration: underline
}
.testimonial-smaller {
font-size: 15px;
line-height: 25px
}
.usage-tiny {
font-size: 10px;
line-height: 15px
}
.pricing-comparision-table-row-copy {
border-bottom: 1px solid #d2e9ff;
padding-left: 10px;
padding-right: 10px
}
.pricing-comparision-table-row-copy.pricing-table-row-hidden {
display: none
}
.main-wrapper {
line-height: 1.5
}
.main-wrapper.integrations-page {
margin-bottom: -48px
}
.feature-tab-menu {
justify-content: space-between;
width: 94%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: flex
}
.header26_component {
flex-direction: column;
align-items: center;
margin-top: 100px;
display: flex
}
.header26_component.integrations-hero {
margin-top: 50px
}
.glowing-wrapper-glow {
opacity: .12;
filter: blur(.5rem)
}
.tabs-4 {
flex-direction: column;
justify-content: flex-end;
height: 100%;
display: flex
}
.logo3_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: 1;
white-space: nowrap;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 14.5rem 8rem 8rem 10.5rem 13.25rem 8rem 8rem 8rem;
grid-auto-columns: 1fr;
justify-content: flex-end;
place-items: center start;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: grid
}
.spacer-small-3 {
width: 100%;
padding-top: 1rem
}
.spacer-small-3.spacer-heroes {
padding-top: 1rem
}
.tab-arrow-left {
width: .75rem;
display: none;
position: absolute;
inset: 4% auto auto 0%
}
.feature-tab-link {
z-index: 6;
opacity: .5;
color: #fff;
text-align: center;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
padding: 1.25rem 1.25rem .625rem;
font-size: 1.125rem;
font-weight: 400;
transition: all .3s;
display: flex;
position: relative
}
.feature-tab-link.w--current {
opacity: 1;
color: #fff;
background-color: #0000;
border-bottom: .0625rem solid #003fff;
width: auto;
padding: 1.25rem 1.25rem .625rem;
font-size: .875rem;
display: flex
}
.glowing-wrapper-mask-wrapper {
opacity: 1
}
.text-span-39 {
color: #fff;
font-weight: 600
}
.tab-content {
border-radius: .75rem;
align-items: stretch;
display: flex
}
.logo3_component {
will-change: auto;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
position: relative
}
.logo3_component.is-blue {
z-index: 5
}
.glowing-wrapper-borders {
opacity: 1;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.tab-container {
height: auto;
position: relative;
overflow: hidden
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem
}
.padding-section-medium.text-align-center.is-funnel {
padding-top: 0
}
.padding-section-medium.text-align-center.is-funnel.vs-padding-section {
padding-bottom: 0
}
.padding-section-medium.less-padding-top {
padding-top: 0
}
.styles---glowing-button {
display: none
}
.section-hero1 {
background-image: url("../images/clarco-shoes-factory.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
border-bottom-right-radius: 0rem;
border-bottom-left-radius: 0rem;
position: relative;
overflow: hidden
}
.max-width-large {
width: 100%;
max-width: 48rem
}
.max-width-large.align-center {
margin-left: auto;
margin-right: auto
}
.max-width-large.align-center.founder-message {
max-width: 60rem;
margin-top: 3rem;
margin-bottom: 2rem;
display: flex
}
.max-width-large.align-center.text-align-center.is-integrations {
z-index: 2;
max-width: 44rem;
position: relative
}
.max-width-large._2 {
max-width: 40rem
}
.max-width-large.larger {
max-width: 57rem
}
.tab-section {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
mix-blend-mode: normal;
background-color: #ffffff0d;
border: .0625rem solid #ffffff0d;
border-radius: 1.25rem;
width: 90%;
height: auto;
padding: 0 1% .9375rem
}
.tab-section.cf3-hero-section {
width: 95%
}
.spacer-medium {
width: 100%;
padding-top: 2rem
}
.spacer-medium.spacer-top-hero {
padding-top: 3.7rem
}
.logo3_logo {
object-fit: none;
width: 100%;
max-height: 3.5rem
}
.logo3_logo.logo4_logo {
object-fit: contain;
max-height: 2.5rem
}
.logo3_logo.logo4_logo.logo_padding {
padding-left: 5px;
padding-right: 5px
}
.tab-title {
letter-spacing: -.02em;
margin-top: .5rem;
font-family: Inter, sans-serif;
font-size: .875rem;
font-weight: 600;
line-height: 2rem
}
/* .text-align-center {
text-align: center;
} */
.text-align-center.footer-cta-text {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.glowing-wrapper-animations {
opacity: 0;
width: 100%;
transition: opacity 1s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.tab-arrow-right {
width: .75rem;
display: none;
position: absolute;
inset: 4% 0% auto auto
}
.container-large-4 {
width: 100%;
/*max-width: 90rem;*/
margin-left: auto;
margin-right: auto
}
.header26_image-wrapper {
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
display: none
}
.container-large {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.button {
color: #fff;
text-align: center;
background-color: #ff7a27;
border-radius: .25rem;
padding: .75rem 1.5rem;
font-size: 1.2rem;
font-weight: 500
}
.button:hover {
background-color: #ea6d2f; /* 稍微深一点的橙色 */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transition: all 0.2s ease-in-out;
transform: translateY(-2px);
}
.button.button-top-hero {
padding: .65rem 3.2rem;
font-family: Inter, sans-serif;
font-size: 1.1rem;
font-weight: 700;
}
.button.button-top-hero.cta-27245-trigger.button-align-left {
text-align: center
}
.button.button-top-hero.cta-27245-trigger.button-small-left {
padding-left: 1.4rem;
padding-right: 1.4rem
}
.button.button-white {
background-color: #003fff00;
border: 2px solid #fff;
padding: .55rem 3.1rem;
font-family: Inter, sans-serif;
font-size: 1.1rem
}
.button.is-link.is-icon.integrations-button {
margin-left: auto;
margin-right: auto
}
.button.is-small {
pointer-events: auto;
cursor: auto;
border-radius: .25rem;
padding: .5rem 1.25rem;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 500
}
.button.is-small.show-less,
.button.is-small.load-more {
cursor: pointer;
display: inline-block
}
.button.is-link.is-icon.tools-cta {
background-color: #003fff;
border-radius: .25rem;
padding: 1rem 1.5rem
}
.button.is-link.is-icon.tools-cta.black {
background-color: #ffffff1a;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.button.is-link.is-icon.quizz.is-small {
padding-left: 1.2rem;
padding-right: 1.2rem
}
.button.is-link {
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none
}
.button.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
display: flex
}
.button.is-link.is-icon.quizz {
background-color: #003fff;
border-radius: .25rem;
padding: 1rem 1.5rem
}
.button.is-link.is-icon.quizz.black {
background-color: #ffffff1a;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.pane-img {
object-fit: cover;
width: 100%;
height: 100%
}
.glowing-button-holder {
font-family: Inter, sans-serif
}
.button-text {
z-index: 2;
color: #0094ff;
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
position: relative
}
.padding-global {
justify-content: center;
padding-left: 5%;
padding-right: 5%;
display: flex
}
.header26_image {
object-fit: cover;
object-position: 50% 0%;
width: auto;
max-width: 90%;
margin-left: auto;
margin-right: auto
}
.section_logo3 {
opacity: 1;
-webkit-backdrop-filter: blur(.03125rem);
backdrop-filter: blur(.03125rem);
-webkit-text-fill-color: inherit;
mix-blend-mode: luminosity;
background-clip: border-box;
position: relative;
overflow: hidden
}
.section_logo3.is-blue {
z-index: 5;
mix-blend-mode: normal;
max-width: 100rem;
margin-left: auto;
margin-right: auto;
top: -4.225rem
}
.section_logo3.is-blue.section-integration-logos {
top: 1.775rem
}
.section_logo3.is-blue.tools-integration-logos {
top: 0
}
.section_logo3.is-pricing {
max-width: 90rem;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.logo-title {
color: #9fcff5;
font-family: Inter, sans-serif;
font-weight: 400
}
.logo-title.top-logo-title {
color: #d5ecff;
font-size: 1rem
}
.logo-title.is-blue {
color: #bacdffbf
}
.logo-title.is-blue.title-more-integrations {
font-size: 1rem
}
.logo-title.top-logo-title {
color: #d5ecff
}
.logo-title.top-logo-title.is-gray {
color: #ffffffb3
}
.logo-title.top-logo-title.black {
color: #000
}
.max-width-xlarge {
width: 100%;
max-width: 64rem
}
.max-width-xlarge.top-hero {
max-width: 65.4rem
}
.glowing-wrapper {
border-radius: 62.5rem;
display: inline-block;
position: relative;
overflow: hidden
}
.logo3_wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.button-group-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.button-group-3.is-center {
justify-content: center;
margin-top: 2rem;
}
.button-group-3.is-center.button-group-builder {
margin-top: 2rem
}
.glowing-wrapper-button {
z-index: 1;
pointer-events: none;
color: #fff;
letter-spacing: -.01em;
-webkit-text-fill-color: inherit;
background-color: #003fff33;
background-clip: padding-box;
border: .0625rem solid #003fff66;
border-radius: 62.5rem;
padding: .4rem 1rem;
font-size: .88rem;
line-height: 1.42;
text-decoration: none;
position: relative
}
.glowing-wrapper-borders-masker {
opacity: 0;
mix-blend-mode: normal;
border-radius: 62.5rem;
width: 100%;
padding: .06rem;
line-height: 100%;
transition: opacity 1s;
position: absolute;
top: 0;
left: 0
}
.glowing-wrapper-mask {
opacity: 1
}
.heading-2 {
letter-spacing: -2px;
margin-top: 1rem;
font-family: Inter, sans-serif;
font-size: 4rem;
font-weight: 900;
line-height: 1.1
}
.text-size-medium {
color: #fff9;
font-family: Inter, sans-serif;
font-size: 1.2rem
}
.text-size-medium.top-hero-text-medium {
color: #fff9;
max-width: 96%;
margin-left: auto;
margin-right: auto
}
.text-size-medium.top-hero-text-medium.display-desktop {
max-width: 94%;
font-weight: 400;
text-align: center
}
.text-size-medium.top-hero-text-medium.display-mobile {
display: none
}
.text-size-medium.section-2-text-medium {
color: #fff9;
max-width: 93%
}
.text-size-medium.footer-cta-p {
max-width: 95%;
margin-left: auto;
margin-right: auto
}
.tab-panel {
background-color: #0000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex
}
.grey-span {
opacity: .5;
font-weight: 800
}
.layout7_item-icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: 1rem
}
.layout7_item-icon-wrapper.is-quizz {
flex: 0 auto;
align-self: flex-start;
width: 24px;
height: 24px;
margin-right: 0;
padding-bottom: 0
}
.img-cards {
z-index: 70;
aspect-ratio: auto;
object-fit: cover;
object-position: 50% 100%;
border-top: .0625rem #ffffff0d;
border-left: .0625rem #ffffff0d;
border-radius: 1rem 0 0;
width: 40rem;
max-width: none;
height: 100%;
margin-top: auto;
margin-left: auto;
padding: 0;
position: static;
inset: 0%;
overflow: visible
}
.img-cards.landing-page {
margin-left: 60px
}
.img-cards.rounded {
border-radius: 20px 0 0;
overflow: hidden
}
.img-cards.rounded.mobile {
width: 300px;
margin-right: 180px;
padding-right: 0;
overflow: visible
}
.img-cards.rounded.quiz {
height: 500px
}
.img-cards.is-quizz {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
min-height: 101%;
margin-top: 0;
margin-left: 0;
padding-right: 3.6rem;
position: absolute;
top: -1%;
bottom: auto;
left: -22%
}
.img-cards.is-quizz._2 {
left: 30%
}
.layout7_item-list {
grid-column-gap: 2.5rem;
grid-row-gap: 1.5rem;
flex-wrap: wrap;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
place-items: start;
margin-top: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
padding-right: 0;
display: grid
}
.layout7_item-list.landing-section-gap {
grid-row-gap: .2rem
}
.layout7_item-list.is-quizz {
grid-column-gap: 1.5rem;
grid-row-gap: .2rem;
padding-top: 0;
padding-bottom: 0
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex
}
.icon-embed-xxsmall.breadcrumb {
color: #7f7d83;
margin-right: 5px;
padding-top: 4px;
padding-left: 3px;
padding-right: 5px;
display: inline-block;
position: relative
}
.icon-embed-xxsmall.tool-anchor-title-icon {
margin-top: 20px;
margin-right: 10px;
padding-top: 4px;
position: absolute;
inset: 0% 0% auto auto
}
.icon-embed-xxsmall.is-quizz {
width: 1.5rem;
height: 1.5rem
}
.content-w.floating-badge {
color: #fff;
text-wrap: balance;
align-self: flex-end;
max-width: 20rem
}
.content-w.text-align-left {
z-index: 5;
text-align: left;
position: relative
}
.content-w.text-align-left.max-width-small {
max-width: 20rem
}
.content-w.text-align-left {
z-index: 5;
position: relative
}
.content-w.text-align-left.max-width-xsmall {
max-width: 15.1rem
}
.content-w.full-height {
flex-flow: column;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
height: 100%;
display: flex
}
.cf3-icons-div {
flex: 0 auto;
margin-bottom: 23px
}
.sticky-cards {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
margin-top: 2rem;
display: flex;
position: relative
}
.bento-g {
z-index: 1;
grid-column-gap: 5rem;
grid-row-gap: 2rem;
background-color: #fff;
border-radius: 1rem;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding: 1.5rem 0 0;
display: grid;
position: sticky;
top: 2rem;
overflow: hidden;
box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}
.bento-g._3 {
z-index: 3;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-image: url(assets/images/others/663bc9aa012e5e6821bc6753_Ellipse 33.svg);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 80%;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
place-items: start;
height: 32.75rem;
min-height: auto;
max-height: none;
padding-top: 0
}
.bento-g.is-v {
background-image: url(assets/images/others/6661c0288a0d3a0b631d1743_lead-generation-funnels.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
height: 32.75rem;
margin-top: 0;
padding: 0;
display: flex;
position: relative;
top: 0
}
.bento-g.is-v.mobile {
background-position: 100% 100%;
background-size: cover
}
.bento-g.is-v._2 {
background-image: url(assets/images/others/663bc9ab012e5e6821bc67cc_Group 811729.webp);
background-position: 50%;
background-size: cover
}
.bento-g.is-v._2.diff {
min-height: auto;
max-height: none
}
.bento-g.is-v._3 {
background-image: url(assets/images/others/663bc9ab012e5e6821bc6823_Group 811730.webp);
background-position: 100%;
background-size: contain;
justify-content: center;
height: 20rem
}
.bento-g.is-v._3.nomax {
background-image: url(assets/images/others/663bc9ac012e5e6821bc6fd2_cf3-abandonment-hero-mini.webp);
min-height: auto;
max-height: none
}
.bento-g.no-padding-margin {
grid-template-columns: 1fr;
margin-top: 0;
padding-top: 0
}
.bento-g.no-padding-margin.is-grid {
flex-flow: column;
display: flex;
position: relative;
top: 0
}
.bento-g.no-padding-margin.is-grid.tools-feature-img-card {
min-height: 300px
}
.bento-g.no-padding-margin.plain-card {
flex-flow: column;
justify-content: space-between;
place-items: flex-start stretch;
padding: 1rem;
display: flex
}
.bento-g._2 {
z-index: 2;
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-image: url(assets/images/others/663bc9aa012e5e6821bc6735_Ellipse 323.svg);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 80%;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
place-items: start;
height: 32.75rem;
min-height: auto;
max-height: none;
padding-top: 0
}
.bento-g.integration-tool {
background-color: #000dff;
background-image: radial-gradient(circle at 100% 100%, #0000, #000 60%)
}
.bento-g._1 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-image: url(assets/images/others/663bc92a99e0726687ceec6d_Ellipse 32.webp);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 80%;
flex-flow: row;
flex: 0 auto;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: auto;
grid-auto-columns: auto;
justify-content: flex-start;
align-self: auto;
place-items: start;
height: 32.75rem;
min-height: auto;
max-height: none;
padding-top: 0;
display: grid
}
.bento-g._1.is-quizz {
background-image: none
}
.margin-top,
.margin-top.margin-xsmall {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-xsmall.learn-more-margin {
margin-top: 1.5rem
}
.margin-top.margin-small {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-small.fixed-headlines {
flex-flow: column;
max-width: 60rem;
display: block;
position: static
}
.margin-top.margin-small.text-align-left.founder-message-padding {
text-align: left;
max-width: 700px;
padding-left: 4.5rem
}
.margin-top.margin-large {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-large.hide-on-desktop {
display: none
}
.button-group-4 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
margin-top: auto;
display: flex
}
.button-group-4.tools-templates-btn {
flex-flow: row;
margin-top: 0;
margin-right: 0
}
.button-group-4.tools-templates-btn.no-margin {
margin-top: 0
}
.button-group-4.tools-btn-group {
flex-flow: row;
margin-top: 2rem;
margin-right: 0
}
.button-group-4.tools-btn-group.no-margin {
margin-top: 0
}
.button-group-4.is-quizz {
flex-flow: row;
margin-top: 2rem
}
.text-size-small {
color: #fff9;
font-family: Inter, sans-serif;
font-size: .875rem
}
.text-size-small.white.automation-label {
margin-top: 10px;
font-size: 13px
}
.layout7_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
width: 15rem;
display: flex
}
.layout7_item.tool-page-bullet {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: auto;
margin-top: 5px;
margin-bottom: 5px
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.h6-heading {
margin-bottom: 0;
font-family: Inter, sans-serif
}
.text-block-7 {
font-family: Inter, sans-serif
}
.cf3-icon {
max-height: 60px
}
.cf3-icon.border {
border: 2px solid #fff;
border-radius: 15px
}
.grid-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 5rem;
display: none
}
.grid-wrapper._4cl {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 18.75rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1.5rem;
display: grid
}
.grid-wrapper._4cl.no-margin {
grid-template-rows: auto;
margin-top: 1.5rem
}
.grid-wrapper._4cl.tools-grid-links {
text-align: left;
grid-template-columns: 1fr 1fr 1fr
}
.grid-wrapper._4cl.auto-size {
grid-template-rows: 1fr
}
.grid-wrapper.mobile-hide {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1.5rem;
display: grid
}
.grid-wrapper._3cl {
grid-template-rows: auto;
grid-template-columns: auto 1.25fr 1.25fr
}
.grid-wrapper._3cl._3r {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: .0625rem #1d1d1d;
grid-template-rows: 20rem 20rem 20rem;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.grid-wrapper._3cl._3r.is-funnelcards {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 18.0625rem 28.25rem 25.5rem 18rem 28.1875rem;
grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: auto;
grid-auto-flow: row
}
.grid-wrapper._3cl._3r.is-funnelcards.builder-features-grid {
color: #fff;
margin-top: 3rem
}
.grid-wrapper._3cl._3r.is-funnelcards.within-padding {
margin-left: -100px;
margin-right: -100px
}
.display-mobile {
display: none
}
.max-width-small-custom {
max-width: 22rem
}
.max-width-small-custom.tools-hero-width-small {
max-width: 30rem
}
.padding-section-large-4 {
padding-top: 5rem;
}
.padding-section-large-4.is-less {
padding-bottom: 0rem
}
.swiper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 5rem;
display: block
}
.swiper.swiper-1 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none
}
.swiper.swiper-1.swiper-builder-features {
color: #fff
}
.icon-1x1-small {
flex: none;
width: 1.5rem;
height: 1.5rem
}
.icon-1x1-small.margin-bottom-small {
margin-bottom: 1rem
}
.icon-1x1-small.margin-bottom-small.centered {
align-self: center;
width: 134px
}
.icon-1x1-small.centered {
align-self: center;
width: 133px
}
.display-desktop {
font-family: Inter, sans-serif;
font-weight: 800
}
.display-desktop.large {
min-width: 3.2rem;
min-height: auto
}
.text-block-link {
font-family: Inter, sans-serif
}
.spacer-xsmall-3 {
width: 100%;
padding-top: .5rem
}
.paragraph-4 {
color: #fff9;
font-family: Inter, sans-serif
}
.paragraph-4.small {
font-size: .9rem
}
.padding-medium {
padding: 2rem
}
.padding-medium.nopadding-top {
flex-flow: column;
padding-top: 2rem;
display: flex
}
.padding-medium.nopadding-top.align-left {
text-align: left;
padding: 2rem
}
.max-w-large-custom {
max-width: 40.2rem
}
.max-w-large-custom.section-2-max-w {
max-width: 58rem
}
.sticky-card-img-wrapper {
padding-top: 2rem
}
.sticky-card-img-wrapper.no-padding {
padding-top: 0
}
.h5-heading {
margin-top: 0;
margin-bottom: .25rem;
font-family: Inter, sans-serif;
font-size: 1.2rem;
line-height: 1.5
}
.section_2 {
margin-top: 0px
}
.layout7_content {
min-width: 120px;
max-width: none
}
.flex-h {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.flex-h.inner-padding {
padding: 2rem
}
.flex-h.inner-padding.less-right-padding {
padding-right: 1em
}
.flex-h.inner-padding.tool-featue-img-card-wrap {
background-image: linear-gradient(180deg, #0000, var(--black));
position: absolute;
inset: auto 0% 0%
}
.flex-h.align-bottom {
align-items: flex-end
}
.flex-h.is-footer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: auto
}
.section_3.align-center {
margin-top: 0px
}
.section_3.align-center.is-integrations {
height: auto;
max-height: 80rem;
overflow: visible
}
.testimonial-logo {
align-self: center;
margin-bottom: 9px
}
.green-text {
color: #13bb2e
}
.a-testimonial-base {
background-color: #0a0a0a;
border: .0625rem solid #1d1d1d;
border-radius: 1.5rem;
flex: 0 auto;
align-self: flex-start;
margin-top: 0;
margin-bottom: 1.5rem;
padding: 2rem;
overflow: hidden
}
.a-testimonial-base.is-big {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: left;
background-image: url(assets/images/others/663bc9c63832525bafd0094a_quote.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 73px;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.a-testimonial-base.is-big.big-quote {
background-color: #0000;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-style: none;
flex-flow: column
}
.a-testimonial-base.light {
background-color: #fff
}
.founder-sig-img {
margin-bottom: 1rem
}
.a-h3-heading {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 600;
line-height: 1.2
}
.a-h3-heading.reviews-top-headline {
text-align: center;
align-self: center;
max-width: 52rem;
margin-top: .8rem;
font-family: Inter, sans-serif;
font-size: 2.5rem
}
.a-h3-heading.reviews-top-headline.crafted-in-convertflow {
margin-top: 1.1rem
}
.a-testimonial-author {
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-bottom: .8rem;
display: flex
}
.a-testimonial-author.top-review-author {
margin-top: .8rem
}
.a-testimonial-author.is-big {
max-width: 90ch
}
.vs-funnel-img {
object-fit: fill;
max-width: 1252px;
margin-top: 2.6rem;
margin-bottom: -3rem;
display: inline-block
}
.vs-funnel-img.funnel-img-mobile {
display: none
}
.vs-img-store {
margin-bottom: -12rem
}
.hero-founder {
object-fit: cover;
border-radius: 20px;
max-height: 500px
}
.black-text {
color: #000;
font-size: 1.2rem;
font-weight: 700
}
.a-paragraph-small {
letter-spacing: 0;
flex-flow: row;
order: 0;
align-self: auto;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.4;
display: block
}
.a-paragraph-small.reviews-top-author {
align-self: auto
}
.a-paragraph-small.reviews-top-author.centered {
align-self: center
}
.funnel-img {
object-fit: contain;
min-width: 270px;
margin-top: -120px;
margin-bottom: -269px
}
.funnel-img.ad-img {
align-self: center;
min-width: 290px
}
.funnel-img.page-img {
min-width: 290px
}
.vs-feature-inner {
display: block
}
.container-large-5 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.content-max-w-bento {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
flex-direction: column;
display: flex
}
.content-max-w-bento.max-width-medium.is-inside {
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
mix-blend-mode: normal;
background-color: #ffffff0d;
border: .0625rem solid #ffffff0d;
border-radius: 1.5rem;
padding: 9.5375rem 4.0375rem 18.0375rem;
position: relative;
bottom: -1.5rem
}
.content-max-w-bento.max-width-medium.is-inside.vs-feature-bento {
padding: .1rem .1rem
}
.content-max-w-bento.max-width-medium {
max-width: 25rem
}
.content-max-w-bento.max-width-medium.is-inside {
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
mix-blend-mode: normal;
background-color: #ffffff0d;
border: .0625rem solid #ffffff0d;
border-radius: 1.5rem;
max-width: 20rem;
padding: 9.5375rem 4.0375rem 18.0375rem 1.6375rem;
position: relative;
bottom: -1.5rem
}
.content-max-w-bento.max-width-medium.is-inside.page-bento {
padding-top: 8.6375rem;
padding-left: .9375rem;
padding-right: .9375rem
}
.testimonial-quote-icon {
text-align: center;
align-self: center
}
.vs-funnel-headline {
object-fit: fill;
max-width: 60rem;
display: inline-block
}
.h2-heading {
letter-spacing: -1px;
font-family: Inter, sans-serif;
font-weight: 800;
text-align: center
}
.catalog-text {
margin:0 auto;
max-width: 550px;
margin-bottom: 30px;
text-align: center
}
.a-paragraph-regular {
color: #fff9;
letter-spacing: -.02em;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: .9rem;
line-height: 1.8
}
.a-paragraph-regular.vs-feature-p {
color: #8e8e8e;
font-family: Inter, sans-serif;
font-size: 1rem;
margin-top:20px;
font-weight: 500;
}
.a-paragraph-regular.reviews-top-author-p {
align-self: auto
}
.a-paragraph-regular.reviews-top-author-p.centered {
align-self: center
}
.a-paragraph-regular.gray {
color: #717171
}
.bento-card {
background-color: #fff;
border-radius: 1.5rem;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 2rem;
display: flex;
position: relative;
overflow: hidden;
}
.bento-card.is-inside {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-width: .0625rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 2.5rem;
padding-bottom: 0;
padding-right: 2rem;
display: block;
position: relative;
overflow: hidden
}
.bento-card.is-inside.vs-bento-card {
grid-column-gap: 1rem;
grid-row-gap: .6rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 4.8rem;
display: grid;
overflow: hidden
}
.bento-card.is-inside.vs-bento-card.vs-funnel-bento-card {
background-image: radial-gradient(circle at 50% 0, #13bb2e94, #000 44%)
}
.bento-card.is-inside.vs-bento-card.comparison-bento {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.bento-card.is-inside.no-padding {
padding-left: 0;
padding-right: 0
}
.bento-card.has-img {
background-image: url(assets/images/others/663bca05a05749943afd1c18_Frame 811500.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: space-between;
align-items: center;
padding: 4rem 2rem 0 4rem;
overflow: hidden
}
.bento-card.has-img._1 {
height: 32.5rem;
padding-top: 0
}
.bento-card.template-thumbnail {
background-image: url(assets/images/others/background-image.svg);
background-position: 50% 0;
background-size: cover;
min-width: 23.4rem;
min-height: 15rem;
margin-bottom: 2rem
}
.bento-bg-img {
z-index: -1;
object-fit: cover;
width: 102%;
max-width: none;
height: 102%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0% -1%
}
.layout423_image {
object-fit: cover;
border-radius: 1rem;
width: 100%;
height: 100%
}
.bg-img-grid {
background-image: url(assets/images/others/663bc9d154543df12f555429_Group 811727.webp);
background-position: 50%;
background-size: cover;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
width: 45rem;
height: 28.625rem;
padding: 2rem;
display: flex;
position: relative
}
.bg-img-grid.is-small {
background-image: url(assets/images/others/663bc9d154543df12f55543f_Frame 811494.webp);
width: auto;
height: 100%
}
.bg-img-grid.is-small._2 {
background-image: url(assets/images/others/663bc9d154543df12f555400_Group 811728.webp);
background-repeat: no-repeat;
background-size: cover
}
.case-study-col-img-wrap {
border-radius: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}
.button-group-5 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.layout423_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
max-height: 28rem;
margin-top: 2rem
}
.h3-heading {
font-family: Inter, sans-serif;
font-size: 2.25rem;
line-height: 1.2
}
.case-study-col-link {
border-radius: 1rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 50%;
height: 28rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.case-study-col {
border: .0625rem solid #1d1d1d;
border-radius: 1rem;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 2rem;
display: flex;
position: relative
}
.line-colored-grid-cards {
background-color: #003fff;
border-top-right-radius: .125rem;
border-bottom-right-radius: .125rem;
width: .1875rem;
height: 50%;
position: absolute;
inset: auto auto auto 0%
}
.line-colored-grid-cards.pink {
background-color: #eb00ff
}
.line-colored-grid-cards.orange {
background-color: #ef6351
}
.line-colored-grid-cards.green {
background-color: #13bb2e
}
.floating-badge-img {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem)
}
.container-large-6 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto
}
.floating-badge_s4 {
opacity: 1;
pointer-events: none;
position: absolute;
inset: 4% 4% 0% auto
}
.button-casestudy {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: center;
margin-top: 1rem;
font-weight: 600;
display: flex
}
.button-casestudy.is-white {
color: #fff;
justify-content: flex-end;
position: absolute;
inset: auto 2rem 2rem auto
}
.layout423_row {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex
}
.header78_content-bottom {
justify-content: flex-start;
width: 99vw;
display: flex;
overflow: hidden
}
.img-button-carrousel {
margin: auto;
position: absolute;
inset: 0%
}
.img-button-carrousel.carousel-button-div {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #000c;
border: 1px solid #ffffff26;
border-radius: 100px;
width: 37rem;
height: 5.4rem;
box-shadow: 0 32px 33px #000000bf
}
.header78_image-wrapper {
aspect-ratio: auto;
border: .0625rem #ffffff4d;
border-radius: .625rem;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
padding-top: 175%;
position: relative;
overflow: visible
}
.header78_image-wrapper.is-big {
aspect-ratio: auto;
outline-offset: 0rem;
border: .0625rem #1d1d1d;
border-radius: 1.5rem;
outline: .1875rem #1d1d1d;
width: 40rem;
height: 100%;
max-height: 100%;
padding-top: 0%;
overflow: visible
}
.section_header78 {
background-image: url(assets/images/others/663bc9e1eec4043b2c9219f8_Frame 811499.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2.5rem;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
overflow: hidden
}
.section_header78.hm-crafted-bg {
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 0.5rem;
margin-left: auto;
margin-right: auto;
}
.header78_image-list-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
will-change: transform;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
height: auto;
display: grid
}
.header78_image {
aspect-ratio: auto;
object-fit: contain;
object-position: 50% 0%;
max-width: 100%;
max-height: 100%;
position: absolute;
inset: 0%
}
.header78_image.is-big {
object-fit: contain;
width: 100%;
max-width: none
}
.header78_image-list-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
will-change: transform;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
min-height: 25rem;
margin-left: -56.7%;
margin-right: -56.7%;
display: grid
}
.header78_images-layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
display: grid
}
.header78_component {
flex-direction: column;
align-items: center;
display: flex
}
.header78_image-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-items: stretch stretch;
width: 100%;
display: grid
}
.header78_image-list.mobile {
grid-auto-columns: auto;
align-items: stretch
}
.a-detail-small {
text-transform: none;
color: #ff7a27;
margin-top: 0;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.875rem
}
.spacer-huge {
width: 100%;
padding-top: 6rem
}
.a-testimonial-avatar-wrapper {
background-color: #f4f4f6;
background-image: url(assets/images/others/663bc9f183e0839894bdba47_avatar.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
margin-bottom: .5rem;
display: flex
}
.a-testimonial-avatar-wrapper.is-big {
background-color: #0000;
background-image: none;
width: 8.25rem;
height: 8.25rem
}
.a-testimonial-avatar-wrapper.customer-kiel {
background-image: url(assets/images/others/663bca2583e0839894bdf49f_quote-img-Kiel.webp)
}
.a-testimonial-avatar-wrapper.customer-kahoots {
background-image: url(assets/images/others/663bca2883e0839894bdf5ca_quote-img-kahoots.webp)
}
.a-testimonial-avatar-wrapper.customer-jacob {
background-image: url(assets/images/others/663bca2783e0839894bdf599_quote-img-jacob.webp)
}
.a-testimonial-avatar-wrapper.customer-dipesh {
background-image: url(assets/images/others/663bca2983e0839894bdf632_quote-img-dipesh.webp)
}
.a-testimonial-avatar-wrapper.customer-frank {
background-image: url(assets/images/others/663bca2683e0839894bdf4fe_quote-img-frank.webp)
}
.a-testimonial-avatar-wrapper.customer-jacob-s {
background-image: url(assets/images/others/663bca2683e0839894bdf4aa_quote-img-jacob-s.webp)
}
.a-testimonial-avatar-wrapper.customer-leisa {
background-image: url(assets/images/others/663bca2683e0839894bdf4ea_quote-img-Leisa.webp)
}
.a-testimonial-avatar-wrapper.customer-rupert {
background-image: url(assets/images/others/663bca2783e0839894bdf51f_quote-img-rupert.webp)
}
.a-testimonial-avatar-wrapper.customer-jay {
background-image: url(assets/images/others/663bca2783e0839894bdf55e_quote-img-jay.webp)
}
.img-absolute-wrapper {
z-index: 0;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0% auto;
overflow: hidden
}
.a-margin-bottom-16 {
margin-bottom: 1rem
}
.video-gradient-container {
max-width: none;
margin-bottom: 0;
display: none
}
.img-absolute_img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%
}
.img-absolute_img.img-actions {
aspect-ratio: auto;
object-fit: cover;
object-position: 0% 100%;
width: 100%
}
.avatar-big-img {
object-fit: contain;
width: 8.25rem;
height: 8.25rem
}
.hero-video {
z-index: 1;
box-shadow: none;
border-radius: 15px;
position: relative;
overflow: hidden
}
.hm-features-video-container {
aspect-ratio: auto;
background-image: linear-gradient(243deg, #6100ff, #fff0), linear-gradient(152deg, #003fff, #fff0);
border: 1px #ffffff29;
border-radius: 20px;
max-width: none;
margin-top: 54px;
margin-bottom: 0;
padding: 20px;
display: block
}
.orange-pill-tag {
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
background-color: #ff7a2726;
border: .0625rem solid #ff7a2733;
border-radius: 1.25rem;
justify-content: center !important;
/*align-self: center;*/
align-items: center;
margin-bottom: .5rem;
padding: 0 2.0625rem;
display: flex;
margin: 0 auto !important;
width: fit-content !important
}
.orange-pill-tag.align-left {
align-self: flex-start
}
.gradient-box-blue-radial {
object-fit: fill;
background-image: radial-gradient(circle, #003fff80, #fff0 59%);
width: 1000px;
height: 1000px;
margin-left: -17vw
}
.gradient-box-blue-radial.purple-gradient {
background-image: radial-gradient(circle, #6100ff80, #fff0 59%);
margin-left: 0;
margin-right: 17vw
}
.gallery24_image {
object-fit: cover;
object-position: 0% 50%;
width: auto;
max-width: none;
height: 55vh
}
.use-case-p {
color: #fff9;
padding-top: 10px;
font-family: Inter, sans-serif
}
.img-negative-margin {
margin-bottom: -.8rem
}
.img-negative-margin.is-shoppers {
object-fit: cover;
margin-top: 1rem;
margin-bottom: 0;
padding-right: 100px;
position: absolute;
inset: 3.6rem 0% 0% auto
}
.section_gallery24 {
padding-left: 0%;
overflow: visible
}
.funnels-text-block {
font-family: Inter, sans-serif
}
.gallery24_horizontal-scroll-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
will-change: transform;
flex-direction: column;
align-items: flex-start;
width: 100vw;
max-width: 100%;
margin-top: 2rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: sticky;
top: 6.2rem;
overflow: hidden
}
.gallery24_image-wrapper {
border: .0625rem solid #1d1d1d;
border-radius: 1.5rem;
position: relative;
overflow: hidden
}
.container-large-7 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto
}
.gallery24_horizontal-scroll-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 0 auto;
align-items: stretch;
width: 400vh;
padding-left: 0%;
padding-right: 0%;
display: flex
}
.img-integrations {
z-index: 1;
opacity: 1;
mix-blend-mode: lighten;
object-fit: contain;
margin-left: auto;
margin-right: auto;
position: relative;
top: -9.875rem
}
.img-integrations.reduce-bottom-spacing {
margin-bottom: -300px
}
.elipse-absolute {
z-index: 0;
pointer-events: none;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: 100%;
height: 100%;
position: absolute;
inset: auto -10% 0% auto
}
.elipse-absolute.is-integrations {
z-index: 0;
pointer-events: none;
width: 100%;
height: 100%;
inset: 0%
}
.container-large-8 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto
}
.container-large-9 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.animation-wrapper {
cursor: pointer
}
.a-container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.testimonial-cover {
z-index: 0;
opacity: 0;
background-image: linear-gradient(#0003, #000);
height: 30%;
position: absolute;
inset: auto 0% 0%
}
.a-title-wrap-center {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 40rem;
margin-left: auto;
margin-right: auto;
display: flex
}
.a-title-wrap-center.reviews-title {
max-width: 55rem
}
.a-section-regular {
padding: 0 5%;
position: relative
}
.a-section-regular.section-reviews {
top: -13.2rem
}
.a-section-regular.section-reviews.no-bottom-padding.reviews-top-padding {
top: -8rem
}
.a-section-regular.section-reviews.no-bottom-padding.reviews-top-padding.more-padding {
padding-top: 182px
}
.testimonial-columns {
min-width: 100%
}
.testiomonial-button-wrapper {
z-index: 2;
justify-content: center;
align-items: flex-end;
margin-left: auto;
margin-right: auto;
padding-top: 3rem;
padding-bottom: 0;
display: flex;
position: absolute;
inset: auto 0% 0%
}
.a-testimonial-grid-large {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
object-fit: fill;
columns: 3;
break-inside: avoid;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
gap: 1.5rem;
height: auto;
margin-top: 4rem;
padding-bottom: 2rem;
display: block;
position: relative;
overflow: visible
}
.a-testimonial-grid-large.overflow-x-scroll.expanding,
.a-testimonial-grid-large.overflow-x-scroll.no-max-height {
height: auto
}
.cta27_background-image-wrapper {
z-index: -1;
background-image: linear-gradient(#00000080, #00000080);
width: 100%;
height: 95%;
position: absolute;
inset: 0%
}
.cta27_background-image {
object-fit: fill;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.check-mark-cta-div {
grid-column-gap: 2.125rem;
grid-row-gap: 2.125rem;
justify-content: center;
margin-top: 1.5rem;
margin-bottom: 2rem;
display: flex
}
.margin-bottom,
.margin-bottom.margin-small {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.check-mark-cta-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
font-weight: 600;
display: flex
}
.check-mark-cta-wrapper.is-pricing {
font-size: 1.2rem;
line-height: 1.2
}
.section_cta27 {
max-width: 100%;
margin: 3rem auto;
position: relative;
overflow: hidden
}
.section_cta27.footer_cta {
margin-top: -10rem;
margin-bottom: 0
}
.section_cta27.footer_cta.pricing-footer {
margin-top: 0
}
.section_cta27.footer_cta.home-bottom-cta {
margin-top: auto
}
.section_cta27.footer_cta {
margin-top: -10rem
}
.section_cta27.footer_cta.no-margin {
margin-top: 0
}
.section_cta27.integrations-hero {
padding-bottom: 40px
}
.padding-section-large-7 {
padding-top: 3.5rem;
padding-bottom: 4.5rem
}
.padding-section-large-7.cta-bottoms-section {
padding-bottom: 4.5rem
}
.container-small {
width: 100%;
margin-left: auto;
margin-right: auto
}
.button-group-7 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.button-group-7.is-center {
display: flex;
justify-content: center;
}
/* 小于 1024px 时加 margin */
@media (max-width: 1024px) {
.button-group-7.is-center {
margin: 2rem;
}
}
.white-span {
color: #fff;
font-weight: 600
}
.check-mark-img {
object-fit: contain
}
.check-mark-img.is-pricing {
width: 21px
}
.text-color-white {
font-family: Inter, sans-serif
}
.text-color-white.heading-style-h1 {
font-family: Inter, sans-serif;
font-size: 3.2rem;
font-weight: 900
}
.text-color-white.footer-bullet-text {
margin-top: 10px
}
.dark-page-wrapper {
color: #fff;
background-color: #000;
font-size: 1rem;
line-height: 1.5px;
overflow: clip
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%
}
.use-case-p-2 {
color: #fff9;
padding-top: 10px;
font-family: Inter, sans-serif
}
.h3-heading-2 {
font-family: Inter, sans-serif
}
.h3-heading-2.funnels-heading {
font-size: 2.25rem
}
.paragraph-5 {
color: #fff9;
font-family: Inter, sans-serif
}
.bento-box {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
margin-top: 40px;
display: flex;
overflow: hidden
}
.image-border {
border: 1px solid #e8f1ff;
border-radius: 4px
}
.cta-123204-trigger.white {
color: #fff
}
.pricing-item-bottom {
flex: 1;
padding-top: 1.5rem
}
.pricing-item-bottom.padding {
z-index: 1;
padding-bottom: 2rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative
}
.agency-div {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: .6;
color: #fff;
justify-content: flex-start;
align-items: center;
text-decoration: underline;
transition: opacity .2s cubic-bezier(.6, .04, .98, .335);
display: inline-flex;
position: absolute;
inset: -2rem .5rem auto auto
}
.agency-div:hover {
opacity: 1
}
.agency-div.black {
color: #000
}
.pricing-tab-content {
margin-top: 30px;
overflow: visible
}
.navbar2_logo {
object-fit: cover
}
.icon-embed-custom {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: .9rem;
display: flex
}
.icon-embed-custom.is-check {
width: 26px;
height: auto
}
.icon-embed-custom.is-divider {
width: auto;
height: auto;
margin-top: 8px;
display: block
}
.icon-embed-custom.is-x {
width: 1.44rem;
height: auto
}
.compare-check-wrapper {
grid-column-gap: 1.4rem;
grid-row-gap: 1.4rem;
text-align: left;
flex-flow: column;
margin-top: 2rem;
display: flex
}
.navbar2_button-wrapper {
grid-column-gap: 1rem;
margin-left: 1rem;
display: flex
}
.btn-pricing {
background-color: #ffffff26;
border: 1px solid #fff3;
border-radius: .25rem;
align-self: stretch;
font-weight: 500
}
.btn-pricing.is-blue {
background-color: #ff7a27
}
.padding-bottom,
.padding-bottom.padding-xxlarge {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.glowing-wrapper-button-2 {
z-index: 1;
pointer-events: none;
color: #fff;
letter-spacing: -.01em;
-webkit-text-fill-color: inherit;
background-color: #003fff33;
background-clip: padding-box;
border: .0625rem solid #003fff66;
border-radius: 62.5rem;
padding: .4rem 1.2rem;
font-size: .88rem;
line-height: 1.42;
text-decoration: none;
position: relative
}
.footer6_column-heading {
color: #fff;
margin-bottom: 0;
font-size: 1rem;
font-weight: 600
}
.pricing-item {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px solid #fff3;
border-radius: 12px 0 0 12px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 275px;
padding: 2rem 1.5rem;
font-size: .9rem;
display: flex
}
.pricing-item.no-border {
border-style: solid none;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.pricing-item.is-pro {
z-index: 1;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background-color: #ffffff1f;
border: 1px solid #fff3;
border-radius: 12px;
height: 860px;
padding: 0;
position: relative;
top: -35px;
overflow: clip;
box-shadow: 0 4px 19.7px 13px #00000012
}
.pricing-item.is-pro.black {
background-color: #000
}
.pricing-item.is-last {
border-left-style: none;
border-right-style: solid;
border-radius: 0% 12px 12px 0
}
.pricing-item.middle {
border-style: solid solid solid none;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.fs-rangeslider_wrapper {
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
font-size: 1.5rem;
display: block;
position: relative
}
.fs-rangeslider_fill {
background-color: #003fff;
border-radius: 999px;
width: 20%;
height: 100%;
position: absolute
}
.bubble-img {
z-index: -1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
object-fit: cover;
width: auto;
height: auto;
min-height: 40px;
margin-top: -6px;
position: absolute;
inset: auto;
overflow: visible
}
.vs-box {
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
color: #fff9;
background-color: #ffffff12;
border: 1px solid #ffffff1f;
border-radius: 10px;
padding: 1rem;
font-size: 1.8rem;
font-weight: 700;
line-height: 1;
position: absolute;
inset: 40% auto auto
}
.header26_component-2 {
flex-direction: column;
align-items: center;
margin-top: 120px;
display: flex
}
.align-center {
margin-left: auto;
margin-right: auto
}
.align-center.align-middle {
justify-content: flex-start;
align-items: center
}
.text-style-muted-70 {
opacity: .7
}
.text-style-muted-70.max-w-ch-pricing {
max-width: 30ch
}
.checkmark-pricing {
width: .81rem;
min-width: 13px;
height: auto
}
.tab-pricing {
z-index: 0;
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
top: 0
}
.tab-pricing.mobile {
display: none
}
.flex-h-2 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.fs-rangeslider_handle-value {
text-align: center;
justify-content: center;
align-self: stretch;
align-items: center;
width: auto;
margin-top: 0;
padding: .2rem .6rem;
font-size: .88rem;
display: flex;
position: static;
inset: auto
}
.text-color-green {
color: #64a64d
}
.footer6_newsletter-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 2rem;
display: flex
}
.pricing-calc-wrapper {
color: #ffffffb3;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 3.5rem;
display: flex
}
.footer-badges-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex
}
.page-wrapper-2 {
overflow: clip
}
.padding-top,
.padding-top.padding-medium {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.fs-rangeslider_form {
width: 100%;
max-width: 720px;
margin-bottom: 0
}
.pricing-item-top {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
text-align: center;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex
}
.pricing-item-top.padding {
z-index: 0;
padding: 2rem 1.5rem 0;
position: relative
}
.faq4_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
display: grid
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.card-compare-wrapper {
justify-content: flex-start;
align-self: stretch;
align-items: center
}
.featured-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
align-items: center;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex
}
.footer_link {
color: #717171;
padding-top: .3rem;
padding-bottom: .3rem;
font-size: .875rem;
text-decoration: none;
transition-property: all;
transition-duration: .24s;
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
.footer_link:hover {
color: #fff
}
.text-size-medium-2 {
font-family: Inter, sans-serif;
font-size: 1.25rem
}
.text-size-medium-2.top-hero-text-medium {
max-width: 96%;
margin-left: auto;
margin-right: auto
}
.text-size-medium-2.top-hero-text-medium.display-desktop {
max-width: 94%;
font-weight: 400
}
.text-size-medium-2.top-hero-text-medium.display-mobile {
display: none
}
.text-size-medium-2.text-color-gray {
color: #ffffffb3
}
.text-size-medium-2.text-weight-semibold.text-style-muted-70 {
opacity: .7
}
.text-size-medium-2.text-weight-semibold.text-style-muted-70.smaller {
font-size: 1rem
}
.navbar2_menu {
grid-column-gap: 2.875rem;
grid-row-gap: 2.875rem;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: static
}
.pricing-pro-top {
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
outline-offset: -.5px;
background-color: #ffffff1a;
border: 1px #fff3;
border-bottom-style: solid;
border-top-left-radius: 0;
border-top-right-radius: 0;
outline: 1px #ffffff4d;
justify-content: center;
align-self: stretch;
align-items: center;
padding: .3rem;
font-weight: 500;
display: flex;
position: relative;
inset: 0% 0% auto;
overflow: visible
}
.faq4_question {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 1.25rem 1.5rem;
font-size: 1.5rem;
font-weight: 600;
display: flex
}
.icon-embed-small {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem
}
.padding-section-medium-2 {
padding-top: 3rem;
padding-bottom: 3rem
}
.padding-section-medium-2.text-align-center.is-funnel {
padding-top: 0
}
.padding-section-medium-2.text-align-center.is-funnel.vs-padding-section {
padding-bottom: 0
}
.pricing-wrapper {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #00000030;
border: 2px #fff3;
border-radius: 1.25rem;
width: 90rem;
max-width: 1300px;
height: 50.5rem;
display: flex;
position: relative
}
.pricing-wrapper.pricing-wrapper-4-col {
max-width: 1100px
}
.faq4_component {
max-width: 58rem;
margin-left: auto;
margin-right: auto
}
.footer6_top-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
color: #717171;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
align-items: start
}
.pricing-table-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.pricing-table-row.border {
border-bottom: 1px solid #ffffff4d;
grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
padding-bottom: 1.5rem
}
.pricing-table-row.border.no-border {
border-bottom-style: none
}
.pricing-table-row.is-banner {
background-color: #ffffff0f;
border: 1px solid #ffffff1a;
border-radius: 8px;
grid-template-columns: 1.75fr;
place-items: center start;
padding: 1.5rem;
font-size: 24px;
font-weight: 600
}
.faq4_accordion {
background-color: #ffffff0a;
border: 1px solid #ffffff17;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch
}
.tab-menu-pricing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
background-color: #00000021;
border: 1px solid #fff3;
border-radius: .75rem;
padding: 10px;
display: flex
}
.footer6_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex
}
.card-compare_row {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
flex-flow: column;
display: flex
}
.padding-section-large-8 {
padding-top: 8rem;
padding-bottom: 8rem
}
.navbar2_logo-link {
padding-left: 0
}
.fs-rangeslider_input {
display: none
}
.fs-rangeslider_track {
background-color: #ffffff26;
border-radius: 999rem;
width: 40rem;
height: 6px;
margin-left: auto;
margin-right: auto;
position: relative
}
.pricing-tab {
-webkit-backdrop-filter: none;
backdrop-filter: none;
height: auto
}
.card-compare_inner-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.text-gray-span {
color: #717171
}
.faq4_answer {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: #9c9c9c;
flex-flow: column;
max-width: 82ch;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
overflow: hidden
}
.footer-logo-2 {
width: 100%
}
.navbar-3 {
border-bottom-style: none;
border-bottom-width: .0625rem;
align-items: center;
width: 100%;
height: 4rem;
padding-left: 5%;
padding-right: 5%;
display: flex
}
.pricing-bottom_list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
justify-content: flex-start;
align-items: center;
display: flex
}
.pricing-bottom_list-item:hover {
text-decoration: underline
}
.pricing-bottom_list-item.not-included {
opacity: .3
}
.pricing-bottom_list-item.no-cursor {
cursor: default
}
.pricing-bottom_list-item.no-cursor:hover {
text-decoration: none
}
.footer-badge-img {
object-fit: contain;
width: 100%
}
.footer-badge-img.is-quizz {
width: 4rem
}
.container-large-10 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.text-span-40 {
color: #fff;
font-weight: 600
}
.text-span-40.is-gray {
color: #fffc
}
.max-w100.tools-logo {
width: 100%
}
.footer-credit-txt {
font-size: .875rem
}
.fs-rangeslider_handle {
z-index: 1;
cursor: grab;
background-color: #5c2aff;
border-radius: 100rem;
flex: none;
width: 3rem;
height: 3rem;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 1px 1px 12px #0003
}
.fs-rangeslider_handle:focus {
background-color: #5c2aff
}
.fs-rangeslider_handle.is-pink {
background-color: #fff;
border: 1px solid #d1d1d1;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
display: flex
}
.navbar2_link {
opacity: .6;
color: #fff;
height: 100%;
padding: 1.2rem 0 0;
transition: all .28s cubic-bezier(.445, .05, .55, .95)
}
.navbar2_link:hover {
opacity: 1;
border-top: .0625rem #203fff
}
.navbar2_link.w--current {
opacity: 1;
border-top: .0625rem solid #ff7a27;
align-self: auto;
height: 100%;
padding: 1.2rem 0 0
}
.navbar2_link.is-button {
opacity: 1;
align-self: center;
height: auto;
padding-top: 0
}
.navbar2_link.is-button:hover {
border-top-style: none
}
.button-group-8 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.button-group-8.is-center {
justify-content: center
}
.text-color-alternate {
color: #9c9c9c
}
.navbar2_container {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .375fr 1fr .375fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 90rem;
height: 100%;
min-height: 100%;
margin-left: auto;
margin-right: auto;
display: flex
}
.pricing-table-cell {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
font-size: 1rem;
display: flex
}
.pricing-table-cell.padding {
text-align: left;
padding-left: 24px;
padding-right: 24px;
font-size: 1rem
}
.faq4_icon-wrappper {
align-self: flex-start;
width: 2rem;
display: flex
}
.pricing-table {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 4rem;
display: grid
}
.pricing-tab-wrapper {
color: #fff;
justify-content: flex-start;
align-items: center
}
.pricing-item-bottom_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-top: .5rem;
display: flex
}
.pricing-item-bottom_list.premium-templates-bullet {
margin-top: 0;
margin-bottom: 20px
}
.pricing-item-bottom_list.premium-templates-bullet.top-padding {
margin-top: 20px
}
.card-compare_logo_img {
width: 18.13rem
}
.card-compare {
background-image: radial-gradient(circle, #fff0 75%, #ffffff1a);
border-radius: 12px;
width: 520px;
padding: 1.5rem;
overflow: hidden
}
.card-compare.is-blue {
background-image: none;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 710px;
flex-flow: column;
justify-content: center;
align-self: stretch;
align-items: center;
width: 520px;
height: 100%;
display: flex
}
.footer6_bottom-wrapper {
color: #717171;
justify-content: space-between;
align-items: center;
display: flex
}
.pricing-price-span {
opacity: 1;
font-size: 2.5rem
}
.range-slider-bubble {
flex: 0 auto;
order: 0;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-top: 72px;
margin-left: -4px;
display: flex;
position: absolute;
inset: auto;
overflow: visible
}
.text-color-white-2 {
font-family: Inter, sans-serif
}
.text-color-white-2.heading-style-h1 {
font-family: Inter, sans-serif;
font-size: 3.2rem;
font-weight: 900
}
.spacer-xxsmall {
width: 100%;
padding-top: .25rem
}
.text-size-large {
font-size: 1.5rem
}
.text-size-large.text-weight-medium.text-size-large2 {
font-size: 2.25rem
}
.section-hero1-2 {
background-image: url(assets/images/others/663bc92c99e0726687ceed9c_Frame 811492.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
border-bottom-right-radius: 3rem;
border-bottom-left-radius: 3rem;
position: relative;
overflow: hidden
}
.section-hero1-2.is-pricing {
z-index: 0;
background-image: url(assets/images/others/66913cab844b54d021be524c_pricing-hero-bg-compressed.webp);
overflow: visible
}
.line-divider {
width: 100%;
height: .0625rem
}
.navbar2_menu-button {
padding: 0
}
.heading-3 {
letter-spacing: -2px;
margin-top: 1.5rem;
font-family: Inter, sans-serif;
font-size: 4rem;
font-weight: 900
}
.fs-range_values {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 2.5rem;
padding-left: 0;
padding-right: 0;
display: flex
}
.tab-menu-link {
opacity: .6;
color: #fff;
background-color: #0000;
padding: 10px 20px
}
.tab-menu-link.w--current {
opacity: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #ffffff1a;
border: 1px solid #fff3;
border-radius: 8px;
box-shadow: 0 4px 8px #0009
}
.white {
color: #fff
}
.pricing-plan-includes {
padding-bottom: 5px
}
.pricing-plan-includes.bold {
font-weight: 700
}
.pricing-faq-title {
font-size: 1.2rem
}
.no-credit-card {
margin-top: 20px
}
.tools-hero-button {
background-color: #000;
border: 0 solid #000;
border-radius: 4px;
padding: 15px 40px;
font-size: 16px;
font-weight: 600
}
.tools-hero-button.integration-button {
color: #000;
background-color: #fff;
background-image: url(assets/images/others/663bc99a53b634ebdf76191f_shopify-icon.webp);
background-position: 8%;
background-repeat: no-repeat;
background-size: 20px;
border: 2px solid #000;
margin-left: 10px;
padding: 14px 20px 14px 50px
}
.tools-hero-button.integration-button.white {
color: #fff;
background-color: #fff0;
border-color: #fff
}
.tools-hero-button.integration-button.white.less-padding {
padding-top: 11px;
padding-bottom: 11px
}
.tools-hero-button.demo-button {
box-shadow: inset 0 0 0 2px var(--black);
color: #000;
background-color: #0000;
border-width: 0;
margin-left: 10px
}
.tool-hero-image-wrapper {
background-color: #000;
border-radius: 40px;
width: 800px;
margin-right: -250px
}
.tool-hero-image-wrapper.mobile {
display: none;
overflow: visible
}
.tool-hero-image-wrapper.no-bg {
background-color: #0000
}
.tool-hero-image-lines {
background-image: url(assets/images/others/669fbcefa8ede4a2c3d94f81_tool-hero-grid-c.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
margin-left: 40px;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 30px
}
.tool-hero-image-lines.no-lines {
background-image: none
}
.tool-hero-image {
border-radius: 10px;
width: 100%;
margin-left: -80px;
box-shadow: 0 4px 54px #00000026
}
.tool-hero-image.tools-cms {
box-shadow: none
}
.tool-hero-color-bg {
background-color: #2e2e2e;
background-image: linear-gradient(69deg, #4cb61900, #000);
border-radius: 40px
}
.tool-hero-color-bg.no-bg {
background-color: #0000;
background-image: none
}
.tools-anchors-wrapper {
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 60px;
overflow: scroll
}
.tool-anchor {
color: #000;
background-color: #f1f2f7;
border-radius: 20px;
width: 230px;
margin: 10px 10px 10px 0;
padding: 20px;
position: relative
}
.tool-anchor:hover {
color: var(--blue)
}
.tool-anchor-title {
font-weight: 700;
display: inline-block
}
.tool-anchor-text {
color: #000
}
.tools-anchors-columns {
width: 1400px;
display: none
}
.tools-hero-integration-icon {
background-color: #fff;
background-image: url(assets/images/others/663bc99a53b634ebdf76191f_shopify-icon.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: 30px;
border: 1px solid #f1f2f7;
border-radius: 10px;
width: 64px;
height: 64px;
margin-top: 0;
margin-bottom: 20px
}
.black-text {
color: #000
}
.tools-section-title {
margin-top: 0;
margin-bottom: 0;
font-size: 44px;
font-weight: 900;
line-height: 53px
}
.tools-section-title.small {
font-size: 30px;
font-weight: 700;
line-height: 40px
}
.tools-section-title.white {
color: #fff
}
.tools-section-title.vs {
text-align: center
}
.tools-section-subtitle {
font-size: 16px;
line-height: 24px
}
.tools-section-subtitle.right {
margin-bottom: -10px;
padding-top: 15px
}
.tools-section-subtitle.less-wide {
max-width: 530px;
margin-left: auto;
margin-right: auto
}
.template-categories-wrapper {
width: 100%;
padding-top: 0;
padding-bottom: 30px;
padding-left: 60px;
overflow: scroll;
margin-top:3rem;
}
.tools-templates-flex {
display: flex
}
.tools-template-category-image {
background-color: #696969;
background-image: url(assets/images/others/background-image.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
border: 6px solid #fff;
border-radius: 16px;
height: 390px;
margin-bottom: 20px;
box-shadow: 0 0 1px 1px #0000000d
}
.tools-template-category-item {
color: #000;
background-color: #f1f2f7;
border-radius: 20px;
width: 280px;
margin: 10px 20px 10px 0;
padding: 20px;
position: relative
}
.tools-template-category-item:hover {
color: var(--blue)
}
.collection-list-wrapper {
width: 1440px;
margin-left: 0%
}
.tools-template-category-title {
color: #000;
margin-right: 3px;
font-weight: 700;
line-height: 10px;
display: inline-block
}
.tools-template-category-title.cms-item-name {
text-transform: capitalize;
margin-right: 3px
}
.tools-template-category-title.tool-type {
margin-left: 0;
margin-right: 0
}
.tool-templates-category-text {
color: #000
}
.tools-template-category-item-text {
padding-left: 10px;
padding-right: 10px
}
.tool-section-image-wrapper {
background-color: #f1f2f7;
border-radius: 20px;
width: 800px;
margin-left: -131px;
padding-top: 60px;
padding-bottom: 60px;
padding-right: 0;
overflow: hidden
}
.tool-section-image-wrapper.right {
margin-left: 0;
margin-right: -131px;
padding-left: 60px
}
.tool-section-image {
border-bottom-right-radius: 20px;
width: 100%;
margin-bottom: -59px;
margin-left: 66px
}
.tool-section-image.right {
margin-left: 0;
margin-right: -42px
}
.tools-features-wrapper {
max-width: 1025px;
margin-left: auto;
margin-right: auto
}
.features-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.features-grid-item {
background-color: #fff;
border: 1px solid #f1f2f7;
border-radius: 24px;
width: 328px;
margin: 10px;
padding: 25px
}
.features-grid-item.dark {
color: #fff;
background-color: #fff0;
border-color: #1a1a1a
}
.feature-icon-wrapper {
color: #000;
text-align: center;
background-color: #dcdcdc;
border-radius: 15px;
width: 61px;
height: 56px;
padding: 12px 10px 10px
}
.feature-icon {
max-height: 30px;
margin-right: 0
}
.features-grid-item-title {
color: #000;
margin-top: 15px;
margin-right: 3px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
display: inline-block
}
.features-grid-item-title.integration {
margin-right: 3px
}
.features-grid-item-title.tool-type {
margin-left: 0;
margin-right: 0
}
.features-grid-item-title.white {
color: #fff
}
.features-grid-item-text {
color: #717171
}
.tools-template-wrapper,
.tools-video-wrapper {
width: 1025px;
margin-left: auto;
margin-right: auto
}
.embed-wrapper-round {
z-index: 10;
background-color: #fff;
border: 2px solid #191a1b;
border-radius: 4px;
min-height: 490px;
position: relative;
overflow: hidden;
box-shadow: -6px 6px #0000001a
}
.embed-wrapper-round.with-top-bar {
border-radius: 0
}
.embed-wrapper-round.with-top-bar.expandable {
border-style: none;
border-radius: 10px;
min-height: auto;
box-shadow: -6px 4px 54px #00000026
}
.tools-tutorial-wrapper {
max-width: 730px;
margin-bottom: 70px;
margin-left: auto;
margin-right: auto
}
.tools-tutorial-wrapper.visual-builder-wrapper {
max-width: 790px
}
.tools-tutorial-wrapper.visual-builder-wrapper.launch-video-headline-wrapper {
max-width: 850px
}
.tools-tutorial-wrapper.visual-builder-wrapper.launch-video-headline-wrapper.launch-process-headline-wrapper {
max-width: 940px
}
.tools-tutorial-wrapper.templates-title-wrapper {
max-width: 850px
}
.tools-tutorial-wrapper.stack-title-wrapper {
text-align: left;
margin-bottom: 0;
padding-right: 20px
}
.tools-tutorial-wrapper.community-title-wrapper {
z-index: 10;
max-width: 800px;
margin-bottom: 0;
position: relative
}
.tools-tutorial-wrapper.compare-title-wrapper {
max-width: 880px
}
.tools-tutorial-wrapper.align-left {
text-align: left;
margin-bottom: 0;
padding-top: 30px;
padding-bottom: 30px;
position: relative
}
.tools-tutorial-wrapper.power-growth {
max-width: 910px
}
.tools-tutorial-wrapper.left-aligned {
text-align: left;
max-width: 478px;
margin-bottom: 0;
position: relative
}
.tools-tutorial-wrapper.left-aligned.section-title-wrapper-wide {
max-width: 550px
}
.tools-tutorial-wrapper.left-aligned.tools-hero {
max-width: 675px
}
.tools-tutorial-wrapper.left-aligned.launch-hero-left-section {
max-width: 550px
}
.tools-tutorial-wrapper.left-aligned.launch-hero-left-section.autopilot-hero-left {
max-width: 650px
}
.tools-tutorial-wrapper.left-aligned.no-auto-left {
margin-left: 0
}
.tools-tutorial-wrapper.left-aligned.no-auto-left.extra-top-margin {
margin-top: 96px
}
.tools-tutorial-wrapper.left-aligned.no-auto-left.extra-top-margin.extra-extra {
margin-top: 168px
}
.tools-tutorial-wrapper.left-aligned.integrations-builder-left-column {
max-width: 550px
}
.tools-tutorial-wrapper.left-aligned.what-is {
max-width: 500px
}
.tools-tutorial-wrapper.color-section-wrapper {
z-index: 1;
max-width: 880px;
margin-bottom: 75px;
position: relative
}
.tools-tutorial-wrapper.color-section-wrapper.smaller,
.tools-tutorial-wrapper.color-section-wrapper.launch-pricing-title-wrapper {
max-width: 700px
}
.tools-tutorial-wrapper.color-section-wrapper.launch-pricing-title-wrapper.launch-ecom-pricing-title-wrapper {
max-width: 800px
}
.tools-tutorial-wrapper.color-section-wrapper.wider {
max-width: 1000px
}
.tools-tutorial-wrapper.wider {
max-width: 795px
}
.tools-tutorial-wrapper.integration-how-title {
max-width: 900px
}
.tools-tutorial-wrapper.on-page {
max-width: 795px;
margin-top: 170px
}
.tools-tutorial-wrapper.on-page.plans-integrations-headline {
margin-top: 74px
}
.tools-tutorial-wrapper.on-page.pricing-headlines {
margin-top: 100px;
margin-bottom: 20px
}
.tools-tutorial-wrapper.on-page.pricing-headlines._2023 {
max-width: 1000px
}
.tools-tutorial-wrapper.right-aligned {
text-align: left;
max-width: 478px;
margin-bottom: 0;
padding-left: 8%;
position: relative
}
.tools-tutorial-wrapper.right-aligned.no-padding-left {
max-width: 550px;
padding-left: 8%
}
.tools-tutorial-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top {
margin-top: 79px
}
.tools-tutorial-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 153px
}
.tools-tutorial-wrapper.left-aligned---thinner {
text-align: left;
max-width: 440px;
margin-bottom: 0;
padding-right: 30px;
position: relative
}
.tools-tutorial-wrapper.review-title-wrapper {
margin-bottom: 0
}
.tools-tutorial-wrapper.integrations-title-wrapper,
.tools-tutorial-wrapper.wide {
max-width: 900px
}
.tools-tutorial-wrapper.wide.headline-section {
margin-bottom: 46px
}
.tools-tutorial-wrapper.wide.no-padding {
margin-bottom: 0
}
.tools-tutorial-wrapper.very-wide {
max-width: 1000px
}
.tools-tutorial-wrapper.no-padding.no-margin {
margin-bottom: 0
}
.tools-faq-wrapper {
max-width: 750px;
margin-left: auto;
margin-right: auto
}
.pricing-component-wrapper {
justify-content: flex-start;
align-items: center
}
.pricing-boxes-wrapper {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff;
border: 2px solid #d9d9d9;
border-radius: 1.25rem;
width: 1350px;
height: 50.5rem;
display: flex;
position: relative
}
.btn-pricing-gray {
color: #000;
background-color: #d9d9d9;
border: 1px solid #c1c1c1;
border-radius: .25rem;
align-self: stretch;
font-weight: 500
}
.btn-pricing-gray.is-blue {
background-color: #003fff
}
.pricing-plan {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border: 1px #d9d9d9;
border-right: 2px solid #d9d9d9;
border-radius: 12px 0 0 12px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
padding: 2rem;
display: flex
}
.pricing-plan.no-border {
border-style: solid none;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.pricing-plan.is-pro {
z-index: 1;
-webkit-backdrop-filter: blur(50px);
backdrop-filter: blur(50px);
background-color: #ffffff1f;
border: 1px solid #fff3;
border-radius: 12px;
height: 860px;
padding: 0;
position: relative;
top: -35px;
overflow: clip;
box-shadow: 0 4px 19.7px 13px #00000012
}
.pricing-plan.is-last {
border-left-style: none;
border-right-style: solid;
border-radius: 0% 12px 12px 0
}
.review-component {
width: 100%;
padding-top: 0;
padding-bottom: 30px;
padding-left: 60px;
overflow: scroll
}
.reviews-list {
display: flex
}
.reviews-item {
background-color: #0a0a0a;
border: .0625rem solid #1d1d1d;
border-radius: 1.5rem;
flex: 0 auto;
align-self: flex-start;
width: 400px;
margin-top: 0;
margin-bottom: 1.5rem;
padding: 2rem;
overflow: hidden
}
.reviews-item.is-big {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: left;
background-image: url(assets/images/others/663bc9c63832525bafd0094a_quote.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 73px;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.reviews-item.is-big.big-quote {
background-color: #0000;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-style: none;
flex-flow: column
}
.reviews-item.light {
background-color: #fff;
width: 350px;
min-width: 350px;
max-height: 400px;
margin-right: 20px;
overflow: scroll
}
.tools-platform-section {
background-color: #000;
background-image: url(assets/images/others/66a121d7be03f8a95f5b3887_tools-platform-bg-c.avif);
background-position: 50% 100%;
background-size: cover;
border-radius: 40px;
margin-left: 20px;
margin-right: 20px;
padding-top: 80px;
padding-bottom: 60px
}
.tools-platform-section.builder-features-section {
background-image: none;
background-position: 0 0;
background-size: auto;
padding-left: 30px;
padding-right: 30px
}
.tools-platform-wrapper {
padding-left: 60px;
display: flex;
overflow: scroll
}
.tools-item {
background-color: #000;
background-image: linear-gradient(#000, #fff0), url(assets/images/others/669fbcefa8ede4a2c3d94f81_tool-hero-grid-c.png);
background-position: 0 0, 0 0;
background-size: auto, auto;
border-radius: 16px;
width: 338px;
min-width: 338px;
height: 496px;
margin-right: 15px;
padding: 30px;
overflow: hidden
}
.tools-item-image-vertical {
border-radius: 14px
}
.tools-item-image-vertical-wrapper {
background-color: #ffffff0d;
border: 1px solid #ffffff1a;
border-radius: 20px;
margin-top: 40px;
padding: 15px
}
.tools-bottom-cta-wrapper {
text-align: center;
border: 1px solid #f1f1f1;
width: 100%;
max-width: 1266px;
margin-bottom: -90px;
margin-left: auto;
margin-right: auto
}
.tools-anchors-flexbox {
grid-column-gap: 11px;
grid-row-gap: 11px;
justify-content: flex-start;
align-items: flex-start;
width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex
}
.image-28 {
margin-bottom: -1px
}
.inline-embed {
display: inline-block
}
.tool-external-link-text {
font-weight: 700;
display: inline-block
}
.tool-external-link {
color: #000;
text-transform: capitalize;
background-color: #f1f2f7;
border-radius: 20px;
width: 230px;
margin: 10px 10px 10px 0;
padding: 20px 20px 5px;
position: relative
}
.tool-external-link:hover {
color: var(--blue)
}
.tools-external-links-wrapper {
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 30px;
padding-left: 60px;
overflow: scroll
}
.tools-external-title-wrapper {
text-align: left;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 0;
padding-left: 60px;
overflow: visible
}
.tools-examples-flex {
display: flex
}
.tools-examples-item {
color: #000;
background-color: #f1f2f7;
border-radius: 20px;
width: 280px;
margin: 10px 20px 10px 0;
padding: 20px 20px 10px;
position: relative;
flex-shrink: 0;
}
.tools-examples-item:hover {
color: var(--blue)
}
.tools-example-image {
background-color: #696969;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
border: 6px solid #fff;
border-radius: 16px;
height: 175px;
margin-bottom: 20px;
box-shadow: 0 0 1px 1px #0000000d
}
.tools-example-item-text {
padding-left: 10px;
padding-right: 10px
}
.tools-example-title {
color: #000;
margin-right: 3px;
font-weight: 700;
line-height: 1.3em;
display: inline-block
}
.tools-example-title.cms-item-name {
text-transform: capitalize;
margin-right: 3px
}
.tools-example-title.tool-type {
margin-left: 0;
margin-right: 0
}
.tools-examples-link-block {
display: block
}
.pricing-tool-icon {
width: 30px
}
.pricing-boxes-scroll-wrapper {
padding-top: 30px;
padding-bottom: 39px;
padding-left: 100px;
overflow: scroll
}
.bullet-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-top: .5rem;
display: flex
}
.bullet-point {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fff;
justify-content: flex-start;
align-items: center;
display: flex
}
.bullet-point:hover {
text-decoration: none
}
.bullet-point.not-included {
opacity: .3
}
.integration-link-wrapper {
margin-top: 10px;
margin-bottom: 10px
}
.integrations-info-wrapper {
margin-top: 50px
}
.automation-item {
border: 1px solid #1d1d1d;
border-radius: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 10px 10px 0
}
.automation-icon {
width: 25px;
margin: 10px auto;
display: block
}
.integration-info-col {
padding-right: 20px
}
.icon-bullet-icon-2 {
max-width: 60%;
height: 25px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool_img-wrap-big {
-webkit-backdrop-filter: blur(15.6055px);
backdrop-filter: blur(15.6055px);
background-color: #ffffff0d;
border: 1px solid #ffffff26;
border-radius: .5rem;
width: 36.89rem;
min-width: 700px;
height: 22.72rem;
min-height: 427px;
padding: .4rem;
overflow: hidden
}
.button-group-9 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.button-group-9.mar-bot-quizz {
margin-bottom: 2rem
}
.button-group-9.is-quizz {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start
}
.text-size-small-2 {
font-family: Inter, sans-serif;
font-size: .875rem
}
.stars_quizz-h {
width: 7rem
}
.heading-4 {
letter-spacing: -2px;
margin-top: 1.5rem;
font-family: Inter, sans-serif;
font-size: 4rem;
font-weight: 900
}
.heading-4.is-tool-hero {
font-size: 3.5rem;
font-weight: 900
}
.tool-h-contain-i {
width: 100%;
padding-left: 0;
position: relative
}
.quizz_img-wrap-small {
-webkit-backdrop-filter: blur(15.6055px);
backdrop-filter: blur(15.6055px);
background-color: #ffffff0d;
border: 1px solid #ffffff26;
border-radius: .4rem;
width: 8.9rem;
height: 17rem;
padding: .2rem;
position: absolute;
inset: auto auto 0% -3%;
overflow: hidden
}
.tool_header_component {
flex-direction: column;
align-items: center;
display: flex
}
.tool_header_component.is-tool {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 125px;
display: grid
}
.hero-stars-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 1rem
}
.tool_img-wrap-big_item {
object-fit: cover;
object-position: 0% 0%;
border-radius: .2rem;
width: 100%;
height: 100%;
overflow: clip
}
.tool_img-wrap-big_item.is-small {
aspect-ratio: auto;
object-fit: cover;
object-position: 0% 0%;
border-radius: .2rem;
height: 100%
}
.tool-headline-wrapper {
min-width: 601px
}
.footer-badges-wrapper {
margin-top: -22px;
padding-left: 10px
}
.techstars-link {
text-align: right;
display: block
}
.glowing-tool-hero-title {
z-index: 2;
color: #0094ff;
-webkit-text-fill-color: inherit;
background-clip: border-box;
margin-top: 0;
margin-bottom: 0;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
position: relative
}
.testimonial_name-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
justify-content: center;
align-items: center;
margin-top: 1.75rem;
margin-left: auto;
margin-right: auto;
display: inline-flex
}
.testimonial_card-title {
color: #fff;
letter-spacing: .00625rem;
font-size: 1.1rem;
font-style: normal;
font-weight: 600;
line-height: normal
}
.testimonial_card-title.centered {
text-align: center
}
.tools-template-wrap {
text-align: left;
padding-top: 4rem;
padding-bottom: 0
}
.h5-heading-2 {
font-family: Inter, sans-serif;
font-size: 1.2rem;
line-height: 1.5
}
.h5-heading-2.margin-bottom.margin-xsmall.smaller {
font-size: 1rem
}
.h5-heading-2.is-tool {
margin-bottom: 0;
font-size: 1.5rem
}
.testimonial_title {
color: #fff;
letter-spacing: .00625rem;
font-size: 2rem;
font-style: normal;
font-weight: 500;
line-height: normal
}
.testimonial_title.smaller {
font-size: 1.8rem
}
.a-testimonial-base-2 {
background-color: #0a0a0a;
border: .0625rem solid #1d1d1d;
border-radius: 1.5rem;
flex: 0 auto;
align-self: flex-start;
margin-top: 0;
margin-bottom: 1.5rem;
padding: 2rem;
overflow: hidden
}
.a-testimonial-base-2.is-big {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: left;
background-image: url(assets/images/others/663bc9c63832525bafd0094a_quote.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 73px;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.paragraph-6 {
font-family: Inter, sans-serif;
font-size: 1rem
}
.paragraph-6.template-name {
display: block
}
.paragraph-6.small {
font-size: .87rem
}
.quizz_p-small {
font-size: .9rem
}
.a-testimonial-avatar-wrapper-2 {
background-color: #f4f4f6;
background-image: url(assets/images/others/663bc93599e0726687cef5c0_avatar.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
margin-bottom: .5rem;
display: flex
}
.a-testimonial-avatar-wrapper-2.is-big {
background-color: #0000;
background-image: none;
width: 8.25rem;
height: 8.25rem
}
.testimonial_name-head-stack {
flex-flow: column;
display: flex
}
.text-size-small-3 {
font-family: Inter, sans-serif;
font-size: .875rem
}
.template-premium-wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #fffc;
text-align: right;
letter-spacing: .00625rem;
background-color: #ffffff12;
border: 1px solid #ffffff12;
border-radius: .5rem;
justify-content: flex-start;
align-items: center;
padding: .2rem .5rem;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
display: none;
position: absolute;
inset: auto 1.8rem 1.25rem auto
}
.button-group-10 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.testimonial_headshot {
flex-shrink: 0;
width: 3.5rem;
height: 3.5rem
}
.testimonial_subtitle {
color: #717171;
letter-spacing: .00625rem;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem
}
.testimonial_subtitle.centered {
text-align: center
}
.layout7_content-2 {
max-width: none
}
.layout7_content-2.is-quizz {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex
}
.cards_quizz-bento-img {
width: 100%
}
.container-large-11 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
position: relative
}
.testimonial_head-stack {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
max-width: 80ch;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.testimonial_icon-quote {
z-index: -1;
object-fit: contain;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 78%
}
.testimonial_icon-quote.is-2 {
bottom: 63%
}
.h6-heading-2 {
font-family: Inter, sans-serif
}
.h6-heading-2.is-tool,
.h6-heading-2.is-quizz {
font-weight: 400
}
.h6-heading-2.white {
color: #fff
}
.h2-heading-2 {
letter-spacing: -1px;
font-family: Inter, sans-serif;
font-weight: 800
}
.tools-templates-subhead-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: left;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 1.5rem;
display: flex
}
.quizz-c-hstack {
z-index: 80;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-self: auto;
max-width: 44ch;
position: relative
}
.quizz-c-hstack.align-right {
z-index: 80;
align-self: flex-end;
position: relative
}
.quizz_eyebrow-tag {
color: #003fff;
letter-spacing: .1875rem;
text-transform: uppercase;
font-size: .875rem;
font-style: normal;
font-weight: 600;
line-height: 1.875rem
}
.sticky-card-img-wrapper-2 {
padding-top: 2rem;
padding-right: 3rem
}
.sticky-card-img-wrapper-2.is-quizz {
padding-top: 0;
padding-right: 0;
position: relative
}
.testimonial_card-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 14rem;
padding-bottom: 4rem;
display: flex
}
.testimonial_card-wrap.equal-padding {
padding-top: 7rem
}
.testimonial_card-wrap.align-middle {
text-align: center;
padding-top: 8rem
}
.a-paragraph-regular-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-family: Inter, sans-serif;
font-size: 1rem;
line-height: 1.5
}
.templates-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: minmax(200px, 1fr);
margin-bottom: 2rem;
display: grid
}
.h2_3rem {
font-size: 3rem
}
.paragraph-7 {
font-family: Inter, sans-serif
}
.tool-feature-section-image-wrap {
background-color: #000;
border: .0625rem solid #1d1d1d;
border-radius: 1.5rem;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 600px;
padding: 0;
display: flex;
position: relative;
overflow: hidden
}
.tool-feature-section-image-wrap.overflow-visible {
overflow: visible
}
.tool-feature-section-image-wrap.overflow-visible.blue-bg {
background-image: radial-gradient(circle at 100% 100%, #0332de, #000)
}
.tool-feature-section-image-wrap.overflow-visible.orange-bg {
background-image: radial-gradient(circle at 100% 100%, #e18603, #000)
}
.text-size-small-4 {
font-family: Inter, sans-serif;
font-size: .875rem
}
.tool-feature-section-grid-left {
grid-column-gap: 2.8rem;
grid-template-rows: auto;
grid-template-columns: .9fr 1fr
}
.tool-feature-section-image {
object-fit: cover;
object-position: 0% 50%;
width: 100%;
height: 100%
}
.tool-feature-section-image.quiz-logic {
object-position: 0% 50%
}
.tool-feature-section-image.overflow-visible {
object-fit: none;
overflow: visible
}
.tool-feature-section-image.overflow-visible.quiz-hair,
.tool-feature-section-image.overflow-visible.quiz-simpleshot,
.tool-feature-section-image.overflow-visible.quiz-appointment {
object-fit: scale-down;
width: 120%;
max-width: 700px;
height: auto;
margin-left: -15%;
padding-top: 50px;
overflow: visible
}
.layout7_content-3 {
max-width: none
}
.layout7_content-3.tool-bulets-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
display: flex
}
.tool-feature-section-contain {
text-align: left;
max-width: 500px;
padding-left: 10px;
padding-right: 10px
}
.tool-feature-section-headstack {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
align-self: flex-start
}
.tool-feature-section-grid-right {
grid-column-gap: 2.8rem;
grid-template-rows: auto;
grid-template-columns: .9fr .75fr
}
.paragraph-8 {
font-family: Inter, sans-serif
}
.grey {
color: #717171
}
.tool-feature-section-grid-left-copy {
grid-column-gap: 2.8rem;
grid-template-rows: auto;
grid-template-columns: .9fr .75fr
}
.bullet-paragraph {
margin-top: 0;
font-size: .9rem
}
.paragraph-9 {
font-family: Inter, sans-serif
}
.collection-list-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.cursor-pointer {
cursor: pointer
}
.paragraph-10 {
font-family: Inter, sans-serif
}
.tools-benefit-wrapper {
margin-top: 30px;
margin-bottom: 30px
}
.tools-templates-title {
margin-bottom: 0;
font-size: 2.5rem
}
.case-study-floating-logo {
-webkit-backdrop-filter: blur(.3125rem);
backdrop-filter: blur(.3125rem);
border: 1px solid #fff;
border-radius: 10px;
max-width: 200px;
padding: 8px 20px
}
.overlay {
background-image: linear-gradient(#0000, #000);
width: 100%;
height: 100%;
position: absolute
}
.case-study-col-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
max-height: 28rem;
margin-top: 2rem
}
.paragraph-11 {
font-family: Inter, sans-serif
}
.paragraph-11.small {
font-size: .875rem
}
.h4.align_middle {
text-align: center
}
.h4.align_middle.margin-bottom-small {
margin-bottom: 2rem
}
.testimonial_card-title-2 {
color: #fff;
letter-spacing: .00625rem;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: normal
}
.paragraph-12 {
font-family: Inter, sans-serif
}
.testimonial_subtitle-2 {
color: #717171;
letter-spacing: .00625rem;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem
}
.text-size-small-5 {
font-family: Inter, sans-serif;
font-size: .875rem
}
.paragraph-13 {
font-family: Inter, sans-serif
}
.paragraph-13.small {
font-size: .875rem
}
.container-large-12 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto
}
.table-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
overflow: auto
}
.table-wrapper {
border: 1px solid #ffffff1a;
border-radius: 1.5rem;
flex-direction: column;
padding: 2.2rem;
display: flex
}
.icon-regular {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex
}
.table-row {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #999;
text-align: center;
letter-spacing: .00625rem;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr 1fr 1fr;
padding: 0;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem
}
.table-row.last {
border-bottom-style: none
}
.table-grid-cell {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: left;
justify-content: flex-start;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
display: flex
}
.table-grid-cell.center {
justify-content: center;
align-items: center
}
.table-cell-feature {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
padding: 0 0 1.25rem;
display: flex
}
.table-cell-feature.center {
justify-content: center;
align-items: center
}
.table-cell-feature.title {
color: #999;
text-align: center;
letter-spacing: .00625rem;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem
}
.convertflow-logo-table {
width: 12.6328rem
}
.scrollbar-css {
display: none
}
.table-check {
color: #2c8c3e
}
.table-grid-heading {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #ffffff1a;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr 1fr 1fr;
padding: 0
}
.table-category {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
padding: 0;
display: flex
}
.bullet-icon-img {
max-width: 90%
}
.soc-2-badge {
width: 50px;
max-width: none;
margin: 15px 0 15px 5px;
display: inline-block
}
html.w-mod-js [data-ix=fixed-navbar] {
transform: translateY(-100%)
}
html.w-mod-js [data-ix=slide-bg] {
opacity: 1
}
html.w-mod-js [data-ix=storyslidecontent] {
opacity: 0;
transform: translateY(65px)
}
html.w-mod-js [data-ix=hover] {
opacity: .33;
display: block;
transform: translate(0)
}
@media screen and (min-width:1280px) {
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase.white {
color: #fff
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded.div-block-border-wrapped-1.autopilot {
max-width: 1450px
}
.integration-list-item-button.sf-font-roboto.smooth {
color: #191a1b;
border-color: #191a1b
}
.integration-list-item-button.sf-font-roboto.smooth:hover {
background-color: #191a1b
}
.pricing-comparision-table-block {
max-width: 1280px;
margin-left: auto;
margin-right: auto
}
.default-button.nav-cta-button.sign-in.sign-in-dark {
color: #232323
}
.default-button.dark.wider.blue.blue-button.launch-pricing-button {
text-align: center
}
.default-button.dark-text {
align-items: center;
margin-top: 20px;
padding-top: 11px;
display: inline-block
}
.default-button.white-text {
align-items: center;
margin-top: 20px;
display: flex
}
.general-container {
max-width: 1350px;
padding-left: 40px;
padding-right: 40px
}
.general-container.spaced,
.general-container.reduced-padding {
padding-top: 140px
}
.general-container.pricing-container {
padding-left: 0;
padding-right: 0
}
.general-container.hero-slider {
max-width: 1200px
}
.dropdown-block.first {
padding-right: 60px
}
.navbar-2.navbar-2-white {
background-color: #fff
}
.color-logo.color-logo-white-nav,
.color-logo.color-logo-white-nav-mobile {
opacity: 1
}
.white-logo.white-logo-white-nav,
.white-logo.white-logo-white-nav-mobile {
opacity: 0
}
.small-dropdown-grid {
grid-column-gap: 60px;
grid-row-gap: 10px
}
.small-dropdown-grid._2-columns {
grid-column-gap: 60px;
grid-template-columns: 1fr 1fr;
padding-right: 60px
}
.nav-link.nav-link-dark {
opacity: 1;
color: #232323
}
.hero-paragraph-wrapper.hero-subtitle-wrapper-wider {
margin-top: 35px
}
.hero.home-hero-black {
height: 69vh
}
.hero-title.slider-headline {
font-size: 67px
}
.companies-logos-wrapper.bottom-version {
margin-top: 30px
}
.general-section {
z-index: 1;
position: relative
}
.general-section.community-section {
padding-top: 100px;
padding-bottom: 250px
}
.general-section.tools-bottom-cta {
background-color: #ebebeb
}
.block-title.small {
font-size: 20px
}
.block-title.large {
max-width: 270px;
font-size: 23px;
line-height: 40px
}
.block-title.large.white {
max-width: none
}
.block-title.large.white.autopilot-included-title {
font-size: 26px
}
.block-title.wide {
font-size: 30px;
line-height: 40px
}
.section-title-wrapper.align-left {
padding-top: 90px;
padding-bottom: 100px
}
.section-title-wrapper.left-aligned {
max-width: 520px;
margin-left: 0;
padding-top: 25px;
padding-bottom: 35px
}
.section-title-wrapper.left-aligned.right-side {
max-width: 560px;
padding-left: 5%
}
.section-title-wrapper.left-aligned.right-side.showcase-quiz-wrapper {
max-width: 600px
}
.section-title-wrapper.left-aligned.tools-hero {
padding-right: 60px
}
.section-title-wrapper.color-section-wrapper.launch-pricing-title-wrapper {
max-width: 700px
}
.section-title-wrapper.on-page {
margin-top: 185px
}
.section-title-wrapper.right-aligned {
max-width: 520px;
margin-left: 0;
padding-top: 25px;
padding-bottom: 35px
}
.section-title-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top {
margin-top: 173px
}
.section-title-wrapper.left-aligned---thinner {
margin-left: 0;
padding-top: 25px;
padding-bottom: 35px
}
.section-title {
line-height: 60px
}
.block-subtitle.light.starts-at.requires-text {
margin-top: 1px;
font-weight: 700
}
.text-wrapper.template-text-version {
padding-left: 30px
}
.quote-image-block {
background-image: url(assets/images/others/6092b97490a8c915ccb9e2d0_sea-wes.jpeg)
}
.quote-wrapper {
width: 67%;
max-width: 1000px
}
._3-highlights-grid {
width: 80%
}
._3-highlights-grid.cf-page {
width: 92%
}
._3-highlights-grid.dark_bg {
width: 92%;
margin-bottom: 95px
}
.templates-preview-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 120%;
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.templates-preview-grid.integration-template {
width: 160%;
margin-left: -10%;
overflow: visible
}
.template-preview-block.border {
border: 2px solid #000;
box-shadow: -6px 6px #0000001a
}
.template-preview-image.message-templates {
background-image: url(assets/images/others/6092b74a36a3f74fbf685e3d_hook-message-home.png);
background-position: 50% 0
}
.template-preview-image.sticky-bar-templates {
background-image: url(assets/images/others/6092c05ba93c05b0e031b0e7_sticky-bar-home.png);
background-position: 50% 0;
background-size: cover
}
.stack-grid {
max-width: 89%
}
.community-gradient {
background-image: linear-gradient(#fff0, #fff)
}
.footer-link.hidden,
.footer-top-block-2 {
display: none
}
.footer-news-title {
height: 100px
}
.subpage-title.restricted-w {
max-width: 473px
}
.subpage-title.restricted-w.large.white {
max-width: 520px
}
.compare-table-icon {
position: relative;
top: -1px
}
.small-bg-shape.campaign-2 {
top: -90px;
right: -20px
}
.small-bg-shape.automate {
z-index: 1;
min-width: 130%;
bottom: -280px
}
.screenshot-wrapper.personalize {
left: 6%
}
.app-screenshot.personalize {
max-width: 90%
}
.app-screenshot.automate {
width: 75%
}
._2-column-grid.reversed {
grid-template-columns: 1.25fr 1fr
}
.page-section-2.hiw {
padding-top: 3%
}
.page-section-2.templates {
padding-top: 7%
}
.page-section-2.guides-doc {
padding-bottom: 7%
}
.page-section-2.split {
padding-left: 6%;
padding-right: 6%
}
.page-section-2.split.reverse {
padding-top: 5%;
padding-bottom: 3%
}
.page-section-2.split.colour-bg.low-top-margin.less-bottom-margin {
padding-bottom: 0
}
.page-section-2.dark {
margin-top: -1px;
margin-bottom: -1px
}
.page-section-2.spacing {
padding-top: 130px;
padding-left: 6%;
padding-right: 6%
}
._2-column-flex.tools-hero-section-wrapper {
max-width: 1440px
}
.intro-paragraph-2.integration {
min-height: 160px
}
.intro-paragraph-2.dark {
color: #191a1b
}
.bg_image.funnel.launch-personalize-img,
.bg_image.campaign-services-hero {
min-width: 800px
}
.bg_image.hero-left-quiz {
width: 100%
}
.bg_image.video.tool-page-hero {
width: 800px;
margin-right: 0
}
.column-block-2 {
margin-left: 0
}
.hero-section {
z-index: 1;
position: relative
}
.right-column-wrapper.flex.tools-hero-col-2 {
align-self: flex-start;
align-items: flex-start
}
.right-column-wrapper.centred {
text-align: right;
justify-content: center
}
.right-column-wrapper.centred.pink-bg {
background-color: #ff9fa7;
border-radius: 8px
}
.color-container {
margin-top: 6%;
padding-top: 8%;
padding-bottom: 8%
}
.middle-right-shape.alternate---2 {
top: 19%
}
.section-title-2 {
line-height: 60px
}
.lower-shape {
bottom: 19px
}
.logo-left.activity {
width: 15%
}
.integrations-block {
width: 19%
}
.cf-integration-box.activity {
max-width: 100%;
padding-right: 0
}
.cf-integration-box.activity.personalize {
margin-left: 10px
}
.cta-block {
padding-top: 7%;
padding-bottom: 7%
}
.template-list-item-bg,
.template-list-item-bg-2 {
padding-top: 34%;
padding-bottom: 34%
}
.blue-cta-block {
padding-top: 74px;
padding-bottom: 74px
}
.integration-hero-activity {
margin-left: 0;
margin-right: 0
}
.right-angled-bg.launch-hero {
object-fit: fill
}
.right-angled-bg.launch-hero.autopilot-hero {
min-width: 1000px
}
.section-title-3 {
line-height: 60px
}
.section-title-3.smaller-2 {
max-width: 500px
}
.section-title-3.wider.showcase-quiz-title {
width: 600px
}
.section-title-3.lil-bit-smaller {
font-size: 40px;
line-height: 50px
}
._wf-container {
max-width: 1440px;
padding-top: 115px
}
.head-wrapper.launch-wide-wrapper {
max-width: 1050px
}
._4-split-box {
max-width: 86%
}
._4-column-div {
max-width: 1440px;
padding-left: 0
}
.color-container-2 {
margin-top: 6%;
padding-top: 8%;
padding-bottom: 8%
}
.overlay---image {
max-width: 84%
}
.line-illustration {
left: -15%
}
.overlay-image---2.pro-support {
margin-left: 63px
}
.cta-holder {
justify-content: flex-start;
display: flex
}
.cta-holder.centered {
justify-content: center
}
.cta-holder.campaign-tools-cta {
display: block
}
.cta-holder.tools-centered-cta {
text-align: center;
margin-left: auto;
margin-right: auto
}
._4-split-block,
.shape---left {
max-width: 270px
}
.shape---bottom-right {
max-width: 360px;
inset: auto -80px -100px auto
}
._wf-container-2 {
max-width: 1440px;
padding-top: 115px
}
._wf-container-2.padding {
padding-left: 0%;
padding-right: 0%
}
._4-highlights-grid {
width: 80%
}
._4-highlights-grid.cf-business,
._4-highlights-grid.stats {
width: 92%
}
.holder-div {
padding-left: 6%;
padding-right: 6%
}
.small-block {
color: #191a1b
}
.block {
right: 6%
}
.flex-buttons {
justify-content: flex-start;
padding-top: 5px;
display: flex
}
.colour-bg {
margin-top: 6%;
padding-top: 8%;
padding-bottom: 8%
}
.colour-bg.low-top-margin.high-mobile-bottom-margin {
margin-bottom: 0
}
.colour-bg.low-top-margin.low-top-padding {
padding-top: 5%
}
.pink-bg_image {
margin-left: auto
}
.right-overlay---image {
max-width: 76%
}
.half-split {
margin-top: 125px
}
.bg_shape {
width: 75%;
left: -7%
}
.launch-hero-div {
margin-top: 0;
padding-top: 58px
}
.launch-hero-div.launch-hero-div-q2 {
max-width: 650px
}
.segments-hero-img {
right: -950px
}
.launch-packages-div,
.launch-package-box {
max-width: 1440px;
margin-left: auto;
margin-right: auto
}
.hero-image-slider.launch-hero-slider {
background-color: #0000
}
.hero-image-slider-arrow.launch-slider-arrow {
display: none
}
.launch-pricing-old-pricing {
color: #ffffff82;
text-decoration: line-through
}
.product-image.autopilot-ecom-funnel {
margin-left: 17%
}
.section-arrow-mid-to-left {
width: 800px
}
.section-arrow-left-to-right {
text-align: center;
width: 900px;
margin-top: -205px;
margin-left: auto;
margin-right: auto;
padding-right: 221px;
display: block
}
.section-arrow-left-to-right.recommend-to-upsell {
width: 1420px;
max-width: none;
margin-top: -91px;
margin-left: auto;
padding-right: 482px
}
.section-arrow-left-to-right.remind-to-promotion {
width: 1535px;
max-width: none;
margin-top: -41px;
padding-right: 758px
}
.section-arrow-left-to-right.offer-to-quiz {
width: 1441px;
max-width: none;
margin-top: -301px;
padding-right: 495px
}
.section-arrow-middle-to-left-down {
text-align: center;
width: 950px;
margin-top: -205px;
margin-left: auto;
margin-right: auto;
padding-right: 180px;
display: block
}
.section-arrow-middle-to-left-down.upsell-to-remind {
width: 1450px;
max-width: none;
margin-top: -157px;
padding-right: 517px
}
.section-arrow-middle-to-left-down.quiz-to-recommend {
width: 1450px;
max-width: none;
margin-top: -337px;
padding-right: 437px
}
.get-started-block-wrapper {
max-width: 1100px
}
.small-dropdown-grid-3 {
grid-column-gap: 60px;
grid-row-gap: 0px
}
.nav-dropdown-container {
max-width: 1350px;
padding-left: 40px;
padding-right: 40px
}
.autopilot-included-success.funnel {
max-width: 293px
}
.text-size-medium.footer-cta-p {
max-width: 58%;
margin-left: auto;
margin-right: auto;
margin-bottom:50px;
text-align: center
}
.img-cards.landing-page {
margin-right: -58px
}
.button-group-4.tools-templates-btn.no-margin,
.button-group-4.tools-btn-group.no-margin {
margin-right: 69px
}
.funnel-img.page-img {
min-width: 369px
}
.content-max-w-bento.max-width-medium {
max-width: 32rem
}
.content-max-w-bento.max-width-medium.is-inside {
max-width: 32rem;
padding: 9.5375rem 4.0375rem 18.0375rem
}
.bento-card.is-inside.no-padding {
padding-left: 2rem;
padding-right: 2rem
}
.img-integrations.reduce-bottom-spacing {
display: block
}
.a-section-regular.section-reviews.no-bottom-padding.reviews-top-padding {
top: -7rem
}
.pricing-item.middle {
border-right-style: solid;
border-radius: 0
}
.pricing-bottom_list-item.transparent {
opacity: .33
}
.max-w100.tools-logo {
width: 1200px
}
.tool-hero-image-wrapper {
margin-right: -75px
}
.tools-anchors-wrapper {
margin-left: auto;
margin-right: auto;
padding-left: 0
}
.tools-anchors-columns {
margin-left: auto;
margin-right: auto
}
.tools-section-title {
line-height: 60px
}
.template-categories-wrapper {
margin-left: auto;
margin-right: auto;
padding-left: 0
}
.collection-list-wrapper {
margin-left: auto;
margin-right: auto
}
.tool-section-image-wrapper {
margin-left: 0
}
.tool-section-image-wrapper.right {
margin-left: -131px;
margin-right: 0
}
.tool-section-image {
border-radius: 10px 0;
margin-bottom: -60px;
margin-left: 60px;
box-shadow: 0 4px 54px #00000026
}
.tool-section-image.tools-page {
margin-bottom: auto
}
.tools-breadcrumb-integration {
display: inline
}
.tools-tutorial-wrapper.align-left {
padding-top: 90px;
padding-bottom: 100px
}
.tools-tutorial-wrapper.left-aligned {
max-width: 520px;
margin-left: 0;
padding-top: 25px;
padding-bottom: 35px
}
.tools-tutorial-wrapper.left-aligned.right-side {
max-width: 560px;
padding-left: 5%
}
.tools-tutorial-wrapper.left-aligned.right-side.showcase-quiz-wrapper {
max-width: 600px
}
.tools-tutorial-wrapper.color-section-wrapper.launch-pricing-title-wrapper {
max-width: 700px
}
.tools-tutorial-wrapper.on-page {
margin-top: 185px
}
.tools-tutorial-wrapper.right-aligned {
max-width: 520px;
margin-left: 0;
padding-top: 25px;
padding-bottom: 35px
}
.tools-tutorial-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top {
margin-top: 173px
}
.tools-tutorial-wrapper.left-aligned---thinner {
margin-left: 0;
padding-top: 25px;
padding-bottom: 35px
}
.pricing-component-wrapper {
width: 1350px;
margin-left: auto;
margin-right: auto
}
.pricing-boxes-wrapper {
width: 1300px
}
.review-component {
margin-left: auto;
margin-right: auto;
padding-left: 60px
}
.reviews-list {
justify-content: center;
align-items: center
}
.tools-platform-section {
padding-top: 80px;
padding-bottom: 80px
}
.tools-bottom-cta-wrapper {
border-radius: 10px
}
.tools-anchors-flexbox {
justify-content: flex-start;
align-items: flex-start;
width: 1440px
}
.image-28 {
margin-bottom: -1px
}
.tools-external-links-wrapper,
.tools-external-title-wrapper {
width: 1240px;
margin-left: auto;
margin-right: auto;
padding-left: 0
}
.tools-examples-link-block {
margin-left: auto;
margin-right: auto;
display: block
}
.bullet-point.transparent {
opacity: .33
}
.tools-template-wrap {
max-width: 1300px
}
.paragraph-6.grey.template-creator {
margin-top: -10px;
font-size: .9rem
}
.templates-grid {
grid-template-columns: 1fr 1fr 1fr
}
.tool-feature-section-contain {
max-width: 500px;
padding-left: 0;
padding-right: 0
}
.tool-feature-section-contain.centered {
margin-left: auto;
margin-right: auto
}
.tool-feature-section-grid-right {
grid-template-columns: .65fr .75fr
}
}
@media screen and (max-width:991px) {
.cf-web-row.cf-web-row-desktop {
min-width: auto
}
.section.homepage-section-1-bg.smooth.hm-v2-section-1 {
background-position: 0 733px, 0 0
}
.section.homepage-section-1-bg.lead-generation-top {
background-image: none
}
.section.homepage-section-1-bg.om-section {
background-position: 0 558px
}
.section.homepage-section-1-bg.om-section.pricing-top {
background-image: linear-gradient(131deg, #0089f1, #115ac6);
padding-bottom: 319px
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top.cyber-top-bg {
background-image: url(assets/images/others/5a18d629cc80bd0001eeb93d_cyber-white-curve-up.png), url(assets/images/others/5a18d5c1cc80bd0001eeb8f9_cyber-bg-1.png);
background-position: 50% 100%, 50% 10%;
background-repeat: no-repeat, no-repeat;
background-size: 100%, cover;
background-attachment: scroll, scroll;
padding-bottom: 213px
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top.cyber-top-bg.enterprise-top-bg {
padding-bottom: 224px
}
.section.homepage-section-1-bg.ma-top-section {
background-position: 50% 119%, 0 0
}
.section.homepage-section-1-bg.ma-top-section.zapier-top-section {
background-position: 0 674px, 0 0, 0 0
}
.column {
margin-bottom: 53px;
padding-top: 11px;
padding-left: 32px;
padding-right: 47px
}
.heading {
font-size: 29px;
line-height: 43px
}
.heading.section-3-headline {
max-width: 650px;
line-height: 43px
}
.heading.integrations-headline {
max-width: 650px
}
.heading.top-headline {
max-width: 700px;
font-size: 35px;
line-height: 50px
}
.heading.top-headline.ac-headline {
max-width: 800px
}
.heading.top-headline.lead-gen-top-headline {
max-width: 100%
}
.heading.top-headline.lead-gen-top-headline.lead-gen-top-headline-desktop {
max-width: 880px;
margin-left: auto;
margin-right: auto;
display: block
}
.heading.flow-headline {
min-width: auto;
max-width: 550px
}
.heading.flow-headline.lg-manifesto-headline {
min-width: auto;
max-width: 100%;
padding-left: 78px;
padding-right: 78px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section {
min-width: auto;
max-width: 100%
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline {
text-align: center;
min-width: 100%;
max-width: 100%;
margin-top: 3px;
padding-left: 31px;
padding-right: 31px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline {
text-align: center;
padding-left: 0;
padding-right: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline.onboard-design-headline {
text-align: left
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline.cyber-design-headline.smooth {
text-align: right
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline {
text-align: center;
max-width: 100%
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.om-reports-head {
max-width: 100%;
margin-top: 5px;
margin-left: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.alt-sumo-section-2-head-2 {
margin-top: 109px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.alt-sumo-analytics-headline {
margin-top: 71px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-templates-head {
text-align: center;
min-width: 0;
max-width: 100%;
padding-left: 51px;
padding-right: 51px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-testing-headline {
text-align: center;
min-width: 100%;
padding-left: 40px;
padding-right: 40px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.om-broadacsts-headline {
text-align: center;
max-width: 100%;
padding-left: 18px;
padding-right: 18px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.featured-brand-headline {
padding-left: 0;
padding-right: 70px
}
.heading.flow-headline.lg-manifesto-headline.lg-stats-headline.om-features-head {
padding-left: 0
}
.heading.flow-headline.lg-manifesto-headline.ma-manifesto-headline.default-body-h2 {
padding-left: 0;
padding-right: 0
}
.heading.flow-headline.lg-manifesto-headline.alt-sumo-section-2-headline.smooth {
min-width: auto;
max-width: 100%
}
.heading.flow-headline.lg-embed-headline {
min-width: auto;
max-width: 100%;
padding-left: 53px;
padding-right: 53px
}
.heading.flow-headline.lg-automations-headline {
min-width: auto;
max-width: 100%;
padding-left: 16px;
padding-right: 16px
}
.heading.flow-headline.lg-automations-headline.ma-automations-head {
min-width: auto;
max-width: 100%
}
.heading.flow-headline.lg-automations-headline.ma-clients-headline.agency-clients-headline {
margin-bottom: 50px
}
.heading.flow-headline.lg-automations-headline.uses-cases-headline,
.heading.flow-headline.lg-automations-headline.om-automations-headline {
min-width: auto
}
.heading.flow-headline.lg-profiles-headline.smooth {
padding-left: 43px;
padding-right: 43px
}
.heading.flow-headline.lg-multistep-headilne {
max-width: 600px
}
.heading.flow-headline.om-embeddables-headline {
min-width: auto;
max-width: 100%
}
.heading.blue-heading {
font-size: 25px;
line-height: 35px
}
.heading.lg-cta-headline {
text-align: center;
max-width: 100%;
margin-top: 0
}
.heading.lg-cta-headline.lg-targeting-headline {
margin-top: 131px;
padding-left: 51px;
padding-right: 51px
}
.heading.lg-cta-headline.lg-targeting-headline.om-targeting-headline {
margin-top: 114px
}
.heading.lg-cta-headline.lg-targeting-headline.om-targeting-headline.ma-targeting-headline.agency-targeting-headline {
margin-top: 115px
}
.heading.lg-cta-headline.lg-targeting-headline.lg-targeting-headline-1,
.heading.lg-cta-headline.lg-overlay-headline {
margin-top: 113px
}
.heading.lg-cta-headline.lg-cta-hook-headline {
margin-top: 74px
}
.heading.lg-cta-headline.embedded-headline.embedded-headline-1.lg-embedded-head {
margin-top: -4px
}
.heading.om-marketing-heading.agency-section-2-headline {
padding-left: 42px;
padding-right: 42px
}
.heading.cta-builder-headline.om-cta-builder-headline {
padding-left: 33px;
padding-right: 33px
}
.heading.homepage-v2-section-2-headline.onboard-manifesto-head.cyber-strategy-headline.cyber-discount-headline.enterprise-retargeting-headline {
max-width: 600px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head.cyber-headline {
max-width: 700px
}
.paragraph {
max-width: 600px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth {
max-width: 100%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content {
text-align: center;
max-width: 100%;
display: block
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead {
text-align: center;
max-width: 100%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-seanwes-name {
text-align: left;
padding-left: 50px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-sean-testimon {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.hm-v2-section-3-subheadl.hm-v2-retargeting-p {
width: 450px;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.cta-string-sub {
text-align: left;
max-width: 450px;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.cyber-design-p {
float: right;
text-align: right;
max-width: 450px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-features-bullet {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-crafted-subhead {
text-align: center;
margin-left: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub {
text-align: left;
margin-left: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.om-reports-p {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-tracking-p {
text-align: center;
padding-left: 38px;
padding-right: 38px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-collaborate-p {
text-align: center;
padding-left: 55px;
padding-right: 55px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-resports-sub {
text-align: center;
padding-left: 50px;
padding-right: 50px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-ctatemplates-p {
padding-left: 51px;
padding-right: 51px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.feature-brand-p {
text-align: left;
padding-right: 93px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.feature-brand-p.onboard-design-p {
padding-right: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.tracking-subheadline {
padding-left: 30px;
padding-right: 30px;
font-size: 20px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline {
max-width: 100%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.alt-sumo-section-2-title {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4.cyber-design-h4 {
text-align: right
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline.smooth {
text-align: center;
max-width: 100%;
padding-left: 45px;
padding-right: 45px
}
.paragraph.lg-manifesto-subheadline.om-marketing-subhead.smooth.ma-platform-subhead.agency-platform-subhead {
padding-left: 29px;
padding-right: 29px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom {
text-align: center
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.agency-bullet-headline {
padding-left: 60px;
padding-right: 60px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-ctas-bullets-head {
text-align: center
}
.paragraph.smooth.lg-manifesto-bullet-headline.ma-roi-sub {
margin-left: 0
}
.paragraph.smooth.lg-manifesto-bullet-headline.ma-roi-sub.agency-roi-sub {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph.smooth.lg-manifesto-bullet-p.om-ctas-bullet {
text-align: center
}
.paragraph.smooth.lg-embed-sub,
.paragraph.smooth.lg-automations-sub {
max-width: 100%
}
.paragraph.smooth.lg-automations-sub.lg-queues-sub {
max-width: 100%;
padding-left: 26px;
padding-right: 26px
}
.paragraph.smooth.lg-automations-sub.lg-profiles-sub {
padding-left: 44px;
padding-right: 44px
}
.paragraph.homepage-v2-section-2-subhead {
max-width: 500px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p.enterprise-retargeting-p {
max-width: 600px
}
.paragraph.hm-integrations-subhead.smooth.cf-home-story-headline {
text-align: center
}
.dark-h1-big-headline {
font-size: 28px;
line-height: 40px
}
.dark-h1-big-headline.academy-post-content-headline.smooth {
font-size: 65px
}
.dark-h1-big-headline.homepage-v2-headline {
font-size: 35px;
line-height: 48px
}
.dark-subheadline {
padding-right: 0;
font-size: 18px;
line-height: 26px
}
.dark-subheadline.homepage-v2-subheadline {
margin-top: 11px
}
.cf-web-container {
min-width: auto;
padding-left: 20px;
padding-right: 20px
}
.body.has-nav-2020 {
padding-top: 50px
}
.image-2 {
width: 600px;
margin-top: -7px;
margin-left: -39px
}
.image-2.hm-v2-hero-img {
margin-left: 10px
}
.container {
min-width: 0
}
.nav-white-link.nav-link-dark {
color: #fff
}
.nav-menu {
background-color: #0085fe
}
.icon {
color: #fff
}
.navbar-fixed {
opacity: 1
}
.image-6 {
width: 728px;
min-width: 0;
margin-top: -326px;
margin-left: auto;
margin-right: auto;
display: block
}
.image-6.hm-v2-laptop {
width: 100%;
margin-top: 40px;
margin-left: auto
}
.div-block-2.cool-button.integration-box.integration-box-big {
min-width: auto;
max-height: 100%
}
.div-block-2.cool-button.integration-box.use-case-box {
min-height: 240px;
max-height: 240px
}
.row-2.om-ctas-container {
min-width: 100%;
margin-top: 0;
margin-left: 0
}
.image-7.om-ctas-hook-preview {
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-3.om-ctas-bullet-container {
width: 500px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: block
}
.image-8 {
margin-right: -24px
}
.image-8.om-workflow-img {
margin-left: -35px
}
.container-4 {
padding-left: 20px;
padding-right: 20px
}
.container-5 {
padding-top: 84px
}
.paragraph-3.section-title {
font-size: 14px
}
.paragraph-3.section-title.section-title-dark-swatch.om-crafted-title,
.paragraph-3.section-title.onboard-pretitle {
text-align: center
}
.paragraph-3.section-title.onboard-pretitle.onboard-tshirt-pre {
text-align: left
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title.hm-v2-solution-title {
text-align: center;
padding-left: 0
}
.tabs-menu-2 {
width: 100%;
margin-top: 62px;
margin-right: 0
}
.tabs-menu-2.lg-cta-tabs {
float: none;
width: 100%;
margin-top: 38px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
display: block
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs {
float: none;
width: 100%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
display: block
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs {
margin-top: 0;
margin-left: 0
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.om-targeting-tabs {
margin-top: 27px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.om-targeting-tabs.alt-sumo-targeting-menu {
margin-top: 17px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.agency-targeting-tabs {
margin-top: 16px
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.agency-targeting-tabs.default-page-tabs {
width: 100%;
padding-left: 0;
padding-right: 0
}
.tabs-menu-2.lg-cta-tabs.lg-cta-overlay-tabs.lg-targeting-tabs.lg-targeting-tabs-1 {
margin-top: 11px
}
.tabs-menu-2.lg-cta-tabs.lg-hook-tabs {
width: 100%;
padding-left: 30px;
padding-right: 30px
}
.tabs-menu-2.lg-cta-tabs.lg-hook-tabs.lg-hook-tabs-1 {
margin-top: 59px
}
.tabs-menu-2.lg-cta-tabs.lg-embdedded-tabs.lg-embed-tabs-1 {
margin-top: 50px
}
.tabs-menu-2.om-flows-tabs-links {
width: 100%;
margin-top: 28px;
margin-left: auto;
margin-right: auto;
display: block
}
.tabs-menu-2.ctas-tab-menu,
.tabs-menu-2.agency-section-3-tabmenu {
margin-top: 21px
}
.image-9 {
min-width: 665px;
margin-top: 0;
margin-left: 35px
}
.image-9.automation-image {
min-width: 100%;
max-width: 100%;
min-height: auto;
margin-left: 0
}
.image-9.automation-image.lg-cta-hook-full {
margin-top: 0;
margin-left: 0
}
.image-9.automation-image.om-texteditor-img {
margin-left: 0
}
.image-9.automation-image.lg-embedded-cta-img {
margin-top: -1px;
margin-left: 0
}
.image-9.automation-image.lg-builder-img-2 {
margin-top: -4px
}
.image-9.targeting-image {
min-width: auto;
max-width: 100%;
margin-left: 0
}
.image-9.targeting-image.lg-cta-hook-wide {
margin-top: 0;
margin-left: 0
}
.image-9.targeting-image.om-editor-triggers {
margin-left: 0
}
.image-9.targeting-image.lg-embedded-cta-img-3 {
margin-top: -1px;
margin-left: 0
}
.image-9.targeting-image.lg-builder-img-3 {
margin-top: -4px
}
.image-9.image-9-homepage {
min-width: 100%;
max-width: 100%;
margin-top: 2px;
margin-left: 0
}
.image-9.image-9-homepage.lg-cta-hook {
min-width: auto;
max-width: 100%;
margin-top: 0;
margin-left: 0
}
.image-9.image-9-homepage.lg-cta-hook.lg-cta-embedded {
margin-left: 0
}
.image-9.image-9-homepage.lg-cta-hook.lg-cta-embedded.lg-embedded-img-1 {
margin-top: -1px;
margin-left: 0
}
.image-9.image-9-homepage.om-builder-img {
text-align: left;
margin-left: 0;
display: block
}
.image-9.image-9-homepage.om-builder-img.ma-visual-builder {
margin-left: -401px
}
.image-9.image-9-homepage.om-builder-img.ma-visual-builder.agency-visual-builder {
margin-left: 0
}
.image-9.image-9-homepage.lg-builder-img-1 {
margin-top: 26px
}
.image-9.lg-cta-overlay {
min-width: auto;
margin-top: 0;
margin-left: 0
}
.image-9.lg-cta-overlay.lg-targeting-image {
margin-top: 0;
margin-left: 0
}
.image-9.lg-cta-overlay.lg-targeting-image.lg-targeting-img-1 {
margin-top: 0
}
.image-9.lg-cta-overlay.lg-overlay-img.lg-overlay-img-1,
.image-9.lg-cta-overlay.lg-overlay-img-2 {
margin-top: -2px
}
.image-9.lg-cta-overlay.lg-targeting-img-2 {
margin-top: 0
}
.image-9.om-flows-img {
min-width: auto;
margin-top: -29px;
margin-left: auto;
margin-right: auto;
display: block
}
.tabs-content-2 {
max-width: 100%;
margin-top: 36px;
margin-right: 0
}
.tabs-content-2.cta-tab-content {
width: 100%;
max-width: 100%;
margin-right: 0
}
.tabs-content-2.cta-tab-content.om-cta-builder-tab-content {
margin-top: 30px
}
.tabs-content-2.flow-tab-content {
margin-top: 69px;
margin-right: 0
}
.tabs-content-2.agency-tabs-content-1 {
margin-top: 54px;
margin-left: 0
}
.tabs-content-2.agency-tab-content-2 {
margin-top: 41px
}
.tabs-content-2.agency-tab-content-2.default-tab-content {
width: 100%
}
.image-10 {
min-width: 800px;
margin-left: 22px
}
.column-5 {
padding-top: 197px;
padding-left: 34px;
padding-right: 0
}
.container-6 {
padding-top: 93px
}
.testimonial-block.testimonial-sean-wes {
background-image: url(assets/images/others/58dc65e49d881f2d2cd28406_58d882abd470da6460dd37e1_customer-sean.png);
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 27px
}
.testimonial-block.testimonial-bryce {
background-image: url(assets/images/others/58dc66009d881f2d2cd28418_58d9d0e52bebde920b1edb37_customer-bryce.png);
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 27px
}
.testimonial-block.testimonial-luis {
background-image: linear-gradient(#1b2538bd, #1b2538bd), url(assets/images/others/58dd4f563db345591ce58901_Screenshot 2017-03-30 13.06.07.png);
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, 1280px
}
.section-8.hm-v2-map-section {
padding-top: 64px
}
.dropdown-list.w--open {
background-color: #0085fe
}
.dropdown-list.fixed-nav-dropdown-list.w--open {
box-shadow: none;
background-color: #0085fe;
border-style: none
}
.dropdown-link {
color: #dbeeff
}
.container-8 {
min-width: auto
}
.scroll-nav-link {
color: #fff
}
.nav-menu-2 {
background-color: #0085fe
}
.dropdown-toggle {
color: #fff
}
.menu-button.w--open,
.menu-button-2.w--open {
background-color: #0085fe
}
.section-10.personal-cta-section {
margin-bottom: 82px
}
.html-embed-3 {
width: 540px;
height: 300px;
margin-top: 75px;
margin-left: auto;
margin-right: auto;
display: block
}
.html-embed-3.flow-html-box {
width: 644px;
height: 370px;
margin-top: -424px
}
.image-12 {
min-width: 800px;
margin-left: -241px
}
.image-12.integrations-personalization-image {
margin-left: -304px
}
.column-10 {
padding-top: 0
}
.div-block-7 {
min-width: 200px;
max-width: 300px
}
.div-block-7.integrations-personalizations-cont {
max-width: 400px;
margin-left: -80px
}
.row-5.integrations-personalized-targeting {
margin-top: -16px;
margin-bottom: 14px
}
.column-11 {
margin-top: -5px;
padding-top: 0
}
.row-7 {
margin-top: 0
}
.row-7.integrations-personalization-automation {
margin-top: 37px
}
.heading-3-black.integration-text-example {
line-height: 40px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button {
float: none;
width: 200px;
max-width: 200px;
margin-left: auto;
margin-right: auto;
display: block
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn {
float: none;
width: 250px;
max-width: 250px
}
.cta-section {
margin-top: -46px;
padding-top: 63px
}
.image-14 {
margin-left: -46px
}
.div-block-12 {
margin-bottom: 55px;
margin-left: 28px
}
.row-8 {
margin-top: 59px
}
.column-14 {
padding-top: 0
}
.div-block-13 {
padding-left: 16px
}
.div-block-14 {
margin-top: 107px
}
.column-15,
.column-16 {
padding-top: 0
}
.container-10 {
margin-top: 30px
}
.image-15 {
margin-top: -43px
}
.div-block-17.cta-box-browser {
margin-right: -1px
}
.row-10.hm-v2-solution-row {
width: 400px;
margin-left: auto;
margin-right: auto;
display: block
}
.column-22 {
margin-top: 0;
padding: 50px 40px 20px
}
.div-block-18 {
width: 100%
}
.lg-manifesto {
margin-top: 95px
}
.lg-manifesto.lg-validation-section.ma-integrate-section {
background-image: url(assets/images/others/5944436e17d1d56c77aca3c4_Confetti.png);
background-position: 50%;
background-repeat: repeat;
background-size: 100%
}
.lg-manifesto.lg-validation-section.ma-integrate-section.agency-integrate-section {
margin-top: 18px;
padding-top: 0
}
.lg-manifesto.lg-validation-section.om-broadcast-section._w-container-override.broad-cast1 {
margin-top: -39px;
padding-top: 2px
}
.lg-manifesto.lg-validation-section.om-broadcast-section._w-container-override.broad-cast1.homepage-v2-section-3 {
padding-top: 9px
}
.lg-manifesto.lg-validation-section.om-broadcast-section._w-container-override.broad-cast1.homepage-v2-section-3.hm-v2-agency-section {
background-position: -12px 0;
margin-top: 25px;
padding-top: 47px
}
.lg-manifesto.lg-validation-section.agency-collaborate-section {
margin-top: -17px;
padding-top: 32px
}
.lg-manifesto.lg-test-section.ab-test-section {
padding-top: 0
}
.lg-manifesto.lg-test-section.ab-test-section.ab-test-section-m {
margin-top: 47px
}
.lg-manifesto.lg-templates-section {
margin-top: -52px;
margin-bottom: 111px
}
.lg-manifesto.ma-roi-section.agency-roi-section {
margin-top: -50px;
margin-bottom: 107px
}
.lg-manifesto.lead-gen-section-2 {
margin-top: 2px
}
.lg-manifesto.tracking-section {
margin-top: -68px
}
.lg-manifesto.feature-brand-section {
margin-top: -36px
}
.lg-manifesto._w-container-override.flow-tracking-section {
margin-top: -44px
}
.lg-manifesto.om-manifesto {
margin-top: 1px
}
.lg-manifesto.agency-tracking-section {
margin-top: 21px
}
.lg-manifesto.agency-branded-section {
margin-top: -26px
}
.lg-manifesto-section4.integrations-leadgen-videos-section.ac-deal-leadgen-sec-bg {
padding-bottom: 89px
}
.div-block-19 {
width: 100%
}
.div-block-19.embedded-p {
margin-left: 0;
margin-right: 0;
padding-left: 20px
}
.div-block-19.hook-p {
margin-left: 0
}
.row-12 {
width: 100%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-right: 0;
display: block;
position: relative
}
.row-12.lg-overlay-tab-headline {
padding-left: 0
}
.row-12.lg-overlay-tab-headline.lg-overlay-row {
padding-left: 20px
}
.row-12.lg-hook-row {
width: 100%
}
.column-25 {
padding-top: 0;
padding-right: 0
}
.lg-embed-section {
background-image: none
}
.lg-responsive-img {
margin-top: -161px
}
.lg-responsive-img.onboard-design-img {
margin-bottom: -103px
}
.div-block-20.lg-multistep-section {
background-image: none;
margin-top: -257px
}
.div-block-20.om-targeting-section.ma-targeting-section.agency-targeting-bg {
padding-bottom: 12px
}
.tabs-3 {
margin-top: 33px
}
.lg-testing-container {
min-width: 100%;
padding-left: 0
}
.lg-testing-container.text-right {
padding-left: 0
}
.lg-testing-container.om-broadcast-container {
min-width: auto;
margin-left: 0
}
.lg-testing-container.agency-browser-container {
padding-top: 0
}
.lg-embed-img {
min-width: 1400px;
margin-left: -675px
}
.lg-embeddables-section {
padding-top: 31px
}
.lg-automations-section.agency-automations-section {
margin-top: -31px
}
.lg-automations-section.lg-automations-section-1 {
margin-top: -13px
}
.lg-automations-img,
.lg-queues-img {
min-width: 100%;
margin-left: 0
}
.lg-queues-img.lg-queue-img-1.ac-deal-queue-img {
margin-bottom: 62px
}
.lg-profiles-section {
padding-top: 5px
}
.lg-profiles-img {
min-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.lg-validation-img {
margin-left: -423px
}
.lg-validation-img.onboard-consultation-img.onboard-consult-img.cyber-design-img {
margin-top: 204px;
margin-left: auto;
margin-right: auto;
display: block
}
.lg-stats-img {
min-width: auto;
margin-top: 36px;
margin-left: -2px
}
.lg-features-columns {
width: 100%
}
.lg-features-columns.om-features-columns {
margin-left: 0
}
.lg-feature {
width: 100%
}
.div-block-21 {
background-position: -354px 0;
background-size: auto 100%
}
.div-block-21.om-crafted-container {
background-image: none;
padding-bottom: 0
}
.lg-hero-vid-mobile {
background-image: url(assets/images/others/59444cdb886e133516988934_gradient-flow.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 100%;
padding-top: 70px;
padding-bottom: 0
}
.html-embed-6 {
width: 84.4%;
height: 367px;
margin: 0 auto 0 61px;
display: block;
position: relative
}
.div-block-22 {
background-image: url(assets/images/others/59443b0017d1d56c77aca1c4_top-hero.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 90%;
width: 768px;
margin-left: auto;
margin-right: auto;
padding-top: 47px;
padding-bottom: 45px;
display: block
}
.column-27 {
height: 0
}
.image-19 {
margin-top: 31px
}
.image-20.broadcast-img {
margin-top: 38px
}
.image-20.agency-manage-clients-img {
margin-top: 50px
}
.image-20.agency-integrate-img {
margin-top: 44px
}
.image-20.onboard-consult-img {
margin-top: 33px
}
.image-20.onboard-consult-img.onboard-targeting-img {
min-width: 1300px;
margin-bottom: 1px;
margin-left: -600px
}
.column-28.onboard-consult-col-left {
padding-left: 0
}
.column-28.onboard-consult-col-left.cyber-design-col-2 {
position: relative
}
.div-block-24,
.div-block-24.use-cases-div-block,
.div-block-24.agency-bullets-3 {
width: 100%;
margin-left: 0
}
.om-bullet.alt-sumo-cta-box {
max-width: 100%
}
.om-ctas-img {
text-align: center;
margin-top: 33px;
display: block
}
.om-flows-tabs-container {
width: 100%;
margin-top: 0
}
.om-seanwes {
background-size: 100% 580px;
width: 100%
}
.om-seanwes.ma-ethan {
background-size: 900px 100%;
width: 113%;
height: 1350px;
margin-left: -41px;
padding-top: 166px
}
.om-seanwes.ma-ethan.agency-ethan {
height: auto;
padding-top: 54px
}
.om-seanwes.om-invision {
height: 600px
}
.om-visual-builder-container {
width: 100%;
margin-left: 0
}
.om-testimonial-log {
margin-top: -5px;
margin-left: 91px
}
.om-testimonial-log.ma-testimonial-logo {
margin-left: 99px
}
.om-embeddables-bg {
background-size: auto 700px
}
.om-embeddables-bg.ma-green-wave-bottom,
.om-embeddables-bg.ma-green-wave {
background-size: auto
}
.om-crafted-section {
margin-top: 34px
}
.om-crafted-columsn {
width: 100%
}
.om-crafted-img {
min-width: auto;
max-width: 700px;
margin-top: 60px;
margin-bottom: -51px
}
.om-crafted-column1 {
padding-top: 109px
}
.ma-top-columns {
width: 100%
}
.ma-top-img {
margin-left: -121px
}
.ma-top-titles {
margin-left: 20px
}
.ma-top-titles.agency-top-titles {
margin-bottom: 1px;
margin-left: 10px
}
.ma-platform-container.agency-platform-container {
padding-top: 68px
}
.ma-icon.zapier-zap-img {
margin-left: auto;
margin-right: auto;
display: block
}
.agency-platform {
margin-left: -39px
}
.agency-platform.zapier-personalize-img {
width: 1000px;
min-width: 1000px;
margin-left: -26px
}
.pricing-columns-container {
width: 100%;
margin-top: -284px
}
.pricing-box.pricing-box-pro.pricing-plan-box-three {
margin-top: 61px
}
.pricing-box.pricing-box-pro.pricing-plan-box-two {
border-top-style: solid;
border-top-width: 1px;
min-height: 100px;
padding-top: 33px
}
.pricing-box.pricing-box-pro.pricing-plan-box-two._2023 {
border-style: solid;
border-width: 1px;
min-height: auto;
padding-top: 33px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
min-height: 1150px;
padding-bottom: 179px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one.pricing-2021-free {
border-radius: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one._2023 {
min-height: auto
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one._2024 {
min-height: 300px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-two {
border-width: 1px;
border-radius: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-four {
border-radius: 0 6px 6px 0;
min-height: 1150px;
padding-bottom: 180px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-three {
min-height: 1150px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-three._2023 {
border-style: solid;
min-height: auto
}
.pricing-link-box {
max-width: 200px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-26 {
width: 100%
}
.div-block-26.cta-template-content {
text-align: left;
max-width: 100%;
margin-top: 0
}
.div-block-26.cyber-design-div {
margin-top: 0;
margin-bottom: 361px
}
.div-block-27,
.div-block-28 {
max-width: 100%
}
.div-block-28.lg-ab-test-div {
margin-left: 0
}
.div-block-29.featured-brand-div {
padding-left: 40px
}
.column-29 {
margin-top: 36px
}
.div-block-30.features-div {
padding-left: 22px;
padding-right: 22px
}
.broadcast-div.homepage-v2-section-3-div.hm-v2-retargeting-div {
margin-left: 0;
padding-bottom: 25px
}
.div-block-31,
.div-block-32,
.agency-tracking-div,
.agency-content-div {
padding-left: 0
}
.agency-content-div.agency-content-div-1 {
margin-top: -70px;
padding-top: 0;
padding-left: 4px;
padding-right: 4px
}
.agency-content-div.agency-content-div-2 {
padding-left: 0
}
.agency-content-div-right {
margin-left: 0
}
.nav-solution-title {
color: #fff
}
.nav-solution-subtitle {
color: #bbdcfe
}
.nav-list-title {
color: #fff
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2021-popular {
margin-top: -105px
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2022-popular {
margin-top: -49px;
display: none
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2022-popular.pricing-2022-onboarding-tab._2023 {
margin-top: -79px;
display: none
}
.pricing-tab-menu.cf2-pricing-tab-menu {
margin-top: 10px
}
.pricing-menu-tab.cf2-pricing-menu-tab {
color: #000
}
.pricing-tab-pane {
width: 1100px;
padding-top: 0;
overflow: scroll
}
.pricing-tab-pane._4-column {
width: 1100px;
padding-top: 0
}
.homepage-v2-solution-icon {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.hm-v2-testimonial-small {
width: 425px;
display: block
}
.hm-v2-testimonial-small.hm-v2-testimonial-map-left {
margin-top: -129px;
margin-left: 3px
}
.hm-v2-testimonial-small.hm-v2-testimonial-map-left.hm-v2-map-testimonial-right {
margin-right: 0
}
.html-embed-8.hm-leadgen-hero-video.hm-leadgen-hero-video-mobile {
width: auto;
max-width: 628px;
height: 350px;
margin-top: -373px;
margin-left: auto;
margin-right: auto;
display: block
}
.integrations-box {
width: 100%;
margin-left: auto
}
.image-23 {
margin-left: -127px
}
.home-vid-cta-embed {
text-align: left;
height: 80px
}
.onboard-manifesto-conti {
width: 100%;
padding-left: 32px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-lead-div-m.integrations-builder-section {
margin-top: 59px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-lead-div-m.integrations-builder-section.ac-deal-builder-section {
margin-top: 0;
padding-top: 32px
}
.onboard-manifesto-ima {
margin-top: 18px
}
.onboard-process-con,
.onboard-process-con.onboard-packages-box {
width: 100%
}
.onboard-process-con.cyber-solutions-div {
margin-top: 152px
}
.onboard-process-con.cyber-solutions-div.enterprise-features-box {
margin-top: 196px;
margin-bottom: 215px
}
.onboard-process-numb {
max-width: 50px;
margin-left: auto;
margin-right: auto;
display: block
}
.onboard-process-section.cyber-section-2-container {
margin-top: 15px
}
.onboard-process-section.cyber-section-2-container.enterprise-integrations-section.bg-moved {
margin-top: 34px
}
.onboard-design-con {
padding-left: 10px
}
.onboard-tshirt-col {
padding-left: 0
}
.zapier-top-div {
width: auto;
padding-top: 52px
}
.zapier-zap-link-box {
text-align: center
}
.cf-home-stories-contain {
margin-top: 50px;
margin-bottom: 107px
}
.cf-home-story-col {
max-width: 500px;
margin-left: auto;
margin-right: auto;
display: block
}
.cf-home-story-logo {
margin-left: auto;
margin-right: auto;
display: block
}
.cf-home-story-logo.enterprise-story-logo {
float: none;
margin-left: 0
}
.cyber-swag-div {
padding-top: 113px;
padding-bottom: 57px
}
.cyber-tshirt-img {
float: none;
min-width: 347px;
margin-top: 280px;
margin-left: 57px
}
.cyber-swagpack-tshirt {
min-width: 408px;
margin-top: 245px;
margin-left: -266px
}
.cyber-swag-2-box {
margin-top: 419px
}
.cyber-funnel-strategy-box.cyber-discount-box {
margin-left: 0
}
.cyber-funnel-strategy-box.cyber-funnel-box {
margin-left: -3px
}
.cyber-funnel-strategy-box.cyber-funnel-box.enterprise-leadcapture-img-box {
margin-top: 49px
}
.image-27.cyber-funne-strategy-img {
margin-top: -737px
}
.image-27.cyber-funne-strategy-img.cyber-discount-img {
margin-top: -608px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img {
min-width: 100%;
margin-top: -565px;
margin-left: -16px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-scheduling-img {
margin-top: 7px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-scheduling-img.enterprise-users-img {
min-width: 100%;
margin-left: -16px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-services-img {
margin-top: 33px;
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-funnel-circle.enterprise-circle-shape {
min-width: 900px
}
.cyber-strategy-line-1-img.cyber-strategy-line-1-m {
margin-top: -157px
}
.cyber-discount-section.enterprise-retargeting-section {
margin-top: -285px
}
.cyber-discount-section.enterprise-retargeting-section.enterprise-analytics-section.enterprise-support-section {
padding-top: 94px
}
.cyber-discount-circle {
margin-top: 37px
}
.cyber-discount-circle.enterprise-retargeting-img {
min-width: 100%;
margin-left: 0
}
.cyber-discount-circle.enterprise-retargeting-img.enterprise-analytics-img.enterprise-websites-img.enterprise-support-img {
min-width: 120%;
margin-left: -195px;
margin-right: auto;
display: block
}
.cyber-solutions-box.cyber-stories-box {
min-height: 300px;
margin-bottom: 35px
}
.cyber-solutions-box.enterprise-lead-features-box {
margin-top: 25px
}
.cyber-stories-container {
max-width: 80%;
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-stories-container.cyber-stories-container-2 {
margin-top: -30px
}
.cyber-stories-big-top-line.cyber-stories-small-top-line {
min-width: 200px;
margin-left: -95px
}
.cs-cta-link {
padding-top: 0
}
.enterprise-logos-div {
margin-top: 21px;
margin-bottom: 45px
}
.enterprise-leadcapture-txt-box {
margin-top: 36px
}
.enterprise-leadcapture-txt-box.text-box-1 {
margin-top: 51px
}
.enterprise-leadcapture-txt-box.text-box-1.integrations-builder-cont {
width: 600px;
margin-left: auto;
margin-right: auto;
display: block
}
.enterprise-leadcapture-txt-box.textbox-3 {
margin-top: 126px
}
.enterprise-leadcapture-txt-box.textbox-5 {
margin-top: 36px
}
.enterprise-leadcapture-txt-box.textbox-7 {
margin-top: 91px
}
.enterprise-retargeting-txt-box.textbox-6 {
margin-top: 74px
}
.enterprise-scheduling-section {
padding-bottom: 6px
}
.enterprise-scheduling-section.team-collab-section {
margin-top: -59px
}
.enterprise-scheduling-section.team-collab-section.integration-offer-section {
padding-bottom: 6px
}
.enterprise-team-section.enterprise-stories-section {
margin-top: -265px;
padding-top: 223px
}
.enterprise-team-section.e-services-section {
margin-top: 45px
}
.enterprise-stories-outer-div {
margin-right: 0
}
.enterprise-customer-txt-box {
margin-left: -31px
}
.integrations-page-container {
width: 100%;
padding-left: 20px;
padding-right: 19px
}
.integrations-deal-container {
margin-left: 0;
margin-right: 27px
}
.integrations-deal-container.ac-deal-container {
min-width: 700px;
max-width: 720px;
min-height: auto;
margin-top: 50px;
display: block
}
.page-section.hm-hero-bg {
background-position: 50% 100%, 50% 0
}
.page-section.hm-hero-bg.hm-hero-bg-1.partners-hm-hero-bg {
background-image: url(assets/images/others/5dcedc848763a14644da98a0_bg-partners-bottom-left-mini.png);
background-position: 0 92%;
background-repeat: no-repeat;
background-size: 203px
}
.page-section.hm-hero-bg.hm-hero-bg-1._2020 {
padding-top: 65px
}
.page-section.sf-font-roboto.smooth.light-blue-bg.tools-contact-profile-section {
max-height: 1000px
}
.page-section.light-blue-bg.personalization-grow-section {
max-height: none
}
.page-section.light-blue-bg.pricing-comparison-section {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.page-section.templates-hero-bg {
padding-left: 40px;
padding-right: 40px
}
.page-section.navbar-default-section {
min-height: 70px
}
.page-section.tool-section-5-bg.tool-multistep-section-bg {
background-size: cover
}
.page-section.dark-blue-section.campaigns-flow-section {
background-position: 100% 401px
}
.page-section.tools-profiling-section.landingpage-profiling-section {
margin-bottom: -262px
}
.page-section.campaign-page-hero-bg,
.page-section.campaign-page-hero-bg.solution-page-hero-bg.agency-page-hero-section {
padding-top: 20px
}
.page-section.personalization-hero-bg.personalization-hero-bg-1 {
background-size: cover
}
.page-section.personalization-hero-bg.personalization-hero-bg-1.campaigns-index-hero-bg {
background-image: url(assets/images/others/5ef3c715cfbf75a399c7298c_Library_shapes_bg_hm-topleft-mini.png);
background-position: -6% 9%;
background-repeat: no-repeat;
background-size: 285px
}
.page-section.playbooks-hero-bg.playbooks-hero-bg-1 {
background-size: cover
}
.page-section.cta-content-section {
padding-left: 40px;
padding-right: 40px
}
.navbar-navlink-light.smooth.sf-font-roboto {
color: #143c6b
}
.navbar-navlink-light.smooth.sf-font-roboto:hover {
color: #1185ff
}
.navbar-navlink-light.smooth.sf-font-roboto.navbar-navlink-light-blog {
display: block
}
.hero-h2.light-text.sf-font-proxima.smooth {
font-size: 48px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2 {
line-height: 58px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2.partner-hero-h2 {
font-size: 45px
}
.hm-hero-tab-menu {
max-width: 100%
}
.hm-hero-tab-content {
max-width: 100%;
margin-top: 37px
}
.hm-hero-tab-link {
min-width: 50%;
max-width: 50%
}
.hm-hero-tab-link.w--current {
max-width: 40%
}
.hm-hero-tab-link.hm-hero-tab-link-m {
display: none
}
.hm-hero-tab-content-img {
min-width: auto
}
.hm-hero-tab-menu-link.sf-font-roboto.smooth {
padding-top: 9px;
padding-left: 0;
line-height: 27px
}
.hm-hero-tab-menu-col {
padding-right: 0
}
.div-body-content,
.div-body-content.hm-section-17-body-content.hm-community-body-content {
margin-left: 30px;
margin-right: 30px
}
.div-body-content.recipe-body-content {
padding-left: 36px;
padding-right: 36px
}
.div-body-content.tool-hero-body-content.personalization-hero-body-content {
margin-bottom: -59px
}
.div-body-content.tool-section-6-body-content {
margin-bottom: 102px
}
.div-body-content.tools-automation-body-content {
margin-bottom: -103px;
padding-left: 26px;
padding-right: 26px
}
.div-body-content.tools-automation-body-content.stickybar-automation-body-content {
margin-bottom: -98px
}
.div-body-content.tools-automation-examples-body {
margin-top: 161px
}
.div-body-content.tool-personalization-body-content {
margin-top: 147px
}
.div-body-content.tool-personalization-body-content.landingpage-personalization-body-content {
margin-top: 210px
}
.div-body-content.embed-div-body-content {
margin-top: 41px;
padding-left: 26px;
padding-right: 26px
}
.div-body-content.embed-div-body-content.personalization-embed-body-content {
margin-top: 37px
}
.div-body-content.tool-workflow-body-content {
margin-top: 210px
}
.div-body-content.tool-analytics-body-content.agency-retention-body-content {
margin-top: 50px
}
.div-body-content.cta-template-list-body-content.integration-index-list-body-content {
padding-left: 31px;
padding-right: 31px
}
.div-body-content.cta-template-hero-body-content.template-category-hero-body-content.templates-hero-body-content {
margin-top: 120px
}
.div-body-content.tool-popup-styles-body-content.campaigns-example-flows-body-content {
margin-bottom: 19px
}
.div-body-content.tool-design-body-content,
.div-body-content.campaigns-ctas-body-content,
.div-body-content.customer-story-body-content,
.div-body-content.personalization-grow-body-content {
margin-bottom: 121px
}
.div-body-content.hm-launch-features-div {
padding-left: 10px;
padding-right: 10px
}
.div-body-content.home-platform-content {
margin-top: 75px
}
.div-body-content.write-for-us {
margin-left: 5%;
margin-right: 5%
}
.div-body-content.faq-content {
margin: 80px 5% 40px
}
.section-title-blue.integration-hero-h2.center-text.sf-font-roboto.smooth.personalization-hero-section-title {
margin-left: 0
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth {
font-size: 40px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth.popup-hero-headline.personalization-hero-headline {
margin-left: 0
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.campaigns-broadcast-howitworks-h2 {
text-align: center;
margin-top: 82px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.campaigns-broadcast-howitworks-h2.white-headline.campaign-flows-howitworks-headline {
margin-top: 45px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.hm-section-2-subheadline.campaign-example-flows-subheadline {
margin-bottom: 36px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.integration-hero-subheadline.light-blue-subheadline.personalization-hero-subheadline {
margin-left: 0
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-trigger-subheadline {
margin-bottom: 59px
}
.cf2-section-subheadline.sf-font-roboto.smooth.personalization-convert-subheadline {
max-width: 520px
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase.white.launch-stack-headline.autopilot-incldued-prehead {
margin-top: -6px
}
.div-tool-box {
margin-bottom: 32px
}
.div-tools-row {
margin-top: 0;
margin-bottom: 0
}
.div-tool-box-link {
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-browser-big.tool-hero-img-div.campaign-hero-box {
margin-bottom: -170px
}
.big-browser-img {
max-width: 100%
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1.agency-leadgen-img {
margin-top: -24px
}
.big-browser-img.small-browser-left.personalization-grow-img {
margin-left: -81px;
margin-right: auto;
display: block
}
.big-browser-img.dark-shadow.campaign-flow-hero-img {
margin-left: auto
}
.div-block-content-left.tools-contacts-content-left {
padding-top: 117px
}
.div-block-content-left.tool-personalization-content-left.stickybar-personalization-content-left {
padding-top: 0
}
.div-block-content-left.campaigns-block-content-left {
padding-top: 43px
}
.div-block-content-left.campaigns-block-content-left.solutions-block-content-right.partners-section-two-content-block-right,
.div-block-content-left.campaigns-top-block-content-left.agency-top-block-content-left,
.div-block-content-left.campaigns-top-block-content-left.agency-top-block-content-left.ecommerce-top-block-content-left {
padding-top: 0
}
.div-block-bg-right.tool-personalization-block-bg-right {
min-width: 0
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right.agency-div-block-bg-right.partners-div-block-bg-right {
margin-left: 37px
}
.div-block-bg-right.campaigns-div-block-bg-right.blob-blue-bg.campaign-broadcast-img-top {
margin-top: -33px
}
.div-block-bg-right.campaigns-div-block-bg-right.blob-blue-bg.campaign-broadcast-img-top.agency-leadgen-img-bg {
margin-top: 7px
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right {
margin-top: 54px;
margin-left: 140px
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right.ecommerce-top-block-bg-right {
margin-left: 0
}
.div-block-bg-right.personalization-example-block-bg-right.personalization-example-browser-bg.personalization-example-block-left {
margin-left: -65px
}
.div-block-bg-right.hm-create-block-bg-right {
min-width: 700px;
margin-top: 34px
}
.div-block-button.template-secondary-cta-block {
padding-top: 19px;
padding-bottom: 46px
}
.secondary-cta-button.centered-button.sf-font-roboto.smooth.tools-hero-cta {
z-index: 500;
position: relative
}
.secondary-cta-button.cta-hero-button {
float: none
}
.div-block-bg-left.tool-section-6-content-left {
min-width: 0;
max-height: 520px;
margin-left: 0;
margin-right: 0;
padding-bottom: 0
}
.div-block-bg-left.personalization-grow-block-bg-left {
min-width: 100%;
margin-left: 0
}
.div-block-content-right.tool-section-6-content-right {
padding-top: 47px
}
.div-block-content-right.personalization-content-right.grow-content-right {
padding-top: 17px
}
.browser-example.stickybar-targeting-browser {
min-width: 100%;
margin-top: 0;
margin-bottom: 1px
}
.slider-targeting.tool-form-targeting-slider.stickybar-targeting-slider {
min-height: 470px
}
.slider-targeting-hook-img.agency-featured-hook,
.slider-targeting-visitor-content.hm-slider-targeting-box {
display: none
}
.slider-visitor-img {
margin-top: 52px
}
.slider-visitor-img.visitor-mike {
margin-top: 232px
}
.section-colab-feature-box {
margin-bottom: 26px
}
.section-colab-feature-box.campaign-feature-box {
margin-left: auto;
margin-right: auto;
display: block
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box {
max-width: 250px
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box.partner-section-2-feature-box.partner-matching-feature-box,
.section-colab-feature-box.campaign-feature-box.agency-feature-box.partners-section-3-marketing-featurebox.small-feature-bo {
margin-left: 0
}
.section-colab-feature-box.hm-feature-box {
max-width: 280px
}
.section-colab-feature-box.hm-colab-feature-box {
max-width: 380px;
margin-left: auto;
margin-right: auto;
display: block
}
.section-colab-feature-box.agency-colab-feature-box {
max-width: 250px;
margin-left: auto;
margin-right: auto
}
.section-colab-feature-box.agency-colab-feature-box.partners-perks-feature-box {
max-width: 100%
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title {
text-align: center
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title.feature-title-white {
text-align: left;
max-width: 100%
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title.partner-feature-title {
text-align: left
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description {
text-align: left;
max-width: none
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.light-blue-description {
text-align: left;
max-width: 100%
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.campaign-flow-tab-description {
text-align: left
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label.pricing-plan-bullet-link.pricing-free-bullet-link.agency-pricing {
color: var(--black);
text-align: left;
margin-left: 20px
}
.colab-feature-description.sf-font-roboto.smooth.hm-colab-feature-description {
max-width: 300px
}
.hm-customer-photos {
min-width: 1100px;
margin-top: -204px;
margin-left: 79px
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded {
padding-bottom: 17px
}
.cf2-customer-logo-1.cf2-customer-logo-2.nectar {
max-width: 125px;
margin-top: 0
}
.cf2-customer-logo-1.cf2-customer-logo-4.agency-logo-4 {
margin-top: 40px;
margin-bottom: -21px
}
.cf2-testimonial-box.cf2-testimonial-bubble {
min-height: 250px
}
.div-block-recipe-hero {
padding-left: 36px;
padding-right: 36px
}
.recipe-hero-content-left-box.template-category-hero-box.templates-hero-left-content-box {
margin-left: 0;
margin-right: 0
}
.recipe-hero-image-right {
min-width: 0;
margin-left: 0
}
.div-block-sub-page-nav {
margin-left: 15px;
margin-right: 15px
}
.div-block-sub-page-nav.campaigns-breadcrumbs {
width: 90%
}
.div-block-hero-integration-icons.integration-hero-icons-box {
margin-bottom: 20px
}
.recipe-integration-descriptions-div {
border: 1px solid #e8f1ff;
margin-top: 47px;
padding-top: 42px;
padding-bottom: 0;
padding-right: 37px
}
.integration-details-link.dark {
font-size: 18px
}
.cf2-integration-list-item-div.integration-index-list-item-div {
max-width: 100%;
min-height: 0
}
.cf2-integration-list-item-div.zapier-item {
max-width: 380px
}
.integration-list-item-logo.zapier-item-logo {
margin-left: 0
}
.integration-list-item-p.sf-font-roboto.smooth {
min-height: auto
}
.integration-list-item-p.sf-font-roboto.smooth.zapier-item-p {
text-align: left
}
.integration-list-item-button.zapier-item-button {
margin-left: 0
}
.cf2-integration-collection-item.integration-index-collection-item {
max-width: 100%
}
.template-browser-iframe-block {
max-height: 1100px
}
.template-browser-iframe {
margin-top: -678px;
margin-bottom: 0;
margin-left: -148px;
transform: scale(.661)
}
.template-list-item-div.cta-template-list-item-div {
display: inline-block
}
.template-list-item-title {
font-size: 22px;
line-height: 28px
}
.template-list-item.cta-template-list-item {
min-width: 250px;
max-width: 275px;
display: inline-block
}
.navbar-logo-dark.navbar-default-logo-dark {
margin-left: 0
}
.subnav-white-inner-block {
max-width: 100%
}
.navbar-dark-mobile-icon {
color: #fff
}
.navbar-dark-mobile-icon.w--open {
color: #143c6b;
background-color: #fff
}
.navbar-dark-mobile-icon.navbar-default-mobile-icon {
color: #143c6b;
padding-top: 23px;
padding-bottom: 23px
}
.navbar-mobile-navmenu {
background-color: #fff
}
.navbar-navlink-dark.smooth.sf-font-roboto.navbar-navlink-dark-blog-mobile {
display: block
}
.tool-section-3-tab-content {
float: none;
min-width: 0;
max-width: 100%;
margin-left: 0;
overflow: visible
}
.tool-section-3-tab-content.tool-design-tab-content-block {
min-width: 100%;
margin-left: 0
}
.tool-section-3-tab-menu {
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 9px;
display: block
}
.tool-section-3-tab-menu.tool-design-tab-menu {
margin-top: 0;
position: static
}
.tool-section-3-tab-menu-link.sf-font-roboto.smooth,
.tool-section-3-tab-menu-link.sf-font-roboto.smooth.w--current {
width: 47%
}
.tool-mobile-img {
min-width: 700px;
margin-left: -99px
}
.tools-forms-skip-logic-img {
min-width: 0
}
.tools-automation-img {
min-width: 0;
margin-left: 0
}
.tool-profiling-row-div {
transform: scale(1)
}
.tool-profiling-img.profiling-hook {
margin-bottom: 60px
}
.tool-profiling-img.profiling-overlay {
margin-bottom: 70px
}
.tool-profiling-img.profiling-overlay.profiling-overlay-mobile {
min-width: 644px
}
.tool-embed-tab-content {
max-width: 100%;
margin-top: 0;
margin-right: 0
}
.tool-embed-tab-content.tool-triggers-tab-content {
max-width: 100%;
margin-top: 43px
}
.tool-embed-tab-content.quiz-embed-tab-content,
.tool-embed-tab-content.quiz-embed-tab-content.personalization-tab-content {
margin-top: 0
}
.tool-embed-tab-content.campaign-flows-tab-content {
min-width: 0;
max-width: 100%;
margin-right: 0;
padding-left: 0
}
.tool-embed-tab-content.campaign-flows-tab-content.solution-leadgen-tab-content {
min-width: 100%;
margin-left: 0
}
.tool-embed-content-img.campaigns-flow-tab-content-img {
max-width: 667%
}
.tool-embed-content-img.campaigns-flow-tab-content-img.agency-sales-funnel-img {
min-width: 500px;
max-width: 500px;
margin-bottom: 0
}
.tool-embed-content-img.solution-leadgen-tab-img.agency-leadgen-img-1 {
max-width: 640px;
margin-left: 0
}
.tool-embed-tab-menu {
max-width: 100%;
min-height: 210px;
margin-top: -65px
}
.tool-embed-tab-menu.campaigns-flow-tab-menu {
max-width: 100%;
margin-bottom: 73px;
padding-left: 0
}
.tool-embed-tab-menu.campaigns-flow-tab-menu.solution-leadgen-tab-menu {
padding-right: 0
}
.tool-advanced-feature-box {
margin-bottom: 18px
}
.tool-workflow-tab-menu {
max-width: 100%;
margin-top: 52px
}
.tool-workflow-tab-menu.browser-showcase-tabs.saas-browser-showcase-tabs {
margin-top: 50px
}
.tool-workflow-tab-content {
max-width: 100%
}
.tool-workflow-tab-content-img.hm-collaboration-featured-img {
margin-bottom: -170px
}
.tool-personalize-img {
min-width: 800px;
margin-top: 3px;
margin-left: -73px
}
.tool-integration-list-tool {
max-width: 360px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-integration-list-tool.integration-index-list-tool {
max-width: 100%
}
.tool-integration-list-tool.template-cta-integration-list {
max-width: none
}
.cta-template-list-content-right.integration-index-list-content-right {
padding-left: 39px
}
.cta-template-list-content-right.template-category-list-content-right.cta-index-container {
width: 100%;
max-width: 1000px
}
.tool-trigger-tab-img {
min-width: 100%
}
.tool-popups-multi-step-content-block {
margin-bottom: -194px
}
.tool-popups-multi-step-content-block.tool-forms-multistep-content-block {
margin-bottom: 117px
}
.popups-multistep-inner-content {
margin-bottom: 57px
}
.popup-multistep-hook.stickbar-multistep-img.stickybar-multistep-1,
.popup-multistep-hook.stickbar-multistep-img.stickybar-multistep-2 {
max-width: 100%;
margin-left: auto
}
.tool-design-featured-img {
min-width: 0;
margin-top: 0
}
.form-fields-img-block.light-blue-bg {
min-width: 100%;
max-width: 100%
}
.form-fields-img-block.light-blue-bg.form-actions-img-block {
max-height: 410px
}
.field-mapping-img {
min-width: 0
}
.form-actions-img {
min-width: 900px;
margin-top: 0;
margin-left: -180px
}
.campaign-hero-img {
min-width: 0;
margin-top: 0;
margin-left: auto
}
.customer-story-content-block-right {
padding-top: 33px
}
.customer-story-content-block-right.pricing-customer-story-content-block-right {
max-width: none
}
.customer-story-customer-name.sf-font-roboto.smooth {
left: -38px
}
.personalization-hero-slider-box {
margin-top: 0
}
.personalization-hero-slide-img {
min-width: 90%;
max-width: 90%
}
.personalization-hero-slide-visitor-img {
min-width: 50%;
max-width: 50%;
margin-right: 25px
}
.personalization-hero-slider {
min-width: 120%;
min-height: 630px;
margin-left: -68px
}
.personalization-example-inner-block.personalization-jane-block {
margin-top: -128px
}
.personalization-path-arrow-mobile {
margin-bottom: 65px;
margin-left: auto;
margin-right: auto;
display: block
}
.personalization-path-arrow-mobile.visitors-arrow {
margin-top: 32px
}
.cf2-pricing-div-block {
width: auto
}
.cf2-pricing-div-block.pricing-2021-div-block {
width: 100%
}
.cf2-pricing-div-block.pricing-2022-div-block._2023 {
width: 100%;
margin-top: 15px;
overflow: visible
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-pro {
min-height: 0
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-pro.pricing-2021-plan-benefits-block {
padding-left: 20px;
padding-right: 20px
}
.pricing-plan-benefits-block.pricing-plan-benefits-block-free,
.pricing-plan-benefits-block.pricing-plan-benefits-block-business {
min-height: 0
}
.pricing-plan-benefits-block.pricing-2021-plan-benefits-block.benefits-block-business,
.pricing-plan-benefits-block.pricing-2021-plan-benefits-block.benefits-block-free {
padding-left: 20px;
padding-right: 20px
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block,
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block._2023 {
height: 500px;
min-height: auto
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block._2023.q3 {
height: 500px
}
.pricing-callout-box {
min-height: 375px;
margin-right: 0;
padding-left: 20px;
padding-right: 20px
}
.pricing-comparision-table-block {
margin-left: -18px;
margin-right: -18px;
padding-left: 0;
padding-right: 0
}
.pricing-comparison-table {
width: 740px
}
.hm-featured-video {
min-width: 608px;
margin-left: 0
}
.hm-featured-video.hm-create-video {
min-width: 500px
}
.hm-featured-video.hm-create-video.solution-featured-video {
min-width: 500px;
display: block
}
.hm-featured-video.popups-triggers-video {
min-width: 100%
}
.hm-featured-video.hm-featured-video-m {
margin-top: -25px
}
.hm-big-headline-box {
margin-bottom: -61px
}
.feature-icon-box.agency-feature-icon-box {
text-align: center
}
.hm-hero-tabs {
display: block
}
.template-cta-content-block {
padding-right: 0
}
.template-automations-slider.template-integrations-slider {
max-height: 550px
}
.template-automations-slider-nav,
.template-automations-slider-left-arrow,
.template-automations-slider-right-arrow {
margin-top: 15px
}
.template-category-menu-tab-link {
display: block
}
.text-block-5.pricing-2021-for {
display: none
}
.div-block-testimonials-row {
min-width: 0
}
.solution-overview-benefit-box {
margin-bottom: 16px
}
.solution-feature-link-box {
text-align: center;
margin-bottom: 57px
}
.solution-testimonial-inner-box {
margin-bottom: 35px
}
.solution-testimonial-img {
border-bottom: 1px solid #bdeeff
}
.video-play-btn-overlay-div {
display: none
}
.partners-hero-div {
min-width: 850px;
margin-top: 15px;
margin-left: -33px
}
.partners-section-three-big-box {
min-width: 100%;
margin-bottom: 68px
}
.partners-section-three-big-box.small-box {
margin-bottom: 68px
}
.partners-section-3-marketing-img.drop-img-below.partners-matching-img {
margin-bottom: 42px;
margin-left: auto;
margin-right: auto;
display: block
}
.partners-section-3-columns-div {
min-width: 100%;
margin-top: 41px
}
.partners-section-4-matching-div {
max-width: 100%
}
.partners-section-5-div {
min-width: 100%
}
.blog-nav {
display: none
}
.blog-post-image {
width: 100%
}
.blog-post-content-wrapper {
padding-bottom: 25px
}
.blog-post-content-richtext {
width: 100%;
max-width: 800px;
padding-left: 30px;
padding-right: 30px
}
.blog-post-content-headline,
.blog-post-content-creator {
padding-left: 30px;
padding-right: 30px
}
.blog-post-creator-about {
text-align: center
}
.blog-post-creator-about-column {
text-align: left;
margin-top: 0;
padding-top: 30px
}
.blog-post-creator-avatar {
margin-left: auto;
margin-right: auto
}
.blog-post-creator-about-container {
padding-top: 0;
padding-right: 0
}
.blog-post-creator-about-name,
.blog-post-creator-about-title {
text-align: center
}
.blog-post-suggested-post.w--current {
margin-bottom: 20px
}
.blog-post-suggested-post-title.sf-font-roboto {
min-height: 130px;
max-height: 130px;
line-height: 25px
}
.blog-post-suggested-creator-name,
.blog-post-suggested-creator-title {
padding-left: 20px
}
.blog-post-suggested {
width: 50%
}
.blog-post-footer-comments {
margin-left: 30px;
margin-right: 30px
}
.blog-post-featured-overlay {
height: 350px
}
.blog-posts-new {
padding-left: 60px;
padding-right: 60px
}
.blog-posts-new-wrapper {
margin-left: -95px
}
.blog-posts-new-subheadline.blog-posts-topic-link {
float: left;
padding-left: 0
}
.blog-posts-playbooks-overlay {
display: none
}
.blog-post-playbooks-container {
padding-left: 10px;
padding-right: 10px
}
.partner-program-story-div {
min-height: 300px;
margin-bottom: 30px;
padding-top: 245px;
padding-bottom: 40px
}
.partner-program-story-div.pp-story-eric {
padding-top: 272px
}
.campaigns-header {
padding-left: 30px;
padding-right: 30px
}
.campaigns-body-content {
width: 100%;
margin-left: auto
}
.campaigns-body-content-examples {
width: 100%;
min-width: 0;
margin-left: 0
}
.campaigns-sidebar-inner {
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: none
}
.campaigns-sidebar {
display: none
}
.campaigns-index-filter-item {
float: left
}
.content-index-hero {
width: 170%
}
.campaigns-index-hero-col1 {
padding-top: 0;
padding-left: 30px;
padding-right: 0
}
.campaigns-item-featured {
width: 90%
}
.browser-showcase {
width: 700px;
padding-top: 50px
}
.browser-showcase-bg {
width: 665px;
height: 95%
}
.browser-showcase-img-optin.browser-showcase-img-contentupgrade {
width: 500px;
padding-top: 100px
}
.default-button.nav-cta-button.cta-27245-trigger.mobile,
.default-button.nav-cta-button.mobile {
margin-right: 30px
}
.default-button.dark.wider.blue.blue-button.launch-pricing-button {
text-align: center
}
.default-button.blue-button.pricing-free-plan-button {
margin-left: 0
}
.default-button.mobile-nav-dropdown-cta {
box-shadow: none;
color: #fff;
text-align: center;
border: 2px solid #191a1b;
border-radius: 5px;
padding-top: 13px;
padding-bottom: 13px;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400;
display: block
}
.default-button.mobile-nav-dropdown-cta.secondary {
color: #191a1b;
background-color: #0000
}
.nav-menu-3 {
background-color: #fff;
padding: 20px 0;
box-shadow: 0 30px 30px -30px #0003
}
.general-container.spaced {
padding-top: 100px;
padding-bottom: 10px
}
.general-container.reduced-padding {
margin-bottom: -60px;
padding-top: 100px
}
.general-container.extra-wide-container.integrations-points {
max-width: 600px
}
.dropdown-block {
margin-bottom: 30px
}
.dropdown-block.first {
border-right-width: 0;
margin-right: 0;
padding-right: 0
}
.dropdown-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr
}
.nav-cta-block {
top: 10px;
right: 73px
}
.navbar-2 {
height: 65px;
padding-top: 0;
padding-left: 20px;
padding-right: 0
}
.dropdown-list-2.w--open {
box-shadow: none;
border-top-width: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 18px;
position: static
}
.logo-link-block {
top: 13px;
left: 27px
}
.small-dropdown-grid {
margin-top: 0;
display: block
}
.dropdown-link-title {
margin-bottom: 2px
}
.nav-link {
color: #191a1b;
display: block
}
.nav-link:hover {
color: #003fff
}
.menu-button-3 {
color: #191a1b;
text-align: center;
width: 65px;
height: 65px;
padding: 16px 0 0;
font-size: 37px
}
.menu-button-3.w--open {
color: #000;
background-color: #fff
}
.hero-bg-shape.compare-1 {
left: -240px
}
.hero-bg-shape.compare-2 {
height: 370px;
bottom: -170px
}
.hero-text-wrapper {
max-width: 660px
}
.hero-text-wrapper.wider-2 {
text-align: left;
max-width: 600px
}
.hero {
min-height: 840px;
padding-bottom: 363px
}
.hero.home-hero {
padding-top: 100px;
padding-bottom: 363px
}
.hero.home-hero-black {
height: auto;
min-height: auto;
padding-top: 100px;
padding-bottom: 363px
}
.hero.home-hero-black.pricing-hero {
min-height: 1000px;
padding-bottom: 40px
}
.hero.home-hero-black.pricing-hero._2024 {
padding-bottom: 50px
}
.page-intro-paragraph {
font-size: 18px
}
.page-intro-paragraph.tools-hero-subhead {
text-align: center
}
.hero-title {
font-size: 57px;
line-height: 67px
}
.hero-title.hero-title-small {
font-size: 50px
}
.embed-wrapper {
min-height: 390px
}
.video-wrapper {
margin-top: -450px
}
.general-section {
padding: 60px 30px
}
.general-section.visual-builder-section.launch-video-section.launch-case-studies-section {
padding-top: 96px
}
.general-section.templates-section {
padding-left: 0;
padding-right: 0
}
.general-section.community-section {
background-position: 50% 20%;
background-size: 1100px;
padding-bottom: 100px
}
.general-section.community-section.vertical-margin {
margin-top: 50px
}
.general-section.with-color-element {
padding-left: 10px;
padding-right: 10px
}
.general-section.tools-bottom-cta {
margin-bottom: -34px
}
.intro-paragraph {
font-size: 18px
}
.intro-paragraph.white.launch-ecom-intro-paragraph.launch-ecom-promo-intro-p {
max-width: 630px;
margin-left: auto;
margin-right: auto
}
.block-title {
margin-bottom: 12px;
font-size: 22px
}
.block-title.small {
margin-bottom: 8px;
font-size: 13px;
line-height: 20px
}
.block-title.smaller {
font-size: 13px;
line-height: 20px
}
.block-title.large {
line-height: 38px
}
.services-grid {
grid-column-gap: 20px;
grid-row-gap: 20px
}
.services-grid.integrations-page {
grid-row-gap: 10px
}
.content-block {
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px
}
.section-title-wrapper.visual-builder-wrapper {
max-width: 650px
}
.section-title-wrapper.templates-title-wrapper {
padding-left: 10px;
padding-right: 10px
}
.section-title-wrapper.community-title-wrapper {
max-width: 660px
}
.section-title-wrapper.why-switch {
max-width: 650px;
margin-bottom: 50px
}
.section-title-wrapper.left-aligned {
max-width: 100%;
padding-left: 3.5%;
padding-right: 3.5%
}
.section-title-wrapper.left-aligned.tools-hero {
text-align: center;
max-width: 100%
}
.section-title-wrapper.left-aligned.launch-hero-left-section {
max-width: 100%
}
.section-title-wrapper.left-aligned.no-auto-left.extra-top-margin.extra-extra {
margin-top: 0
}
.section-title-wrapper.left-aligned.what-is {
max-width: 700px
}
.section-title-wrapper.color-section-wrapper {
max-width: 650px
}
.section-title-wrapper.color-section-wrapper.launch-pricing-title-wrapper.launch-ecom-pricing-title-wrapper {
margin-bottom: 31px;
padding-left: 54px;
padding-right: 54px
}
.section-title-wrapper.on-page {
width: 100%;
max-width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 5%;
padding-right: 5%
}
.section-title-wrapper.right-aligned {
max-width: 100%;
padding-left: 0%;
padding-right: 0%
}
.section-title-wrapper.right-aligned.no-padding-left {
max-width: 100%;
padding-left: 0%
}
.section-title-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top {
margin-top: 4px
}
.section-title-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 15px;
padding-left: 3.5%
}
.section-title-wrapper.left-aligned---thinner {
max-width: 100%;
padding-left: 0%;
padding-right: 0%
}
.section-title-wrapper.wide.section-wrapper-spacing,
.section-title-wrapper.section-wrapper-spacing,
.section-title-wrapper.wide.section-wrapper-spacing {
margin-bottom: 40px
}
.section-title {
font-size: 40px;
line-height: 43px
}
.service-link-block.split {
margin-bottom: 20px
}
.intro-title {
font-size: 17px
}
.wide-container {
padding-left: 0;
padding-right: 0
}
.block-subtitle {
font-size: 14px;
line-height: 22px
}
.block-subtitle.small {
max-height: 60px;
font-size: 12px;
line-height: 20px
}
.read-more-title.smaller {
font-size: 14px
}
.case-person-image {
max-height: 110%
}
.text-wrapper {
padding: 21px
}
.text-wrapper.template-text-version {
height: 50%;
padding-left: 15px
}
.quote-wrapper {
width: 90%;
padding-left: 230px
}
.quote-wrapper.quote-wrapper-slim.no-avatar.wide.top-margin {
margin-top: 50px
}
._3-highlights-grid {
grid-column-gap: 50px
}
._3-highlights-grid.cf-page,
._3-highlights-grid.dark_bg {
width: 100%;
padding-left: 0
}
.browser-bg-shape.on-top {
height: 80px;
right: 20px
}
.browser-wrapper.narrow {
width: 95%;
margin-left: auto;
margin-right: auto
}
.template-preview-wrapper {
height: 320px
}
.template-preview-image {
height: 50%;
min-height: auto
}
.footer-top-grid {
grid-template-columns: .5fr .75fr
}
.footer-link {
font-size: 11px
}
.footer-title {
max-width: 310px;
line-height: 26px
}
.footer-block-title {
font-size: 15px
}
.handwritten-text {
height: 33px
}
.header-buttons-wrapper {
margin-top: 30px
}
.subpage-title {
text-align: center;
font-size: 39px;
line-height: 50px
}
.subpage-title.restricted-w {
max-width: 600px
}
.subpage-title.restricted-w.large {
font-size: 57px;
line-height: 67px
}
.subpage-title.restricted-w.large.white {
max-width: 700px
}
.page-header {
padding-top: 120px
}
.subpage-subtitle-wrapper {
max-width: 580px
}
.section-color-fill.blue-tint {
padding-top: 80px
}
.compare-table-column.light.bottom-column {
padding-left: 16px;
padding-right: 16px
}
.compare-table-logo {
height: 24px
}
.compare-table-logo.alt-logo {
height: 19px
}
.compare-table-main-wrapper {
width: 100%
}
.small-bg-shape.table-top-right {
height: 320px;
top: -170px;
right: -120px
}
.small-bg-shape.table-bottom-left {
bottom: -170px
}
.small-bg-shape.campaign-2 {
height: 80px;
right: 54px
}
.small-bg-shape.personalize-2 {
top: -207px;
left: -255px
}
.small-bg-shape.personalize {
height: 410px;
bottom: -149px
}
.small-bg-shape.personalize-3 {
height: 70px;
bottom: -40px
}
.small-bg-shape.automate {
min-width: 140%;
bottom: -199px
}
._2-column-grid {
grid-column-gap: 10px
}
._2-column-grid.reverse {
padding-right: 30px
}
._2-column-grid.flex {
flex-direction: column;
display: flex
}
._2-column-grid.reversed {
flex-direction: column-reverse;
display: flex
}
.blog-post-creator-bio,
.blog-post-creator-links {
text-align: center
}
.creator-page-bio {
padding-left: 20px;
padding-right: 20px
}
.page-section-2.hiw {
padding-top: 20px;
padding-bottom: 50px
}
.page-section-2.templates {
padding-top: 60px;
padding-bottom: 40px
}
.page-section-2.guides-doc {
padding-top: 30px;
padding-bottom: 50px
}
.page-section-2.guides {
padding-bottom: 15px
}
.page-section-2.contained {
padding-left: 5%;
padding-right: 5%
}
.page-section-2.split {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 1.5%
}
.page-section-2.split.reverse {
padding-top: 60px;
padding-bottom: 40px;
padding-right: 1.5%
}
.page-section-2.padding {
padding-top: 20px;
padding-left: 5%;
padding-right: 5%
}
.page-section-2.dark {
padding-top: 5px;
padding-bottom: 5px
}
.page-section-2.dark-contained {
padding-bottom: 40px;
padding-left: 5%;
padding-right: 5%
}
.page-section-2.icon-split {
padding-left: 5%;
padding-right: 5%
}
.page-section-2.spacing {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 1.5%
}
.sub-page-link.right {
margin-left: 20px
}
.sub-page-nav-right.guide {
display: none
}
.sub-page-nav {
margin-right: 5px
}
.logo-col-individual {
margin-bottom: 25px
}
.logo-cols {
flex-wrap: wrap;
display: flex
}
._2-column-flex {
grid-column-gap: 10px;
flex-direction: column
}
.intro-paragraph-2 {
font-size: 18px
}
.intro-paragraph-2.integration {
min-height: 110px;
font-size: 16px;
line-height: 26px
}
.intro-paragraph-2.guide-doc {
font-size: 16px;
line-height: 24px
}
.bg_image.wider {
width: 100%;
max-width: 100%
}
.bg_image.z-index {
max-width: 95%;
margin-left: auto;
margin-right: auto
}
.bg_image.funnel {
width: 104%;
max-width: 103.5%;
margin-bottom: -20px;
margin-left: auto;
margin-right: auto
}
.bg_image.funnel.playbook-left.support {
max-width: 100%;
margin-bottom: 0
}
.bg_image.funnel.segments-woman {
margin-bottom: 50px;
padding-top: 0
}
.bg_image.segment-plus {
width: 100%;
max-width: 100%
}
.bg_image.funnel-hero-blk.list-growth-hero {
margin-left: auto;
margin-right: auto
}
.bg_image.campaign-services-hero {
margin-left: 0
}
.bg_image.hero-left-quiz {
width: 100%
}
.bg_image.hero-left-quiz.upsell {
width: 110%
}
.bg_image.video.tool-page-hero {
width: 750px;
height: 0;
margin-left: auto;
margin-right: auto
}
.intro-title-2 {
margin-bottom: 15px;
font-size: 17px
}
.column-block-2.tools-section-column {
order: 1
}
.hero-section {
padding: 30px 1.5%
}
.hero-section.pro {
padding-top: 120px;
padding-bottom: 70px
}
.hero-section.business {
padding-top: 150px;
padding-bottom: 50px
}
.hero-section.tool-hero {
background-size: 600px;
padding-top: 120px;
padding-bottom: 50px
}
.hero-section.solutions {
padding-top: 150px;
padding-bottom: 50px
}
.hero-section.tool-hero-light {
padding-top: 30px
}
.right-column-wrapper {
margin-top: 40px
}
.right-column-wrapper.flex {
width: 100%;
margin-top: 40px
}
.right-column-wrapper.flex.flip-on-mobile {
order: 1
}
.right-column-wrapper.flex.autopilot {
width: 100%
}
.right-column-wrapper.middle-position,
.right-column-wrapper.wide-flex {
width: 100%;
margin-top: 40px
}
.right-column-wrapper.embed {
width: 100%
}
.color-container {
margin-top: 45px;
padding: 70px 5%
}
.color-container.launch-package-container.launch-ecom-package-container.autopilot {
overflow: hidden
}
.middle-right-shape {
right: -30px
}
.section-title-2 {
font-size: 40px;
line-height: 46px
}
.top-left-shape {
left: -30px
}
.section-feature {
font-size: 18px
}
.lower-shape {
display: none
}
.integrations-holder {
flex-wrap: wrap
}
.integrations-block {
width: 47.5%;
margin-bottom: 45px
}
.cf-h4 {
font-size: 26px
}
.cf-integration-box.activity.personalize {
margin-left: 6px
}
.cta-block {
padding-top: 60px;
padding-bottom: 60px
}
.white-subheader {
margin-bottom: 20px;
font-size: 18px
}
.dark-subheader {
font-size: 18px
}
.template-holder {
width: 93.3%
}
.template-item {
width: 100%;
margin-left: 1.66%;
margin-right: 1.66%
}
.template-list-item-bg {
padding-top: 75px;
padding-bottom: 70px
}
.template-list-name {
font-size: 17px
}
.guide-doc-row {
margin-top: 40px
}
.guides-documentation {
width: 90%
}
.guide-doc-description {
font-size: 18px;
line-height: 26px
}
.guide-doc-logo {
width: 95px;
height: 95px
}
.integration-personalize-popups {
margin-left: 30px;
margin-right: 30px
}
.upper-information {
width: 68%
}
.template-item-2 {
width: 30%;
margin-left: 1.66%;
margin-right: 1.66%
}
.guide_image {
flex: none;
width: 160px;
height: 160px;
margin-right: 50px
}
.left_col {
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 100%;
margin-bottom: 50px;
padding-bottom: 0;
display: flex
}
.left_col.integration-guides {
display: none
}
.rte p,
.rte li {
font-size: 18px
}
.smaller-template-holder {
width: 104%
}
.template-list-item-bg-2 {
padding-top: 75px;
padding-bottom: 70px
}
.right_col {
width: 100%
}
.guide-container {
flex-direction: column
}
.integrations-wrapper {
padding-left: 6%;
padding-right: 6%
}
.integrations-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-left: 0%
}
.title-holder {
padding-left: 0%
}
.integration-guides-integration-mobile {
margin-top: 50px;
display: block
}
.faq-question-block {
min-width: 100%
}
.right-angled-bg.launch-hero.autopilot-hero {
margin-top: 0
}
.section-title-3 {
font-size: 40px;
line-height: 46px
}
.section-title-3.smaller {
max-width: 500px
}
.section-title-3.white.launch-section-3-title {
max-width: 600px
}
.section-title-3.smaller-2 {
max-width: 500px
}
.section-title-3.wider {
width: 100%
}
.section-title-3.smaller-text {
font-size: 30px
}
._wf-container {
padding-top: 30px
}
.head-wrapper {
margin-bottom: 60px
}
.quote-image-2 {
display: none
}
.full-width-image {
margin-top: -11px;
margin-bottom: -11px
}
._4-split-box {
width: 47.5%;
margin-bottom: 30px
}
._4-column-div {
flex-wrap: wrap;
margin-top: 0px
}
._4-column-div._2 {
margin-top: 45px;
padding-left: 3.5%;
padding-right: 3.5%
}
._4-column-div.fw-col,
._4-column-div._3 {
margin-top: 45px;
padding-left: 0%;
padding-right: 0%
}
._4-column-div.spaced-2 {
margin-top: 50px
}
.color-container-2 {
margin-top: 45px;
padding: 70px 5%;
overflow: hidden
}
.color-container-2.overflow-none {
padding-left: 1.5%;
padding-right: 1.5%
}
.overlay-image---2 {
max-width: 94%;
left: auto
}
.header-2 {
margin-top: 50px
}
.cta-holder.tools-hero-cta {
text-align: center
}
.cta-holder.tools-section-cta {
text-align: left
}
._4-split-block {
margin-bottom: 30px
}
.shape---bottom-right {
max-width: 320px;
right: -71px
}
._wf-container-2 {
padding-top: 30px
}
._wf-container-2.padding {
padding-top: 70px;
padding-left: 5%;
padding-right: 5%
}
._wf-container-2.why-convertflow-wrapper {
background-image: radial-gradient(circle closest-side, #003fff, #0000);
padding-top: 60px
}
._4-highlights-grid {
grid-column-gap: 50px
}
._4-highlights-grid.cf-business,
._4-highlights-grid.stats {
grid-template-columns: 1fr 1fr;
width: 100%;
padding-left: 0
}
.small-block {
width: 22%;
margin-bottom: 20px;
margin-right: 3%
}
.block {
top: -50px
}
.grid_flex {
justify-content: center;
padding-bottom: 35px
}
.colour-bg {
margin-top: 45px;
padding: 50px 5% 30px;
overflow: hidden
}
.right-overlay---image {
max-width: 76%
}
.half-split {
margin-top: 130px
}
.blog-post-content-richtext-intro {
width: 100%;
max-width: 800px;
padding-left: 30px;
padding-right: 30px
}
.footer-award-link {
max-width: 60px
}
.techstars {
margin-top: 17px
}
.product-hunt {
margin-top: 0
}
.integrations-stack-col-1 {
display: none
}
.tools-hero-review-wrapper {
text-align: left
}
.case-study-info-text {
font-size: 14px
}
.launch-hero-div {
margin-top: 0;
padding-right: 53px
}
.launch-hero-div.launch-ecom-hero-div {
margin-top: 0
}
.launch-package-box {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.pricing-tabs-wrapper {
overflow: visible
}
.launch-hero-ethan {
margin-top: -3%
}
.launch-list-growth-hero-div {
padding-left: 5%;
padding-right: 5%
}
.launch-business-campaigns-div {
margin-top: -64px
}
.launch-ecom-packages-columns {
object-fit: fill;
display: block
}
.product-image.autopilot-ecom-funnel {
max-width: 100%;
margin-left: 0%
}
.product-image.optimization {
margin-right: 0
}
.div-block-border-wrapped-arrow-bottom {
margin-bottom: -82px
}
.section-arrow-mid-to-left {
max-width: 50%;
margin-bottom: -61px
}
.section-arrow-left-to-right {
max-width: 80%;
margin: -35px auto -49px;
display: none
}
.section-arrow-middle-to-left-down {
max-width: 80%;
margin: -35px auto 27px;
display: none
}
.playbooks-index-hero-col1 {
padding-top: 0;
padding-left: 30px;
padding-right: 0
}
.content-index-filter-item {
float: left
}
.playbooks-post-image {
width: 100%
}
.playbooks-post-content-wrapper {
padding-bottom: 25px
}
.playbooks-post-content-headline {
padding-left: 30px;
padding-right: 30px
}
.playbooks-post-content-intro,
.playbooks-post-main-content {
width: 100%;
max-width: 800px;
padding-left: 30px;
padding-right: 30px
}
.playbooks-templates-section {
width: 100%;
min-width: 0;
margin-left: 0
}
.playbooks-post-content-creator {
padding-left: 30px;
padding-right: 30px
}
.playbooks-post-creator-about-column {
text-align: left;
margin-top: 0;
padding-top: 30px
}
.playbooks-post-creator-avatar {
margin-left: auto;
margin-right: auto
}
.playbooks-post-creator-about-name,
.playbooks-post-creator-about-title {
text-align: center
}
.playbooks-post-creator-about-container {
padding-top: 0;
padding-right: 0
}
.playbooks-post-creator-links,
.playbooks-post-creator-bio {
text-align: center
}
.content-hero-index-filter-item {
float: left
}
.campaigns-examples-section {
width: 100%;
min-width: 0;
margin-left: 0
}
.campaign-item {
width: 100%;
height: 410px;
margin-left: 1.66%;
margin-right: 1.66%;
overflow: hidden
}
.upper-campaign-info {
max-width: 100%
}
.campaign-list-name {
font-size: 17px
}
.campaign-list-name.ellipsis {
width: 100%
}
.campaign-list-subtitle,
.playbook-list-name {
font-size: 17px
}
.playbook-item {
width: 100%;
margin-left: 1.66%;
margin-right: 1.66%
}
.playbook-list-subtitle {
font-size: 17px
}
.templates-index-filter-item {
float: left
}
.hero-wrapper {
margin-top: -350px;
margin-bottom: 100px
}
.hero-title-slider {
margin-left: 0;
margin-right: auto;
display: block
}
.hero-title-slider-mask {
margin-bottom: 0
}
.hero-cta.cf-3-area-7 {
margin-bottom: 20px
}
.funnels-showcase-wrapper {
width: 600px;
margin-left: auto;
margin-right: auto;
display: flex
}
.case-study-marketer.title {
font-size: 14px
}
.case-study-marketer-avatar {
max-width: 40px
}
.get-started-block {
margin-left: 0;
margin-right: 0;
padding-left: 30px;
padding-right: 10px
}
.get-started-logo {
height: 15px
}
.get-started-logo.launch {
height: 40px
}
.dropdown-list-3.w--open {
box-shadow: none;
border-top-width: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 18px;
position: static
}
.dropdown-grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr
}
.small-dropdown-grid-3 {
margin-top: 0;
display: block
}
.dropdown-grid-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr
}
.nav-dropdown-col-2.third {
display: none
}
.dropdown-link-title-3 {
margin-bottom: 2px
}
.examples-index-filter-item {
float: left
}
.featured-read-top-text {
margin-bottom: 2px
}
.desktop-nav-wrapper {
display: none
}
.mobile-overlay {
z-index: 999;
background-color: #fff;
height: 100%;
padding-bottom: 40px;
padding-right: 0;
display: none;
position: fixed;
inset: 0% 0% auto;
overflow: auto
}
.mobile-nav-wrapper {
z-index: 1500;
background-color: #0000;
height: 65px;
display: block;
position: fixed;
top: 0%;
left: 0%;
right: 0%
}
.mobile-nav-wrapper.navbar-2-white {
background-color: #fff
}
.mobile-link {
z-index: 2000;
float: right;
flex-direction: column;
justify-content: center;
align-items: center;
height: 18px;
display: block;
position: relative;
top: 22px;
bottom: 0%;
right: 13px
}
.hamburger-top,
.hamburger-middle {
background-color: #191a1b;
border: 1px solid #191a1b;
border-radius: 10px;
width: 26px;
height: 4px;
margin-bottom: 5px;
padding-bottom: 0;
padding-right: 0
}
.hamburger-bottom {
background-color: #191a1b;
border: 1px solid #191a1b;
border-radius: 10px;
width: 26px;
height: 4px;
padding-bottom: 0;
padding-right: 0
}
/* 动画状态：汉堡变 X */
.hamburger.is-open .hamburger-top {
transform: translateY(9px) rotate(45deg);
}
.hamburger.is-open .hamburger-middle {
opacity: 0;
}
.hamburger.is-open .hamburger-bottom {
transform: translateY(-9px) rotate(-45deg);
}
/* 加上动画过渡 */
.hamburger-top,
.hamburger-middle,
.hamburger-bottom {
transition: all 0.3s ease;
}
.mobile-links-wrapper {
margin-top: 85px;
padding-left: 27px;
padding-right: 27px
}
.mobile-nav-link {
border-bottom: 1px solid #d6e8fd;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
display: block
}
.mobile-nav-link.top-link {
border-top: 1px solid #d6e8fd
}
.mobile-dropdown {
display: block
}
.mobile-nav-link-title {
color: #191a1b;
font-family: Inter, sans-serif;
font-size: 17px;
font-weight: 500;
line-height: 25px
}
.mobile-nav-cta-block {
top: 15px;
right: 55px
}
.mobile-dropdown-list {
background-color: #0000;
margin-bottom: 10px;
position: relative
}
.mobile-dropdown-list.w--open {
font-size: 18px;
font-weight: 400;
line-height: 24px
}
.mobile-dropdown-link {
padding-top: 12px;
padding-bottom: 12px;
padding-left: 0;
font-family: Inter, sans-serif;
font-size: 16px;
font-weight: 400
}
.mobile-nav-dropdown-cta-wrapper {
margin-top: 20px;
margin-bottom: 20px
}
.cta-wrapper-col-1 {
padding-left: 0
}
.cta-wrapper-col-2 {
padding-bottom: 0;
padding-left: 10px;
padding-right: 0
}
.campaign-post-content-richtext {
width: 100%;
max-width: 800px;
margin-left: auto;
padding-left: 30px;
padding-right: 30px
}
.nav-dropdown-resources-col-2.third {
display: none
}
.pricing-free-box {
max-width: 90%;
padding-left: 40px;
padding-right: 40px
}
.autopilot-included-container {
margin-bottom: 40px
}
.autopilot-plan-included {
max-width: 110%
}
.advanced-feature-box {
margin-bottom: 18px
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description {
text-align: left;
max-width: none
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.light-blue-description {
text-align: left;
max-width: 100%
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.campaign-flow-tab-description {
text-align: left
}
.advanced-feature-text.sf-font-roboto.smooth.hm-colab-feature-description {
max-width: 300px
}
.stack-compare-col2 {
padding-top: 155px
}
.stack-compare-img {
min-width: 290px
}
.agency-pricing-link {
color: var(--blue)
}
.feature-tab-menu {
flex-wrap: nowrap;
place-content: stretch center;
display: flex;
overflow: auto
}
.header26_component {
margin-top: 80px
}
.header26_component.integrations-hero {
margin-top: 30px
}
.spacer-small-3.spacer-heroes {
padding-top: 1rem
}
.tab-arrow-left {
top: 8%
}
.feature-tab-link {
white-space: nowrap;
overflow-wrap: normal;
padding: 1.25rem 1.25rem 0
}
.feature-tab-link.w--current {
padding: 1.25rem 1.25rem 0
}
.padding-section-medium {
min-height: 0;
padding-top: 4rem;
padding-bottom: 4rem
}
.padding-section-medium.text-align-center {
padding-top: 3rem;
padding-bottom: 3rem
}
.tab-section {
width: 100%
}
.spacer-medium {
padding-top: 1.5rem
}
.spacer-medium.spacer-top-hero {
padding-top: 3.5rem
}
.logo3_logo {
object-fit: contain
}
.tab-title {
font-size: .875rem
}
.text-align-center.footer-cta-text {
max-width: 90%
}
.tab-arrow-right {
top: 8%
}
.pane-img {
object-fit: cover;
height: 100%
}
.section_logo3.is-blue {
top: -5.625rem
}
.section_logo3.is-pricing {
margin-top: 2.5rem
}
.heading-2 {
font-size: 3.7rem
}
.text-size-medium.top-hero-text-medium.display-desktop {
display: none
}
.text-size-medium.top-hero-text-medium.display-mobile {
display: block
}
.swiper-slide {
width: 100%;
height: 100%;
margin-bottom: 40px
}
.bento-tool-hero-box {
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
background-color: #ffffff0d;
border: 1px solid #ffffff1a;
border-radius: 16px 0 0;
padding-top: 7px;
padding-left: 7px;
position: absolute;
inset: 142px 0% 0% 240px
}
.img-cards {
object-fit: cover;
object-position: 50% 50%;
border-radius: 0;
width: 100%;
height: auto;
margin-left: 1.5rem;
top: 1rem;
left: 0
}
.layout7_item-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.icon-embed-xxsmall.breadcrumb {
padding-left: 0;
padding-right: 13px
}
.content-w.floating-badge {
align-self: flex-start
}
.sticky-cards {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex
}
.bento-g {
grid-column-gap: 3rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
margin-top: 0;
position: static
}
.bento-g._3 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-position: 50%;
background-size: cover;
flex-flow: column;
height: auto;
padding-top: 0;
display: flex;
position: relative;
top: 0;
overflow: hidden
}
.bento-g.is-v {
background-position: 50% 100%;
background-size: cover;
height: 25rem
}
.bento-g.is-v.mobile {
background-position: 50% -20%;
background-size: cover
}
.bento-g.is-v.mobile.bento-tools-hero-bgs {
background-position: 50% -40%
}
.bento-g.is-v._2 {
background-position: 50% 10%;
background-size: cover
}
.bento-g.is-v._2.bento-tools-hero-bgs {
background-position: 50% -30%;
height: 25rem
}
.bento-g.is-v._3 {
background-image: url(assets/images/others/663bc9ac012e5e6821bc6fd2_cf3-abandonment-hero-mini.webp);
background-position: 50% 100%;
background-size: contain;
flex-direction: row;
height: 25rem
}
.bento-g.is-v._3.tool-bg-abandonment {
background-position: 100% 100%;
background-size: 150%;
height: 25rem
}
.bento-g.no-padding-margin {
position: relative;
top: 0
}
.bento-g.no-padding-margin.mobile {
height: 25rem;
margin-top: 0;
top: 0
}
.bento-g.no-padding-margin.mobile.bento-tool-forms {
background-image: radial-gradient(circle at 100% 100%, #033ae3 28%, #000 55%)
}
.bento-g._2 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-position: 50%;
background-size: cover;
flex-flow: column;
height: auto;
max-height: none;
padding-top: 0;
display: flex
}
.bento-g.integration-tool {
height: 1000px
}
.bento-g._1 {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-position: 50%;
background-size: cover;
flex-flow: column;
height: auto;
max-height: none;
padding-top: 0;
display: flex
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-large.hide-on-desktop {
display: block
}
.button-group-4.tools-templates-btn,
.button-group-4.tools-btn-group {
margin-top: 1.5rem;
margin-bottom: 2.6rem
}
.layout7_item {
width: auto
}
.grid-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
margin-top: 0;
display: grid
}
.grid-wrapper._4cl {
grid-template-columns: 1fr 1fr;
grid-auto-rows: 18.75rem;
display: none
}
.grid-wrapper._4cl.no-margin {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-rows: auto;
grid-auto-columns: 1fr;
margin-top: 1.5rem;
display: grid
}
.grid-wrapper._4cl.integration-tools-col-4 {
display: flex
}
.grid-wrapper._4cl.tools-grid-links {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 18.75rem;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.grid-wrapper._4cl.auto-size {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: minmax(0, 1fr);
grid-auto-columns: 1fr;
display: grid
}
.grid-wrapper.mobile-hide {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
align-items: stretch;
display: none
}
.grid-wrapper.mobile-hide.vs-hide-override {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
display: grid
}
.grid-wrapper._3cl {
grid-template-columns: auto
}
.grid-wrapper._3cl._3r {
display: none
}
.grid-wrapper._3cl._3r.is-funnelcards {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 18.0625rem;
grid-template-columns: 275px 275px;
grid-auto-columns: minmax(275px, 275px);
grid-auto-flow: column;
place-content: start;
place-items: start;
height: 410px;
display: grid;
overflow: scroll
}
.grid-wrapper._3cl._3r.is-funnelcards.hide-mobile {
display: none
}
.grid-wrapper._3cl._3r.is-funnelcards.within-padding {
margin-left: 0;
margin-right: -50px
}
.padding-section-large-4 {
padding-top: 6rem;
padding-bottom: 6rem
}
.swiper.swiper-1 {
margin-top: 1.5rem;
margin-bottom: 0;
display: block
}
.swiper.swiper-2 {
flex-direction: column;
align-items: stretch;
margin-top: 0;
display: flex
}
.display-desktop {
font-size: 3rem
}
.padding-medium {
padding: 1.5rem
}
.sticky-card-img-wrapper {
align-self: stretch
}
.flex-h.inner-padding {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column
}
.flex-h.align-bottom {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start
}
.a-testimonial-base {
min-width: 300px
}
.align-middle {
text-align: left
}
.a-h3-heading.reviews-top-headline {
max-width: 40rem
}
.vs-funnel-img {
max-width: 100%;
margin-bottom: 0
}
.vs-funnel-img.funnel-img-mobile {
display: none
}
.funnel-img {
object-fit: cover;
align-self: center;
margin-top: 33px;
margin-bottom: 0
}
.content-max-w-bento.max-width-medium.is-inside.vs-feature-bento {
height: auto
}
.content-max-w-bento.max-width-medium {
max-width: 32rem
}
.content-max-w-bento.max-width-medium.is-inside {
width: 100%;
max-width: none;
height: 29rem;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
padding: 0;
bottom: 0;
overflow: hidden
}
.h2-heading {
font-size: 3rem
}
.bento-card.is-inside {
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
display: flex
}
.bento-card.is-inside.vs-bento-card {
display: block
}
.bento-card.is-inside.height {
background-color: #0000;
width: auto;
height: auto;
padding-left: 0;
padding-right: 0;
display: block
}
.bento-card.is-features {
flex-flow: row;
height: 25rem;
margin-bottom: 30px
}
.bento-card.has-img {
flex-direction: column;
align-items: stretch;
padding: 1rem;
display: flex
}
.bento-card.is-features {
flex-flow: row;
height: 25rem
}
.bento-card.bento-card-multi-row {
width: 275px;
height: 400px;
display: block
}
.bento-bg-img {
z-index: -1
}
.layout423_image {
object-fit: cover;
overflow: hidden
}
.bg-img-grid {
width: auto;
height: 23.75rem
}
.case-study-col-img-wrap {
border-radius: 1rem;
overflow: hidden
}
.layout423_component {
max-height: none;
display: none
}
.case-study-col-link {
border-radius: 1rem;
width: 100%
}
.case-study-col {
border-radius: 1rem;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 2rem;
overflow: visible
}
.button-casestudy.is-white {
position: static
}
.layout423_row {
flex-direction: column
}
.header78_image-wrapper.is-big {
width: 40rem
}
.spacer-huge {
padding-top: 5rem
}
.img-absolute-wrapper.is-center {
position: absolute
}
.img-absolute-wrapper.img-absolute-wrapper-relative {
width: 140%;
max-height: 250px;
margin-top: 20px;
margin-left: -40px;
margin-right: -40px;
position: relative;
overflow: hidden
}
.img-absolute-wrapper.img-absolute-wrapper-relative.reduce-mobile-size {
height: 150px
}
.img-absolute_img {
object-fit: cover;
object-position: 50% 50%
}
.img-absolute_img.is-center {
object-fit: cover;
object-position: 50% 30%;
width: 100%
}
.img-absolute_img.img-absolute_img-relative {
object-fit: cover;
object-position: 100% 100%;
max-height: 250px
}
.mobile-absolute-bento-img {
object-fit: contain;
display: none
}
.gallery24_image {
height: 30vh
}
.img-negative-margin {
aspect-ratio: 1;
object-fit: contain;
width: 100%;
margin-top: 2.25rem;
margin-bottom: -2.5rem
}
.padding-shoppers {
max-width: none;
padding-left: 2rem;
padding-right: 2rem
}
.gallery24_horizontal-scroll-wrapper {
width: 100vw;
padding-left: 5%;
padding-right: 5%
}
.shoppers-div {
text-align: center;
flex-direction: column;
align-items: center;
width: 90%;
height: auto;
margin: 2rem auto -1.375rem;
display: flex
}
.gallery24_horizontal-scroll-content {
width: 300vh
}
.gallery24_component {
height: 140vh
}
.img-integrations {
top: -3.175rem
}
.img-integrations.reduce-bottom-spacing {
margin-bottom: -137px
}
.elipse-absolute {
z-index: 0;
object-fit: cover;
border-bottom-right-radius: 1rem;
width: auto;
max-width: 100%;
height: auto;
inset: auto 0% 0%;
overflow: hidden
}
.testimonial-cover {
overflow: hidden
}
.a-section-regular.section-reviews {
top: -4.9rem
}
.a-section-regular.section-reviews.no-bottom-padding.reviews-top-padding {
top: -2rem
}
.testimonial-columns {
margin-left: -9px
}
.testiomonial-button-wrapper {
justify-content: center;
align-items: flex-end;
height: 50rem;
padding-top: 0
}
.testiomonial-button-wrapper.hide {
display: none
}
.a-testimonial-grid-large {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
columns: 2;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 500px;
margin-top: 2rem;
display: block;
overflow: scroll
}
.a-testimonial-grid-large.overflow-y-scroll {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
height: 22rem;
overflow: hidden
}
.check-mark-cta-div {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-top: 2rem;
margin-bottom: 2rem
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.section_cta27 {
max-width: 100%
}
.section_cta27.footer_cta {
margin-top: -5rem
}
.padding-section-large-7 {
padding-top: 2 rem;
padding-bottom: 2rem
}
.text-color-white {
font-size: 1rem
}
.text-color-white.heading-style-h1 {
font-size: 2.5rem
}
.funnel-heading {
font-size: 2rem
}
.agency-div {
display: none;
position: static
}
.pricing-tab-content {
width: 105%
}
.swiper-slide-2 {
width: 100%;
height: 100%
}
.swiper-slide-2.is-pricing {
flex-flow: column;
flex: none;
width: 25rem;
margin-right: 2rem
}
.swiper-pricing {
width: 110%;
overflow: scroll
}
.navbar2_button-wrapper {
align-self: center;
align-items: center
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.pricing-item {
border-radius: 0;
justify-content: space-between;
align-items: stretch;
width: 80%;
height: auto
}
.pricing-item.is-pro {
border-radius: 0;
width: 100%;
height: auto;
top: 0
}
.vs-box {
display: none;
inset: 0%
}
.header26_component-2 {
margin-top: 50px
}
.menu-icon2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex
}
.tab-pricing.desktop {
display: block;
overflow: visible
}
.tab-pricing.mobile {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
.flex-h-2 {
flex-flow: column
}
.footer6_newsletter-wrapper {
justify-content: flex-start;
display: block
}
.pricing-calc-wrapper {
margin-bottom: .1rem
}
.footer-badges-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.card-compare-wrapper {
align-self: center
}
.text-size-medium-2.top-hero-text-medium.display-desktop {
display: none
}
.text-size-medium-2.top-hero-text-medium.display-mobile {
display: block
}
.navbar2_menu {
z-index: 1000000;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
-webkit-text-fill-color: inherit;
background-color: #000;
background-clip: border-box;
border-bottom-style: solid;
border-bottom-width: .0625rem;
flex-flow: column;
justify-content: space-between;
align-self: auto;
width: 100%;
height: auto;
padding: 1rem 5% 2.5rem;
display: flex;
position: absolute;
overflow: hidden
}
.pricing-pro-top {
display: none
}
.spacer-xlarge {
padding-top: 3rem
}
.padding-section-medium-2 {
padding-top: 4rem;
padding-bottom: 4rem
}
.padding-section-medium-2.text-align-center {
padding-top: 3rem;
padding-bottom: 3rem
}
.pricing-wrapper {
border-radius: 0;
align-self: flex-start;
overflow: scroll
}
.footer6_top-wrapper {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr 1fr
}
.swiper-wrapper-2 {
flex-flow: row;
justify-content: flex-start;
align-items: stretch
}
.pricing-table-row.is-banner {
padding: 1rem
}
.tab-menu-pricing {
justify-content: center;
align-items: center
}
.menu-icon_line-middle-inner {
width: .25rem;
height: 0;
padding-bottom: 0;
padding-right: 0
}
.footer6_newsletter-text-wrapper {
margin-bottom: 1.5rem
}
.padding-section-large-8 {
padding-top: 6rem;
padding-bottom: 6rem
}
.pricing-tab {
width: 100%
}
.footer-badge-img {
width: auto
}
.menu-icon2_line-middle {
background-color: #fff;
justify-content: center;
align-items: center;
width: 1.5rem;
height: .125rem;
margin-top: .375rem;
margin-bottom: .375rem;
padding-bottom: 0;
padding-right: 0;
display: flex
}
.navbar2_link {
z-index: 1000000000;
text-align: center;
align-self: center;
height: auto;
padding: .75rem 0;
font-size: 1.125rem;
position: static
}
.navbar2_link.w--current {
border-top-style: none
}
.navbar2_link.is-button {
align-self: center;
padding-bottom: 0
}
.navbar2_container {
grid-template-columns: .25fr 1fr;
display: flex
}
.pricing-table-cell.padding {
padding: 0 1rem
}
.menu-icon2_line-bottom {
background-color: #fff;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0
}
.pricing-tab-wrapper {
width: 106%;
margin-left: -39px;
padding-left: 30px;
padding-right: 30px;
overflow: scroll
}
.menu-icon2_line-top {
background-color: #fff;
width: 1.5rem;
height: .125rem;
padding-bottom: 0;
padding-right: 0
}
.text-color-white-2 {
font-size: 1rem
}
.text-color-white-2.heading-style-h1 {
font-size: 2.5rem
}
.section-hero1-2.is-pricing {
background-size: cover;
height: auto
}
.navbar2_menu-button {
padding: 0
}
.navbar2_menu-button.w--open {
background-color: #0000
}
.heading-3 {
font-size: 3.7rem;
line-height: 1.5
}
.no-credit-card {
text-align: center
}
.tool-hero-image-wrapper {
border-radius: 0;
width: 122.5%;
margin-bottom: 40px;
margin-left: -5.6%;
margin-right: 0;
display: none
}
.tool-hero-image-wrapper.mobile {
margin-bottom: 59px;
display: block;
overflow: hidden
}
.tool-hero-image-lines {
margin-left: 0;
padding-top: 70px;
padding-bottom: 0;
padding-left: 30px
}
.tool-hero-image {
width: 90%;
margin-bottom: -25px;
margin-left: auto;
margin-right: auto
}
.tool-hero-color-bg {
border-radius: 0
}
.tools-anchors-wrapper {
width: 100%;
padding-top: 0;
padding-left: 30px
}
.tools-hero-integration-icon {
margin-top: -91px;
margin-left: auto;
margin-right: auto;
position: absolute;
left: 0;
right: 0;
box-shadow: 0 4px 54px #00000026
}
.tools-section-title {
font-size: 40px;
line-height: 43px
}
.template-categories-wrapper {
width: 104.5%;
padding-top: 0;
padding-left: 0
}
.tool-section-image-wrapper {
width: 100%;
margin-left: 0;
padding: 30px 0 30px 30px
}
.tool-section-image-wrapper.right {
padding-left: 30px
}
.tool-section-image {
margin-left: 0
}
.tools-features-wrapper {
max-width: 100%
}
.features-grid-item {
min-width: 225px
}
.tools-video-wrapper {
width: 100%
}
.embed-wrapper-round {
min-height: 390px
}
.tools-tutorial-wrapper.visual-builder-wrapper {
max-width: 650px
}
.tools-tutorial-wrapper.templates-title-wrapper {
padding-left: 10px;
padding-right: 10px
}
.tools-tutorial-wrapper.community-title-wrapper {
max-width: 660px
}
.tools-tutorial-wrapper.why-switch {
max-width: 650px;
margin-bottom: 50px
}
.tools-tutorial-wrapper.left-aligned {
max-width: 100%;
padding-left: 3.5%;
padding-right: 3.5%
}
.tools-tutorial-wrapper.left-aligned.tools-hero {
text-align: center;
max-width: 100%
}
.tools-tutorial-wrapper.left-aligned.launch-hero-left-section {
max-width: 100%
}
.tools-tutorial-wrapper.left-aligned.no-auto-left.extra-top-margin.extra-extra {
margin-top: 0
}
.tools-tutorial-wrapper.left-aligned.what-is {
max-width: 700px
}
.tools-tutorial-wrapper.color-section-wrapper {
max-width: 650px
}
.tools-tutorial-wrapper.color-section-wrapper.launch-pricing-title-wrapper.launch-ecom-pricing-title-wrapper {
margin-bottom: 31px;
padding-left: 54px;
padding-right: 54px
}
.tools-tutorial-wrapper.on-page {
width: 100%;
max-width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 5%;
padding-right: 5%
}
.tools-tutorial-wrapper.right-aligned {
max-width: 100%;
padding-left: 0%;
padding-right: 0%
}
.tools-tutorial-wrapper.right-aligned.no-padding-left {
max-width: 100%;
padding-left: 0%
}
.tools-tutorial-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top {
margin-top: 4px
}
.tools-tutorial-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 15px;
padding-left: 3.5%
}
.tools-tutorial-wrapper.left-aligned---thinner {
max-width: 100%;
padding-left: 0%;
padding-right: 0%
}
.pricing-component-wrapper {
width: 110%;
margin-left: -39px;
padding-left: 30px;
padding-right: 30px;
overflow: scroll
}
.pricing-boxes-wrapper {
border-radius: 0;
align-self: flex-start;
overflow: scroll
}
.pricing-plan {
border-radius: 0;
justify-content: space-between;
align-items: stretch;
width: 80%;
height: auto
}
.pricing-plan.is-pro {
border-radius: 0;
width: 100%;
height: auto;
top: 0
}
.review-component {
width: 104.5%;
padding-top: 0;
padding-left: 0
}
.reviews-list {
overflow: scroll
}
.reviews-item {
min-width: 300px
}
.reviews-item.light {
width: 300px;
min-width: 300px
}
.tools-platform-section {
padding-left: 30px;
padding-right: 30px
}
.tools-platform-wrapper {
padding-left: 0
}
.tools-bottom-cta-wrapper {
margin-bottom: -61px
}
.tools-anchors-flexbox {
justify-content: flex-start;
align-items: flex-start;
width: 1400px
}
.tools-collection-list-wrapper {
margin-right: -30px
}
.tools-external-links-wrapper {
width: 100%;
padding-top: 0;
padding-left: 30px
}
.tools-external-title-wrapper {
width: 100%;
padding-top: 30px;
padding-left: 30px
}
.pricing-boxes-scroll-wrapper {
margin-right: -30px;
padding-left: 10px
}
.tool_img-wrap-big {
width: auto;
height: auto
}
.heading-4 {
font-size: 3.7rem
}
.tool_header_component.is-tool {
grid-column-gap: 1.8rem;
grid-row-gap: 1.8rem;
flex-flow: column;
padding-top: 75px;
display: flex
}
.footer-badges-wrapper {
max-width: 369px;
margin-top: -15px;
margin-left: auto
}
.swiper-slide-3 {
width: 100%;
height: 100%
}
.tools-template-wrap {
padding-bottom: 1rem
}
.paragraph-6 {
font-size: .9rem
}
.swiper-wrapper-3 {
flex-flow: row;
justify-content: flex-start;
align-items: stretch
}
.tools-templates-subhead-wrap {
display: block
}
.sticky-card-img-wrapper-2 {
align-self: stretch
}
.templates-grid {
grid-auto-columns: 1fr;
grid-auto-flow: column;
min-width: 105%;
overflow: scroll
}
.tool-feature-section-image-wrap {
order: 1;
max-width: 550px
}
.tool-feature-section-grid-left {
grid-row-gap: 50px;
grid-template-columns: .9fr
}
.tool-feature-section-image.overflow-visible.quiz-hair,
.tool-feature-section-image.overflow-visible.quiz-simpleshot,
.tool-feature-section-image.overflow-visible.quiz-appointment {
margin-left: -5%
}
.tool-feature-section-contain {
max-width: 500px
}
.tool-feature-section-grid-right {
flex-flow: column;
grid-template-columns: .9fr;
display: flex
}
.heading-5 {
font-size: 2.5rem
}
.tool-feature-section-grid-left-copy {
grid-row-gap: 50px;
grid-template-columns: .9fr
}
.tools-benefit-wrapper {
margin-top: 0;
margin-bottom: 0
}
.tools-templates-title {
margin-bottom: 20px
}
.case-study-col-grid {
max-height: none;
display: block
}
.table-container {
overflow: scroll
}
.table-wrapper {
width: 1300px
}
.bullet-icon-img {
max-width: 90%
}
.soc-2-badge {
width: 65px;
margin-top: 0
}
}
@media screen and (max-width:767px) {
.cf-web-row.cf-web-row-desktop {
padding-right: 12px
}
.cf-web-row.cf-web-row-desktop.infusionsoft-topsection-row {
padding-bottom: 177px
}
.cf-web-row.cf-web-row-desktop.infusionsoft-topsection-row.om-top-row {
margin-left: 0;
padding-right: 0
}
.section.homepage-section-1-bg.smooth.infusionsoft-section-1-bg {
background-position: 0 366px, 0 0
}
.section.homepage-section-1-bg.smooth.hm-v2-section-1 {
background-image: linear-gradient(138deg, #048af2, #0246bf);
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
background-attachment: scroll
}
.section.homepage-section-1-bg.om-section {
background-position: 0 626px
}
.section.homepage-section-1-bg.om-section.pricing-top {
background-size: auto, auto
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top.cyber-top-bg.enterprise-top-bg {
padding-top: 40px;
padding-bottom: 155px
}
.section.homepage-section-1-bg.ma-top-section {
background-size: auto, auto
}
.column {
padding-right: 32px
}
.heading {
font-size: 29px;
line-height: 40px
}
.heading.top-headline {
max-width: 500px
}
.heading.top-headline.ac-headline {
max-width: 550px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.ma-top-headline {
text-align: center
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline {
padding-left: 10px;
padding-right: 10px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline {
max-width: 350px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline.enterprise-top-headline.enterprise-team-headline {
max-width: 550px;
margin-left: -27px;
font-size: 35px;
line-height: 45px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline.enterprise-top-headline.enterprise-team-headline.enterprise-cta-headline-m {
margin-left: auto;
margin-right: auto;
display: block
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline.enterprise-top-headline.enterprise-team-headline.enterprise-cta-headline-m.integration-cta-headline {
max-width: 400px;
font-size: 30px;
line-height: 45px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.integration-top-headline.ac-deal-top-headline {
font-size: 35px;
line-height: 45px
}
.heading.top-headline.lead-gen-top-headline.alt-sumo-topheadline {
max-width: 100%
}
.heading.flow-headline.lg-manifesto-headline {
padding-left: 46px;
padding-right: 46px
}
.heading.flow-headline.lg-manifesto-headline.lg-section3-headline {
min-width: auto;
max-width: 100%;
padding-left: 31px;
padding-right: 31px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline {
margin-top: 7px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline,
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline.onboard-design-headline,
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline.cyber-design-headline.smooth {
text-align: center
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline {
text-align: center;
margin-top: 8px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.alt-sumo-section-2-head-2 {
margin-top: 46px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.alt-sumo-analytics-headline {
margin-top: 22px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-templates-head {
text-align: center;
min-width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.heading.flow-headline.lg-manifesto-headline.lg-stats-headline.features-headline {
padding-left: 0
}
.heading.flow-headline.lg-automations-headline {
padding-left: 28px;
padding-right: 28px
}
.heading.flow-headline.lg-automations-headline.ma-automations-head {
min-width: 0
}
.heading.flow-headline.lg-multistep-headilne {
padding-left: 17px;
padding-right: 17px
}
.heading.left-heading {
text-align: center;
max-width: 430px
}
.heading.lg-cta-headline.lg-targeting-headline {
padding-left: 28px;
padding-right: 28px
}
.heading.cta-overview-text {
padding-left: 62px;
padding-right: 62px
}
.heading.homepage-v2-section-2-headline.onboard-process-head.onboard-discount-head.cyber-headline {
max-width: 90%
}
.heading.homepage-v2-section-2-headline.onboard-process-head.cyber-solutions-headline.smooth.e-features-headline-m {
margin-top: -34px
}
.paragraph {
max-width: 500px;
font-size: 19px;
line-height: 28px
}
.paragraph.top-subheadline {
max-width: 500px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.ma-top-subhead {
text-align: center
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.lg-top-sub-1.alt-sumo-topsubheadline {
max-width: 100%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-manifesto-section3-sub {
padding-left: 28px;
padding-right: 28px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content {
text-align: center;
max-width: 100%;
line-height: 28px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub {
margin-bottom: 35px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-seanwes-name,
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub {
max-width: 90%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub.onboard-product-p.enterprise-lead-feature-p {
margin-bottom: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.cyber-design-p {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-features-bullet {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-crafted-subhead {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-pricing-referral-link {
margin-top: 82px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-pricing-referral-link.enterprise-logo-title {
max-width: 500px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-pricing-referral-link.enterprise-integrations-cta-p {
max-width: 400px;
margin-bottom: 27px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead {
margin-bottom: 54px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.onboard-product-sub {
margin-bottom: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4 {
margin-bottom: 21px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4.cyber-design-h4 {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-swag-h4 {
margin-bottom: 26px
}
.paragraph.lg-manifesto-subheadline.smooth.cta-overview-p {
padding-left: 46px;
padding-right: 46px
}
.paragraph.lg-manifesto-subheadline.smooth.flows-p {
padding-left: 24px;
padding-right: 24px
}
.paragraph.smooth.lg-manifesto-bullet-headline {
float: left;
text-align: center;
width: 100%;
max-width: 100%;
padding-bottom: 17px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline {
text-align: left
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.om-andrew-headline {
padding-right: 32px
}
.paragraph.smooth.lg-manifesto-bullet-headline.ma-roi-sub {
text-align: left;
max-width: 100%
}
.paragraph.smooth.lg-manifesto-bullet-headline.default-page-h3 {
text-align: left
}
.paragraph.smooth.lg-manifesto-bullet-p {
text-align: center;
max-width: 100%
}
.paragraph.smooth.lg-manifesto-bullet-p.default-page-p {
text-align: left
}
.paragraph.smooth.lg-embed-sub {
padding-left: 29px;
padding-right: 29px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p.enterprise-retargeting-p.enterprise-integrations-p.e-integrations-p {
max-width: 500px
}
.dark-h1-big-headline {
font-size: 34px;
line-height: 45px
}
.dark-h1-big-headline.academy-post-content-headline.smooth {
padding-left: 48px;
padding-right: 48px;
font-size: 45px;
line-height: 57px
}
.cf-web-container {
min-width: auto
}
._w-container-override.section-3 {
padding-top: 72px;
padding-bottom: 75px
}
._w-container-override.pricing-logos-container {
margin-bottom: 28px
}
.image-5.footer-logo {
display: block
}
.container-2 {
padding-left: 20px;
padding-right: 20px
}
.image-6 {
width: 568px;
margin-top: -260px
}
.tabs-content {
padding-top: 0
}
.div-block-2.cool-button.integration-box.integration-box-big {
max-width: 90%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-2.cool-button.integration-box.integration-box-big.integration-box-left {
margin-left: auto;
display: block
}
.div-block-2.cool-button.integration-box.use-case-box {
min-height: 160px;
max-height: 160px
}
.row-2 {
margin-top: 27px
}
.image-7 {
margin-top: 47px;
margin-bottom: 28px
}
.image-7.cta-starter-kit-cta-image {
margin-top: 90px
}
.image-7.om-ctas-hook-preview {
margin-left: 7px
}
.container-3._w-container-override-1000 {
padding-left: 20px;
padding-right: 20px
}
.div-block-3 {
margin-top: 38px
}
.image-8 {
margin-right: -23px
}
.section-grey-bg-huge {
padding-top: 41px
}
.container-4.alt-sumo-bullet-section {
margin-top: -39px
}
.container-4.alt-sumo-automation-section {
margin-top: 80px
}
.section-5 {
margin-bottom: -10px
}
.container-5 {
padding-left: 20px;
padding-right: 20px
}
.paragraph-3.section-title.section-title-dark-swatch.om-crafted-title,
.paragraph-3.section-title.left-title,
.paragraph-3.section-title.onboard-pretitle.onboard-tshirt-pre {
text-align: center
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title.om-solution-title.ma-solution-title {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.tabs-menu-2 {
float: none;
width: 100%;
margin-top: 36px;
margin-left: 0;
margin-right: 0
}
.tabs-menu-2.om-flows-tabs-links {
margin-left: 0
}
.image-9 {
min-width: auto;
margin-top: 13px;
margin-left: -1px
}
.image-9.automation-image,
.image-9.targeting-image {
margin-left: 0
}
.image-9.image-9-homepage {
min-width: auto;
margin-left: 0
}
.image-9.image-9-homepage.om-builder-img.ma-visual-builder {
min-width: 0;
margin-left: 0
}
.image-9.om-flows-img {
max-width: 100%;
margin-top: 5px;
margin-left: 0
}
.cta-type-box {
margin-bottom: 33px
}
.section-6 {
padding-top: 40px
}
.image-10 {
min-width: 600px
}
.column-5 {
padding-bottom: 45px;
padding-left: 58px;
padding-right: 89px
}
.container-6 {
margin-top: 0;
margin-bottom: 22px;
padding-top: 76px;
padding-left: 58px;
padding-right: 58px
}
.section-7.hm-integrations-section.alt-sumo-integrations-section {
margin-bottom: -9px
}
.integrations-row {
margin-bottom: 0
}
.section-8 {
padding-left: 56px;
padding-right: 56px
}
.section-9 {
padding-left: 64px;
padding-right: 64px
}
.section-9.om-final-cta-section.agency-bottom-cta-section,
.section-9.lg-cta-section,
.section-9.sitewide-bottom-cta-section {
padding-left: 0;
padding-right: 0
}
.container-7._w-container-override.footer-container {
padding-left: 38px;
padding-right: 38px
}
.link.dark {
margin-top: 5px;
font-size: 18px
}
.footer-bottom-text {
text-align: left
}
.footer-section-title {
padding-top: 22px
}
.column-7 {
text-align: left
}
.column-9 {
margin-top: 54px;
padding-left: 0;
padding-right: 0
}
.html-embed-3 {
width: 408px;
height: 240px;
margin-top: 82px;
margin-left: auto;
margin-right: auto;
display: block
}
.html-embed-3.flow-html-box {
width: 100%;
height: 360px;
margin-top: 38px;
margin-bottom: 26px
}
.image-12 {
margin-top: -154px;
margin-left: -398px
}
.image-12.integrations-personalization-image {
margin-top: -151px;
margin-left: -458px
}
.heading-3-black {
text-align: center;
max-width: 500px;
margin-left: auto;
margin-right: auto;
display: block
}
.heading-3-black.integration-text-example {
text-align: left;
margin-bottom: auto;
font-size: 20px
}
.green-cta-button {
float: none;
max-width: 80%;
margin: 28px auto;
display: block
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button,
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn {
float: none
}
.green-cta-button.onboard-button.onboard-product-button {
margin-top: 104px
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button {
float: none
}
.green-cta-button.onboard-button.cyber-top-button.smooth.enterprise-top-button.enterprise-top-button-2 {
float: none;
margin-top: 0
}
.cta-section {
padding-bottom: 34px
}
.image-14 {
margin-left: -107px
}
.div-block-12 {
margin-top: -38px;
margin-bottom: 82px;
margin-left: 0;
padding-left: 62px;
padding-right: 62px
}
.column-14 {
padding-right: 10px
}
.div-block-13 {
padding-left: 0
}
.div-block-14 {
margin-top: 130px;
padding-left: 52px;
padding-right: 52px
}
.div-block-15 {
margin-top: 56px;
margin-left: 0
}
.cta-box-text-box.text-box-bottom {
padding-left: 39px
}
.div-block-17.cta-box-browser {
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 15px;
display: block
}
.column-21 {
padding-left: 0
}
.getresponse,
.leadsquared {
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-18 {
width: 80%
}
.column-24 {
padding-left: 0;
padding-right: 0
}
.lg-manifesto.lg-templates-section {
margin-top: -23px
}
.lg-manifesto.lead-gen-section-2.alt-sumo-section-headline-2-m {
padding-top: 0
}
.lg-manifesto.tracking-section {
margin-top: -20px;
margin-bottom: 97px
}
.lg-manifesto.tracking-section.alt-sumo-tracking-section {
margin-bottom: 27px
}
.lg-manifesto.agency-manifesto-section {
margin-top: 48px
}
.lg-responsive-img {
min-width: 800px;
min-height: auto;
margin-top: -28px
}
.div-block-20.lg-multistep-section {
margin-top: -164px
}
.lg-embed-img {
min-width: 1000px;
margin-left: -460px
}
.lg-automations-section {
margin-top: 40px
}
.lg-validation-img {
margin-left: 0
}
.lg-validation-img.onboard-consultation-img.onboard-consult-img.cyber-design-img {
min-width: 700px;
margin-top: 122px;
margin-bottom: 0
}
.lg-features-section {
background-image: linear-gradient(#e9f1fe, #e9f1fe), url(assets/images/others/59449b9d16c1f5436ec0500b_grey-bg.png);
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, 150% 1150px;
padding-top: 30px;
padding-bottom: 91px
}
.lg-features-section.om-features-section {
margin-top: 106px
}
.lg-features-columns {
width: 100%;
padding-top: 21px;
padding-bottom: 0
}
.lg-feature {
width: 100%
}
.div-block-21 {
background-image: none
}
.html-embed-6 {
height: 265px;
margin-top: -15px;
margin-left: 44px
}
.div-block-22 {
width: 550px
}
.image-20.broadcast-img.hm-v2-agency-hero-mobile {
width: 100%
}
.image-20.onboard-consult-img.onboard-targeting-img {
margin-left: -750px
}
.om-icon.ma-icon {
margin-left: auto;
margin-right: auto;
display: block
}
.om-bullet {
float: left;
min-width: 93%
}
.om-bullet.zapier-zap {
min-width: 100%
}
.om-flows-tabs-container {
width: 100%
}
.om-seanwes {
padding-left: 50px;
padding-right: 50px
}
.image-22 {
max-width: 40px
}
.om-testimonial-log {
margin-top: -35px;
margin-left: 81px
}
.om-embeddables-bg {
background-size: auto 575px
}
.om-embeddables-bg.ma-green-wave-bottom.alt-sumo-cta-bg {
background-size: auto 100%
}
.om-crafted-columsn {
width: 100%
}
.om-crafted-img {
min-width: 100%;
max-width: 100%;
padding-top: 35px
}
.om-crafted-column1 {
padding-top: 73px
}
.ma-top-titles {
margin-left: 0
}
.ma-icon.zapier-zap-img {
margin-left: auto;
margin-right: auto;
display: block
}
.agency-platform {
margin-left: -34px
}
.agency-platform.zapier-personalize-img {
width: 800px;
min-width: 800px;
margin-left: -46px
}
.pricing-box.pricing-box-pro.pricing-plan-box-three {
border-width: 1px
}
.pricing-box.pricing-box-pro.pricing-plan-box-two {
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 0;
min-height: auto;
padding-bottom: 0
}
.pricing-box.pricing-box-pro.pricing-plan-box-two._2023 {
border-style: solid;
border-width: 1px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one {
min-height: auto;
padding-bottom: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one.pricing-2021-free {
min-height: auto
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one._2023 {
border-width: 1px
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one._2024,
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-two {
border-right-width: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-four {
min-height: auto
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-three {
border-right-style: solid;
min-height: auto
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-three._2023 {
border-style: solid
}
.div-block-26.cyber-design-div {
margin-bottom: 275px
}
.div-block-26.cyber-design-div.cyber-design-div-1 {
margin-bottom: 153px
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2021-popular,
.most-popular-div.cf2-pricing-most-popular-div.pricing-2022-popular {
margin-top: -43px
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2022-popular.pricing-2022-onboarding-tab._2023 {
display: none
}
.pricing-tab-menu {
margin-bottom: -7px
}
.pricing-tab-menu.cf2-pricing-tab-menu {
margin-top: 0
}
.pricing-tab-pane {
width: 1100px;
overflow: scroll
}
.pricing-tab-pane._4-column {
width: 1100px;
margin-left: auto;
margin-right: auto
}
.html-embed-8.hm-leadgen-hero-video.hm-leadgen-hero-video-mobile {
margin-top: -311px
}
.integrations-box {
background-image: none
}
.image-23 {
margin-left: -205px
}
.home-vid-cta-embed {
text-align: center
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-schedling-container {
padding-bottom: 139px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-lead-div-m.integrations-builder-section.ac-deal-builder-section {
padding-right: 32px
}
.onboard-manifesto-ima {
max-width: 700px
}
.onboard-process-con {
margin-bottom: -70px
}
.onboard-process-numb.onboard-products-icon {
margin-top: 25px
}
.onboard-process-numb.onboard-products-icon.cyber-stories-customer-img {
margin-top: -4px
}
.onboard-bonus.cyber-design-section {
margin-top: -101px
}
.onboard-process-section.onboard-products-sectin.cyber-pricing-section {
margin-top: -164px
}
.onboard-design-con {
margin-top: 0
}
.onboard-t-shirt {
min-width: 100%;
margin-top: 57px
}
.zapier-zap-link-box {
text-align: center
}
.cf-home-stories-contain {
max-width: 100%
}
.cf-home-story-columns-con {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.sendinblue-link {
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-section-2.cyber-section-swag {
margin-top: 55px
}
.cyber-tshirt-img.cyber-tshirt-mobile {
margin-top: -46px;
margin-left: auto;
margin-right: auto;
display: block
}
.cyber-swagpack-tshirt {
margin-top: -23px;
margin-left: auto;
margin-right: auto;
display: block
}
.swag-col-box {
margin-top: 26px
}
.cyber-swag-2-box {
margin-top: -10px
}
.cyber-funnel-strategy-box,
.cyber-funnel-strategy-box.cyber-discount-box {
margin-left: -64px
}
.image-27.cyber-funne-strategy-img {
margin-top: -581px;
margin-left: -50px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img {
margin-top: -462px
}
.cyber-funnel-circle.enterprise-circle-shape {
min-width: 700px
}
.cyber-strategy-line-1-img.cyber-strategy-line-1-m {
margin-left: 9px
}
.cyber-strategy-line-1-img.cyber-discount-line-1-mobile {
margin-left: 10px
}
.cyber-discount-section {
margin-top: -126px
}
.cyber-discount-section.enterprise-retargeting-section {
margin-top: -286px;
padding-top: 420px
}
.cyber-discount-section.enterprise-retargeting-section.enterprise-analytics-section.e-website-section-m {
margin-top: -108px
}
.cyber-discount-section.enterprise-retargeting-section.ac-deal-retargeting-section {
margin-top: -476px;
padding-top: 457px
}
.cyber-discount-circle.enterprise-retargeting-img {
min-width: 0%;
max-width: 90%;
margin-left: 44px;
margin-right: auto;
display: block
}
.cyber-discount-circle.enterprise-retargeting-img.enterprise-analytics-img.enterprise-websites-img.enterprise-support-img {
margin-bottom: 84px;
margin-left: -139px
}
.cyber-discount-line-2-img.cyber-discount-line-2-mobile {
margin-left: 22px
}
.cyber-stories-book-w {
margin-top: 29px
}
.cyber-stories-big-top-line {
margin-left: -45px
}
.cyber-stories-big-top-line.cyber-stories-small-top-line {
margin-left: -57px
}
.cyber-stories-big-link.smooth {
float: left
}
.cyber-countdown {
max-width: 450px;
margin-bottom: 22px
}
.e-customer-logo-box {
margin-top: 32px
}
.enterprise-leadcapture-txt-box.text-box-1.integrations-builder-cont {
width: 100%
}
.enterprise-lead-features-div {
margin-left: -32px
}
.enterprise-lead-features-div.integration-features-top-cont.ac-deal-benefits-box {
margin-left: 0
}
.enterprise-cta-section {
padding-top: 0
}
.enterprise-stories-outer-div {
margin-top: -70px;
margin-left: -32px
}
.enterprise-customer-txt-box {
margin-left: 0
}
.integrations-deal-container.ac-deal-container {
min-width: 500px;
max-width: 500px
}
.integrations-os-cta-cont {
margin-top: 102px
}
.integrations-more-features-cont {
margin-top: 108px
}
.page-section.templates-hero-bg {
padding-top: 50px
}
.page-section.dark-blue-section.campaigns-flow-section {
background-position: 674% 394px
}
.page-section.cta-templates-hero-bg.template-category-hero-bg {
background-size: 300px
}
.page-section.campaign-page-hero-bg {
padding-top: 20px
}
.page-section.personalization-hero-bg.personalization-hero-bg-1 {
padding-top: 40px
}
.page-section.personalization-hero-bg.personalization-hero-bg-1.campaigns-index-hero-bg {
background-position: -30% 1%, 0 0
}
.page-section.personalization-hero-bg.personalization-hero-bg-1.campaigns-index-hero-bg.campaigns-item-bg {
background-position: 100% 220%, 0 180%, 68% 130%
}
.page-section.pricing-customer-story-section {
border-bottom: 0 #d2e9ff
}
.page-section.playbooks-hero-bg.playbooks-hero-bg-1 {
padding-top: 40px
}
.navbar-logo-light {
margin-left: 0
}
.hero-h2.light-text.sf-font-proxima.smooth {
font-size: 38px;
line-height: 47px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2 {
line-height: 48px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2.partner-hero-h2 {
font-size: 30px
}
.div-hm-hero-featured.hm-featured-hero-edited {
margin-top: 49px
}
.hm-hero-tab-menu,
.hm-hero-tab-content {
max-width: 100%
}
.hm-hero-tab-content-img {
min-width: auto
}
.div-body-content.hm-section-3-body-content {
margin-bottom: 0
}
.div-body-content.hm-section-17-body-content {
padding-left: 30px;
padding-right: 30px
}
.div-body-content.tool-hero-body-content {
margin-top: 86px
}
.div-body-content.tool-hero-body-content.personalization-hero-body-content {
margin-bottom: -67px
}
.div-body-content.tool-section-2-body-content {
margin-top: 195px
}
.div-body-content.tools-automation-body-content {
padding-left: 30px;
padding-right: 30px
}
.div-body-content.tool-personalization-body-content {
margin-top: 136px
}
.div-body-content.tool-analytics-body-content.agency-retention-body-content {
margin-top: 50px
}
.div-body-content.cta-template-list-body-content {
padding-left: 33px;
padding-right: 33px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content,
.div-body-content.campaigns-comparison-body-content.solution-funnel-div-body-content {
padding-left: 53px;
padding-right: 53px
}
.div-body-content.home-platform-content {
margin-top: 25px
}
.div-body-content.write-for-us {
margin-left: 40px;
margin-right: 40px
}
.div-body-content.faq-content {
margin-top: 70px;
margin-left: 40px;
margin-right: 40px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth {
font-size: 30px;
line-height: 36px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.dark-h1-big-headline.hm-big-headline {
font-size: 48px;
line-height: 58px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.dark-h1-big-headline.hm-big-headline.no-code-headline.partners-big-headline {
max-width: 100%;
padding-left: 39px;
padding-right: 39px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth {
font-size: 30px;
line-height: 36px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.campaigns-broadcast-howitworks-h2.white-headline.campaign-flows-howitworks-headline {
text-align: left
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.integration-hero-subheadline.pricing-hero-subheadline {
max-width: 480px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-suite-subheadline.solution-agency-overview-subheadline.partners-section-4-subheadline {
margin-top: -3px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-trigger-subheadline {
margin-bottom: 51px
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase {
line-height: 22px
}
.cf2-section-subheadline.sf-font-roboto.smooth.uppercase.white.launch-stack-headline.autopilot-incldued-prehead {
margin-top: 27px
}
.div-tool-box {
margin-bottom: 27px
}
.div-tools-row {
margin-top: 0;
margin-bottom: 0
}
.div-block-browser-big.tool-hero-img-div {
margin-bottom: -240px
}
.div-block-browser-big.tool-hero-img-div.campaign-hero-box {
margin-bottom: -161px
}
.big-browser-img.small-browser-right.campaigns-browser-img {
max-width: 800px;
margin-left: -88px
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1 {
max-width: 900px
}
.big-browser-img.small-browser-left.personalization-grow-img {
max-width: 700px
}
.big-browser-img.dark-shadow.campaign-flow-hero-img {
min-width: 500px;
max-width: 500px
}
.div-block-content-left {
padding-bottom: 98px
}
.div-block-content-left.tools-contacts-content-left {
padding-bottom: 0
}
.div-block-content-left.campaigns-block-content-left {
padding-bottom: 5px
}
.div-block-content-left.campaigns-block-content-left.solutions-block-content-right,
.div-block-content-left.campaigns-block-content-left.solutions-block-content-right.partners-section-two-content-block-right {
padding-left: 0
}
.div-block-content-left.campaigns-top-block-content-left {
padding-bottom: 20px
}
.div-block-content-left.campaigns-top-block-content-left.agency-top-block-content-left {
padding-bottom: 75px
}
.div-block-content-left.campaigns-top-block-content-left.agency-top-block-content-left.ecommerce-top-block-content-left {
padding-bottom: 30px
}
.div-block-content-left.hm-colab-block-content-left {
padding-right: 58px
}
.div-block-bg-right.tool-personalization-block-bg-right {
min-width: 800px
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right.agency-div-block-bg-right {
min-width: 900px
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right.agency-div-block-bg-right.partners-div-block-bg-right {
min-width: 100%;
max-width: 820px;
margin-left: auto;
margin-right: auto
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right {
display: none
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right.ecommerce-top-block-bg-right {
background-size: 100%;
min-width: 40px;
margin-top: 0;
padding: 30px;
display: block
}
.div-block-bg-right.personalization-example-block-bg-right.personalization-example-browser-bg.personalization-example-block-left {
min-width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 19px;
padding-right: 19px;
display: block
}
.div-block-bg-right.hm-colab-block-bg-right {
min-width: 900px;
margin-bottom: -20px;
margin-left: -55px;
padding-right: 0
}
.div-block-bg-right.hm-create-block-bg-right {
min-width: 500px;
margin-top: 1px;
margin-left: 46px
}
.div-block-bg-right.hm-create-block-bg-right.solution-featured-video-bg-block {
padding-left: 18px;
padding-right: 18px
}
.div-row-block-2-column.campaign-flow-top-div {
padding-left: 14px
}
.div-block-bg-left.tool-section-6-content-left {
max-height: 420px;
overflow: visible
}
.div-block-content-right {
padding-left: 0;
padding-right: 50px
}
.div-block-content-right.tool-section-6-content-right {
padding-right: 0
}
.div-block-targeting-slider.tool-targeting-slider-block {
margin-top: 1px
}
.browser-example.stickybar-targeting-browser {
margin-top: 50px
}
.slider-targeting.tool-form-targeting-slider.stickybar-targeting-slider {
min-height: 380px
}
.comparison-img.comparison-img-2 {
margin-right: auto
}
.div-comparison-line {
min-height: 100px
}
.text-cta-button.text-cta-centered.sf-font-roboto.smooth.compare-plans-btn {
display: none
}
.section-colab-feature-box.campaign-feature-box {
margin-bottom: 41px
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box.partner-section-2-feature-box.partner-matching-feature-box,
.section-colab-feature-box.campaign-feature-box.agency-feature-box.partners-section-3-marketing-featurebox.small-feature-bo.partners-feature-box {
max-width: 100%
}
.section-colab-feature-box.hm-feature-box {
margin-left: auto;
margin-right: auto;
display: block
}
.section-colab-feature-box.agency-colab-feature-box {
max-width: 100%
}
.colab-feature-img.colab-feature-img-3 {
margin-left: -62px
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title.feature-title-white {
text-align: left
}
.colab-feature-description.sf-font-roboto.smooth {
max-width: 100%
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.light-blue-description {
text-align: left
}
.colab-feature-description.sf-font-roboto.smooth.partner-perks-feature-description {
max-width: 100%
}
.hm-customer-photos {
min-width: 638px;
margin-top: -100px;
margin-left: 34px
}
.div-block-border-wrapped.campaigns-logo-block.solution-logo-block {
padding-left: 64px;
padding-right: 64px
}
.div-block-border-wrapped.div-block-border-wrapped-symbol.div-block-border-wrapped-padded {
padding-bottom: 0
}
.cf2-customer-logo-1 {
margin-bottom: 33px
}
.cf2-customer-logo-1.cf2-customer-logo-2.nectar {
margin-top: 2px;
margin-bottom: 29px
}
.cf2-customer-logo-1.cf2-customer-logo-4.agency-logo-4 {
margin-top: 0;
margin-bottom: 31px
}
.div-block-testimonials {
width: 100%;
max-width: 100%
}
.cf2-testimonial-box {
margin-bottom: 27px
}
.cf2-testimonial-box.cf2-testimonial-bubble {
min-height: 0
}
.row-testimonials {
width: 100%;
max-width: 100%
}
.div-block-sub-page-nav.ctas-breadcrumbs {
padding-left: 30px;
padding-right: 30px
}
.div-block-sub-page-nav.ctas-breadcrumbs.tools-breadcrumbs {
margin-top: 0;
padding-top: 0;
padding-left: 0
}
.div-block-hero-integration-icons.integration-hero-icons-box {
margin-bottom: 10px
}
.cf2-footer-menu-list {
margin-bottom: 36px
}
.cf2-footer-menu-link.sf-font-roboto.smooth.cf2-footer-tinylink-text {
text-align: left
}
.cf2-integration-collection-item.template-integration-collection-item {
float: none;
margin-left: auto;
margin-right: auto
}
.div-block-template-hero {
padding-left: 26px;
padding-right: 26px
}
.template-hero-featured-block {
border-radius: 4px
}
.template-browser-iframe {
margin-top: -140px;
margin-left: -160px;
transform: scale(.6)
}
.div-template-cta-block.template-cta-block-2 {
padding-left: 26px;
padding-right: 26px
}
.template-list-item-div {
margin-left: auto;
margin-right: auto;
display: block
}
.template-list-item-div.cta-template-list-item-div {
max-width: 100%;
display: block
}
.template-list-item-top-block {
height: 298px
}
.template-list-item-title {
height: auto;
overflow: visible
}
.template-list-item {
float: none;
max-width: 100%
}
.template-list-item.cta-template-list-item {
min-width: 310px;
max-width: 100%;
display: block
}
.template-list--item-link-box {
display: block
}
.tool-section-3-tab-block {
overflow: visible
}
.tool-section-3-tab-content.tool-design-tab-content-block {
min-width: 100%;
max-width: 100%;
margin-left: 0;
overflow: visible
}
.tool-section-3-tab-menu {
margin-top: 59px
}
.tool-mobile-img {
min-width: 550px;
margin-left: -107px
}
.tools-section-10-img-block {
padding-top: 24px
}
.tools-automation-img {
min-width: 600px;
margin-left: -48px
}
.tool-profiling-row-div {
margin-top: 51px
}
.tool-profiling-img-block {
margin-bottom: 52px
}
.tool-profiling-img.profiling-overlay {
min-width: 0;
margin-bottom: 0
}
.tool-profiling-img.profiling-overlay.profiling-overlay-mobile {
min-width: 100%
}
.tools-forms-funnels-img {
min-width: 800px
}
.tools-forms-funnels-img.stickybar-funnels-img {
margin-left: 44px
}
.tools-form-funnel-img-block {
min-width: 1000px;
height: 478px;
margin-left: -191px
}
.tool-embed-tab-content,
.tool-embed-tab-content.quiz-embed-tab-content,
.tool-embed-tab-content.quiz-embed-tab-content.personalization-tab-content {
margin-top: 40px
}
.tool-embed-content-img.shopify-img,
.tool-embed-content-img.calendly-img,
.tool-embed-content-img.embed-video-img {
min-width: 0
}
.tool-embed-content-img.campaigns-flow-tab-content-img {
min-width: 500px;
max-width: 100%;
margin-left: 0
}
.tool-embed-content-img.solution-leadgen-tab-img.agency-leadgen-img-1 {
margin-left: -162px
}
.tool-embed-tab-menu {
margin-top: -171px
}
.tool-advanced-block.pricing-included-features-box {
padding-left: 32px;
padding-right: 32px
}
.tool-workflow-tab-content {
margin-top: 11px;
margin-bottom: 34px
}
.tool-workflow-tab-content-img {
min-width: 0;
margin-left: 0
}
.tool-workflow-tab-content-img.hm-collaboration-featured-img {
min-width: 100%;
margin-bottom: -109px;
margin-left: auto;
margin-right: auto;
display: block
}
.tool-personalize-img {
margin-top: -90px;
margin-bottom: 27px;
margin-left: -72px
}
.tool-automations-collection-item-box {
max-width: 300px;
margin-bottom: 21px;
margin-left: auto;
margin-right: auto;
display: block
}
.automation-item-top-block {
padding-top: 37px
}
.automation-item-bottom-block {
min-height: 60px
}
.cta-template-list-content-right.integration-index-list-content-right {
padding-left: 0
}
.cta-template-list-content-right.template-category-list-content-right {
margin-top: 30px
}
.cta-template-list-content-right.template-category-list-content-right.cta-index-container {
width: 100%;
max-width: 1000px
}
.tool-design-featured-img {
min-width: 100px;
max-width: 100%;
margin-left: 0
}
.form-fields-img-block.light-blue-bg.form-actions-img-block {
max-height: 320px
}
.form-actions-img {
min-width: 700px;
margin-left: -151px
}
.customer-story-img-block.blob-bg-left {
min-width: 600px;
margin-left: -38px;
padding-left: 63px
}
.customer-story-content-block-right {
padding-right: 50px
}
.customer-story-content-block-right.pricing-customer-story-content-block-right {
margin-bottom: 27px;
padding-right: 0
}
.personalization-hero-slider-box {
margin-top: 50px
}
.personalization-hero-slide-visitor-img {
max-width: 50%
}
.personalization-hero-slider {
min-height: 500px;
margin-left: -50px
}
.personalization-inner-path-action {
float: none;
margin-left: auto;
margin-right: auto;
display: block
}
.personalization-inner-path-automation {
margin-left: auto;
margin-right: auto;
display: block
}
.personalization-path-arrow-mobile.personalization-path-arrow-mobile-inner {
margin-top: 56px;
margin-bottom: 20px
}
.cf2-pricing-div-block.pricing-2022-div-block._2023 {
width: 100%;
margin-top: 32px;
overflow: scroll
}
.pricing-plan-benefits-block.pricing-2021-plan-benefits-block.benefits-block-business {
min-height: auto;
padding-left: 15px;
padding-right: 15px
}
.pricing-plan-benefits-block.pricing-2021-plan-benefits-block.benefits-block-free {
min-height: auto
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block {
height: auto;
min-height: auto
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block._2023 {
height: auto
}
.pricing-callout-box {
min-height: auto;
margin-bottom: 38px
}
.pricing-comparision-table-block {
margin-left: 0;
margin-right: 0;
overflow: scroll
}
.faq-question-tab {
max-width: 500px
}
.faq-question-text.sf-font-roboto.smooth {
white-space: pre-wrap;
display: block;
position: relative
}
.hm-featured-video,
.hm-featured-video.hm-create-video.solution-featured-video {
min-width: 400px
}
.courses-top,
.courses-content-section {
padding-left: 30px;
padding-right: 30px
}
.courses-creator-avatar {
max-width: 200px;
margin-left: auto;
margin-right: auto;
padding-right: 0;
display: block
}
.courses-creator-avatar.lessons-creator-avatar {
margin-left: auto
}
.courses-creator-name.sf-font-roboto.smooth {
text-align: left
}
.courses-creator-name.sf-font-roboto.smooth.lessons-creator-name {
text-align: center
}
.courses-creator-title.sf-font-roboto.smooth {
text-align: left
}
.course-lesson-icon {
text-align: left;
margin-left: 0
}
.course-lessons-item-description.course-lessons-item-length {
text-align: left
}
.column-36 {
text-align: center
}
.column-36.course-lesson-col-2 {
text-align: left
}
.column-37 {
margin-bottom: 10px
}
.column-37.course-lesson-col-1 {
text-align: left
}
.lessons-body-col-center {
padding-left: 30px
}
.lesson-creator-details {
padding-left: 0
}
.lessons-creator-col3 {
display: none
}
.template-automations-div {
margin-bottom: 150px;
padding-left: 57px;
padding-right: 57px
}
.template-automations-slider {
max-height: 215px
}
.template-automations-slider.template-integrations-slider {
max-height: 267px
}
.template-automations-slider-nav-inner {
float: none
}
.template-automations-slider-left-arrow {
margin-left: 170px
}
.template-integrations-div {
margin-bottom: 183px;
padding-left: 57px;
padding-right: 57px
}
.template-list-item-type-box,
.template-list-item-type-box.example-list-item-type-box {
margin-top: 12px;
margin-bottom: 12px
}
.template-category-tab-menu {
margin-bottom: 40px
}
.partners-section-two-img-div.img-dot-bg-top {
margin-left: 19px
}
.blog-post-content-wrapper {
max-width: 100%;
padding-left: 30px;
padding-right: 30px
}
.blog-post-content-richtext {
width: 100%;
max-width: 800px
}
.blog-post-content-richtext.sf-font-roboto {
width: 100%
}
.blog-post-content-headline {
font-size: 35px
}
.blog-post-footer-suggested {
width: 80%;
margin-left: auto;
margin-right: auto
}
.blog-post-suggested-post {
width: 100%;
margin-bottom: 20px
}
.blog-post-suggested-post-content {
width: 80%
}
.blog-post-suggested-post-title.sf-font-roboto {
min-height: auto;
max-height: 100%
}
.blog-post-suggested-creator-name,
.blog-post-suggested-creator-title {
padding-left: 0
}
.blog-post-suggested {
width: 100%
}
.blog-post-featured-overlay {
height: 250px
}
.blog-post-featured-topic-container {
padding-left: 44px;
padding-right: 44px
}
.blog-posts-new-wrapper {
margin-left: -65px
}
.blog-posts-new-subheadline.blog-posts-topic-link {
float: left;
margin-top: 0;
padding-left: 20px
}
.blog-posts-topic-titles {
padding-left: 30px
}
.blog-posts-playbooks {
height: auto;
overflow: visible
}
.blog-posts-playbooks-columns {
width: 100%
}
.blog-posts-playbook {
margin-left: 0;
margin-right: 0
}
.blog-posts-playbook.blog-posts-playbook-blue {
background-image: url(assets/images/others/5df14fb63da2ac208fec2a26_playbook-blue.png)
}
.blog-posts-playbook.blog-posts-playbook-teal {
background-image: url(assets/images/others/5df15050cb28f333f2ed314c_playbook-teal.png)
}
.blog-posts-playbook-overlay {
background-color: #0000
}
.blog-post-playbooks-container {
padding-left: 30px;
padding-right: 30px
}
.topic-subheadline {
width: 100%;
padding-left: 20px;
padding-right: 20px
}
.partner-program-story-div {
background-position: 0 0, 50% 0
}
.campaigns-body.campaigns-index-popular.campaigns-index-new {
margin-top: 50px
}
.campaigns-index-filter {
padding-left: 10px;
padding-right: 10px
}
.content-index-hero {
width: 110%;
margin-top: 20px;
margin-bottom: -30px;
display: none;
overflow: visible
}
.campaigns-index-hero-col1 {
padding-right: 30px
}
.campaigns-popular-header-col2 {
display: none
}
.ecommerce-hero-img.saas-hero-img {
margin-top: 15px;
margin-left: auto;
margin-right: auto
}
.browser-showcase {
width: 500px;
height: 400px;
padding-top: 35px
}
.browser-showcase-bg {
width: 475px
}
.browser-showcase-img-optin {
width: 400px;
padding-top: 40px
}
.browser-showcase-img-optin.browser-showcase-img-contentupgrade {
width: 350px;
padding-top: 70px
}
.browser-showcase-img-optin.browser-showcase-img-newsletter {
padding-top: 60px
}
.browser-showcase-img-optin.browser-showcase-img-survey {
width: 170px;
padding-top: 70px
}
.browser-showcase-img-optin.browser-showcase-img-survey.browser-showcase-img-survey-right {
padding-top: 120px
}
.browser-showcase-img-optin.browser-show-img-dynamic {
width: 300px
}
.default-button.nav-cta-button.sign-in.sign-in-dark {
display: none
}
.default-button.integration {
margin-top: 20px;
font-size: 15px
}
.default-button.integration.on-page {
margin-top: 30px
}
.default-button.text-link {
font-size: 15px
}
.default-button.guide-page,
.default-button.dark {
margin-top: 20px;
font-size: 15px
}
.default-button.dark.on-page {
margin-top: 30px
}
.default-button.blue-button {
margin-top: 20px;
font-size: 15px
}
.default-button.dark-text,
.default-button.white-text {
font-size: 15px
}
.default-button.mobile-nav-dropdown-cta {
margin-bottom: 15px
}
.default-button.mobile-nav-dropdown-cta.secondary {
margin-bottom: 0
}
.general-container.spaced,
.general-container.reduced-padding {
padding-top: 50px
}
.general-container.extra-wide-container.integrations-points {
max-width: 450px
}
.dropdown-block {
margin-bottom: 20px
}
.dropdown-block.first {
margin-bottom: 30px
}
.color-logo {
width: 130px;
top: 6px
}
.white-logo {
width: 130px
}
.nav-link-icon {
margin-right: 20px
}
.logo-link-block {
padding-left: 0
}
.small-dropdown-grid {
margin-top: 0
}
.hero-bg-shape {
height: 210px;
bottom: -100px;
left: -201px
}
.hero-bg-shape._2 {
height: 230px;
bottom: -42px;
right: -203px
}
.hero-bg-shape.compare-1 {
height: 360px;
left: -196px
}
.hero-bg-shape.compare-2 {
height: 310px;
right: -148px
}
.hero-bottom-shape {
max-height: 90px
}
.hero-text-wrapper {
max-width: 470px;
padding-left: 20px;
padding-right: 20px
}
.hero-paragraph-wrapper {
margin-top: 20px
}
.hero {
height: auto;
min-height: 0;
padding-top: 120px;
padding-bottom: 140px
}
.hero.home-hero {
padding-bottom: 140px
}
.hero.home-hero-black {
min-height: auto;
padding-bottom: 140px
}
.cta-form {
width: 100%
}
.page-intro-paragraph {
font-size: 17px;
line-height: 28px
}
.hero-title {
font-size: 35px;
line-height: 45px
}
.hero-title.hero-title-small {
font-size: 38px
}
.hero-title.slider-headline {
font-size: 40px;
line-height: 50px
}
.embed-wrapper {
min-height: 170px
}
.video-wrapper {
margin-top: -140px;
padding: 20px
}
.companies-logos-wrapper {
margin-top: 0;
padding-left: 20px;
padding-right: 20px
}
.companies-logos-wrapper.bottom-version {
width: 100%;
margin-top: 0
}
.companies-logos-wrapper.medium-sized {
margin-top: 0;
margin-bottom: 40px
}
.general-section {
padding: 0
}
.general-section.visual-builder-section.launch-video-section.launch-case-studies-section {
padding-top: 52px;
padding-bottom: 67px
}
.general-section.integrations-section {
padding-bottom: 40px
}
.general-section.community-section {
background-size: 850px;
padding-top: 30px;
padding-bottom: 20px
}
.general-section.with-color-element.personalize {
padding-top: 15px
}
.general-section.growth-section {
padding-top: 0
}
.general-section.solutions-page-why {
padding-top: 60px;
padding-bottom: 60px
}
.general-section.gray-rounded.tools-video {
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px
}
.general-section.tools-bottom-cta {
padding-top: 50px
}
.centered-title {
max-width: 340px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
line-height: 21px
}
.block-title.small {
white-space: nowrap;
font-size: 12px;
line-height: 17px
}
.block-title.smaller {
font-size: 15px
}
.block-title.large,
.block-title.wide {
margin-bottom: 10px;
font-size: 26px;
line-height: 32px
}
.read-more-block.dark {
margin-top: 15px
}
.services-grid {
grid-template-columns: 1fr 1fr;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px
}
.services-grid.integrations-page {
padding-left: 10px;
padding-right: 10px
}
.content-block {
padding-bottom: 19px
}
.section-title-wrapper {
margin-bottom: 0;
padding: 40px 25px 50px
}
.section-title-wrapper.templates-title-wrapper {
padding-top: 50px;
padding-left: 30px;
padding-right: 30px
}
.section-title-wrapper.why-switch {
margin-bottom: 0
}
.section-title-wrapper.align-left {
padding-top: 50px;
padding-left: 30px;
padding-right: 30px
}
.section-title-wrapper.left-aligned {
padding: 20px 30px 0
}
.section-title-wrapper.left-aligned.launch-hero-left-section {
width: 100%;
margin-left: 0;
margin-right: 0
}
.section-title-wrapper.color-section-wrapper {
margin-bottom: 50px;
padding-bottom: 0
}
.section-title-wrapper.on-page {
padding-top: 20px;
padding-left: 40px;
padding-right: 40px
}
.section-title-wrapper.on-page.pricing-headlines {
margin-top: 50px;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px
}
.section-title-wrapper.right-aligned {
padding: 20px 0 0
}
.section-title-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 5px
}
.section-title-wrapper.left-aligned---thinner {
padding: 20px 0 0
}
.section-title-wrapper.section-wrapper-spacing {
margin-bottom: 0
}
.section-title-wrapper.wide.section-wrapper-spacing {
margin-bottom: 0;
padding-bottom: 40px
}
.section-title {
font-size: 32px;
line-height: 42px
}
.service-link-block.split {
margin-bottom: 20px
}
.intro-title {
font-size: 14px
}
.bg-shape {
left: -217px
}
.block-subtitle.small {
font-size: 9px;
line-height: 13px
}
.block-subtitle.dark {
font-size: 18px;
line-height: 28px
}
.read-more-title.smaller {
font-size: 15px
}
.case-person-image {
max-height: 108%
}
.cases-grid {
grid-row-gap: 50px;
grid-template-columns: 1fr;
margin-top: 0;
padding: 25px 25px 50px
}
.text-wrapper.template-text-version {
justify-content: flex-start;
height: 55%;
padding: 12px
}
.text-wrapper.template-text-version.bordered {
padding-left: 10px;
padding-right: 10px
}
.quote-wrapper {
padding-bottom: 60px
}
.quote-wrapper.top-of-section {
margin-top: 60px;
margin-bottom: 0
}
.quote-wrapper.quote-wrapper-slim {
margin-bottom: 0;
padding-bottom: 49px
}
.quote-wrapper.quote-wrapper-slim.no-avatar.wide {
padding-bottom: 0
}
.quote-wrapper.quote-wrapper-slim.no-avatar.nested {
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px
}
.browser-top-bar {
display: none
}
._3-highlights-grid.cf-page {
flex-direction: column;
display: flex
}
._3-highlights-grid.dark_bg {
flex-direction: column;
margin-bottom: 40px;
display: flex
}
.browser-bg-shape {
height: 230px
}
.browser-bg-shape._3 {
height: 100px;
top: -46px
}
.browser-bg-shape._4 {
height: 120px;
bottom: -57px;
right: -26px
}
.browser-bg-shape._2 {
height: 140px
}
.browser-bg-shape.on-top {
height: 60px;
top: -30px
}
.browser-wrapper {
padding: 20px
}
.browser-wrapper.narrow {
width: 96%
}
.template-preview-background {
width: 98%
}
.templates-preview-grid {
grid-column-gap: 6px;
grid-row-gap: 6px
}
.template-preview-wrapper {
height: 220px
}
.templates-bg-element {
height: 80px;
right: 3%
}
.template-preview-image {
height: 45%
}
.stack-bg-element {
height: 230px
}
.stack-grid {
padding-left: 25px;
padding-right: 25px
}
.stack-grid.integrations-stack-grid {
grid-template-columns: 1fr 1fr
}
.stack-block.related {
margin-bottom: 20px
}
.stack-block.integrations-stack-block {
max-height: 250px
}
.stack-main-wrapper {
display: block
}
.community-gradient {
display: none
}
.footer-top-bar {
padding-bottom: 30px
}
.footer-top-grid {
text-align: center;
display: block
}
.footer-grid-wrapper {
padding-right: 0
}
.footer-link {
margin-top: 5px;
font-size: 14px
}
.footer-link.bottom-link {
margin-left: 0;
margin-right: 10px;
font-size: 13px
}
.footer-title {
margin-left: auto;
margin-right: auto
}
.footer-top-block-2 {
text-align: center;
padding-top: 40px
}
.footer-block {
margin-bottom: 30px
}
.bottom-footer-block.centered,
.bottom-footer-block.last {
text-align: left
}
.bottom-footer-grid {
text-align: left;
margin-top: 40px;
padding-left: 40px;
display: block
}
.footer-block-title {
margin-bottom: 10px;
font-size: 17px
}
.handwritten-text {
height: 40px
}
.footer-news-wrapper {
display: none
}
.bottom-footer-text {
font-size: 13px
}
.footer-top-block-1 {
padding-top: 70px
}
.footer-grid {
grid-template-columns: 1fr 1fr;
padding-bottom: 0;
padding-left: 40px;
padding-right: 40px
}
.subpage-title {
font-size: 32px;
line-height: 41px
}
.subpage-title.restricted-w {
font-size: 46px;
line-height: 52px
}
.subpage-title.restricted-w.large {
font-size: 50px;
line-height: 60px
}
.subpage-title.restricted-w.large.white.launch-hero-headline {
width: 500px
}
.subpage-title.restricted-w.large.white.launch-hero-headline.launch-e-hero-headline {
font-size: 32px;
line-height: 42px
}
.page-header {
padding-top: 100px
}
.section-color-fill {
width: 99%;
padding-top: 0;
padding-bottom: 50px
}
.section-color-fill.blue-tint {
padding-top: 40px
}
.section-color-fill.light-blue {
width: 97%;
padding-left: 10px;
padding-right: 10px
}
.compare-table-column.light.bottom-column {
width: 30%;
padding-left: 10px;
padding-right: 10px
}
.compare-table-column.light.with-logo.last.tool-page-table-last-col {
width: 112px
}
.compare-table-column.light.with-logo.middle-column.tool-page-table-mid-col {
width: 95px
}
.compare-table-column.light.with-logo.tool-page-table-column {
width: 97px
}
.compare-table-column.light.middle-column.zapier {
padding-left: 16px;
padding-right: 15px
}
.compare-table-column.light.zapier {
padding-left: 14px;
padding-right: 15px
}
.compare-table-logo.alt-logo {
height: 18px
}
.compare-table-main-wrapper {
width: 98%
}
.small-bg-shape.campaign-2 {
top: -46px;
right: 6px
}
.small-bg-shape.personalize-2 {
display: none
}
.screenshot-wrapper {
margin-left: auto;
margin-right: auto;
position: relative;
top: 0%;
transform: none
}
.screenshot-wrapper.personalize {
position: relative;
top: 0%;
transform: none
}
.color-bg-square {
width: 98%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto
}
.color-bg-square.mobile-only {
background-color: #003fff;
display: block
}
.column-block {
z-index: 30;
position: relative
}
.column-graphic-wrapper {
width: 100%;
min-width: 100%;
height: auto;
padding: 30px 10px;
display: block
}
.column-graphic-wrapper.align-left {
margin-left: 0%;
display: block;
left: auto
}
.app-screenshot.personalize {
width: 90%;
margin-top: 0;
margin-left: auto;
margin-right: auto
}
.app-screenshot.automate {
max-width: 100%
}
.color-bg-shape {
display: none
}
._2-column-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
padding-left: 10px;
padding-right: 10px
}
._2-column-grid.reverse {
flex-flow: row-reverse wrap-reverse;
grid-template-columns: 1fr;
align-items: flex-start;
padding-right: 0;
display: flex
}
.blog-post-creator-bio,
.blog-post-creator-links {
text-align: center
}
.creator-page-header,
.creator-page-content.grey-bg {
background-color: #0000
}
.page-section-2.hiw {
padding-top: 0
}
.page-section-2.templates {
padding-top: 30px
}
.page-section-2.guides {
padding-left: 0%;
padding-right: 0%
}
.page-section-2.contained {
padding: 40px 40px 20px
}
.page-section-2.split {
padding-left: 0%;
padding-right: 0%
}
.page-section-2.split.reverse {
padding: 40px 0% 0
}
.page-section-2.split.reverse.padding.more-padding {
padding-top: 50px
}
.page-section-2.padding {
padding-left: 15px;
padding-right: 20px
}
.page-section-2.faq-holder {
padding-bottom: 20px
}
.page-section-2.dark-contained {
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px
}
.page-section-2.dark-contained.black {
padding-top: 40px
}
.page-section-2.icon-split {
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px
}
.page-section-2.spacing {
padding-left: 0%;
padding-right: 0%
}
.page-section-2.vertical-padded {
padding-top: 0;
padding-bottom: 0
}
.sub-page-nav-right {
margin-top: 12px;
display: none
}
.sub-page-nav {
flex-wrap: wrap;
margin-left: 25px
}
.logo-col-individual {
margin-bottom: 10px
}
._2-column-flex {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr
}
.intro-paragraph-2.guide-doc {
margin-bottom: 0;
font-size: 16px
}
.bg_image.wider {
margin-left: auto;
margin-right: auto
}
.bg_image.z-index {
max-width: 93%
}
.bg_image.funnel {
width: 103.5%;
margin-left: -3.5%;
margin-right: auto
}
.bg_image.funnel.segments-woman {
display: none
}
.bg_image.funnel.launch-personalize-img {
width: 90%;
min-width: 0%;
margin-left: 5.5%
}
.bg_image.funnel.launch-personalize-img.recommend {
width: 100%;
min-width: 100%;
max-width: 100%;
margin-left: auto
}
.bg_image.segment-plus {
margin-left: auto;
margin-right: auto
}
.bg_image.launch-swag-hero {
width: 400px;
margin-left: auto;
margin-right: auto
}
.bg_image.hero-left-quiz.upsell {
width: 120%;
margin-left: -68px
}
.bg_image.video.tool-page-hero {
width: 550px
}
.intro-title-2 {
margin-bottom: 10px;
font-size: 14px
}
.intro-title-2.top-level,
.intro-title-2.bolder,
.intro-title-2.lighter {
font-size: 15px
}
.column-block-2 {
z-index: 30;
width: 100%;
position: relative
}
.hero-section {
padding: 0 10px
}
.hero-section.pro {
padding-top: 80px;
padding-left: 10px;
padding-right: 10px
}
.hero-section.business {
padding-top: 120px;
padding-left: 10px;
padding-right: 10px
}
.hero-section.tool-hero {
background-size: 400px;
padding-top: 80px;
padding-left: 10px;
padding-right: 10px
}
.hero-section.solutions {
padding-top: 120px;
padding-left: 10px;
padding-right: 10px
}
.hero-section.tool-hero-light {
padding-top: 70px
}
.right-column-wrapper {
width: 100%;
min-width: 100%;
height: auto;
padding: 0;
display: block
}
.right-column-wrapper.flex {
margin-top: 40px;
padding-left: 0;
padding-right: 0
}
.right-column-wrapper.flex.flip-on-mobile {
order: 1
}
.right-column-wrapper.centred {
text-align: center;
width: auto;
min-width: auto;
display: flex;
position: relative
}
.right-column-wrapper.middle-position,
.right-column-wrapper.wide-flex {
margin-top: 40px;
padding-left: 0;
padding-right: 0
}
.right-column-wrapper.showcase-bg-lines {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.color-container {
margin-top: -20px;
padding: 30px 40px;
overflow: hidden
}
.color-container.black {
margin-top: 0
}
.middle-right-shape {
display: none;
right: -138px
}
.section-title-2 {
font-size: 32px;
line-height: 42px
}
.top-left-shape {
top: -58px
}
.section-feature {
font-size: 17px;
line-height: 22px
}
.feature-icon-holder {
margin-top: 25px
}
.logo-left {
max-width: 35px
}
.integrations-holder {
margin-top: 0
}
.cf-h4 {
margin-bottom: 8px;
font-size: 26px;
line-height: 32px
}
.cf-integration-box.activity {
max-width: 100%
}
.cf-integration-box.activity.personalize {
margin-left: 10px
}
.template-holder {
place-content: flex-start space-between;
width: 92%;
margin-left: auto;
margin-right: auto
}
.template-item {
float: none;
flex: none;
width: 100%;
max-width: 100%;
margin-left: 2%;
margin-right: 2%
}
.template-list-item-bg {
padding-top: 80px;
padding-bottom: 80px
}
.template-list-name {
margin-bottom: 0
}
.template-pill {
margin-top: 12px;
margin-bottom: 12px
}
.guide-doc-row._2 {
margin-top: 30px
}
.guides-documentation {
width: 88%
}
.guide-doc-box {
align-items: center;
padding: 20px 25px 20px 20px
}
.guide-doc-description {
line-height: 22px
}
.guide-doc-logo {
width: 70px;
height: 70px;
margin-top: 2px
}
.integration-hero-arrow {
margin-left: auto;
margin-right: auto;
display: block
}
.integration-hero-arrow.up {
margin-right: auto
}
.integration-hero-arrow.up.personalize {
margin-left: 90px
}
.integration-hero-arrow.personalize {
margin-top: 10px
}
.integration-hero-arrow.actions {
min-width: 120px
}
.integration-hero-arrow.actions.action-to-visit {
margin-top: -15px
}
.integration-hero-arrow.down {
min-width: 1px;
max-width: 110px
}
.integration-hero-arrow.hero-down {
margin-top: -20px
}
.integration-personalize-popups {
margin-left: 40px;
margin-right: 40px
}
.integrations-actions-line.quiz-to-action {
margin-left: 165px
}
.integrations-actions-line.visit-to-offer {
margin-right: 170px
}
.integrations-actions-goal {
width: 95%
}
.top-label {
padding-left: 40px;
padding-right: 40px
}
.upper-information {
width: 100%
}
.template-item-2 {
float: none;
flex: none;
width: 46%;
max-width: 100%;
margin-left: 2%;
margin-right: 2%
}
.template-item-2.wider {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%
}
.guide_image {
width: 100px;
height: 100px;
margin-bottom: 30px
}
.guide_image.integration-hero-icon {
background-size: 50px;
width: 100px;
height: 100px
}
.left_col,
.rte {
padding-left: 40px;
padding-right: 40px
}
.rte h1 {
font-size: 44px;
line-height: 50px
}
.smaller-template-holder {
flex-wrap: wrap;
place-content: flex-start;
width: 103%;
margin: 30px -1.5% 45px
}
.template-list-item-bg-2 {
padding-top: 80px;
padding-bottom: 80px
}
.blue-cta-block {
width: 97%;
margin-left: auto;
margin-right: auto;
padding: 45px 35px
}
.template-guide-doc {
padding-left: 40px;
padding-right: 40px
}
.integrations-grid {
grid-column-gap: 6px;
grid-row-gap: 6px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-top: 10px
}
.title-holder {
flex-wrap: wrap
}
.integration-guides-integration-mobile,
.integration-guides-title {
padding-left: 40px;
padding-right: 40px
}
.integration-hero-activity {
margin-left: 0;
margin-right: 0
}
.write-for-us-faq-block {
width: 100%
}
.faq-dropdown,
.faq-question-block {
width: 100%;
min-width: auto
}
.right-angled-bg {
display: block
}
.section-title-3 {
font-size: 32px;
line-height: 42px
}
.section-title-3.smaller-text {
font-size: 30px
}
._wf-container {
padding-top: 0
}
._3-split-block {
width: 100%;
max-width: 100%;
margin-bottom: 30px
}
.head-wrapper {
margin-bottom: 0;
padding: 0 0 50px
}
.head-wrapper.less-marg {
margin-bottom: 40px;
padding-bottom: 0
}
._4-split-icon {
height: 38px
}
._4-column-div._2 {
padding-left: 30px;
padding-right: 30px
}
._4-column-div.spaced {
margin-top: 140px;
padding-bottom: 20px
}
._4-column-div.less-marg {
margin-top: 5px
}
._4-column-div.fw-col {
padding-left: 0;
padding-right: 0
}
._4-column-div._3 {
padding-left: 0;
padding-right: 30px
}
._4-column-div.spaced-2 {
margin-top: 20px;
padding-bottom: 20px
}
.color-container-2 {
margin-top: -20px;
padding: 30px 40px;
overflow: hidden
}
.color-container-2.overflow-none {
padding-left: 10px;
padding-right: 10px
}
.overlay---image {
max-width: 86%;
margin-left: auto;
margin-right: auto;
display: block
}
._4-split-larger,
._4-split-larger.pad {
height: 40px
}
.overlay-image---2.pro-support {
max-width: 425px
}
.faq-question-block-2 {
width: 100%;
min-width: auto
}
.pricing-faq-block-2 {
width: 100%
}
.faq-title-2 {
white-space: normal;
line-height: 26px
}
.header-2 {
margin-top: 20px
}
.cta-holder.tools-centered-cta {
margin-bottom: 40px
}
._4-split-block {
width: 100%;
max-width: 100%;
margin-bottom: 30px
}
._wf-container-2 {
padding-top: 0
}
._wf-container-2.padding {
padding: 50px 40px 0
}
._wf-container-2.why-convertflow-wrapper {
background-image: radial-gradient(circle closest-side, #003fff, #0000)
}
._4-highlights-grid.cf-business,
._4-highlights-grid.stats {
flex-direction: column;
display: flex
}
.small-block {
width: 29%;
margin-left: 2%;
margin-right: 2%
}
.block {
display: none
}
.grid_flex {
justify-content: center
}
.colour-bg {
margin-top: -20px;
padding: 30px 40px;
overflow: hidden
}
.colour-bg.low-top-margin.high-mobile-bottom-margin.low-top-padding {
padding-bottom: 10%
}
.text-divider {
margin-top: 40px;
font-size: 18px
}
.text-divider.dark {
margin-top: 0;
margin-bottom: 40px;
font-size: 18px
}
.right-overlay---image {
max-width: 76%;
margin-left: auto;
margin-right: auto;
display: block
}
.half-split {
flex-wrap: wrap;
margin-top: 100px
}
.half-block {
width: 100%;
margin-bottom: 40px
}
.report-image {
margin-bottom: 30px
}
.blog-post-content-richtext-intro {
width: 100%;
max-width: 800px
}
.blog-post-content-richtext-intro.sf-font-roboto {
width: 100%
}
.footer-award-link {
float: none
}
.footer-awards-block {
margin-top: 20px
}
.techstars {
max-width: 100px
}
.product-hunt {
margin-left: auto;
margin-right: auto
}
.product-hunt.reviews-logo {
margin-top: 3px
}
.template-list-item-bg.black-friday-popup {
padding-top: 115px;
padding-bottom: 115px
}
.template-list-item-bg.list-subscribe-template,
.template-list-item-bg.product-listicle-landing-page {
background-repeat: no-repeat, no-repeat;
background-size: cover, cover
}
.case-study-wrapper {
margin-bottom: 15px
}
.case-study-wrapper.grey {
border-style: none
}
.case-study-info-text {
font-size: 20px
}
.launch-hero-div {
padding-left: 22px;
padding-right: 22px
}
.launch-hero-div.launch-ecom-hero-div {
margin-top: 0
}
.launch-hero-div.launch-hero-div-q2.autopilot {
padding-left: 0
}
.segments-hero-img {
min-width: 250px;
max-width: 250px;
margin-bottom: 50px;
top: 0;
right: 0
}
.segments-browser-icon {
display: none
}
.launch-package-summary {
margin-bottom: 40px
}
.launch-package-box {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.feature-grid-item {
margin-bottom: 15px
}
.feature-grid-row {
margin-top: 0;
margin-bottom: 0
}
.hero-text-slider-slide,
.hero-text-slider-mask {
width: 500px
}
.review-site-logo {
height: auto
}
.review-site-logo.small.capterra {
height: auto;
margin-top: 9px
}
.launch-hero-ethan {
max-width: 50%;
margin-top: 7%
}
.launch-pricing-box {
display: flex
}
.launch-pricing-box.launch-pricing-box-pro {
margin-top: 28px;
display: flex
}
.launch-pricing-box.block {
display: block
}
.launch-business-campaigns-div {
margin-top: -61px
}
.div-block-border-wrapped-arrow-bottom {
width: 30px
}
.section-arrow-left-to-right {
max-width: 70%;
margin-bottom: -20px;
display: none
}
.section-arrow-middle-to-left-down {
max-width: 70%;
margin-bottom: -20px
}
.playbooks-index-hero-col1 {
padding-right: 30px
}
.playbooks-index-filter {
padding-left: 10px;
padding-right: 10px
}
.playbooks-post-creator-wrapper {
padding-left: 30px
}
.playbooks-post-content-wrapper {
max-width: 100%;
padding-left: 30px;
padding-right: 30px
}
.playbooks-post-content-headline {
font-size: 35px
}
.playbooks-post-content-intro,
.playbooks-post-main-content {
width: 100%;
max-width: 800px
}
.playbooks-post-creator-links,
.playbooks-post-creator-bio {
text-align: center
}
.no-padding-col {
padding-left: 0;
padding-right: 0
}
.campaign-item {
float: none;
flex: none;
width: 100%;
max-width: 100%;
margin-left: 2%;
margin-right: 2%
}
.campaign-list-name,
.campaign-list-subtitle,
.playbook-list-name {
margin-bottom: 0
}
.playbook-item {
float: none;
flex: none;
width: 100%;
max-width: 100%;
margin-left: 2%;
margin-right: 2%
}
.playbook-name-text {
height: auto;
max-height: none
}
.playbook-tag {
margin-top: 12px;
margin-bottom: 12px
}
.playbook-list-subtitle {
margin-bottom: 0
}
.hero-wrapper {
margin-top: -140px;
margin-bottom: 0;
padding: 20px
}
.hero-title-slider {
max-width: 400px;
height: 50px
}
.hero-cta {
width: 100%
}
.hero-cta.cf-3-area-7 {
margin-top: 20px
}
.funnels-showcase-wrapper {
width: 530px;
margin-left: 20px
}
.case-study-marketer.title {
padding-left: 0
}
.case-study-marketer-avatar {
border-radius: 100px;
max-width: 50px
}
.small-dropdown-grid-3 {
margin-top: 0
}
.logos-section.black-bg {
padding-bottom: 60px
}
.cta-wrapper-col-1 {
padding-right: 0
}
.cta-wrapper-col-2 {
padding-left: 0
}
.campaign-post-content-richtext {
width: 100%;
max-width: 800px
}
.klaviyo {
margin-left: auto;
margin-right: auto;
display: block
}
.pricing-free-box {
padding-right: 164px
}
.autopilot-included-plus {
inset: -4% 40% auto 45%
}
.advanced-features-block.pricing-included-features-box {
padding-left: 32px;
padding-right: 32px
}
.advanced-feature-text.sf-font-roboto.smooth {
max-width: 100%
}
.advanced-feature-text.sf-font-roboto.smooth.campaign-feature-description.light-blue-description {
text-align: left
}
.advanced-feature-text.sf-font-roboto.smooth.partner-perks-feature-description {
max-width: 100%
}
.stack-compare-col2 {
padding-top: 47px;
padding-bottom: 47px
}
.feature-tab-menu {
flex-direction: row
}
.logo3_list {
grid-column-gap: 1rem;
grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
padding-top: 0
}
.spacer-small-3.spacer-heroes {
padding-top: 0
}
.tab-arrow-left {
top: 10%
}
.feature-tab-link {
z-index: 6;
padding: 1.25rem 1.25rem 0
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem
}
.max-width-large.align-center.founder-message {
flex-flow: column
}
.max-width-large.align-center.text-align-center.is-integrations {
max-width: 42rem
}
.spacer-medium {
padding-top: 1.25rem
}
.logo3_logo {
max-height: 3rem
}
.tab-arrow-right {
top: 10%
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.logo3_wrapper {
padding: .75rem 1rem
}
.heading-2 {
letter-spacing: -1px;
font-size: 2.9rem
}
.text-size-medium.top-hero-text-medium.display-desktop {
display: none
}
.bento-tool-hero-box {
margin-top: 30px;
left: 37px
}
.layout7_item-list {
grid-template-columns: 1fr
}
.sticky-cards {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
display: flex
}
.bento-g {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr
}
.bento-g.is-v.mobile {
background-position: 100% -90%;
background-size: cover;
height: 25rem
}
.bento-g.is-v.mobile.bento-tools-hero-bgs {
background-position: 100% 340%;
background-size: contain
}
.bento-g.is-v._2 {
background-position: 50% -40%;
height: 25rem
}
.bento-g.is-v._2.bento-tools-hero-bgs {
background-position: 50% 340%;
background-size: contain
}
.bento-g.is-v._3 {
background-position: 50% 100%;
background-size: contain
}
.bento-g.is-v._3.tool-bg-abandonment {
background-size: 180%
}
.bento-g.no-padding-margin {
top: 0
}
.bento-g.no-padding-margin.mobile {
height: 25rem
}
.bento-g._2 {
margin-top: 0
}
.bento-g.integration-tool {
min-height: 0;
max-height: 1100px
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-small.text-align-left.founder-message-padding {
margin-top: 2.3rem;
padding-left: 7.5rem;
padding-right: 7.5rem
}
.grid-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: auto;
display: grid
}
.grid-wrapper._4cl.no-margin {
flex-flow: column;
margin-top: 1.5rem;
display: flex
}
.grid-wrapper.mobile-hide {
display: none
}
.grid-wrapper._3cl._3r {
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto
}
.padding-section-large-4 {
padding-top: 4rem;
padding-bottom: 0rem
}
.swiper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.swiper.swiper-1.swiper-builder-features {
margin-top: 1rem
}
.swiper.swiper-2 {
margin-top: 0
}
.padding-medium {
padding: 1.25rem
}
.flex-h.align-bottom {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start
}
.a-testimonial-base {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
overflow: hidden
}
.a-testimonial-base.is-big {
flex-flow: column
}
.a-h3-heading {
font-size: 2.5rem
}
.a-h3-heading.reviews-top-headline {
font-size: 2rem
}
.a-h3-heading.reviews-top-headline.crafted-in-convertflow {
margin-top: 1.1rem
}
.vs-funnel-img.funnel-img-mobile {
display: none
}
.hero-founder {
align-self: center
}
.funnel-img {
margin-top: 30px;
margin-bottom: 0
}
.content-max-w-bento.max-width-medium.is-inside {
width: 100%;
height: 28.9rem;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
padding: 0
}
.h2-heading {
font-size: 2.5rem
}
.bento-card.is-inside.height {
width: auto;
height: auto;
padding-left: 0;
padding-right: 0;
display: block
}
.bento-card.has-img {
background-position: 50% 100%;
background-size: contain
}
.layout423_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.case-study-col-link {
grid-template-columns: 1fr;
width: 100%
}
.case-study-col {
padding: 1.5rem
}
.layout423_row {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-columns: 1fr
}
.img-button-carrousel.carousel-button-div {
width: auto;
max-width: 30rem;
height: 4.7rem
}
.header78_image-wrapper {
aspect-ratio: 2/3;
width: auto;
max-width: none;
height: auto;
max-height: none;
padding-top: 175%
}
.header78_image-wrapper.is-big {
width: 15rem;
max-width: none;
height: auto;
max-height: none
}
.header78_image-list-top {
align-content: stretch
}
.header78_image {
object-fit: contain;
width: 100%;
height: 100%
}
.header78_image.is-big {
object-fit: contain;
width: auto
}
.header78_image-list-bottom {
min-height: 9.4rem
}
.header78_image-list.mobile {
justify-items: stretch;
width: 100%
}
.spacer-huge {
padding-top: 3.5rem
}
.a-testimonial-avatar-wrapper.is-big {
justify-content: flex-start;
align-items: center;
width: auto;
margin-bottom: 0
}
.img-absolute_img.img-absolute_img-relative {
object-fit: cover
}
.avatar-big-img {
width: 6.5rem;
height: 6.55rem
}
.gallery24_image {
width: auto;
height: 30vh
}
.img-negative-margin {
height: auto;
display: block
}
.padding-shoppers {
max-width: none
}
.gallery24_horizontal-scroll-wrapper {
margin-top: 0
}
.shoppers-div {
width: 90%;
height: auto;
margin: 2rem auto -1.375rem
}
.gallery24_horizontal-scroll-content {
grid-column-gap: 1.5rem;
width: 200vh
}
.gallery24_component {
height: 203vh
}
.img-integrations.reduce-bottom-spacing {
margin-bottom: -97px
}
.a-section-regular {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
.a-section-regular.section-reviews.no-bottom-padding {
padding-bottom: 0
}
.a-section-regular.section-reviews.no-bottom-padding.reviews-top-padding {
top: -6rem
}
.a-testimonial-grid-large {
flex-flow: row;
grid-template-columns: 1fr;
height: 600px;
display: flex;
overflow: scroll
}
.a-testimonial-grid-large.overflow-y-scroll {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}
.a-testimonial-grid-large.overflow-x-scroll {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
height: 450px
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.section_cta27.footer_cta.home-bottom-cta {
margin-top: auto
}
.padding-section-large-7 {
padding-top: 4rem;
padding-bottom: 4rem
}
.funnel-heading {
line-height: 2.5rem
}
.icon-embed-custom.is-check,
.icon-embed-custom.is-x {
width: 1rem
}
.swiper-pricing {
width: 105%
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.tab-pricing.desktop {
overflow: visible
}
.footer6_newsletter-wrapper {
flex-direction: column;
align-items: flex-start
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.padding-vertical.padding-medium {
padding-top: 2rem;
padding-bottom: 2rem
}
.featured-wrapper {
flex-flow: column
}
.text-size-medium-2.top-hero-text-medium.display-desktop {
display: none
}
.faq4_question {
padding: 1rem 1.25rem
}
.spacer-xlarge {
padding-top: 2rem
}
.padding-section-medium-2 {
padding-top: 3rem;
padding-bottom: 3rem
}
.footer6_top-wrapper {
grid-row-gap: 2.5rem
}
.pricing-table-row.border {
grid-column-gap: 10px;
grid-row-gap: 10px
}
.pricing-table-row.is-banner {
font-size: 20px
}
.padding-section-large-8 {
padding-top: 4rem;
padding-bottom: 4rem
}
.fs-rangeslider_track {
width: 25rem
}
.card-compare_inner-item {
display: block
}
.faq4_answer {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.navbar-3 {
min-height: 4rem
}
.navbar2_link.is-button {
font-size: 1rem
}
.pricing-table-cell,
.pricing-table-cell.padding {
font-size: .8rem
}
.faq4_icon-wrappper {
width: 1.75rem
}
.pricing-tab-wrapper {
width: 103%;
margin-left: -22px
}
.footer6_bottom-wrapper {
flex-direction: column;
align-items: flex-start
}
.text-size-large {
font-size: 1.25rem
}
.heading-3 {
letter-spacing: -1px;
font-size: 2.9rem
}
.tool-hero-image-wrapper {
width: 117%;
margin-bottom: 25px;
margin-left: -8.5%;
margin-right: 0
}
.tool-hero-image-lines {
padding: 60px 30px 20px
}
.tool-hero-image {
width: 100%;
margin-left: auto
}
.tools-section-title {
font-size: 32px;
line-height: 42px
}
.template-categories-wrapper {
width: 100%;
padding-left: 30px
}
.tool-section-image-wrapper {
width: 100%;
margin-bottom: 30px
}
.tool-section-image-wrapper.right {
padding-left: 30px
}
.tool-section-image {
margin-left: 0
}
.features-grid {
overflow: scroll
}
.features-grid-item {
padding: 20px 10px 20px 20px
}
.features-grid-item-title {
font-size: 14px;
line-height: 18px
}
.features-grid-item-text {
font-size: 12px
}
.tools-template-wrapper {
width: 100%
}
.embed-wrapper-round {
min-height: 170px
}
.tools-tutorial-wrapper {
margin-bottom: 0;
padding: 40px 25px 50px
}
.tools-tutorial-wrapper.templates-title-wrapper {
padding-top: 50px;
padding-left: 30px;
padding-right: 30px
}
.tools-tutorial-wrapper.why-switch {
margin-bottom: 0
}
.tools-tutorial-wrapper.align-left {
padding-top: 50px;
padding-left: 30px;
padding-right: 30px
}
.tools-tutorial-wrapper.left-aligned {
padding: 20px 30px 0
}
.tools-tutorial-wrapper.left-aligned.launch-hero-left-section {
width: 100%;
margin-left: 0;
margin-right: 0
}
.tools-tutorial-wrapper.color-section-wrapper {
margin-bottom: 50px;
padding-bottom: 0
}
.tools-tutorial-wrapper.on-page {
padding-top: 20px;
padding-left: 40px;
padding-right: 40px
}
.tools-tutorial-wrapper.on-page.pricing-headlines {
margin-top: 50px;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px
}
.tools-tutorial-wrapper.right-aligned {
padding: 20px 0 0
}
.tools-tutorial-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 5px
}
.tools-tutorial-wrapper.left-aligned---thinner {
padding: 20px 0 0
}
.pricing-component-wrapper {
width: 103%;
margin-left: -22px
}
.review-component {
width: 100%;
padding-left: 30px
}
.reviews-item.is-big {
flex-flow: column
}
.tools-platform-section {
padding-top: 40px
}
.tools-bottom-cta-wrapper {
width: 90%;
margin-bottom: 0
}
.integration-info-col {
padding-top: 20px
}
.heading-4 {
letter-spacing: -1px;
font-size: 2.9rem
}
.heading-4.is-tool-hero {
font-size: 2.5rem
}
.tool-headline-wrapper {
min-width: 100%
}
.footer-badges-wrapper {
max-width: 350px;
margin-left: auto;
margin-right: auto
}
.techstars-link {
text-align: center
}
.tools-template-wrap {
padding-top: 1rem;
padding-bottom: 1rem
}
.a-testimonial-base-2.is-big {
flex-flow: column
}
.a-testimonial-avatar-wrapper-2.is-big {
justify-content: flex-start;
align-items: center;
width: auto;
margin-bottom: 0
}
.templates-grid {
grid-auto-columns: 1fr;
min-width: 104%
}
.tool-feature-section-image.overflow-visible.quiz-hair,
.tool-feature-section-image.overflow-visible.quiz-simpleshot,
.tool-feature-section-image.overflow-visible.quiz-appointment {
width: 108%
}
.paragraph-8.grey {
font-size: 15px
}
.heading-5,
.tools-templates-title {
font-size: 2rem
}
.case-study-col-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem
}
.table-wrapper {
width: 980px
}
.soc-2-badge {
max-width: none
}
}
@media screen and (max-width:479px) {
h3 {
font-size: 28px;
line-height: 38px
}
p {
font-size: 17px;
line-height: 28px
}
li {
font-size: 16px
}
.cf-web-row.cf-web-row-desktop {
margin-right: 0;
padding-left: 18px;
padding-right: 18px
}
.cf-web-row.cf-web-row-desktop.infusionsoft-topsection-row {
margin-left: 0
}
.cf-web-row.cf-web-row-desktop.infusionsoft-topsection-row.om-top-row.default-page-top-row {
padding-top: 49px
}
.cf-web-row.cf-web-row-desktop.hm-web-row-1 {
margin-left: 0
}
.section.homepage-section-1-bg.smooth.hm-v2-section-1 {
background-position: 0 905px, 0 0
}
.section.homepage-section-1-bg.om-section {
background-position: 0 687px
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top.cyber-top-bg {
padding-bottom: 127px
}
.section.homepage-section-1-bg.om-section.pricing-top.onboard-top.cyber-top-bg.enterprise-top-bg {
padding-bottom: 83px
}
.section.homepage-section-1-bg.om-section.integration-top-section {
padding-bottom: 0
}
.section.homepage-section-1-bg.ma-top-section {
background-size: auto, auto
}
.section.homepage-section-1-bg.ma-top-section.default-page-top-section {
background-position: 0 288px, 0 0
}
.column {
margin-bottom: 120px;
padding-left: 0;
padding-right: 1px
}
.column.hm-top-left-column {
padding-right: 0
}
.heading {
text-align: left;
max-width: 100%;
margin-top: 0;
font-size: 24px;
line-height: 28px
}
.heading.section-3-headline {
line-height: 30px
}
.heading.heading-white.hm-story-headline {
margin-left: 17px;
margin-right: 17px;
font-size: 25px
}
.heading.heading-white.sitewide-btm-cta-headline {
padding-left: 20px;
padding-right: 20px
}
.heading.integrations-headline.hm-integrations-headline {
text-align: center
}
.heading.top-headline {
font-size: 25px;
line-height: 35px
}
.heading.top-headline.lead-gen-top-headline {
text-align: center;
font-size: 30px;
line-height: 40px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline {
padding-left: 11px;
padding-right: 11px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.ma-top-headline.agency-top-headline.zapier-top-headline {
padding-left: 7px;
padding-right: 7px;
font-size: 26px;
line-height: 36px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline {
padding-left: 20px;
padding-right: 20px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth {
font-size: 30px;
line-height: 40px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.smooth.cyber-top-countdown-headline.enterprise-top-headline.enterprise-team-headline.enterprise-cta-headline-m.ent-cta-hl-m {
margin-top: 111px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.integration-top-headline {
font-size: 30px;
line-height: 40px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.onboard-headline.cyber-top-headline.integration-top-headline.ac-deal-top-headline {
font-size: 25px;
line-height: 35px
}
.heading.top-headline.lead-gen-top-headline.om-top-headline.pricing-headline.pricing-headline2.pricing-headline3 {
font-size: 35px
}
.heading.flow-headline.lg-manifesto-headline {
text-align: center;
padding-left: 0;
padding-right: 0;
font-size: 24px
}
.heading.flow-headline.lg-manifesto-headline.lg-section3-headline {
min-width: auto;
max-width: 100%;
padding-left: 0;
padding-right: 0;
font-size: 26px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section {
min-width: 0;
max-width: 100%
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline {
text-align: left;
padding-left: 1px;
padding-right: 1px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline {
line-height: 35px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-validation-headline.onboard-bonus-headline.cyber-design-headline.smooth {
text-align: center;
font-size: 24px;
line-height: 34px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline {
text-align: left
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-stats-headline.alt-sumo-section-2-head-2 {
text-align: center
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-templates-head {
text-align: left;
padding-left: 3px;
padding-right: 3px
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-templates-head.om-crafted-head.smooth {
text-align: center
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-testing-headline {
text-align: left;
padding-left: 0;
padding-right: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.lg-testing-headline.alt-sumo-section-2-do-headline {
text-align: center
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.om-broadacsts-headline {
text-align: left;
padding-left: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.om-broadacsts-headline.hmp-v2-section-3-headline {
text-align: center;
padding-right: 0
}
.heading.flow-headline.lg-manifesto-headline.lg-responsive-section.featured-brand-headline {
padding-right: 26px
}
.heading.flow-headline.lg-manifesto-headline.alt-sumo-section-2-headline.smooth {
font-size: 25px;
line-height: 35px
}
.heading.flow-headline.lg-embed-headline,
.heading.flow-headline.lg-automations-headline {
text-align: left;
padding-left: 10px;
padding-right: 10px
}
.heading.flow-headline.lg-automations-headline.ma-clients-headline {
text-align: center;
margin-bottom: 74px
}
.heading.flow-headline.lg-profiles-headline.smooth {
text-align: left;
padding-left: 10px;
padding-right: 10px
}
.heading.flow-headline.lg-multistep-headilne {
text-align: left;
padding-left: 14px;
padding-right: 14px
}
.heading.flow-headline.om-embeddables-headline {
padding-left: 10px
}
.heading.blue-heading {
margin-top: -10px;
font-size: 20px;
line-height: 30px
}
.heading.left-heading {
max-width: 500px
}
.heading.academy-post-h2.white.smooth {
max-width: 100%;
margin-top: 5px;
font-size: 30px
}
.heading.lg-cta-headline {
text-align: left
}
.heading.lg-cta-headline.lg-targeting-headline {
text-align: left;
padding-right: 23px
}
.heading.lg-cta-headline.lg-targeting-headline.om-targeting-headline {
padding-right: 37px
}
.heading.lg-cta-headline.lg-overlay-headline {
text-align: left;
padding-right: 22px
}
.heading.lg-cta-headline.lg-cta-hook-headline {
text-align: left;
padding-left: 34px;
padding-right: 34px
}
.heading.lg-cta-headline.lg-cta-hook-headline.lg-hok-headline-1 {
padding-left: 28px;
padding-right: 28px
}
.heading.lg-cta-headline.embedded-headline {
text-align: left;
padding-left: 13px;
padding-right: 13px
}
.heading.lg-cta-headline.embedded-headline.embedded-headline-1.lg-embedded-head {
padding-left: 11px
}
.heading.om-marketing-heading.agency-section-2-headline {
padding-left: 10px;
padding-right: 10px
}
.heading.om-marketing-heading.agency-section-2-headline.zapier-personalize-headline {
text-align: center
}
.heading.ma-visual-headline.agency-visual-headline {
padding-left: 10px;
padding-right: 10px
}
.heading.ma-visual-headline.agency-visual-headline.zapier-zaps-headline {
text-align: center
}
.heading.pricing-price {
text-align: center;
margin-bottom: 25px
}
.heading.pricing-price._2024 {
margin-bottom: 0
}
.heading.cta-overview-text {
text-align: center;
padding-left: 34px;
padding-right: 34px
}
.heading.visual-builder-headline {
padding-left: 11px;
padding-right: 11px
}
.heading.cta-builder-headline.om-cta-builder-headline {
padding-left: 15px;
padding-right: 15px
}
.heading.homepage-v2-section-2-headline.hm-v2-howitworks {
text-align: center
}
.heading.homepage-v2-section-2-headline.onboard-manifesto-head.cyber-strategy-headline {
line-height: 34px
}
.heading.homepage-v2-section-2-headline.onboard-process-head {
text-align: center
}
.heading.homepage-v2-section-2-headline.onboard-process-head.cyber-story-big-headline {
font-size: 24px;
line-height: 34px
}
.paragraph.paragraph-dark-swatch.hm-story-p {
margin-left: 17px;
margin-right: 17px
}
.paragraph.paragraph-dark-swatch.sitewide-btm-cta-subhead {
padding-left: 29px;
padding-right: 29px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth {
text-align: center;
margin-top: -9px;
font-size: 17px;
line-height: 28px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.ma-top-subhead.zapier-top-subheadline {
padding-left: 11px;
padding-right: 11px
}
.paragraph.top-subheadline.lead-gen-top-sub.smooth.om-top-subhead.pricing-subhead.cyber-top-subhead {
max-width: 350px
}
.paragraph.lg-manifesto-subheadline.smooth {
text-align: left;
margin-bottom: 28px;
font-size: 17px;
line-height: 28px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-manifesto-section3-sub {
padding-left: 10px;
padding-right: 10px;
font-size: 16px;
line-height: 30px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-manifesto-section3-sub.alt-sumo-cta-subheadline {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead {
text-align: left;
font-size: 17px;
line-height: 28px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub {
text-align: left
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-seanwes-name.ma-testimonial-name.agency-testimonial-name {
padding-left: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.om-sean-testimon {
padding-right: 10px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.hm-v2-section-3-subheadl {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.hm-v2-section-3-subheadl.hm-v2-retargeting-p {
width: 100%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p {
margin-bottom: -6px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.onboard-discount-sub {
max-width: 90%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-testing-subhead.lg-validation-sub.lg-verify-p.cyber-design-p {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-crafted-subhead {
font-size: 17px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.om-reports-p {
text-align: left;
font-size: 17px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-tracking-p {
text-align: left;
padding-left: 0;
padding-right: 0;
font-size: 17px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-collaborate-p {
text-align: left;
margin-bottom: 4px;
padding-left: 0;
padding-right: 0;
font-size: 17px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.om-reports-sub.agency-resports-sub {
text-align: left;
padding-left: 0;
padding-right: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-bullet,
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.pricing-product,
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.most-popular-title {
margin-bottom: 0
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.onboard-pricing-support.cyber-pricing-referral-link {
margin-top: 74px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.pricing-sub.cyber-stories-name-p {
margin-bottom: 3px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.lg-ctatemplates-p {
margin-bottom: 53px;
padding-left: 5px;
padding-right: 5px;
font-size: 17px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.feature-brand-p {
padding-right: 5px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.tracking-subheadline {
padding-left: 1px;
padding-right: 1px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-content.zapier-zap-description {
text-align: center;
margin-bottom: -4px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline {
text-align: left;
margin-bottom: 2px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.lg-responsive-headline2 {
margin-bottom: 8px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.alt-sumo-section-2-title {
margin-top: 8px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-strategy-h4.cyber-design-h4 {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-swag-h4 {
max-width: 90%;
margin-bottom: 27px
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-swag-h4.enterprise-small-feat-headline-m,
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-swag-h4.enterprise-integrations-h4-m {
max-width: 80%
}
.paragraph.lg-manifesto-subheadline.smooth.lg-responsive-headline.onboard-process-subhead.cyber-h4.cyber-pricing-he4-prehead {
margin-bottom: 20px
}
.paragraph.lg-manifesto-subheadline.smooth.om-visual-headline {
padding-left: 15px
}
.paragraph.lg-manifesto-subheadline.smooth.om-visual-headline.ma-visual-healdine.agency-visual-sub {
padding-left: 10px;
padding-right: 10px
}
.paragraph.lg-manifesto-subheadline.smooth.ma-manifesto-subhead.zapier-send-subheadline {
text-align: center
}
.paragraph.lg-manifesto-subheadline.smooth.cta-overview-p {
text-align: center;
padding-left: 33px;
padding-right: 33px
}
.paragraph.lg-manifesto-subheadline.smooth.flows-p {
text-align: left;
padding-left: 14px;
padding-right: 14px
}
.paragraph.lg-manifesto-subheadline.smooth.visual-builder-p {
padding-left: 11px;
padding-right: 11px
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline.smooth {
text-align: left;
padding-left: 28px;
padding-right: 28px;
font-size: 17px;
line-height: 28px
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline.smooth.lg-overlays-subheadline {
text-align: left;
padding-left: 0;
padding-right: 20px
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline.smooth.embedded-subheadline {
text-align: left;
padding-left: 13px;
padding-right: 13px
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline.smooth.embedded-subheadline.lg-embed-sub {
padding-left: 11px
}
.paragraph.lg-manifesto-subheadline.lg-cta-subheadline.smooth.targeting-subheadline {
text-align: left;
padding-left: 29px;
padding-right: 29px
}
.paragraph.lg-manifesto-subheadline.om-marketing-subhead.smooth.ma-platform-subhead.agency-platform-subhead {
padding-left: 10px;
padding-right: 10px
}
.paragraph.lg-manifesto-subheadline.om-marketing-subhead.smooth.ma-platform-subhead.agency-platform-subhead.zapier-personalize-subheadline {
text-align: center
}
.paragraph.smooth.lg-manifesto-bullet-headline {
font-size: 20px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline {
padding-right: 0;
line-height: 35px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.om-andrew-headline {
font-size: 25px;
line-height: 35px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.om-testitmonial1-head.ma-testimonial-1.agency-testimonial,
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.om-seanwes-headline.ma-testimonial-headline.agency-testimonial-headline {
font-size: 24px
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline {
float: none
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.ma-bullet-bottom.zapier-zap-product {
padding-bottom: 0
}
.paragraph.smooth.lg-manifesto-bullet-headline.om-bullet-headline.ma-bullet-headline.agency-bullet-headline {
padding-left: 0;
padding-right: 0
}
.paragraph.smooth.lg-manifesto-bullet-headline.ma-roi-sub {
text-align: left;
margin-left: 0
}
.paragraph.smooth.lg-manifesto-bullet-headline.ma-roi-sub.agency-roi-sub {
text-align: left
}
.paragraph.smooth.lg-manifesto-bullet-p {
font-size: 16px
}
.paragraph.smooth.lg-multistep-sub {
text-align: left;
padding-left: 15px;
padding-right: 15px;
font-size: 17px;
line-height: 28px
}
.paragraph.smooth.lg-embed-sub {
text-align: left;
padding-left: 10px;
padding-right: 10px;
font-size: 17px;
line-height: 28px
}
.paragraph.smooth.lg-automations-sub {
text-align: left;
padding-left: 11px;
padding-right: 11px;
font-size: 17px;
line-height: 28px
}
.paragraph.smooth.lg-automations-sub.lg-queues-sub {
text-align: left;
padding-left: 12px;
padding-right: 12px;
font-size: 17px;
line-height: 28px
}
.paragraph.smooth.lg-automations-sub.lg-profiles-sub {
text-align: left;
padding-bottom: 28px;
padding-left: 10px;
padding-right: 10px;
font-size: 17px;
line-height: 28px
}
.paragraph.smooth.lg-automations-sub.lg-features-head.om-features-subhead {
padding-left: 0;
padding-right: 0;
font-size: 18px
}
.paragraph.smooth.lg-automations-sub.lg-features-head.lg-features-subhead {
padding-left: 0;
padding-right: 0
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p {
padding-right: 53px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.cyber-discount-p.enterprise-retargeting-p.enterprise-integrations-p.e-integrations-p {
max-width: 300px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.ac-deal-testimonial-p {
padding-right: 39px
}
.paragraph.homepage-v2-section-2-subhead.smooth.onboard-manifesto-body.cyber-strategy-p.ac-deal-feat-p {
padding-right: 20px
}
.dark-h1-big-headline {
text-align: center;
letter-spacing: 0;
margin-top: 31px;
padding-right: 0;
font-size: 25px;
line-height: 31px
}
.dark-h1-big-headline.academy-post-content-headline.smooth {
font-size: 35px;
line-height: 47px
}
.dark-h1-big-headline.homepage-v2-headline {
max-width: 100%;
font-size: 28px;
line-height: 38px
}
.dark-subheadline {
text-align: center;
margin-top: 8px;
padding-right: 0;
font-size: 16px;
line-height: 26px
}
.dark-subheadline.academy-top-block-subhead.smooth {
text-align: center
}
.cf-web-container {
padding-left: 10px;
padding-right: 10px
}
.body {
overflow: visible
}
.body.has-nav-2020 {
padding-top: 20px
}
.image-2 {
width: 500px;
margin-top: 0;
margin-left: -61px;
padding-top: 0;
overflow: hidden
}
.image-2.hm-v2-hero-img {
margin-top: -118px;
margin-left: -49px
}
._w-container-override {
padding-left: 0
}
._w-container-override.section-3 {
padding-left: 20px;
padding-right: 20px
}
.container {
min-width: auto
}
.html-embed {
margin-left: 0
}
.html-embed.top-embed-area {
max-width: 500px;
height: 160px;
margin-left: auto;
margin-right: auto;
display: block
}
.column-2 {
margin-top: 0
}
.container-2 {
padding-left: 20px;
padding-right: 20px
}
.section-2.section-grey-bg-large {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.section-2.section-grey-bg-large.hm-v2-section-retargeting {
background-position: 0 0
}
.tabs-2 {
padding-left: 27px;
padding-right: 27px
}
.image-6 {
width: 400px;
margin-top: -162px;
margin-left: auto;
margin-right: auto;
display: block
}
.section-3 {
margin-top: -50px
}
.small-tab-link.small-tab-active {
text-align: center
}
.div-block-2.cool-button.integration-box.integration-box-big {
padding-left: 31px;
padding-right: 31px
}
.div-block-2.cool-button.integration-box.integration-box-big.integration-box-left {
padding-left: 28px;
padding-right: 28px
}
.div-block-2.cool-button.integration-box.use-case-box {
min-height: 180px
}
.row-2 {
padding-bottom: 57px
}
.image-7.cta-starter-kit-cta-image {
max-width: 100%
}
.image-7.om-ctas-hook-preview {
min-width: 100%;
margin-top: -13px
}
.container-3._w-container-override-1000 {
margin-top: 46px;
padding-bottom: 2px
}
.paragraph-text.hm-v2-testimonial-small-p {
text-align: center
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name,
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.hm-v2-testimonial-map-name {
margin-left: 0
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.hm-v2-testimonial-map-name.map-name-right {
text-align: center;
margin-right: 0
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.e-spiro-name {
margin-left: 0
}
.paragraph-text.hm-v2-testimonial-small-p.hm-v2-testimonial-name.e-spiro-name.integrations-testimonial-name {
margin-left: 29px
}
.div-block-3.om-ctas-bullet-container {
width: 100%
}
.image-8 {
margin-right: -9px
}
.image-8.om-workflow-img {
max-width: 300%;
margin-left: -88%;
padding-bottom: 1px
}
.container-4 {
padding-left: 24px;
padding-right: 24px
}
.container-4.lg-multistep-mobile {
padding-top: 93px
}
.container-4.ma-testionial1-container.agency-testimonial-1 {
padding-bottom: 40px
}
.container-4._w-container-override.om-features-container {
padding-left: 22px;
padding-right: 22px
}
.container-4._w-container-override.lg-brand-container {
margin-top: 6px
}
.container-4.zapier-container-4 {
margin-top: 1px
}
.section-5 {
margin-top: -26px
}
.container-5 {
margin-top: -26px;
padding-top: 82px
}
.container-5.lg-overlay-container._w-container-override,
.container-5.lg-overlay-container._w-container-override.overlays-section,
.container-5.lg-overlay-container._w-container-override.targeting-section,
.container-5.lg-embed-container._w-container-override.lg-embed-container-1 {
padding-right: 0
}
.container-5.om-flows-container {
margin-top: 75px
}
.container-5.om-flows-container.alt-sumo-lead-gen-section {
padding-top: 10px
}
.container-5.visual-builder-container {
padding-top: 46px;
padding-bottom: 46px
}
.paragraph-3.section-title {
max-width: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: block
}
.paragraph-3.section-title.section-title-dark-swatch {
max-width: 100%
}
.paragraph-3.section-title.cta-box-heading-title.smooth {
max-width: 100%;
font-size: 13px
}
.paragraph-3.section-title.onboard-pretitle {
max-width: 300px
}
.paragraph-3.section-title.onboard-pretitle.onboard-discount-pre.onboard-head-pre.cyber-top-prehead.smooth.enterprise-top-prehead-m {
max-width: 250px
}
.paragraph-3.solution-title.smooth.lead-gen-solution-title {
text-align: center;
padding-left: 0;
line-height: 30px
}
.tabs-menu-2.lg-cta-tabs.lg-hook-tabs.lg-hook-tabs-1 {
margin-top: -10px;
margin-bottom: 41px
}
.tabs-menu-2.lg-cta-tabs.lg-embdedded-tabs.lg-embed-tabs-1 {
margin-top: -11px
}
.tabs-menu-2.om-flows-tabs-links {
margin-left: 1px
}
.tabs-menu-2.lg-builder-tabs {
margin-top: 11px
}
.image-9.lg-cta-overlay.lg-targeting-image.om-targeting-image,
.image-9.lg-cta-overlay.om-audience-targeting-tab-2,
.image-9.lg-cta-overlay.om-targeting-tab-3 {
padding-left: 21px;
padding-right: 21px
}
.image-9.om-flows-img {
max-width: 100%;
margin-top: -5px;
margin-left: 0
}
.image-10 {
min-width: 400px;
margin-bottom: -41px;
margin-left: 16px
}
.column-5 {
padding: 173px 20px 47px 32px
}
.container-6 {
margin-top: -20px;
padding-top: 79px;
padding-left: 20px;
padding-right: 20px
}
.section-7.hm-integrations-section {
margin-bottom: 18px;
padding-bottom: 8px
}
.testimonial-block.testimonial-sean-wes {
height: 440px
}
.testimonial-type {
margin-top: 4px
}
.section-8 {
padding-bottom: 88px;
padding-left: 20px;
padding-right: 20px
}
.section-9 {
padding: 69px 28px
}
.section-9.om-final-cta-section {
padding-bottom: 95px
}
.section-9.om-final-cta-section.agency-bottom-cta-section {
padding-top: 0
}
.section-9.hm-bottom-cta-section {
padding: 0
}
.section-9.lg-cta-section {
padding-top: 0;
padding-bottom: 0
}
.section-9.sitewide-bottom-cta-section {
padding-top: 73px;
padding-bottom: 73px
}
.link.dark {
margin-top: 8px;
font-size: 15px
}
.section-10 {
padding-top: 29px
}
.section-10.personal-cta-section {
margin-bottom: -13px
}
.tabs-menu-3 {
margin-bottom: -20px
}
.html-embed-3 {
width: 72%;
height: 150px;
margin-top: 88px;
margin-left: auto;
margin-right: auto;
display: block
}
.html-embed-3.flow-html-box {
width: 100%;
height: 220px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
display: block
}
.image-12 {
min-width: 100%;
margin-left: 0
}
.image-12.integrations-personalization-image {
margin-left: 4px
}
.column-10 {
overflow: visible
}
.heading-3-black {
max-width: 450px;
font-size: 20px;
line-height: 28px
}
.heading-3-black.integration-text-example {
line-height: 30px
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button {
max-width: 100%;
margin-top: 31px;
display: block
}
.green-cta-button.cta-4226-trigger.lead-gen-top-button.lg-top-btn {
float: none
}
.green-cta-button.onboard-button.onboard-product-button {
margin-top: 137px
}
.cta-section {
margin-top: -17px
}
.image-14 {
min-width: 100%;
margin-left: 0
}
.column-12 {
padding: 47px 25px 63px
}
.section-11 {
padding-top: 147px
}
.section-11.lead-profile-section {
padding-top: 154px
}
.div-block-12 {
margin-bottom: -10px;
padding-left: 20px;
padding-right: 20px
}
.div-block-13 {
padding-top: 71px
}
.div-block-14 {
margin-top: 2px;
padding-left: 10px;
padding-right: 10px
}
.div-block-15 {
padding-right: 0
}
.column-16,
.column-17 {
padding-left: 0;
padding-right: 0
}
.image-16 {
max-width: 100%
}
.div-block-16 {
padding-left: 27px;
padding-right: 27px
}
.cta-box-heading-box {
padding-bottom: 25px
}
.column-19 {
padding-right: 10px
}
.row-10,
.row-10.hm-v2-solution-row {
width: 100%
}
.column-22 {
padding-left: 0;
padding-right: 0
}
.div-block-18 {
width: 100%
}
.div-block-18.menifesto-div,
.div-block-18.agency-manifesto-divblock {
padding-top: 0
}
.div-block-18.om-v2-bullets {
padding-top: 1px
}
.lg-manifesto {
margin-top: 5px
}
.lg-manifesto.lg-validation-section.ma-integrate-section {
margin-top: -57px
}
.lg-manifesto.lg-validation-section.om-broadcast-section._w-container-override.broad-cast1.homepage-v2-section-3.hm-v2-agency-section {
padding-top: 13px
}
.lg-manifesto.lg-test-section.ab-test-section {
padding-top: 5px
}
.lg-manifesto.lg-test-section.ab-test-section.ab-test-section-m {
margin-top: -25px
}
.lg-manifesto.lg-templates-section {
margin-bottom: 76px
}
.lg-manifesto.ma-roi-section.agency-roi-section {
margin-top: -67px;
margin-bottom: 75px
}
.lg-manifesto.om-targeting-section.alt-sumo-targeting-section {
margin-top: 95px
}
.lg-manifesto._w-container-override.flow-tracking-section {
margin-top: -75px
}
.lg-manifesto.agency-manifesto-section {
margin-top: 13px
}
.lg-manifesto-section4 {
background-size: auto 100%
}
.lg-manifesto-section4.integrations-leadgen-videos-section {
background-position: 0 330px
}
.lg-popups-section {
margin-top: 54px
}
.lg-embed-section {
padding-bottom: 5px
}
.lg-responsive-img {
min-width: 600px;
min-height: auto;
margin-top: -38px
}
.div-block-20.om-targeting-section.alt-sumo-targeting-section-bg {
padding-bottom: 55px
}
.tabs-3 {
margin-top: -12px
}
.lg-embed-img {
min-width: 600px;
margin-left: -302px
}
.lg-automations-section.om-automations-section {
margin-top: 15px
}
.lg-automations-img {
min-width: auto;
margin-left: 0;
padding-top: 37px
}
.lg-queues-img {
min-width: auto;
margin-top: 26px;
margin-left: 0
}
.lg-queues-img.lg-queue-img-1 {
margin-bottom: 76px
}
.lg-profiles-section.lg-profiles-section-1 {
padding-top: 20px
}
.lg-profiles-img {
margin-top: 16px
}
.lg-validation-img.onboard-consultation-img.onboard-consult-img.cyber-design-img {
min-width: 500px;
margin-top: 131px;
margin-left: -57px
}
.lg-stats-img {
min-width: auto;
max-width: 100%;
margin-left: 0
}
.lg-stats-img.agency-stats-img {
margin-top: 26px
}
.lg-features-section.lg-features-section-m {
padding-bottom: 63px
}
.lg-hero-vid-mobile {
margin-top: -36px;
padding-top: 66px
}
.html-embed-6 {
height: 170px;
margin-top: -27px;
margin-left: 28px
}
.div-block-22 {
width: 350px;
margin-top: -26px;
margin-left: auto
}
.column-26 {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-23 {
width: 194px;
margin-left: auto;
margin-right: auto;
display: block
}
.div-block-23.om-top-cta-div,
.div-block-23.lg-top-cta-div,
.div-block-23.agency-top-cta-div {
width: 100%
}
.row-13 {
margin-left: auto;
margin-right: auto;
display: block
}
.image-20 {
min-width: auto;
margin-left: 0
}
.image-20.broadcast-img.hm-v2-agency-hero-mobile {
margin-bottom: 5px;
padding-bottom: 1px
}
.image-20.agency-manage-clients-img {
margin-top: 19px;
margin-bottom: 84px
}
.image-20.agency-integrate-img {
margin-top: 10px
}
.image-20.onboard-consult-img.onboard-targeting-img {
min-width: 800px;
margin-top: 0;
margin-left: -450px
}
.column-28 {
text-align: left;
margin-bottom: 67px
}
.column-28.alt-sumo-agency-column {
margin-bottom: -6px
}
.column-28.om-broadcast-column {
margin-bottom: -5px
}
.om-bullet {
min-width: 115%;
margin-left: -20px;
margin-right: -20px
}
.om-bullet.alt-sumo-cta-box {
min-width: 100%
}
.om-flows-tabs-container {
width: 100%
}
.om-seanwes {
background-position: 25% 0;
background-size: 200% 800px;
width: 130%;
height: 850px;
margin-left: -57px;
margin-right: -20px;
padding-left: 21px;
padding-right: 20px
}
.om-seanwes.ma-ethan {
background-size: auto 100%;
width: 125%;
height: 1600px
}
.om-seanwes.ma-ethan.agency-ethan {
padding-top: 13px;
padding-bottom: 68px
}
.om-seanwes.integration-testimonial-leadgen-cont.ac-deal-testimonial-block {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.image-22 {
margin-left: -23px
}
.image-22.ma-testimonial1-quotes.agency-testimonial-quote {
margin-left: auto;
margin-right: auto;
padding-top: 25px;
display: block
}
.image-22.agency-ethan-quote {
margin-left: 18px;
display: block
}
.om-seanwes-img.om-andrew-img {
margin-top: 13px
}
.row-15.om-sean-name {
margin-top: 23px
}
.text-span-10 {
float: none;
text-align: left;
margin-left: 0
}
.om-testimonial-log {
margin-top: 15px;
margin-left: 60px
}
.om-testimonial-log.ma-testimonial-logo {
margin-left: 57px
}
.om-testimonial-log.ma-testimonial-logo.agency-convertflow-logo {
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
display: block
}
.om-embeddables-bg {
padding-top: 78px
}
.om-embeddables-bg.ma-green-wave-bottom {
background-size: 400%;
padding-top: 160px
}
.om-embeddables-bg.ma-green-wave {
background-size: auto 110%
}
.om-embeddables-bg.ma-green-wave.zapier-orange-wave {
background-size: auto 50%;
margin-top: -138px;
padding-top: 48px
}
.om-crafted-img {
margin-top: -7px;
margin-bottom: -21px
}
.ma-title-container {
width: 100%
}
.ma-top-img {
min-width: 600px;
max-width: 100%;
margin-bottom: -14px
}
.ma-top-titles.agency-top-titles {
margin-left: 0
}
.row-16 {
margin-left: -61px
}
.agency-platform {
max-width: 140%;
margin-top: 24px;
margin-left: -101px
}
.agency-platform.zapier-personalize-img {
width: 500px;
min-width: 500px;
margin-left: -60px
}
.pricing-box {
width: 300px;
margin-left: auto;
margin-right: auto;
display: block
}
.pricing-box.pricing-box-pro.pricing-plan-box-three {
width: 100%
}
.pricing-box.pricing-box-pro.pricing-plan-box-two {
border-right-width: 1px;
width: 100%;
min-height: auto
}
.pricing-box.onboard-pricing-box,
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one {
width: 100%
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one.pricing-2021-free {
min-height: auto
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-one._2024 {
border-right-width: 1px;
border-radius: 0
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-two {
border-right-width: 1px;
width: 100%
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-four {
width: 100%
}
.pricing-box.cf2-pricing-plan-box.pricing-plan-box-three {
width: 100%;
min-height: auto
}
.div-block-26.cyber-design-div {
margin-bottom: 218px
}
.div-block-26.cyber-design-div.cyber-design-div-1 {
margin-bottom: 67px
}
.div-block-29.featured-brand-div {
padding-left: 0
}
.broadcast-div.homepage-v2-section-3-div.hm-v2-retargeting-div {
padding-bottom: 68px
}
.sean-wes-content,
.invision-content {
padding-left: 0
}
.agency-icon-1 {
margin-top: 26px
}
.agency-content-div.agency-content-div-1 {
margin-top: -3px
}
.agency-content-div.agency-content-div-2 {
padding-top: 0
}
.column-30 {
padding-left: 28px;
padding-right: 28px
}
.column-31,
.column-32,
.column-33,
.column-34,
.lg-features-column {
padding-left: 0;
padding-right: 0
}
.nav-solution-icon {
margin-left: 12px
}
.nav-solution-title {
max-width: 220px;
font-weight: 400
}
.nav-solution-subtitle {
max-width: 200px
}
.lg-multistep-img-box {
margin-bottom: 21px
}
.most-popular-div.cf2-pricing-most-popular-div {
margin-top: -58px
}
.most-popular-div.cf2-pricing-most-popular-div.pricing-2022-popular.pricing-2022-onboarding-tab._2023 {
display: none
}
.pricing-tab-menu {
max-width: 300px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: block
}
.pricing-tab-menu.cf2-pricing-tab-menu {
max-width: 300px;
margin-bottom: 0
}
.pricing-menu-tab.cf2-pricing-menu-tab.w--current,
.pricing-menu-tab.cf2-pricing-menu-tab.sf-font-roboto.smooth.w--current {
width: 100%
}
.pricing-tab-pane {
width: 100%;
overflow: hidden
}
.pricing-tab-pane._4-column {
width: 100%;
padding-top: 50px
}
.text-block-3,
.text-block-4 {
text-align: center
}
.hm-v2-testimonial-small {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.hm-v2-testimonial-small.hm-testimonials-invision.enterprise-test-inv-m {
margin-left: -19px
}
.hm-v2-testimonial-small.hm-v2-testimonial-map-left {
margin-top: -9px
}
.hm-v2-testimonial-small.enterprise-testimonial-m {
margin-left: -11px
}
.hm-v2-testimonial-small.enterprise-test-mark-m {
margin-left: -19px
}
.hm-v2-testimonial-small-img {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.hm-v2-testimonial-small-img.hm-v2-map-test-img,
.hm-v2-testimonial-small-img.nate-testimonial-img,
.hm-v2-testimonial-small-img.e-spiro-profile {
margin-left: auto;
margin-right: auto;
display: block
}
.hm-v2-testimonial-logo {
text-align: center;
margin-left: auto;
margin-right: auto;
display: block
}
.hm-v2-testimonial-logo.hm-invision-logo.e-spiro-logo-sm {
float: none
}
.html-embed-8.hm-leadgen-hero-video.hm-leadgen-hero-video-mobile {
min-width: 270px;
max-width: 350px;
height: 160px;
margin-top: 1px;
margin-bottom: 45px;
margin-left: -8px;
padding-bottom: 1px
}
.integrations-box {
padding-top: 27px
}
.slider {
min-height: 600px
}
.mask {
padding-left: 0%;
padding-right: 0%
}
.hm-story-box {
padding-left: 19px
}
.hm-story-p.hm-story-link {
margin-left: 17px;
margin-right: 17px;
line-height: 30px;
display: block
}
.div-block-35 {
padding-left: 14px;
padding-right: 14px
}
.hm-v2-leadgen-testimonial-row-1-mobile {
max-height: 50px;
overflow: visible
}
.hm-v2-retargeting-div-mobile {
padding-left: 18px;
padding-right: 18px
}
.icon-2,
.icon-3 {
margin-top: 544px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-schedling-container.ac-deal-cta-container {
padding-bottom: 68px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-lead-capture.enterprise-lead-div-m {
padding-left: 15px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-analytics-div-m {
float: none;
padding-left: 15px
}
.onboard-manifesto-conti.cyber-funnel-div.enterprise-websites-div-m,
.onboard-manifesto-conti.cyber-funnel-div.enterprise-support-div-m,
.onboard-manifesto-conti.cyber-funnel-div.enterprise-retargeting-div-m {
padding-left: 15px
}
.onboard-process-con.cyber-solutions-div {
margin-top: 99px
}
.onboard-process-con.integration-lead-generation-contain {
margin-top: 28px
}
.onboard-process-con.integration-lead-generation-contain.ac-lead-gen-text-container {
padding-left: 16px;
padding-right: 16px
}
.onboard-bonus.cyber-design-section {
margin-top: -75px
}
.onboard-bonus.cyber-design-section.cyber-solutions-section {
margin-top: -85px
}
.onboard-process-section.onboard-products-sectin.cyber-pricing-section {
margin-top: -146px
}
.onboard-process-section.cyber-section-2-container {
margin-top: 73px
}
.onboard-process-section.cyber-section-2-container.enterprise-integrations-section.bg-moved {
margin-top: 4px
}
.onboard-design-con {
margin-top: 0
}
.onboard-t-shirt {
margin-top: 30px
}
.light-link.enterprise-light-link.enterprise-more-feature-title {
font-size: 25px;
line-height: 35px
}
.zapier-top-div {
margin-top: 19px;
padding-top: 11px
}
.default-body-div {
margin-top: -45px;
margin-left: 32px;
margin-right: 32px
}
.cyber-section-2.cyber-section-swag {
margin-top: 69px
}
.cyber-swag-div {
padding-top: 87px
}
.cyber-funnel-strategy-box {
margin-left: -128px
}
.cyber-funnel-strategy-box.cyber-discount-box {
margin-left: -77px
}
.cyber-funnel-strategy-box.cyber-funnel-box {
margin-left: -101px
}
.cyber-funnel-strategy-box.cyber-funnel-box.enterprise-leadcapture-img-box.enterprise-services-img-box-m {
margin-left: -32px
}
.cyber-funnel-strategy-box.cyber-funnel-box.enterprise-leadcapture-img-box.integration-deal-cta {
margin-left: -34px
}
.image-27.cyber-funne-strategy-img {
min-width: 589px
}
.image-27.cyber-funne-strategy-img.cyber-discount-img {
min-width: 527px;
margin-top: -437px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img {
min-width: 0%;
max-width: 90%;
margin-top: -319px;
margin-left: 56px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-scheduling-img.enterprise-users-img {
margin-left: 68px
}
.image-27.cyber-funne-strategy-img.enterprise-leadcapture-img.enterprise-services-img {
max-width: 100%
}
.cyber-funnel-circle.enterprise-circle-shape {
min-width: 500px
}
.cyber-strategy-line-1.cyber-center-line {
margin-left: -32px
}
.cyber-strategy-line-1-img.cyber-strategy-line-1-m {
margin-top: -64px
}
.cyber-discount-section {
margin-top: -126px
}
.cyber-discount-section.enterprise-retargeting-section {
margin-top: -423px;
padding-top: 532px
}
.cyber-discount-section.enterprise-retargeting-section.enterprise-analytics-section.enterprise-lytics-section-m {
padding-top: 6px
}
.cyber-discount-circle {
min-width: 527px
}
.cyber-discount-circle.enterprise-retargeting-img {
margin-left: 49px
}
.cyber-discount-circle.enterprise-retargeting-img.enterprise-analytics-img {
clear: left;
margin-left: 50px
}
.cyber-discount-circle.enterprise-retargeting-img.enterprise-analytics-img.enterprise-websites-img.enterprise-support-img {
margin-bottom: 41px;
margin-left: -70px
}
.cyber-discount-line-2-img.cyber-discount-line-2-mobile {
margin-left: -32px
}
.cyber-stories-container {
max-width: 100%
}
.cyber-stories-book-w {
margin-right: -3px
}
.cyber-stories-big-top-line {
min-width: 50px;
margin-left: -4px
}
.cyber-stories-big-top-line.cyber-stories-small-top-line {
min-width: 50px;
margin-left: -5px
}
.cyber-stories-big-link.smooth {
margin-top: 2px
}
.cyber-countdown {
max-width: 310px
}
.e-customer-logo-box {
text-align: center
}
.enterprise-lead-features-div {
margin-left: -15px
}
.enterprise-customer-logo.e-bluegrace-logo,
.enterprise-customer-logo.e-spiro-logo {
margin-left: auto;
margin-right: auto;
display: block
}
.integration-ac-logo.ac-deal-ac-logo {
margin-bottom: 16px
}
.integrations-deal-container {
margin-right: 0
}
.integrations-deal-container.ac-deal-container {
min-width: 100%;
max-width: 100%;
margin-left: 0
}
.integrations-os-cta-cont {
padding-top: 68px
}
.page-section.sf-font-roboto.smooth.light-blue-bg.tools-contact-profile-section {
max-height: 940px
}
.page-section.blue-pattern-bg.hm-templates-bg.tool-templates-bg.tool-templates-bg-overlay,
.page-section.light-blue-bg.tool-workflow-section,
.page-section.integration-hero-cta-bg,
.page-section.footer-cta-bg {
background-image: none
}
.page-section.templates-hero-bg {
padding-left: 20px;
padding-right: 20px
}
.page-section.templates-hero-bg.more-examples {
padding-left: 0;
padding-right: 0
}
.page-section.tool-page-hero-bg,
.page-section.tool-section-3-bg,
.page-section.tool-section-5-bg.tool-multistep-section-bg,
.page-section.dark-blue-section.tools-automation-bg,
.page-section.dark-blue-section.tools-automation-bg.stickybar-personalization-bg,
.page-section.cf2-footer-second-cta-bg {
background-image: none
}
.page-section.personalization-hero-bg.personalization-hero-bg-1.campaigns-index-hero-bg {
background-position: -200% 1%, 0 0
}
.page-section.blue-bg {
padding-top: 50px;
padding-bottom: 50px
}
.page-section.write-for-us {
padding-top: 50px
}
.page-section.cta-content-section {
padding-left: 0;
padding-right: 0
}
.navbar-logo-light {
max-width: 200px;
margin-left: 3px
}
.div-hm-hero-content {
padding-top: 37px;
padding-left: 32px;
padding-right: 32px
}
.hero-h2.light-text.sf-font-proxima.smooth {
font-size: 28px;
line-height: 37px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2 {
line-height: 38px
}
.hero-h2.light-text.sf-font-proxima.smooth.hm-hero-h2.partner-hero-h2 {
font-size: 25px
}
.hm-hero-tab-link {
min-width: 100%;
max-width: 100%
}
.hm-hero-tab-link.w--current {
min-width: 100%
}
.div-body-content {
margin-top: 0;
margin-bottom: 0
}
.div-body-content.hm-section-17-body-content.hm-community-body-content {
padding-left: 0;
padding-right: 0
}
.div-body-content.recipe-body-content {
padding-left: 26px;
padding-right: 26px
}
.div-body-content.template-body-content {
margin-top: 74px
}
.div-body-content.tools-automation-body-content {
margin-bottom: -53px
}
.div-body-content.tools-automation-body-content.stickybar-automation-body-content {
margin-bottom: -59px
}
.div-body-content.tool-workflow-body-content {
padding-left: 20px;
padding-right: 20px
}
.div-body-content.tool-analytics-body-content.agency-retention-body-content {
margin-top: 50px
}
.div-body-content.cta-template-list-body-content {
padding-left: 0;
padding-right: 0
}
.div-body-content.cta-template-hero-body-content.template-category-hero-body-content.templates-hero-body-content {
margin-top: 120px
}
.div-body-content.tool-popup-styles-body-content.campaigns-example-flows-body-content {
margin-top: 0;
margin-left: 10px;
margin-right: 10px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content {
margin-top: 0;
padding-left: 30px;
padding-right: 30px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partners-section-two-div-body-content {
padding-left: 40px;
padding-right: 40px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partners-section-two-div-body-content.partners-benefits-div-body-content {
margin-top: 115px
}
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partners-section-6-body-content.pp-story-div-body-content,
.div-body-content.campaigns-comparison-body-content.solution-overview-div-body-content.partner-perks-body-content {
padding-left: 40px;
padding-right: 40px
}
.div-body-content.campaigns-comparison-body-content.solution-funnel-div-body-content {
margin-top: 0;
padding-left: 30px;
padding-right: 30px
}
.div-body-content.campaigns-ctas-body-content {
margin: 0 10px
}
.div-body-content.home-platform-content {
margin-top: 0
}
.div-body-content.content-index-header {
margin-top: 50px
}
.div-body-content.solutions-customers-container {
margin-top: 0;
margin-left: 10px;
margin-right: 10px
}
.div-body-content.faq-content {
margin-top: 60px
}
.section-title-blue.campaigns-title,
.section-title-blue.playbooks-title {
font-size: 17px;
line-height: 27px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.hm-section-2-headline.smooth.dark-h1-big-headline.hm-big-headline {
font-size: 38px;
line-height: 48px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth {
font-size: 30px;
line-height: 40px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-hero-headline.smooth.popup-hero-headline.pricing-headline {
font-size: 35px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-section-4-headline.smooth {
line-height: 40px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-advanced-headline,
.cf2-section-headline.sf-font-proxima.dark-blue-headline.center-text.tool-workflow-headline {
font-size: 30px;
line-height: 40px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.campaigns-broadcast-howitworks-h2 {
margin-top: 29px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.campaigns-broadcast-howitworks-h2.white-headline.campaign-flows-howitworks-headline {
margin-top: 15px
}
.cf2-section-headline.sf-font-proxima.dark-blue-headline.smooth.solution-hero-h2,
.cf2-section-headline.sf-font-proxima.white-headline,
.cf2-section-headline.sf-font-proxima.white-headline.smooth.center-text.tool-section-5-headline,
.cf2-section-headline.sf-font-proxima.white-headline.smooth.center-text.tool-section-3-headline {
font-size: 30px;
line-height: 40px
}
.cf2-section-headline.sf-font-roboto.smooth.courses-heading-title {
font-size: 30px
}
.cf2-section-subheadline.sf-font-roboto.center-text.smooth.tool-trigger-subheadline {
margin-bottom: 34px
}
.cf2-section-subheadline.sf-font-roboto.smooth.courses-heading-description {
font-size: 15px
}
.div-block-browser-big.tool-hero-img-div.campaign-hero-box {
margin-bottom: 0
}
.big-browser-img.small-browser-right {
max-width: 100%;
margin-left: -26px
}
.big-browser-img.small-browser-right.campaigns-browser-img {
max-width: 120%;
margin-left: -25px
}
.big-browser-img.small-browser-right.campaigns-browser-img.solution-left-browser-img.agency-solution-left-browser-img {
max-width: 300px;
margin-right: 0
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1 {
max-width: 130%;
margin-top: -44px;
margin-left: -36px
}
.big-browser-img.small-browser-right.campaigns-broadcast-img-1.solution-feature-set-browser-right {
margin-left: auto
}
.big-browser-img.small-browser-left {
max-width: 100%;
margin-left: 27px
}
.big-browser-img.small-browser-left.personalization-grow-img {
min-width: 120%;
max-width: 120%;
margin-left: -25px
}
.big-browser-img.dark-shadow.campaign-flow-hero-img {
min-width: 0;
max-width: 110%;
margin-bottom: 20px;
margin-left: -14px
}
.div-block-content-left.tools-contacts-content-left,
.div-block-content-left.tool-embed-content-left,
.div-block-content-left.tool-personalization-content-left {
padding-right: 0
}
.div-block-content-left.campaigns-block-content-left {
padding-top: 23px;
padding-right: 0
}
.div-block-content-left.campaigns-top-block-content-left {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0
}
.div-block-content-left.campaigns-top-block-content-left.agency-top-block-content-left {
padding-top: 0;
padding-right: 0
}
.div-block-content-left.hm-colab-block-content-left {
padding-right: 0
}
.div-block-bg-right {
min-width: 150%;
margin-left: 0
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg {
min-width: 100%;
padding-left: 0;
padding-right: 0
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right.agency-div-block-bg-right {
min-width: 300px;
margin-left: -46px
}
.div-block-bg-right.campaigns-div-block-bg-right.dotted-bg.solution-div-block-bg-right.agency-div-block-bg-right.partners-div-block-bg-right {
padding-left: 0
}
.div-block-bg-right.campaigns-div-block-bg-right.blob-blue-bg.campaign-broadcast-img-top {
background-position: 0 0;
background-size: 100%;
min-width: 100%;
margin-left: 0;
padding: 89px 0
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right {
display: none
}
.div-block-bg-right.campaigns-div-block-bg-right.solution-top-block-bg-right.agency-top-block-bg-right.ecommerce-top-block-bg-right {
padding-top: 0;
padding-left: 10px;
padding-right: 10px
}
.div-block-bg-right.personalization-example-block-bg-right.personalization-example-browser-bg.personalization-example-block-left {
min-width: 120%;
max-width: 120%;
margin-left: -25px
}
.div-block-bg-right.hm-create-block-bg-right {
min-width: 300px;
margin-left: -31px;
padding-right: 0
}
.div-block-bg-right.hm-create-block-bg-right.solution-featured-video-bg-block {
padding-top: 0;
padding-bottom: 0
}
.div-row-block-2-column.campaign-flow-top-div {
padding-left: 0
}
.secondary-cta-button.centered-button.sf-font-roboto.smooth.tools-hero-cta.cta-27245-trigger {
margin-right: auto
}
.secondary-cta-button.centered-button.sf-font-roboto.smooth.tools-hero-cta.tools-hero-cta-secondary {
margin-top: 10px;
margin-left: auto
}
.div-block-bg-left {
min-width: 150%;
margin-left: -123px
}
.div-block-bg-left.tool-section-6-content-left {
max-height: 280px;
overflow: visible
}
.div-block-bg-left.personalization-grow-block-bg-left {
padding-bottom: 28px;
padding-left: 0;
padding-right: 0
}
.div-block-content-right.tool-section-6-content-right {
padding-top: 112px
}
.div-block-content-right.personalization-content-right {
padding-left: 0;
padding-right: 0
}
.slider-targeting.tool-form-targeting-slider.stickybar-targeting-slider {
min-height: 310px
}
.text-cta-button.sf-font-roboto.smooth.campaigns-related-link.tools-examples-link {
padding-left: 5px;
padding-right: 5px
}
.div-block-feature-col-3 {
padding-left: 0;
padding-right: 0
}
.section-colab-feature-box.campaign-feature-box.agency-feature-box {
max-width: 345px
}
.colab-feature-img.colab-feature-img-3 {
margin-left: -90px
}
.colab-feature-title.sf-font-roboto.smooth.campaign-feature-title {
text-align: left
}
.colab-feature-description.sf-font-roboto.smooth.campaign-feature-description.pricing-plan-benefit-p.pricing-2021-li-label.pricing-plan-bullet-link.pricing-free-bullet-link.agency-pricing {
text-align: center;
margin-top: 30px;
margin-left: 0
}
.hm-customer-photos {
margin-left: -64px
}
.div-block-border-wrapped.campaigns-logo-block.solution-logo-block {
padding-left: 0;
padding-right: 0
}
.div-block-border-wrapped.div-block-border-wrapped-symbol {
padding-left: 10px;
padding-right: 10px
}
.cf2-customer-logo-1 {
min-width: 125px;
margin-bottom: 33px
}
.cf2-customer-logo-1.cf2-customer-logo-2.nectar {
min-width: 125px
}
.cf2-customer-logo-1.cf2-customer-logo-6.cf2-customer-logo-talkspace {
max-width: 130px
}
.cf2-customer-logo-1.volkswagen {
min-width: 120px
}
.cf2-testimonial-ph-icon {
display: none
}
.div-block-recipe-hero {
padding-left: 26px;
padding-right: 26px
}
.div-block-sub-page-nav.campaigns-breadcrumbs {
display: none
}
.div-block-sub-page-nav.ctas-breadcrumbs {
margin-top: 50px;
padding-left: 10px;
padding-right: 10px
}
.div-block-sub-page-nav.ctas-breadcrumbs.tools-breadcrumbs {
padding-bottom: 10px
}
.cf2-integration-icon-box {
margin-left: auto;
margin-right: auto;
display: block
}
.recipe-integration-descriptions-div {
min-width: 0
}
.integrations-hero-icons-plus.integration-cta-plus {
margin-top: 10px
}
.div-block-template-hero {
padding-left: 0;
padding-right: 0
}
.template-browser-iframe {
margin-top: -252px;
margin-left: -176px;
transform: scale(.293)
}
.template-list-item-div.cta-template-list-item-div,
.template-list-item-div.cta-template-list-item-div:hover {
transform: scale(.87)
}
.template-list-item-top-block {
height: 198px
}
.template-list-item {
min-width: 100%;
margin-left: 0;
margin-right: 0
}
.template-list-item.cta-template-list-item {
min-width: 100%
}
.tool-section-3-tab-content.tool-design-tab-content-block {
min-width: 100%;
max-width: 100%;
margin-left: 0
}
.tool-section-3-tab-menu {
margin-left: -6px;
padding-left: 0
}
.tool-section-3-tab-menu-link.sf-font-roboto.smooth,
.tool-section-3-tab-menu-link.sf-font-roboto.smooth.w--current {
width: 100%;
min-height: 100px
}
.tool-feature-title.sf-font-roboto.smooth.pp-story-title {
font-size: 22px;
line-height: 31px
}
.tool-mobile-img {
min-width: 400px;
margin-left: -197px
}
.tools-contact-profile-img {
min-width: 278px;
margin-left: 102px
}
.tools-contacts-girl-img {
margin-top: 22px
}
.tools-automation-img {
margin-left: -260px
}
.tool-profiling-data-bubble.data-bubble-number.survey-profiling-step2-bubble.bi-bubble-size,
.tool-profiling-data-bubble.data-bubble-number.survey-profiling-step2-bubble.multi-bubble-size {
min-width: 100%
}
.tool-profiling-img.profiling-hook {
min-width: 0
}
.tools-forms-funnels-img {
min-width: 600px
}
.tools-forms-funnels-img.stickybar-funnels-img {
margin-left: -10px
}
.tools-form-funnel-img-block {
min-width: 600px;
height: 288px;
margin-left: -126px
}
.tool-embed-content-img.campaigns-flow-tab-content-img {
min-width: 200px
}
.tool-embed-content-img.campaigns-flow-tab-content-img.agency-sales-funnel-img {
min-width: 250px;
max-width: 250px
}
.tool-embed-content-img.solution-leadgen-tab-img.agency-leadgen-img-1 {
max-width: 300px;
margin-left: -66px
}
.tool-embed-tab-link {
padding-left: 15px;
padding-right: 15px
}
.tool-embed-tab-menu-link.sf-font-roboto.smooth {
padding-left: 10px
}
.tool-embed-tab-menu-link.sf-font-roboto.smooth.campaigns-flow-tab-menu-link {
padding-left: 0
}
.tool-embed-tab-menu {
margin-top: -100px
}
.tool-advanced-block.pricing-included-features-box {
padding-left: 25px;
padding-right: 25px
}
.tool-personalize-img {
min-width: 380px;
margin-left: -70px
}
.cta-template-list-content-right.template-category-list-content-right {
margin-top: 20px
}
.cta-template-list-content-right.template-category-list-content-right.cta-index-container {
padding-left: 20px;
padding-right: 20px
}
.popup-multistep-hook {
max-width: 100%
}
.tool-design-featured-img {
min-width: 150%;
max-width: 150%;
margin-left: -80px
}
.form-fields-img-block.light-blue-bg.form-actions-img-block {
max-height: 200px;
padding-top: 18px
}
.field-mapping-img {
max-width: 120%;
margin-bottom: 0;
margin-left: -30px
}
.form-actions-img {
min-width: 430px;
margin-left: -118px
}
.customer-story-img-block.blob-bg-left {
background-size: cover;
min-width: 400px;
max-width: 100%;
padding-left: 11px
}
.customer-story-img-block.blog-bg-right.pricing-customer-story-block {
width: 400px;
margin-left: -63px
}
.customer-story-content-block-right {
padding-right: 0
}
.customer-story-inner-img-block.dark-blue-bg {
min-width: 200px
}
.customer-story-customer-name.sf-font-roboto.smooth {
top: 332px;
left: 20px
}
.customer-story-img-container.examine-martin {
background-image: linear-gradient(#fff0 70%, #0c0c22b0), url(assets/images/others/5b9bd0dd1f811f705c38bbdb_campaigns-customer-examine-martin-mini.png);
background-position: 0 0, -67px 0;
background-repeat: repeat, no-repeat;
background-size: auto, 411px;
min-width: 200px;
min-height: 400px
}
.personalization-hero-slide-visitor-img {
max-width: 90%;
margin-right: 15px
}
.personalization-hero-slider {
min-height: 280px;
margin-left: -27px
}
.personalization-path-arrow-mobile.personalization-path-arrow-mobile-inner {
margin-top: 64px;
margin-bottom: 6px
}
.cf2-pricing-div-block.pricing-2022-div-block._2023 {
width: 100%;
margin-left: auto;
overflow: visible
}
.pricing-plan-benefits-block.pricing-2022-plan-benefits-block.free {
height: 550px
}
.pricing-callout-box {
margin-left: 22px;
margin-right: 22px
}
.pricing-faq-block,
.faq-question-tab {
max-width: 100%
}
.hm-featured-video {
min-width: 300px;
margin-left: -35px
}
.hm-featured-video.hm-create-video {
min-width: 100%;
margin-left: 15px
}
.hm-featured-video.hm-create-video.solution-featured-video {
min-width: 240px;
margin-left: -30px
}
.hm-featured-video.popups-triggers-video {
margin-left: 0
}
.hm-featured-video.hm-featured-video-m {
min-width: 260px;
margin-left: auto;
margin-right: auto
}
.course-lesson-icon {
margin-bottom: 10px
}
.template-cta-video {
margin-left: 0;
margin-right: 0
}
.template-automations-div {
padding-left: 36px;
padding-right: 36px
}
.template-automations-slider {
max-height: 230px
}
.template-automations-slider.template-integrations-slider {
max-height: 285px
}
.template-automations-slider-left-arrow {
margin-left: 90px
}
.template-integrations-div {
padding-left: 36px;
padding-right: 36px
}
.template-category-tab-menu {
margin-bottom: 17px
}
.template-tags-box {
display: none
}
.text-block-5.pricing-2021-for.centered {
display: block
}
.solution-overview-benefit-box {
padding-left: 17px;
padding-right: 17px
}
.solution-testimonial-inner-box {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto
}
.solution-testimonial-img {
margin-top: 25px
}
.solution-testimonial-content-box {
padding: 61px 23px
}
.solution-testimonial-content-box.solution-testimonial-content-box-small {
padding-left: 23px;
padding-right: 23px
}
.partners-section-two-img-div.img-dot-bg-top {
margin-top: 0;
margin-left: 0
}
.partners-section-three-big-box {
padding-left: 18px;
padding-right: 18px
}
.partners-section-three-big-box.small-box {
margin-left: -10px;
margin-right: -10px
}
.partners-section-5-div {
padding-left: 0;
padding-right: 0
}
.blog-post {
margin-top: 45px
}
.blog-post-image-overlay {
min-height: 250px
}
.blog-post-creator-top-avatar.creator-page-avatar {
margin-top: 60px
}
.blog-post-creator-topic {
margin-bottom: 10px
}
.blog-post-content-wrapper {
padding-top: 10px;
padding-left: 30px;
padding-right: 30px
}
.blog-post-content-richtext {
padding-left: 0;
padding-right: 0
}
.blog-post-content-richtext.topic-content {
padding-left: 20px;
padding-right: 20px
}
.blog-post-content-richtext.sf-font-roboto {
width: auto;
max-width: 650px
}
.blog-post-content-richtext.campaign-content-richtext {
margin-left: auto
}
.blog-post-content-headline {
padding-left: 0;
padding-right: 0;
font-size: 30px
}
.blog-post-content-creator {
text-align: center;
padding-left: 15px;
padding-right: 15px
}
.blog-post-footer-suggested {
width: 100%
}
.blog-post-suggested-post.w--current {
padding-left: 0;
padding-right: 0
}
.blog-post-suggested-post-content {
width: 90%;
padding-left: 10px;
padding-right: 0
}
.blog-post-suggested-creator-name,
.blog-post-suggested-creator-title {
padding-left: 5px
}
.blog-posts {
margin-top: 45px
}
.blog-posts-container {
padding-left: 10px;
padding-right: 10px
}
.blog-post-featured-overlay {
height: 150px
}
.blog-post-featured-topic-container {
padding-left: 22px;
padding-right: 22px
}
.blog-post-featured-container {
padding-left: 30px;
padding-right: 30px
}
.blog-post-featured-title {
font-size: 25px
}
.blog-post-featured-creator-name,
.blog-post-featured-creator-title {
padding-left: 40px
}
.blog-post-featured {
padding-left: 0;
padding-right: 0
}
.blog-posts-new {
padding-left: 10px;
padding-right: 10px
}
.blog-posts-new-wrapper {
margin-left: -35px
}
.blog-posts-new-title {
width: 250px
}
.blog-posts-new-subheadline.blog-posts-topic-link {
padding-left: 0
}
.blog-posts-topic-titles {
padding-left: 10px
}
.blog-posts-playbook-overlay {
padding-top: 75px;
padding-left: 20px;
padding-right: 20px
}
.blog-post-playbooks-container {
padding-left: 0;
padding-right: 0
}
.topic-headline {
padding-left: 20px;
padding-right: 20px;
font-size: 30px
}
.partner-program-story-div {
background-position: 0 0, 50% 0
}
.ctas-description-container {
padding-left: 20px;
padding-right: 20px
}
.campaigns-header {
margin-top: 20px
}
.campaigns-body.campaigns-index-popular.campaigns-index-new {
margin-top: 50px
}
.campaigns-body-content {
padding-left: 20px;
padding-right: 20px
}
.campaigns-body-content-examples {
margin-bottom: 40px;
margin-left: auto
}
.campaigns-index-tag-text {
line-height: 20px
}
.campaigns-index-filter {
padding-left: 0;
padding-right: 0
}
.campaigns-index-search-input.jetboost-list-search-input-x5op {
border-radius: 3px 0 0 3px;
width: 70%
}
.campaigns-index-search-btn {
border-radius: 0 3px 3px 0;
width: 30%
}
.campaigns-index-search {
width: 100%
}
.campaigns-index-hero-col1 {
padding-left: 20px;
padding-right: 20px
}
.ecommerce-hero-img.saas-hero-img {
margin-top: 25px
}
.browser-showcase {
width: 300px;
height: 260px;
margin-left: -20px;
padding-top: 25px
}
.browser-showcase.browser-showcase-no-bg {
padding-left: 0;
padding-right: 30px
}
.browser-showcase-bg {
width: 285px;
height: auto
}
.browser-showcase-img-optin {
width: 250px;
padding-top: 30px;
padding-bottom: 30px
}
.browser-showcase-img-optin.browser-showcase-img-contentupgrade {
width: 250px;
padding-top: 30px
}
.browser-showcase-img-optin.browser-showcase-img-newsletter {
padding-top: 30px
}
.browser-showcase-img-optin.browser-showcase-img-survey.browser-showcase-img-survey-right {
margin-right: 20px;
padding-top: 30px;
padding-bottom: 20px
}
.browser-showcase-img-optin.browser-show-img-dynamic {
width: 200px
}
.default-button.nav-cta-button {
margin-left: 0;
padding: 11px 13px 8px;
font-size: 11px;
line-height: 15px
}
.default-button.nav-cta-button.sign-in {
padding-left: 0;
padding-right: 16px
}
.default-button.nav-cta-button.cta-27245-trigger.mobile {
margin-right: 20px
}
.default-button.integration {
font-size: 14px
}
.default-button.text-link {
margin-top: 22px;
font-size: 14px
}
.default-button.guide-page {
font-size: 14px
}
.default-button.write-for-us.cta-89030-trigger {
margin-left: 0;
margin-right: 0;
display: block
}
.default-button.dark {
font-size: 14px
}
.default-button.dark.wider.outline {
margin-left: 0
}
.default-button.dark.wider.blue.blue-button.cta-27245-trigger {
margin-right: 10px
}
.default-button.dark.wider.blue.blue-button.launch-hero-blue-button {
margin-right: 16px
}
.default-button.dark.cta-27245-trigger {
margin-right: 10px
}
.default-button.blue-button {
font-size: 14px
}
.default-button.dark-text {
margin-top: 22px;
font-size: 14px
}
.default-button.white-text {
margin-top: 22px;
margin-left: 0;
font-size: 14px
}
.nav-menu-3 {
padding-top: 20px;
padding-bottom: 20px
}
.general-container.spaced {
padding-top: 30px;
padding-left: 10px;
padding-right: 10px
}
.general-container.reduced-padding {
margin-bottom: 0;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px
}
.general-container.extra-wide-container.integrations-points {
padding: 40px
}
.general-container.pricing-container {
padding-left: 20px;
padding-right: 20px
}
.general-container.hero-slider {
display: block
}
.dropdown-block {
margin-bottom: 0
}
.dropdown-block.first {
margin-bottom: 20px
}
.nav-cta-block {
top: 16px;
right: 70px
}
.navbar-2 {
padding-left: 0
}
.color-logo {
width: 110px;
top: -1px
}
.white-logo {
width: 110px
}
.nav-link-icon {
margin-right: 20px
}
.dropdown-list-2.w--open {
padding: 10px 10px 20px 29px
}
.logo-link-block {
top: 20px;
left: 18px
}
.dropdown-link-block {
color: #7988a3;
margin-top: 11px
}
.small-dropdown-grid {
margin-top: 0
}
.dropdown-link-title {
margin-bottom: 0;
font-weight: 400
}
.dropdown-text {
display: none
}
.nav-link {
padding-top: 14px;
padding-bottom: 14px;
padding-left: 30px
}
.nav-link.w--current {
color: #003fff
}
.menu-button-3 {
width: 60px;
padding-top: 16px
}
.hero-bg-shape.compare-1 {
bottom: -278px;
left: -122px
}
.hero-bg-shape.compare-2 {
bottom: -140px;
right: -216px
}
.hero-text-wrapper {
max-width: 340px
}
.hero-text-wrapper.wider-2 {
max-width: 100%
}
.hero.home-hero-black.pricing-hero {
min-height: 1000px
}
.hero.home-hero-black.pricing-hero._2024 {
padding-top: 100px
}
.page-intro-paragraph {
margin-bottom: 0
}
.page-intro-paragraph.mobiled-centered {
text-align: left
}
.hero-title {
text-align: left;
font-size: 27px;
line-height: 35px
}
.hero-title.hero-title-small {
text-align: left;
font-size: 30px
}
.hero-title.slider-headline {
font-size: 32px;
line-height: 45px
}
.logos-grid {
grid-column-gap: 10px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr
}
.general-section.visual-builder-section.launch-video-section.launch-case-studies-section {
padding-top: 44px
}
.general-section.community-section {
background-image: none;
padding-top: 0;
padding-bottom: 20px
}
.general-section.padded {
padding-top: 0
}
.general-section.tools-section {
padding-top: 40px
}
.general-section.gray-rounded {
margin-left: 0;
margin-right: 0;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px
}
.general-section.gray-rounded.tools-video {
padding-left: 20px;
padding-right: 20px
}
.general-section.tools-bottom-cta {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 50px
}
.general-section.tools-features-section {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px
}
.intro-paragraph,
.intro-paragraph.white {
font-size: 16px;
line-height: 25px
}
.intro-paragraph.left-on-mobile {
text-align: left;
font-size: 15px;
line-height: 25px
}
.block-title.small {
margin-bottom: 0;
font-size: 10px
}
.block-title.smaller {
font-size: 14px
}
.block-title.large {
font-size: 22px;
line-height: 30px
}
.block-title.large.white.smaller {
font-size: 24px
}
.block-title.large.white.autopilot-included-title {
margin-bottom: 40px
}
.block-title.wide {
font-size: 24px;
line-height: 28px
}
.read-more-block {
font-size: 13px;
line-height: 22px
}
.read-more-block.white {
margin-top: 20px
}
.read-more-block.black {
font-size: 12px
}
.read-more-block.dark,
.read-more-block.white {
margin-top: 20px
}
.services-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
padding-left: 15px;
padding-right: 15px
}
.services-grid.integrations-page {
flex-wrap: wrap;
justify-content: space-between;
padding-left: 0;
padding-right: 0;
display: flex
}
.content-block {
padding-bottom: 12px;
padding-left: 17px
}
.section-title-wrapper.visual-builder-wrapper {
padding-top: 50px;
padding-bottom: 40px
}
.section-title-wrapper.community-title-wrapper {
padding-top: 0;
padding-bottom: 30px
}
.section-title-wrapper.why-switch {
padding-bottom: 20px
}
.section-title-wrapper.compare-title-wrapper {
padding-bottom: 30px
}
.section-title-wrapper.align-left {
padding-top: 40px;
padding-bottom: 40px
}
.section-title-wrapper.left-aligned {
padding: 0 20px 20px
}
.section-title-wrapper.left-aligned.right-side.no-padding-mobile {
padding-left: 0;
padding-right: 0
}
.section-title-wrapper.left-aligned.no-auto-left.extra-top-margin.extra-extra {
margin-top: 0
}
.section-title-wrapper.left-aligned.no-auto-left.wider {
padding-left: 20px;
padding-right: 20px
}
.section-title-wrapper.left-aligned.no-padding {
padding-left: 0;
padding-right: 0
}
.section-title-wrapper.color-section-wrapper {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px
}
.section-title-wrapper.wider {
padding-left: 40px;
padding-right: 40px
}
.section-title-wrapper.on-page {
padding-top: 35px;
padding-left: 30px;
padding-right: 30px
}
.section-title-wrapper.right-aligned {
padding-top: 0;
padding-bottom: 20px
}
.section-title-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 45px
}
.section-title-wrapper.left-aligned---thinner {
padding-top: 20px;
padding-bottom: 20px
}
.section-title-wrapper.wide.headline-section {
margin-bottom: 0
}
.section-title-wrapper.wide.headline-section.reduced-padding-on-mobile {
padding-top: 0;
padding-bottom: 0
}
.section-title-wrapper.wide.no-padding-mobile {
padding-left: 20px;
padding-right: 20px
}
.section-title-wrapper.very-wide.no-padding {
padding-left: 0;
padding-right: 0
}
.section-title-wrapper.very-wide.stack-compare {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.section-title-wrapper.wide.no-padding-mobile.less-top-padding {
padding-top: 20px;
padding-bottom: 20px
}
.section-title-wrapper.wide.before-after {
padding: 0
}
.section-title-wrapper.no-padding {
padding-left: 0;
padding-right: 0
}
.section-title-wrapper.wide {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.section-title {
font-size: 27px;
line-height: 36px
}
.section-title.left-on-mobile {
text-align: left
}
.service-link-block.split {
width: 47.5%
}
.intro-title {
font-size: 14px
}
.intro-title.left-on-mobile {
text-align: left
}
.bg-shape {
left: -240px
}
.bg-shape.top-left {
display: none
}
.intro-paragraph-wrapper {
max-width: 100%
}
.intro-paragraph-wrapper.align-left {
margin-top: 20px
}
.block-subtitle {
font-size: 13px;
line-height: 20px
}
.block-subtitle.white {
font-size: 15px;
line-height: 23px
}
.block-subtitle.small {
max-height: 50px;
font-size: 8px
}
.block-subtitle.dark {
font-size: 16px
}
.block-subtitle.light {
font-size: 16px;
line-height: 25px
}
.read-more-title {
font-size: 15px
}
.read-more-title.smaller {
white-space: nowrap;
font-size: 13px
}
.quote-text {
text-align: left;
font-size: 15px;
line-height: 25px
}
.quote-text.quote-long {
text-align: left;
font-size: 16px
}
.quote-image-block {
width: 120px;
height: 130px
}
.quote-wrapper {
text-align: center;
width: 90%;
margin-top: 60px;
padding-bottom: 60px;
padding-left: 0
}
.quote-wrapper.top-of-section {
padding-bottom: 30px
}
.quote-wrapper.quote-wrapper-slim.no-avatar {
padding-left: 20px;
padding-right: 20px
}
.quote-wrapper.quote-wrapper-slim.no-avatar.wide {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px
}
.quote-wrapper.quote-wrapper-slim.no-avatar.nested {
padding-left: 20px;
padding-right: 20px
}
.quote-name {
text-align: left;
font-size: 16px
}
.quote-name.title {
font-size: 13px
}
.browser-top-bar {
padding-top: 0;
padding-bottom: 4px;
padding-left: 15px
}
.info-block {
max-width: 100%;
margin-top: 40px
}
._3-highlights-grid {
width: 100%;
padding-left: 30px;
padding-right: 30px;
display: block
}
._3-highlights-grid.cf-page {
padding-right: 0
}
._3-highlights-grid.dark_bg {
margin-top: 40px;
padding-right: 0
}
.browser-bar-button {
width: 5px;
height: 5px;
margin-right: 2px
}
.browser-bg-shape._2 {
height: 120px;
top: -42px
}
.quote-image-wrapper {
width: 180px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
position: relative;
inset: 0% 0% auto
}
.browser-wrapper {
margin-bottom: 20px
}
.browser-wrapper.narrow {
width: 100%;
margin-bottom: 0
}
.quote-name-wrapper.less-margin.left {
text-align: left;
margin-left: 26px
}
.template-preview-background.light-blue {
width: 95%
}
.templates-preview-grid {
width: 210%
}
.templates-bg-element.integrations-shape {
inset: auto auto -4% -19%
}
.stack-grid {
padding-left: 15px;
padding-right: 15px
}
.stack-grid.integrations-stack-grid {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr
}
.stack-block {
padding: 20px 15px 15px
}
.stack-logo {
height: 16px
}
.stack-logo.maxw {
height: 30px
}
.footer-title {
max-width: 280px;
font-size: 16px
}
.footer-block {
margin-bottom: 20px
}
.bottom-footer-grid {
padding-left: 30px
}
.handwritten-text {
height: 30px
}
.footer-grid {
padding-left: 30px;
padding-right: 30px
}
.header-buttons-wrapper {
margin-top: 20px
}
.subpage-title {
font-size: 28px;
line-height: 36px
}
.subpage-title.restricted-w.integrations-title {
font-size: 35px;
line-height: 40px
}
.subpage-title.restricted-w.write-title {
max-width: 100%;
font-size: 40px
}
.subpage-title.restricted-w {
max-width: 100%;
font-size: 42px;
line-height: 49px
}
.subpage-title.restricted-w.large {
font-size: 42px;
line-height: 52px
}
.subpage-title.restricted-w.large.white.launch-hero-headline {
width: 100%;
font-size: 30px;
line-height: 1.5em
}
.page-header {
padding-top: 90px;
padding-bottom: 80px
}
.subpage-subtitle-wrapper {
margin-top: 25px
}
.section-color-fill.blue-tint {
padding-top: 20px
}
.section-color-fill.light-blue {
width: 94%;
padding-left: 10px;
padding-right: 10px
}
.mobile-fullwidth {
display: block
}
.compare-table-title {
font-size: 12px;
line-height: 19px
}
.compare-table-title.price-title {
line-height: 10px
}
.compare-table-title.price-title.subtitle {
width: 50px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
line-height: 13px
}
.compare-table-title.large {
font-size: 16px;
line-height: 28px
}
.compare-table-title.small {
font-size: 13px
}
.quote-image-block-2 {
width: 120px;
height: 130px
}
.compare-table-column {
width: 50%;
padding: 11px 13px 12px
}
.compare-table-column.light {
align-items: center;
width: 25%;
padding-bottom: 11px;
padding-left: 12px;
padding-right: 12px
}
.compare-table-column.light.bottom-column {
align-items: flex-start
}
.compare-table-column.light.with-logo {
padding: 0 5px 1px
}
.compare-table-column.light.with-logo.last.tool-page-table-last-col {
width: 26%;
padding-left: 3px;
padding-right: 2px
}
.compare-table-column.light.with-logo.middle-column.tool-page-table-mid-col {
width: 26%;
padding-left: 2px;
padding-right: 3px
}
.compare-table-column.light.with-logo.tool-page-table-column {
width: 26%;
margin-left: -4px;
padding-left: 3px;
padding-right: 3px
}
.compare-table-column.light.with-logo.tool-page-table-column.landing-pages {
width: 26%
}
.compare-table-column.light.middle-column.zapier {
padding-left: 12px;
padding-right: 12px
}
.compare-table-column.light.zapier {
padding-left: 11px;
padding-right: 11px
}
.compare-table-column.narrow {
align-items: center;
width: 25%;
padding-bottom: 11px;
padding-left: 12px;
padding-right: 12px
}
.compare-table-column.narrow.top.last {
padding-left: 11px;
padding-right: 11px
}
.compare-table-column.narrow.top.last.mobile {
padding-left: 8px;
padding-right: 7px
}
.compare-table-column.narrow.top.first {
padding-left: 11px;
padding-right: 11px
}
.compare-table-column.narrow.top.first.mobile {
padding-left: 6px;
padding-right: 6px
}
.compare-table-logo.alt-logo {
height: 14px
}
.compare-table-icon {
height: 23px
}
.small-bg-shape.table-top-right {
display: none
}
.small-bg-shape.automate {
bottom: -106px;
right: -89px
}
.column-graphic-wrapper.align-left {
padding-bottom: 10px
}
.app-screenshot.personalize {
width: 100%;
left: -3px
}
._2-column-grid.flex {
padding-left: 0;
padding-right: 0
}
._2-column-grid.reversed {
padding-left: 10px;
padding-right: 10px
}
.blog-post-creator-bio,
.blog-post-creator-links {
text-align: center
}
.creator-page-header {
background-color: #0000
}
.creator-page-title {
line-height: 24px
}
.creator-page-content.grey-bg {
padding-left: 0;
padding-right: 0
}
.creator-page-h2 {
margin-left: 10px;
margin-right: 10px
}
.compare-table-text {
font-size: 12px
}
.compare-table-text.small {
display: none
}
.compare-table-text.small.mobile {
font-size: 13px;
display: block
}
.compare-table-text.small.mobile.smaller {
font-size: 12px;
line-height: 16px
}
.page-section-2.blue-bg,
.page-section-2.split {
padding-left: 10px;
padding-right: 10px
}
.page-section-2.hiw {
margin-top: -25px;
padding-bottom: 0
}
.page-section-2.cta {
padding-left: 10px;
padding-right: 10px
}
.page-section-2.templates {
padding-top: 10px;
padding-bottom: 0
}
.page-section-2.guides-doc {
padding-bottom: 30px
}
.page-section-2.guides {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.page-section-2.contained {
padding-left: 40px;
padding-right: 40px
}
.page-section-2.split {
padding-left: 10px;
padding-right: 10px
}
.page-section-2.split.reverse {
padding-left: 0;
padding-right: 0
}
.page-section-2.split.reverse.last {
padding-bottom: 40px
}
.page-section-2.split.colour-bg.high-top-margin {
margin-top: 35px
}
.page-section-2.faq-holder {
padding-bottom: 10px
}
.page-section-2.dark-contained {
padding-left: 10px;
padding-right: 10px
}
.page-section-2.dark-contained.black {
padding-left: 20px;
padding-right: 20px
}
.page-section-2.icon-split {
padding-left: 40px;
padding-right: 40px
}
.page-section-2.dark_bg {
padding-left: 0;
padding-right: 0
}
.page-section-2.spacing {
padding-left: 10px;
padding-right: 10px
}
.sub-page-link {
font-size: 14px
}
.sub-page-link.right {
flex: none;
margin-top: 0
}
.sub-page-nav-right {
align-items: flex-start;
padding-right: 25px;
overflow: scroll
}
.sub-page-nav {
margin-left: 20px;
margin-right: 0
}
.subnav-container {
padding-top: 34px;
padding-left: 0
}
.logo-col-individual {
margin-bottom: 2px
}
.intro-paragraph-2 {
font-size: 16px;
line-height: 25px
}
.intro-paragraph-2.black {
font-size: 16px
}
.intro-paragraph-2.integration {
min-height: auto;
line-height: 24px
}
.intro-paragraph-2.write-for-us {
padding-left: 0;
padding-right: 0
}
.intro-paragraph-2.dark.increased-margin {
font-size: 16px;
line-height: 25px
}
.intro-paragraph-2.dark.smaller {
font-size: 14px
}
.intro-paragraph-2.smaller {
font-size: 15px;
line-height: 25px
}
.bg_image {
width: 99%;
max-width: 99%;
margin-left: auto;
margin-right: auto
}
.bg_image.wider {
width: 100%
}
.bg_image.z-index {
max-width: 99%
}
.bg_image.funnel {
width: 103.5%;
margin-bottom: 10px;
margin-left: -3.5%
}
.bg_image.funnel.launch-personalize-img {
width: 90%;
min-width: auto;
max-width: 106%
}
.bg_image.funnel.launch-personalize-img.remind-img {
width: 106%
}
.bg_image.segment-plus {
width: 100%;
margin-bottom: 20px
}
.bg_image.campaign-services-hero {
min-width: 416px
}
.bg_image.hero-left-quiz.upsell {
width: 140%;
margin-left: -61px
}
.intro-title-2 {
font-size: 14px
}
.intro-title-2.top-level.write-hero-subtitle {
margin-top: 69px
}
.hero-section {
padding-left: 10px;
padding-right: 10px
}
.hero-section.pro {
padding-top: 100px
}
.hero-section.business {
padding-top: 120px;
padding-bottom: 20px
}
.hero-section.business.autopilot {
padding-bottom: 26px
}
.hero-section.tool-hero {
padding-top: 100px;
padding-bottom: 20px
}
.hero-section.solutions {
padding-top: 120px;
padding-bottom: 20px
}
.hero-section.tool-hero-light {
padding-top: 100px
}
.right-column-wrapper.flex {
margin-top: 20px
}
.right-column-wrapper.centred {
align-items: flex-start
}
.right-column-wrapper.centred.grey-color.padded {
padding: 20px
}
.right-column-wrapper.middle-position {
margin-top: 20px
}
.right-column-wrapper.wide-flex {
margin-top: 20px;
margin-bottom: 40px
}
.color-container {
width: 99%;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px
}
.middle-right-shape {
display: none
}
.section-title-2 {
font-size: 27px;
line-height: 36px
}
.top-left-shape {
top: -122px;
left: -9px
}
.section-feature {
font-size: 16px
}
.lower-shape {
display: none
}
.logo-left.activity {
width: 22%
}
.integrations-holder {
width: 100%;
padding-left: 40px;
padding-right: 40px
}
.integrations-block {
width: 100%;
margin-bottom: 40px
}
.cf-h4 {
font-size: 24px;
line-height: 28px
}
.cf-integration-box {
align-items: center;
padding-right: 20px
}
.cf-integration-box.activity.personalize {
margin-left: 6px
}
.integration-icon-box {
margin-bottom: 0
}
.integration-description {
line-height: 18px
}
.cta-block {
width: 99%;
max-width: 99%;
padding: 45px 30px
}
.white-subheader,
.dark-subheader {
font-size: 17px;
line-height: 28px
}
.template-holder {
width: 100%;
padding-left: 40px;
padding-right: 40px
}
.template-item {
width: 100%;
min-width: 100%;
margin-left: 0;
margin-right: 0
}
.template-list-item-bg {
padding-top: 80px;
padding-bottom: 80px
}
.guide-doc-row._2 {
margin-top: 28px
}
.guides-documentation {
width: 100%;
padding-left: 40px;
padding-right: 40px
}
.guide-doc-box {
flex-direction: column;
align-items: flex-start;
padding: 20px
}
.guide-doc-logo {
width: 45px;
height: 45px;
margin-top: 0;
margin-right: 0
}
.guide-doc-right {
margin-top: 15px;
padding-left: 0
}
.integration-hero-container {
padding-left: 20px;
padding-right: 29px
}
.integration-hero-container.actions {
overflow: hidden
}
.integration-icon-box-2 {
margin-bottom: 0
}
.integration-hero-arrow.up.personalize {
margin-left: auto
}
.integration-icon-box-4 {
margin-bottom: 0
}
.integrations-actions-line.quiz-to-action {
margin-left: 40px
}
.integrations-actions-line.visit-to-offer {
margin-right: 45px
}
.integrations-actions-goal {
width: 200px
}
.integrations-actions-goal.activity-actions-goal {
width: 94%
}
.top-label {
padding-left: 30px;
padding-right: 30px
}
.template-item-2 {
width: 100%;
min-width: 100%;
margin-left: 0;
margin-right: 0
}
.guide_image.integration-hero-icon {
background-size: 40px;
width: 70px;
height: 70px
}
.rte {
padding-left: 30px;
padding-right: 30px
}
.rte h4 {
font-size: 24px;
line-height: 30px
}
.rte h1 {
font-size: 42px;
line-height: 46px
}
.rte h2 {
font-size: 32px;
line-height: 42px
}
.rte p,
.rte li {
font-size: 17px;
line-height: 28px
}
.rte h3 {
font-size: 28px;
line-height: 38px
}
.smaller-template-holder {
width: 100%;
margin-top: 25px;
margin-left: 0%;
margin-right: 0%
}
.template-list-item-bg-2 {
padding-top: 80px;
padding-bottom: 80px
}
.blue-cta-block {
width: 99%;
padding: 40px 28px
}
.template-guide-doc {
margin-top: 70px;
padding-left: 30px;
padding-right: 30px
}
.right_col {
padding-left: 10px;
padding-right: 10px
}
.integrations-wrapper {
padding: 60px 40px 30px
}
.integrations-grid {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
margin-top: 5px
}
.integration-guides-integration-mobile {
padding-left: 30px;
padding-right: 30px
}
.integration-guides-title {
padding-left: 30px;
padding-right: 30px;
font-size: 42px;
line-height: 46px
}
.blog-post-dates {
padding-top: 5px
}
.first-published {
display: block
}
.last-updated {
margin-left: 0;
display: block
}
.secondary-button.write-for-us {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
display: block
}
.hero-image {
display: none
}
.write-for-us-faq-block {
max-width: 100%
}
.faq-question-block {
max-width: 100%;
padding: 22px 20px 22px 10px
}
.faq-arrow {
margin-right: 5px
}
.faq-title {
max-width: 92%;
font-size: 17px;
line-height: 24px
}
.faq-title.write-faq-title {
white-space: normal;
transition: color 0.3s ease; /* 添加平滑过渡 */
}
.column-div {
margin-bottom: 20px
}
.write-for-us-cta {
margin-top: 25px
}
.cta-h3.white {
padding-left: 10px;
padding-right: 10px
}
.top-ctas {
text-align: center
}
.right-angled-bg.launch-hero.autopilot-hero {
min-width: 400px
}
.section-title-3 {
font-size: 27px;
line-height: 36px
}
.section-title-3.smaller {
font-size: 25px;
line-height: 35px
}
.section-title-3.white.why-cf-headline {
margin-bottom: 0
}
.section-title-3.smaller-text {
font-size: 25px;
line-height: 35px
}
.section-title-3.launch-package-title {
margin-bottom: 20px;
line-height: 50px
}
.section-title-3.launch-package-title.launch-ecom-price-title {
margin-bottom: -1px;
font-size: 24px
}
.section-title-3.medium-text {
font-size: 26px;
line-height: 36px
}
._3-split-block {
max-width: 100%;
margin-bottom: 0
}
.head-wrapper {
margin-bottom: 50px;
padding: 0
}
.quote-text-2 {
text-align: left;
font-size: 15px;
line-height: 25px
}
.quote-text-2.quote-long {
text-align: left;
font-size: 15px
}
.full-width-image {
margin-top: 13px;
margin-bottom: 13px
}
.square-quote-image {
width: 120px;
height: 130px
}
._4-split-box {
width: 100%
}
._4-split-icon {
height: 36px
}
._4-column-div._2 {
padding-left: 30px;
padding-right: 30px
}
._4-column-div._2.no-padding {
padding-left: 0;
padding-right: 0
}
._4-column-div.spaced {
margin-top: 20px
}
._4-column-div.fw-col {
margin-top: 0;
padding-left: 0;
padding-right: 0
}
._4-column-div._3 {
margin-top: 30px;
padding-left: 0;
padding-right: 0
}
._4-column-div.spaced-2 {
margin-top: 20px
}
._4-column-div.slim.integration-points {
margin-bottom: 0
}
.color-container-2 {
width: 99%;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px
}
.overlay-image---2 {
margin-top: 30px;
margin-bottom: auto;
display: block;
inset: auto 0%
}
.overlay-image---2.pro-support {
max-width: 300px
}
.faq-question-block-2 {
max-width: 100%;
padding: 22px 20px 22px 10px
}
.faq-answer-inner-box-2 {
padding-left: 10px;
padding-right: 10px
}
.faq-arrow-2 {
margin-right: 5px
}
.pricing-faq-block-2 {
max-width: 100%
}
.faq-title-2 {
max-width: 92%;
font-size: 17px;
line-height: 24px
}
.header-2 {
margin-bottom: 35px
}
.cta-holder.tools-centered-cta {
padding-left: 20px;
padding-right: 20px
}
._4-split-block {
max-width: 100%
}
.shape---left {
display: none
}
._wf-container-2.why-convertflow-wrapper {
padding-top: 20px
}
._4-highlights-grid {
width: 100%;
padding-left: 30px;
padding-right: 30px;
display: block
}
._4-highlights-grid.cf-business,
._4-highlights-grid.stats {
padding-right: 0
}
.small-block {
width: 100%;
margin-left: 0%;
margin-right: 0%;
padding-top: 25px;
padding-bottom: 20px;
line-height: 22px
}
.grid_flex {
justify-content: center;
margin-top: 30px
}
.flex-buttons {
flex-direction: column;
align-items: flex-start;
display: flex
}
.colour-bg {
width: 100%;
padding: 20px 40px 15px
}
.colour-bg.low-top-margin.high-mobile-bottom-margin {
margin-bottom: 54px
}
.half-split {
margin-top: 70px
}
.blog-post-content-richtext-intro {
padding-left: 0;
padding-right: 0
}
.blog-post-content-richtext-intro.sf-font-roboto {
width: auto;
max-width: 650px
}
.icon-bullet-text {
font-size: 15px;
line-height: 1.5em
}
.icon-bullet-text.smaller {
font-size: 15px
}
.icon-bullet-text-wrapper {
padding-top: 0
}
.div-block-38 {
text-align: left
}
.tools-hero-review-wrapper {
min-width: 300px;
max-width: 100%
}
.tools-hero-review-badge {
max-width: 50px;
margin-top: 0
}
.tools-hero-review-badge.g2 {
max-width: 40px;
margin-left: 5px
}
.tools-hero-review-badge.shopify {
max-width: 56px
}
.tools-hero-review-stars {
margin-top: 0
}
.tools-hero-review-text.white {
font-size: 9px
}
.tools-hero-review-col-2 {
padding-left: 24px;
padding-right: 0
}
.template-list-item-bg.black-friday-popup {
padding-top: 80px;
padding-bottom: 80px
}
.case-study-info-text.case-study-headline {
font-size: 18px
}
.launch-hero-div.launch-ecom-hero-div {
margin-top: 0
}
.launch-package-box {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
padding-left: 30px;
padding-right: 20px
}
.launch-package-box.launch-ecom-package-box {
padding: 39px 27px
}
.testimonial-section {
padding-bottom: 0
}
.icon-bullet-icon {
max-width: 100%
}
.bullet-checkmark {
margin-top: -2px;
padding-right: 4px
}
.hero-text-slider-slide,
.hero-text-slider-mask,
.hero-text-slider-slide-wrapper {
width: 280px
}
.hero-image-slider {
height: auto
}
.hero-image-slider-arrow.launch-slider-arrow {
display: none
}
.no-padding-column {
padding-left: 0;
padding-right: 0
}
.pricing-features-pre.pricing-savings.popover-hover {
bottom: 40px
}
.review-site-logo {
height: 60px;
margin-bottom: 20px
}
.review-site-logo.small {
height: 60px
}
.review-site-logo.small.capterra {
height: 50px
}
.launch-hero-ethan {
z-index: 999;
max-width: 50%
}
.launch-pricing-box.launch-pricing-box-pro {
display: block
}
.launch-pricing-box.block {
display: block;
position: static
}
.launch-business-campaigns-div {
margin-left: -28px;
margin-right: -28px
}
.div-block-border-wrapped-arrow-bottom {
margin-bottom: -43px
}
.section-arrow-mid-to-left {
display: none
}
.section-arrow-left-to-right {
margin-top: -2px;
margin-bottom: -4px;
display: none
}
.section-arrow-middle-to-left-down {
margin-top: -53px;
margin-bottom: -4px;
display: none
}
.section-arrow-middle-to-left-down.upsell-to-remind {
display: none
}
.playbooks-index-hero-col1 {
padding-left: 20px;
padding-right: 20px
}
.playbooks-body {
margin-top: 20px
}
.content-index-search-input.jetboost-list-search-input-x8k5 {
width: 85%
}
.content-index-search-input.jetboost-list-search-input-pz4x {
width: 70%
}
.content-index-search-btn {
border-radius: 0 3px 3px 0;
width: 15%
}
.playbooks-post {
margin-top: 45px
}
.playbooks-post-image {
margin-top: 60px
}
.playbooks-post-image-overlay {
min-height: 250px
}
.playbooks-post-creator-wrapper {
text-align: center;
padding-left: 0
}
.playbooks-post-creator-name-wrapper {
padding-top: 10px;
padding-left: 0;
display: inline
}
.playbooks-post-creator-name {
text-align: center
}
.playbooks-post-content-wrapper {
padding-top: 10px;
padding-left: 30px;
padding-right: 30px
}
.playbooks-post-content-headline {
text-align: center;
padding-left: 0;
padding-right: 0;
font-size: 30px
}
.playbooks-post-content-intro,
.playbooks-post-main-content {
padding-left: 0;
padding-right: 0
}
.playbooks-post-creator-image-top {
float: none;
margin-bottom: 10px
}
.playbooks-post-creator-title {
text-align: center
}
.playbooks-post-header-section {
text-align: center;
padding-left: 25px;
padding-right: 25px
}
.playbooks-templates-section {
margin-bottom: 40px;
margin-left: auto
}
.playbooks-post-content-creator {
text-align: center;
padding-left: 15px;
padding-right: 15px
}
.playbooks-post-creator-links,
.playbooks-post-creator-bio {
text-align: center
}
.playbooks-top-tag {
float: none
}
.playbooks-summary-box {
padding-left: 25px;
padding-right: 25px
}
.pb-hero-search-input {
width: 85%
}
.playbooks-hero-headline {
font-size: 40px;
line-height: 50px
}
.pb-index-search {
width: 100%
}
.pb-index-search-btn {
border-radius: 0 3px 3px 0;
width: 30%
}
.pb-index-search-btn.pb-index-hero-search-btn {
width: 15%
}
.campaigns-examples-section {
margin-bottom: 40px;
margin-left: auto
}
.templates-hero-headline,
.template-sub-page-hero-headline,
.cta-page-hero-headline {
font-size: 30px;
line-height: 1.5em
}
.cta-hero-headline {
font-size: 30px
}
.campaign-item,
.playbook-item {
width: 100%;
min-width: 100%;
margin-left: 0;
margin-right: 0
}
.playbooks-index-tag-text {
line-height: 20px
}
.campaigns-hero-headline {
font-size: 42px;
line-height: 52px
}
.column-38,
.column-39 {
padding-left: 0
}
.column-40 {
padding-left: 0;
padding-right: 0
}
.content-body-h2 {
width: 100%
}
.campaign-post-h1 {
font-size: 35px;
line-height: 42px
}
.campaign-post-pretitle {
font-size: 16px;
line-height: 26px
}
.campaign-post-subtitle {
font-size: 18px;
line-height: 29px
}
.campaign-post-nav-text-current {
margin-top: 5px
}
.templates-filter-div {
margin-top: 10px
}
.templates-index-filter-btn,
.template-filter-text {
margin-bottom: 10px
}
.jetboost-pagination {
margin-bottom: 20px
}
.blog-search-input.jetboost-list-search-input-p25v {
width: 80%
}
.blog-search-btn {
border-radius: 0 3px 3px 0;
width: 15%
}
.jetboost-show-more {
margin-bottom: 20px
}
.more-playbooks {
padding-left: 20px;
padding-right: 20px
}
.hero-title-slider {
max-width: 300px;
height: 40px
}
.funnels-showcase-wrapper {
justify-content: center;
width: 280px;
margin-left: 10px
}
.case-study-category,
.case-study-marketer {
text-align: left
}
.case-study-marketer.title {
margin-top: 0;
padding-left: 20px;
font-size: 13px
}
.case-study-marketer-avatar {
max-width: 45px
}
.get-started-block {
margin-top: 0;
margin-left: -10px;
margin-right: -10px
}
.get-started-logo {
height: 13px
}
.get-started-logo.autopilot-logo {
margin-left: 0
}
.dropdown-list-3.w--open {
padding: 10px 10px 20px 29px
}
.small-dropdown-grid-3 {
margin-top: 0
}
.dropdown-text-3 {
display: none
}
.dropdown-link-title-3 {
margin-bottom: 0;
font-weight: 400
}
.why-list.bottom {
margin-top: 0
}
.examples-filter-text {
margin-bottom: 10px
}
.examples-filter-div {
margin-top: 10px
}
.featured-read-block {
color: #7988a3;
margin-top: 11px
}
.featured-read-top-text {
margin-bottom: 0;
font-weight: 400
}
.featured-read-headline-text,
.mobile-overlay {
display: none
}
.mobile-nav-cta-block {
top: 13px;
right: 55px
}
.campaign-post-content-richtext {
padding-left: 0;
padding-right: 0
}
.pricing-free-box {
padding: 20px
}
.autopilot-included-container {
min-height: 0;
padding-top: 40px
}
.autopilot-included-plus {
top: -6%;
left: 42%
}
.advanced-features-block.pricing-included-features-box {
padding-left: 25px;
padding-right: 25px
}
.advanced-feature-title.sf-font-roboto.smooth.pp-story-title {
font-size: 22px;
line-height: 31px
}
.stack-compare-col2 {
padding-top: 26px;
padding-bottom: 36px
}
.stack-compare-img {
min-width: 100%;
margin-left: auto;
margin-right: auto
}
.agency-pricing-link {
display: block
}
.feature-tab-menu {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
text-align: center;
justify-content: center;
align-self: center;
width: 80%
}
.logo3_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: auto auto auto auto auto auto auto auto;
grid-auto-columns: auto;
place-content: center;
justify-items: center;
padding-top: 0;
display: grid
}
.tab-arrow-left {
left: 3%
}
.feature-tab-link {
text-align: center;
padding-top: .625rem;
padding-left: .625rem;
padding-right: .625rem
}
.feature-tab-link.w--current {
padding-top: .625rem;
padding-left: .3125rem;
padding-right: .3125rem
}
.logo3_component {
padding-top: 0;
padding-bottom: 0
}
.padding-section-medium,
.padding-section-medium.text-align-center {
padding-top: 2rem;
padding-bottom: 2rem
}
.section-hero1 {
border-bottom-right-radius: 2rem;
border-bottom-left-radius: 2rem
}
.max-width-large.align-center.founder-message {
margin-top: 3rem
}
.tab-section {
border-radius: 12px;
padding-bottom: .2rem
}
.logo3_logo {
object-fit: scale-down;
width: auto;
max-width: 12rem;
min-height: 2rem;
max-height: 2rem
}
.tab-title {
margin-top: 0
}
.text-align-center.footer-cta-text {
max-width: 100%;
padding-top: 60px
}
.tab-arrow-right {
right: 3%
}
.button.button-top-hero.cta-27245-trigger.button-small-left {
padding-left: 3.8rem;
padding-right: 3.8rem
}
.button.button-top-hero.buttom-footer-hero {
padding-left: 3rem;
padding-right: 3rem
}
.button.button-top-hero.buttom-footer-hero.cta-27245-trigger {
min-width: 250px
}
.button.button-white {
padding-left: 2.8rem;
padding-right: 2.8rem
}
.button.button-white.cta-165441-trigger.shopify-button-small {
padding-right: .4rem
}
.button.button-white.demo-button {
min-width: 250px
}
.button.is-small {
font-size: 1.125rem
}
.button.is-small.is-nav {
margin-top: .75rem
}
.button.is-link.is-icon.tools-cta,
.button.is-link.is-icon.quizz,
.button.is-link.is-icon.quizz {
width: 100%
}
.pane-img {
height: auto
}
.section_logo3.is-blue {
-webkit-backdrop-filter: none;
backdrop-filter: none;
top: -1.825rem
}
.section_logo3.is-pricing {
margin-top: 2rem
}
.logo-title.top-logo-title.is-gray {
text-align: center
}
.glowing-wrapper.glowing-wrapper-active {
margin-bottom: 1rem
}
.logo3_wrapper {
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding-top: .5rem;
padding-bottom: .5rem;
overflow: visible
}
.button-group-3.is-center {
margin-top: 2rem
}
.heading-2 {
letter-spacing: -1px;
font-size: 2.9rem;
font-weight: 800
}
.text-size-medium {
font-size: 1.1rem
}
.text-size-medium.top-hero-text-medium.display-desktop {
display: none
}
.text-size-medium.top-hero-text-medium.display-mobile,
.text-size-medium.section-2-text-medium {
font-size: 1rem;
line-height: 1.5
}
.tab-panel {
height: auto
}
.swiper-slide {
margin-bottom: 30px;
margin-right: 0
}
.bento-tool-img-mobile {
border-top-left-radius: 12px
}
.bento-tool-img-mobile.bundle-builder {
max-width: 125%
}
.bento-tool-hero-box {
-webkit-backdrop-filter: blur(25px);
backdrop-filter: blur(25px);
background-color: #ffffff0d;
border: 1px solid #ffffff1a;
border-radius: 16px 0 0;
margin: 21px -31px -38px 30px;
padding-top: 7px;
padding-left: 7px;
display: block;
position: absolute;
inset: 181px 0 0 -4px
}
.img-cards {
object-fit: cover;
max-width: 100%
}
.img-cards.landing-page {
height: 220px
}
.img-cards.rounded.quiz {
height: 300px
}
.layout7_item-list {
grid-template-columns: 1fr
}
.layout7_item-list.is-quizz {
grid-row-gap: 2rem
}
.sticky-cards {
margin-bottom: 2rem
}
.bento-g {
grid-template-columns: 1fr
}
.bento-g._3 {
background-position: 20%
}
.bento-g.is-v {
background-position: 50% 100%;
background-size: contain;
height: 22rem
}
.bento-g.is-v.mobile {
background-position: 50% 100%;
background-size: contain
}
.bento-g.is-v.mobile.bento-tools-hero-bgs {
background-position: 100% 100%;
background-size: contain
}
.bento-g.is-v._2,
.bento-g.is-v._2.bento-tools-hero-bgs {
background-position: 50% 100%;
background-size: contain
}
.bento-g.is-v._3 {
background-image: url(assets/images/others/663bc9ab012e5e6821bc67b1_Frame 811493.webp);
background-position: 50% 100%;
background-size: contain;
justify-content: flex-start;
height: 25rem
}
.bento-g.is-v._3.tool-bg-abandonment {
background-image: url(assets/images/others/663bc9ac012e5e6821bc6fd2_cf3-abandonment-hero-mini.webp);
background-size: 220%
}
.bento-g.no-padding-margin {
grid-template-rows: 1fr;
grid-auto-rows: 1fr;
align-items: stretch;
height: auto;
position: relative;
top: 0
}
.bento-g.no-padding-margin.mobile.bento-tool-forms {
background-image: radial-gradient(circle at 100% 100%, #033ae3, #000 62%)
}
.bento-g.no-padding-margin.flex {
justify-content: flex-start;
align-items: center;
display: flex
}
.bento-g._2 {
background-position: 20%;
border-top-width: .0625rem;
border-radius: 1rem
}
.bento-g.integration-tool {
height: 1200px;
max-height: 1200px
}
.bento-g._1 {
background-position: 20%;
background-size: cover
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0
}
.margin-top.margin-small.text-align-left.founder-message-padding {
padding-left: 0;
padding-right: 0
}
.button-group-4 {
margin-top: 2rem
}
.button-group-4.tools-templates-btn,
.button-group-4.tools-btn-group,
.button-group-4.is-quizz {
flex-flow: column;
align-self: stretch;
width: 100%
}
.text-size-small {
line-height: 1.5
}
.grid-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
margin-top: 0;
display: grid
}
.grid-wrapper._4cl {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-rows: auto;
align-content: center;
align-items: stretch;
margin-top: 2rem
}
.grid-wrapper._4cl.no-margin {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.grid-wrapper._4cl.tools-grid-links {
grid-template-columns: 1fr
}
.grid-wrapper._4cl.auto-size {
grid-template-columns: minmax(250px, 250fr);
grid-auto-rows: minmax(1rem, 1fr);
grid-auto-columns: minmax(250px, 250fr);
grid-auto-flow: column;
overflow: scroll
}
.grid-wrapper.mobile-hide {
display: none
}
.grid-wrapper._3cl._3r {
margin-top: 2rem;
display: none
}
.grid-wrapper._3cl._3r.is-funnelcards {
grid-template-columns: 275px 275px;
grid-auto-columns: minmax(275px, 275px);
height: 410px
}
.grid-wrapper._3cl._3r.is-funnelcards.within-padding {
width: 290px;
margin-left: -10px
}
.display-mobile {
display: block
}
.display-mobile.h2-mobile {
font-size: 2rem
}
.swiper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
margin-top: 0;
display: grid
}
.swiper.swiper-1 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
height: auto;
display: block
}
.swiper.swiper-1.swiper-builder-features {
margin-top: .5rem
}
.swiper.swiper-2 {
display: flex
}
.display-desktop {
display: none
}
.paragraph-4 {
font-size: 1rem;
line-height: 1.5
}
.flex-h.inner-padding {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-self: center;
height: 100%
}
.flex-h.inner-padding.tool-featue-img-card-wrap {
z-index: 10;
height: auto;
margin-top: -91px;
padding: 2rem 1rem;
position: relative
}
.flex-h.align-bottom {
flex-direction: column
}
.a-testimonial-base.is-big {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 1rem;
padding-bottom: 1rem
}
.a-testimonial-base.is-big.big-quote {
min-width: 100%;
font-size: 1rem
}
.a-h3-heading.reviews-top-headline {
font-size: 1.5rem
}
.a-h3-heading.reviews-top-headline.crafted-in-convertflow {
margin-top: 2.2rem
}
.vs-funnel-img.funnel-img-mobile {
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: block
}
.vs-funnel-img.funnel-img-desktop {
display: none
}
.vs-img-store {
margin-bottom: -6rem
}
.funnel-img {
object-fit: cover;
min-width: 190px;
margin-top: 20px;
margin-bottom: 0
}
.funnel-img.ad-img,
.funnel-img.page-img {
min-width: 190px
}
.content-max-w-bento.max-width-medium.is-inside {
flex-direction: row;
justify-content: center;
width: 100%;
height: auto;
margin-top: 1rem;
margin-left: auto;
margin-right: auto
}
.h2-heading {
font-size: 3rem
}
.bento-card {
border-width: .0625rem;
border-radius: 1rem
}
.bento-card.is-inside {
text-align: center;
flex-direction: column;
justify-content: start;
justify-items: start;
padding-right: 2rem;
font-style: normal;
display: flex
}
.bento-card.is-inside.vs-bento-card.comparison-bento {
padding-left: 2rem;
padding-right: 2rem
}
.bento-card.is-inside.height {
width: auto;
height: auto;
padding-left: 0;
padding-right: 0;
display: block;
overflow: hidden
}
.bento-card.has-img {
text-align: left;
background-image: url(assets/images/others/663bca05a05749943afd1c18_Frame 811500.webp);
background-position: 88% 100%;
background-repeat: no-repeat;
background-size: 78.5625rem;
padding: 2rem;
overflow: hidden
}
.bento-card.is-features {
object-position: 0% 50%;
max-width: none;
height: 451px;
padding: 1.5rem 1.5rem 1rem
}
.bento-card.template-thumbnail {
min-width: 15rem;
margin-bottom: 1rem
}
.bento-card.bento-card-multi-row {
width: 275px;
display: block
}
.layout423_image {
border-radius: 1rem;
overflow: visible
}
.bg-img-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column
}
.case-study-col-img-wrap {
border-radius: 1rem;
overflow: hidden
}
.case-study-col-link {
border-radius: 1rem;
height: 20rem;
max-height: 20rem;
overflow: hidden
}
.case-study-col {
border-width: .0625rem;
border-radius: 1rem
}
.line-colored-grid-cards {
width: .125rem;
height: 50%;
inset: auto auto auto 0%
}
.line-colored-grid-cards.orange {
height: 50%;
inset: auto auto auto 0%
}
.line-colored-grid-cards.green {
flex: none;
height: 50%
}
.floating-badge-img {
width: 10rem
}
.layout423_row {
grid-template-columns: 1fr
}
.header78_content-bottom {
width: 100vw;
max-width: 100%;
overflow: visible
}
.img-button-carrousel.carousel-button-div {
max-width: 17rem;
height: 6.3rem
}
.header78_image-wrapper {
width: 22vw
}
.header78_image-wrapper.is-big {
width: auto;
max-width: 100%
}
.section_header78 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.header78_image.is-big {
object-fit: contain;
width: auto;
max-width: 100%
}
.header78_image-list-bottom {
min-height: 9.4rem
}
.header78_image-list.normal {
grid-auto-columns: 15rem
}
.a-testimonial-avatar-wrapper.is-big {
height: auto
}
.img-absolute-wrapper.img-absolute-wrapper-relative {
width: 140%;
max-height: 250px;
margin-left: -40px;
margin-right: -40px
}
.img-absolute_img {
object-position: 50% 50%;
display: none
}
.img-absolute_img.img-absolute_img-relative {
object-position: 100% 100%;
display: block;
overflow: clip
}
.mobile-absolute-bento-img {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
min-height: 100%;
display: block
}
.mobile-absolute-bento-img._4 {
object-position: 50% 50%
}
.mobile-absolute-bento-img._9 {
object-position: 0% 50%
}
.mobile-absolute-bento-img._3,
.mobile-absolute-bento-img._10 {
object-position: 50% 50%
}
.mobile-absolute-bento-img._1,
.mobile-absolute-bento-img._8,
.mobile-absolute-bento-img._2 {
object-position: 0% 50%
}
.mobile-absolute-bento-img._11 {
object-fit: cover;
object-position: 50% 50%
}
.mobile-absolute-bento-img._7 {
object-position: 0% 50%
}
.mobile-absolute-bento-img._12 {
object-position: 50% 50%
}
.mobile-absolute-bento-img._12.slider-multisite {
object-position: 50% 0%;
margin-top: 20px
}
.mobile-absolute-bento-img._5 {
object-position: 50% 50%
}
.orange-pill-tag {
margin-bottom: 1rem
}
.gallery24_image {
object-fit: contain;
object-position: 50% 50%;
max-width: 99%;
height: 30vh;
margin-left: auto;
margin-right: auto
}
.img-negative-margin {
aspect-ratio: 1;
height: 100%;
margin-top: 2rem;
margin-bottom: -2.5rem
}
.padding-shoppers {
padding-left: 2rem;
padding-right: 2rem
}
.gallery24_image-wrapper {
border-width: .0625rem;
border-radius: 1rem;
justify-content: center;
align-self: center;
display: flex
}
.shoppers-div {
width: 90%;
height: auto;
margin-bottom: -1.375rem;
margin-left: auto;
margin-right: auto
}
.gallery24_horizontal-scroll-content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
width: 160rem;
padding-left: 0%;
padding-right: 0%
}
.gallery24_component {
height: 240vh
}
.img-integrations {
opacity: 1;
mix-blend-mode: lighten;
margin-bottom: 4.1875rem;
top: 1.225rem
}
.img-integrations.reduce-bottom-spacing {
margin-bottom: 51px
}
.elipse-absolute.is-integrations {
object-fit: cover;
width: 200%;
max-width: none;
margin-left: 0;
margin-right: 0;
display: block;
inset: 0% 0% 0% -58%
}
.a-section-regular {
padding-top: 0;
padding-bottom: 0
}
.a-section-regular.section-reviews {
top: -.8rem
}
.a-section-regular.section-reviews.no-bottom-padding.reviews-top-padding {
top: 0
}
.a-testimonial-grid-large {
columns: 1
}
.a-testimonial-grid-large.overflow-x-scroll {
height: 450px
}
.a-testimonial-grid-large.overflow-x-scroll.no-max-height {
min-height: 600px
}
.check-mark-cta-div {
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.check-mark-cta-wrapper.is-pricing {
align-self: stretch
}
.section_cta27.footer_cta {
margin-top: 3rem
}
.padding-section-large-7.cta-bottoms-section {
padding-top: 0
}
.button-group-7.is-center {
margin-bottom: 1rem
}
.swiper-heading {
margin-bottom: 5px
}
.funnel-heading {
font-size: 1.4rem;
line-height: 1.9rem
}
.agency-div {
order: 0;
margin-top: 0;
margin-bottom: 20px;
position: static
}
.navbar2_logo {
width: 80%
}
.swiper-slide-2 {
margin-right: 0
}
.swiper-slide-2.is-pricing {
width: 18rem
}
.icon-embed-custom.is-check {
margin-top: 5px
}
.icon-embed-custom.is-x {
width: .8rem;
margin-top: 5px
}
.swiper-pricing {
width: 100%
}
.compare-check-wrapper {
align-self: center
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.fs-rangeslider_wrapper {
overflow: visible
}
.bubble-img {
z-index: 0;
-webkit-backdrop-filter: none;
backdrop-filter: none;
object-fit: contain;
width: 109%;
max-width: none;
height: 100%;
min-height: 35px;
margin-top: -7px;
overflow: hidden
}
.header26_component-2 {
margin-top: 50px
}
.fs-rangeslider_handle-value {
z-index: 1;
flex: none;
padding-top: 0;
padding-left: .4rem;
padding-right: .4rem;
font-size: .8rem;
position: relative
}
.text-color-green.text-size-small {
font-size: .7rem
}
.pricing-calc-wrapper {
text-align: center;
margin-bottom: 1rem
}
.footer-badges-wrapper {
flex-direction: column;
align-items: flex-start
}
.footer-badges-wrapper.is-quizz {
flex-flow: row
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.fs-rangeslider_form {
max-width: 340px
}
.padding-vertical {
padding-left: 0;
padding-right: 0
}
.card-compare-wrapper {
text-align: left;
align-self: stretch
}
.text-size-medium-2 {
font-size: 1.1rem
}
.text-size-medium-2.top-hero-text-medium.display-desktop {
display: none
}
.text-size-medium-2.text-weight-semibold {
font-size: 1rem
}
.navbar2_menu {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
display: block
}
.card-compare-blue-inner {
justify-content: flex-start;
align-self: stretch;
align-items: flex-start
}
.faq4_question {
font-size: 1.2rem
}
.padding-section-medium-2,
.padding-section-medium-2.text-align-center {
padding-top: 2rem;
padding-bottom: 2rem
}
.footer6_top-wrapper {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr
}
.pricing-table-row {
grid-column-gap: 13px;
grid-template-columns: minmax(0, auto) auto auto auto auto;
place-items: start
}
.pricing-table-row.border.no-border {
border-bottom-style: none
}
.pricing-table-row.is-banner {
font-size: 15px
}
.tab-menu-pricing {
font-size: .8rem
}
.fs-rangeslider_track {
width: 85%
}
.card-compare_inner-item,
.faq4_answer {
font-size: .9rem
}
.footer-badge-img {
width: auto
}
.max-w100 {
width: 100%
}
.navbar2_link {
opacity: .89
}
.navbar2_link.w--current {
padding-top: .75rem;
padding-bottom: .75rem
}
.navbar2_link.is-button {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: 1.125rem
}
.button-group-8.is-center {
margin-bottom: 1rem
}
.pricing-table-cell {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
font-size: .8rem
}
.pricing-table-cell.padding {
padding: 0
}
.pricing-tab-wrapper {
width: 110%;
padding-left: 15px
}
.card-compare_logo_img {
width: 13rem
}
.card-compare {
width: 100%;
padding: 1rem
}
.card-compare.is-blue {
width: 100%
}
.footer6_bottom-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
padding-bottom: 1rem
}
.range-slider-bubble {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
width: 74px;
height: 33px
}
.section-hero1-2 {
border-bottom-right-radius: 2rem;
border-bottom-left-radius: 2rem
}
.heading-3 {
letter-spacing: -1px;
font-size: 2rem;
font-weight: 800
}
.tab-menu-link,
.tab-menu-link.w--current {
align-self: center;
padding-left: 12px;
padding-right: 12px
}
.tools-hero-button {
text-align: center;
width: 100%
}
.tools-hero-button.integration-button {
margin-top: 10px;
margin-left: 0
}
.tools-hero-button.integration-button.white.less-padding {
width: auto
}
.tools-hero-button.demo-button {
margin-top: 10px;
margin-left: 0
}
.tool-hero-image-wrapper {
width: 400px;
margin-left: 18px
}
.tool-hero-image-wrapper.mobile {
width: 124%;
margin-left: -12%
}
.tool-hero-image {
width: 100%
}
.tools-anchors-wrapper {
padding-left: 20px
}
.tool-anchor-text {
font-size: 14px;
line-height: 21px
}
.tools-section-title {
font-size: 27px;
line-height: 36px
}
.tools-section-title.left-on-mobile {
text-align: left
}
.template-categories-wrapper {
padding-left: 20px
}
.tools-template-category-title {
font-size: 14px
}
.tool-templates-category-text {
font-size: 14px;
line-height: 21px
}
.tool-section-image-wrapper {
margin-bottom: 30px;
padding: 10px
}
.tool-section-image-wrapper.right {
padding-left: 10px
}
.tool-section-image {
display: block
}
.features-grid-item-title {
font-size: 16px
}
.features-grid-item-text {
font-size: 16px;
line-height: 24px
}
.tools-template-wrapper.tools-cms {
padding-bottom: 40px
}
.tools-video-wrapper {
width: 100%
}
.tools-tutorial-wrapper.visual-builder-wrapper {
padding-top: 50px;
padding-bottom: 40px
}
.tools-tutorial-wrapper.community-title-wrapper {
padding-top: 0;
padding-bottom: 30px
}
.tools-tutorial-wrapper.why-switch {
padding-bottom: 20px
}
.tools-tutorial-wrapper.compare-title-wrapper {
padding-bottom: 30px
}
.tools-tutorial-wrapper.align-left {
padding-top: 40px;
padding-bottom: 40px
}
.tools-tutorial-wrapper.left-aligned {
padding: 0 20px 20px
}
.tools-tutorial-wrapper.left-aligned.right-side.no-padding-mobile {
padding-left: 0;
padding-right: 0
}
.tools-tutorial-wrapper.left-aligned.no-auto-left.extra-top-margin.extra-extra {
margin-top: 0
}
.tools-tutorial-wrapper.left-aligned.no-auto-left.wider {
padding-left: 20px;
padding-right: 20px
}
.tools-tutorial-wrapper.left-aligned.no-padding {
padding-left: 0;
padding-right: 0
}
.tools-tutorial-wrapper.color-section-wrapper {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px
}
.tools-tutorial-wrapper.wider {
padding-left: 40px;
padding-right: 40px
}
.tools-tutorial-wrapper.on-page {
padding-top: 35px;
padding-left: 30px;
padding-right: 30px
}
.tools-tutorial-wrapper.right-aligned {
padding-top: 0;
padding-bottom: 20px
}
.tools-tutorial-wrapper.right-aligned.no-padding-left.section-wrapper-margin-top.extra-top-margin {
margin-top: 45px
}
.tools-tutorial-wrapper.left-aligned---thinner {
padding-top: 20px;
padding-bottom: 20px
}
.tools-tutorial-wrapper.wide.headline-section {
margin-bottom: 0
}
.tools-tutorial-wrapper.wide.headline-section.reduced-padding-on-mobile {
padding-top: 0;
padding-bottom: 0
}
.tools-tutorial-wrapper.wide.no-padding-mobile {
padding-left: 20px;
padding-right: 20px
}
.tools-tutorial-wrapper.very-wide.no-padding {
padding-left: 0;
padding-right: 0
}
.tools-tutorial-wrapper.very-wide.stack-compare {
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.tools-tutorial-wrapper.wide.no-padding-mobile.less-top-padding {
padding-top: 20px;
padding-bottom: 20px
}
.tools-tutorial-wrapper.wide.before-after {
padding: 0
}
.tools-tutorial-wrapper.no-padding {
padding-left: 0;
padding-right: 0
}
.pricing-component-wrapper {
width: 103%;
margin-left: -6px;
padding-left: 15px
}
.review-component {
padding-left: 20px
}
.reviews-item.is-big {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 1rem;
padding-bottom: 1rem
}
.reviews-item.light {
width: 280px;
min-width: 280px
}
.tools-platform-section {
border-radius: 20px;
margin-left: 5px;
margin-right: 5px;
padding-top: 50px
}
.tools-platform-section.builder-features-section {
margin-top: 50px;
margin-bottom: 50px
}
.tools-platform-section.tools-page-tools {
padding-left: 0;
padding-right: 0
}
.tools-item {
min-width: 250px
}
.tool-external-link-text {
font-size: 14px
}
.tools-external-links-wrapper,
.tools-external-title-wrapper {
padding-left: 20px
}
.tools-example-title {
font-size: 14px
}
.pricing-boxes-scroll-wrapper {
padding-left: 10px
}
.icon-bullet-icon-2 {
max-width: 100%
}
.tool_img-wrap-big {
border-radius: .5rem;
width: 100%;
min-width: 400px;
min-height: auto;
overflow: hidden
}
.heading-4 {
letter-spacing: -1px;
font-size: 2rem;
font-weight: 800
}
.heading-4.is-tool-hero {
font-size: 2rem;
font-weight: 800;
line-height: 2.2rem
}
.tool_h_wrap {
max-width: 100%;
padding-left: 10px;
padding-right: 10px
}
.tool-h-contain-i {
padding-left: 1rem
}
.quizz_img-wrap-small {
border-radius: .4rem;
width: 19vw;
height: 39vw;
position: absolute;
overflow: hidden
}
.tool_header_component.is-tool {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
display: flex
}
.tool_img-wrap-big_item {
height: 100%
}
.tool_img-wrap-big_item.is-small {
object-fit: cover;
object-position: 50% -1%;
width: 100%;
max-width: none;
height: 100%;
min-height: auto;
max-height: none
}
.footer-badges-wrapper {
max-width: 100%;
padding-left: 20px
}
.swiper-slide-3 {
margin-right: 0
}
.testimonial_card-title {
font-size: 1.2rem
}
.tools-template-wrap {
padding-top: 2rem;
padding-bottom: 0
}
.a-testimonial-base-2.is-big {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding-top: 1rem;
padding-bottom: 1rem
}
.paragraph-6 {
font-size: 15px;
line-height: 1.5em
}
.a-testimonial-avatar-wrapper-2.is-big {
height: auto
}
.testimonial_subtitle {
font-size: 1rem
}
.cards_quizz-bento-img {
max-height: 200px
}
.testimonial_icon-quote {
bottom: 91%
}
.tools-templates-subhead-wrap {
flex-flow: column
}
.testimonial_card-wrap {
padding-top: 8rem
}
.templates-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.h2_3rem {
font-size: 2rem
}
.tool-feature-section-image-wrap {
border-width: .0625rem;
border-radius: 1rem;
order: 1
}
.tool-feature-section-grid-left {
grid-row-gap: 30px;
flex-flow: column;
display: flex
}
.tool-feature-section-image.overflow-visible.quiz-hair,
.tool-feature-section-image.overflow-visible.quiz-simpleshot,
.tool-feature-section-image.overflow-visible.quiz-appointment {
width: 113%;
margin-left: -7%;
padding-top: 20px
}
.tool-feature-section-grid-right {
flex-flow: column;
display: flex
}
.heading-5 {
font-size: 2rem
}
.tool-feature-section-grid-left-copy {
grid-row-gap: 30px;
flex-flow: column;
display: flex
}
.bullet-paragraph {
font-size: .9rem
}
.case-study-floating-logo {
width: 10rem
}
.testimonial_card-title-2 {
font-size: 1.2rem
}
.testimonial_subtitle-2 {
font-size: 1rem
}
.table-wrapper {
width: 840px
}
}
.footer-section {
padding: 80px 20px;
position: relative;
z-index: 2;
}
.footer-wrapper {
display: flex;
gap: 48px;
max-width: 1100px;
margin: 0 auto;
align-items: flex-start;
}
.footer-left {
flex: 1 1 32%;
display: flex;
flex-direction: column;
gap: 24px;
}
.footer-right {
flex: 1 1 68%;
}
.footer-info {
display: flex;
align-items: flex-start;
gap: 16px;
background: #fff;
border-radius: 16px;
border: 1px solid #ddd;
padding: 20px 24px;
}
.footer-icon {
background-color: #ff6a00;
border-radius: 50%;
width: 48px;
height: 48px;
min-width: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.footer-icon img {
width: 24px;
height: 24px;
}
.footer-info h4 {
margin: 0 0 4px;
font-size: 16px;
font-weight: 700;
color: #ff6a00;
}
.footer-info p {
margin: 0;
color: #444;
font-size: 14px;
line-height: 1.5;
}
.footer-form-box {
background: #fff;
border-radius: 20px;
padding: 48px;
border: 1px solid #eee;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
position: relative;
z-index: 3;
}
/* 平板和手机：宽度小于等于 1024px 时 padding 缩小 */
@media (max-width: 1024px) {
.footer-form-box {
padding: 30px;
}
}
.footer-form-title {
color: #ff6a00;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 6px;
}
.footer-form-heading {
font-size: 32px;
font-weight: 800;
margin: 0 0 12px;
}
.footer-form-desc {
color: #666;
font-size: 15px;
margin-bottom: 32px;
}
.footer-input-group {
display: flex;
gap: 16px;
margin-bottom: 20px;
}
.footer-w-input {
flex: 1;
padding: 14px 20px;
border-radius: 999px;
border: 1px solid #ccc;
font-size: 15px;
}
.footer-w-input-phone {
flex: 1;
padding: 14px 20px;
border-radius: 999px;
border: 1px solid #ccc;
font-size: 15px;
box-sizing: border-box;
width: 100%;
}
.iti .footer-w-input-phone {
padding: 14px 45px !important;
}
.iti__flag-container {
left: 20px !important;
}
.iti__selected-country-primary {
border-radius: 50% 0 0 50% !important;
}
.footer-w-textarea {
width: 100%;
padding: 16px 20px;
border-radius: 24px;
border: 1px solid #ccc;
font-size: 15px;
height: 140px;
margin-bottom: 24px;
resize: none;
}
.footer-w-button {
background: #ff6a00;
color: #fff;
font-weight: bold;
padding: 14px 36px;
border-radius: 999px;
border: none;
font-size: 18px;
cursor: pointer;
transition: background 0.3s ease;
width:100%;
display: block;
margin: 0 auto; /* 居中关键 */
}
.footer-w-button:hover {
background: #e65b00;
}
/* 地图部分 */
.footer-map-section {
width: 100%;
height: 300px;
margin-top: -150px;
position: relative;
z-index: 1;
}
.footer-map-container {
width: 100%;
height: 100%;
}
@media screen and (max-width: 1099px) and (min-width: 768px) {
.footer-wrapper {
flex-direction: column;
gap: 40px;
}
.footer-left {
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
}
.footer-info {
flex: 1 1 33.333%;
box-sizing: border-box;
}
.footer-right {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.footer-wrapper {
flex-direction: column;
gap: 32px;
}
.footer-left,
.footer-right {
flex: 1 1 100%;
width: 100%;
margin: 0 auto;
}
.footer-left {
flex-direction: column;
gap: 24px;
}
.footer-info {
width: 100%;
}
.footer-input-group {
flex-direction: column;
}
.footer-w-input {
width: 100%;
}
}
/* ========= 通用 Swiper 基础结构 ========= */
.swiper-wrapper {
display: flex;
}
.swiper-slide {
box-sizing: border-box;
padding: 0 6px;
flex-shrink: 0;
}
.swiper-slide img {
width: 100%;
display: block;
margin: 0 auto;
border-radius: 8px;
object-fit: contain;
}
/* 推荐修正：适用于 logo 类别的 swiper */
.logo-swiper .swiper-slide {
width: auto; /* 每个 slide 宽度由内容决定 */
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 4px 8px; /* logo 之间的间距 */
}
.logo-swiper .swiper-slide img {
max-width: 120px; /* 根据你想显示的数量来设定，比如10个就120px左右 */
height: auto;
object-fit: contain;
display: block;
}
/* ========= Clarco Swiper ========= */
.clarco-swiper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px 0;
border-radius: 12px;
}
.clarco-swiper .swiper-slide img {
max-height: 320px;
}
/* 按钮容器 */
.clarco-swiper-nav-wrapper {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
/* 按钮样式 */
.clarco-swiper-nav-wrapper .custom-button {
background-color: #fff;
width: 48px;
height: 48px;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, color 0.3s ease;
cursor: pointer;
user-select: none;
}
.clarco-swiper-nav-wrapper .custom-button:hover {
background-color: #ff7a27;
}
/* 默认箭头颜色 */
.clarco-swiper-nav-wrapper .swiper-button-prev::after,
.clarco-swiper-nav-wrapper .swiper-button-next::after {
font-size: 20px;
color: #111;
}
/* hover 状态箭头颜色 */
.clarco-swiper-nav-wrapper .swiper-button-prev:hover::after,
.clarco-swiper-nav-wrapper .swiper-button-next:hover::after {
color: #fff;
}
/* 静态定位 */
.clarco-swiper-nav-wrapper .swiper-button-prev,
.clarco-swiper-nav-wrapper .swiper-button-next {
position: static !important;
transform: none !important;
}
/* ========= Logo Swiper ========= */
.logo-swiper .swiper-wrapper {
align-items: center;
}
.logo-swiper .swiper-slide {
width: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
}
.logo-swiper img {
max-height: 40px;
object-fit: contain;
}
/* ========= Gallery Swiper ========= */
.section-gallery {
max-width: 1280px;
margin: 0 auto;
padding: 20px;
}
.gallery-swiper .swiper-slide {
text-align: center;
}
.gallery-swiper .swiper-slide img {
height: auto;
border: 3px solid #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.gallery-swiper .swiper-slide img:hover {
transform: scale(1.03);
}
.gallery-swiper .slide-title {
margin-top: 8px;
font-size: 14px;
color: #333;
}
/* Gallery 专属按钮 */
.gallery-button-prev.custom-button,
.gallery-button-next.custom-button {
background-color: #fff;
width: 48px;
height: 48px;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, color 0.3s ease;
cursor: pointer;
user-select: none;
position: static !important;
transform: none !important;
}
/* hover 背景色 */
.gallery-button-prev.custom-button:hover,
.gallery-button-next.custom-button:hover {
background-color: #ff7a27;
}
/* Gallery 按钮箭头符号 */
.gallery-button-prev.custom-button::after {
content: '←';
font-size: 20px;
color: #111;
}
.gallery-button-next.custom-button::after {
content: '→';
font-size: 20px;
color: #111;
}
/* hover 状态箭头变白 */
.gallery-button-prev.custom-button:hover::after,
.gallery-button-next.custom-button:hover::after {
color: #fff;
}
#w-node-b5fe00c5-13eb-2e34-5420-3b989c448b29-9c448a85,
#w-node-b5fe00c5-13eb-2e34-5420-3b989c448b8e-9c448a85,
#w-node-b5fe00c5-13eb-2e34-5420-3b989c448bf7-9c448a85 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fcd-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fcf-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fd1-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fd3-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fd5-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fd7-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fd9-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fdb-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fde-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fe0-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fe2-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fe4-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fe6-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fe8-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fea-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fec-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53fef-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53ff1-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53ff3-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53ff5-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53ff7-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53ff9-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53ffb-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d53ffd-59f7d298 {
justify-self: center
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54081-59f7d298 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54089-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54092-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5409b-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d540a4-59f7d298 {
align-self: start
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d540b4-59f7d298 {
place-self: stretch end
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5404b-59f7d298 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54053-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5405c-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54065-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5406e-59f7d298 {
align-self: start
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5407e-59f7d298 {
place-self: stretch end
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54015-59f7d298 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5401d-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54026-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5402f-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54038-59f7d298 {
align-self: start
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d54048-59f7d298 {
place-self: stretch end
}
#w-node-_6700fb12-1a39-b312-3df1-9853a7a91e75-59f7d298 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-_6700fb12-1a39-b312-3df1-9853a7a91e7d-59f7d298,
#w-node-_6700fb12-1a39-b312-3df1-9853a7a91e86-59f7d298,
#w-node-_6700fb12-1a39-b312-3df1-9853a7a91e8f-59f7d298,
#w-node-_6700fb12-1a39-b312-3df1-9853a7a91e98-59f7d298 {
align-self: start
}
#w-node-_6700fb12-1a39-b312-3df1-9853a7a91ea8-59f7d298 {
place-self: stretch end
}
#w-node-_9aa82ff2-1e79-2936-011b-78cb9721fbcf-59f7d298 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-_9aa82ff2-1e79-2936-011b-78cb9721fbd7-59f7d298,
#w-node-_9aa82ff2-1e79-2936-011b-78cb9721fbe0-59f7d298,
#w-node-_9aa82ff2-1e79-2936-011b-78cb9721fbe9-59f7d298,
#w-node-_9aa82ff2-1e79-2936-011b-78cb9721fbf2-59f7d298 {
align-self: start
}
#w-node-_9aa82ff2-1e79-2936-011b-78cb9721fc02-59f7d298 {
place-self: stretch end
}
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d540e0-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d540ef-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d540fe-59f7d298,
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d5410d-59f7d298 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d3d-d7b4b4de {
grid-area: 1/1/2/6
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d45-d7b4b4de {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d4d-d7b4b4de {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d55-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d5d-d7b4b4de {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d65-d7b4b4de {
order: 0;
grid-area: span 1/span 4/span 1/span 4
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d6d-d7b4b4de {
grid-area: span 1/span 6/span 1/span 6
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d75-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d7d-d7b4b4de {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d85-d7b4b4de {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d8d-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d95-d7b4b4de {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5cc-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5ce-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5d0-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5d2-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5d4-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5d6-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5d8-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5da-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5dd-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5df-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5e1-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5e3-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5e5-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5e7-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5e9-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5eb-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5ee-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5f0-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5f2-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5f4-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5f6-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5f8-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5fa-d7b4b4de,
#w-node-_98222364-ae2f-23e4-d7a9-9221d7b4b5fc-d7b4b4de {
justify-self: center
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c0a-49c59bfc,
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c2c-49c59bfc {
align-self: start
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c3e-49c59bfc,
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c4d-49c59bfc,
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c55-49c59bfc,
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c5e-49c59bfc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c64-49c59bfc {
grid-area: span 1/span 1/span 1/span 1;
place-self: center start
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c66-49c59bfc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c6c-49c59bfc {
grid-area: span 1/span 1/span 1/span 1;
place-self: center start
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c6e-49c59bfc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c74-49c59bfc {
grid-area: span 1/span 1/span 1/span 1;
place-self: center start
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c76-49c59bfc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c7c-49c59bfc {
grid-area: span 1/span 1/span 1/span 1;
place-self: center start
}
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df8917-c0056728,
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df8919-c0056728,
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df891b-c0056728,
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df891d-c0056728,
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df891f-c0056728,
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df8921-c0056728,
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df8923-c0056728,
#w-node-_374c9ab4-eaad-7a62-78f9-5ffc61df8925-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68fa3-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68fa5-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68fa7-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68fa9-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68fab-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68fad-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68faf-c0056728,
#w-node-dbfc0e43-189f-38ba-f002-19a22cb68fb1-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f63-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f65-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f67-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f69-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f6b-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f6d-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f6f-c0056728,
#w-node-fbc10a9b-34c0-8583-fb0f-b1dfa2199f71-c0056728 {
justify-self: center
}
#w-node-a9e0138b-d797-8a42-0903-0b7887c7755b-80661cbe,
#w-node-_7df1b29c-2ddd-237d-d355-978077bd3efa-f59d5e64,
#w-node-f614eb83-9583-045d-29b3-14a6774aa927-f59d5e64,
#w-node-_6866e169-cc13-c59a-6742-9ab1061ea6bf-f59d5e64,
#w-node-_7df1b29c-2ddd-237d-d355-978077bd3efa-caed7e2e,
#w-node-f614eb83-9583-045d-29b3-14a6774aa927-caed7e2e,
#w-node-_6866e169-cc13-c59a-6742-9ab1061ea6bf-caed7e2e {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd471-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd473-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd475-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd477-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd479-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd47b-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd47d-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd47f-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd482-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd484-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd486-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd488-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd48a-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd48c-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd48e-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd490-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd493-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd495-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd497-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd499-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd49b-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd49d-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd49f-1aa89df2,
#w-node-f55befcc-8cac-c283-bdc7-89befc8cd4a1-1aa89df2 {
justify-self: center
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7afe4-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7afed-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7aff6-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7afff-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b008-1aa89df2 {
align-self: start
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b016-1aa89df2 {
place-self: stretch end
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b019-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b022-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b02b-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b034-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b03d-1aa89df2 {
align-self: start
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b04b-1aa89df2 {
place-self: stretch end
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b04e-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
place-self: stretch stretch
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b057-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b060-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b069-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b072-1aa89df2 {
align-self: start
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b080-1aa89df2 {
place-self: stretch end
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b084-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b091-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b09d-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2;
align-self: center
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b09e-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b0ac-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b0ca-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b0bb-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b0d9-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b0eb-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b0f9-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b105-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2;
align-self: center
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b107-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b115-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b145-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b125-1aa89df2,
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b135-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f69-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f6a-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f6b-1aa89df2 {
grid-area: span 1/span 4/span 1/span 4;
justify-self: center
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f72-1aa89df2,
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f7f-1aa89df2,
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f8c-1aa89df2,
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f99-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fa6-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fa7-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fa8-1aa89df2 {
grid-area: span 1/span 4/span 1/span 4;
place-self: auto center
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fb1-1aa89df2,
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fbe-1aa89df2,
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fcb-1aa89df2,
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fd8-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd892-1aa89df2 {
align-self: stretch
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd893-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd894-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd895-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd896-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd897-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd898-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd899-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd89a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd89b-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd89c-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd89d-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd89e-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd89f-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a0-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a1-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a2-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a3-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a4-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a5-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a6-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a7-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a8-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8a9-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8aa-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ab-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ac-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ad-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ae-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8af-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b0-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b1-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b2-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b3-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b4-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b5-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b6-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b7-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b8-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8b9-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ba-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8bb-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8bc-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8bd-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8be-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8bf-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c0-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c1-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c2-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c3-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c4-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c5-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c6-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c7-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c8-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8c9-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ca-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8cb-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8cc-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8cd-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ce-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8cf-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d0-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d1-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d2-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d3-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d4-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d5-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d6-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d7-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d8-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8d9-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8da-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8db-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8dc-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8dd-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8de-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8df-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e0-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e1-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e2-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e3-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e4-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e5-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e6-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e7-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e8-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8e9-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ea-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8eb-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ec-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ed-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ee-1aa89df2 {
place-self: stretch stretch
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ef-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f0-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f1-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f2-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f3-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f4-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f5-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f6-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f8-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8f9-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8fa-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8fb-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8fc-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8fd-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8fe-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ff-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd900-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd901-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd903-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd904-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd905-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd906-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd907-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd908-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd90a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd90b-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd90c-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd90e-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd90f-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd910-1aa89df2 {
align-self: stretch
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd911-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd912-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd913-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd914-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd915-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd916-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd917-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd918-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd919-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd91a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd91b-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd91c-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd91d-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd91e-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd91f-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd920-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd921-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd922-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd923-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd924-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd925-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd926-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd927-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd928-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd929-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd92a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd92b-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd92c-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd92d-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd92e-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd92f-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd930-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd931-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd932-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd933-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd934-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd935-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd936-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd937-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd938-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd939-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd93a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd93b-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd93c-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd93d-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd93e-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd93f-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd940-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd941-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd942-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd943-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd944-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd945-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd946-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd947-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd948-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd949-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd94a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd94b-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd94c-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd94d-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd94e-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd94f-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd950-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd951-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd952-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd953-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd954-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd955-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd956-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd957-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd958-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd959-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd95a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd95b-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd95c-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd95d-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd95e-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd95f-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd960-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd961-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd962-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd963-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd964-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd965-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd966-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd967-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd968-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd969-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd96a-1aa89df2,
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd96b-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8340-1aa89df2 {
grid-area: 1/1/2/6
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8348-1aa89df2 {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8350-1aa89df2 {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8358-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8360-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8368-1aa89df2 {
order: 0;
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8370-1aa89df2 {
grid-area: span 1/span 6/span 1/span 6
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8378-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8380-1aa89df2 {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8388-1aa89df2 {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8390-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8398-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645da4-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dad-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dae-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645daf-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645db4-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645db9-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dbe-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dc3-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dc4-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dd8-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dc9-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dce-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dd3-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dd9-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dda-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dee-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645ddf-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645de4-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645de9-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645def-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645df0-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e04-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645df5-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dfa-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dff-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e06-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e0f-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e10-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e2b-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e2c-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e47-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e48-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e63-1aa89df2 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e64-1aa89df2 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b80-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b82-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b84-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b86-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b88-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b8a-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b8c-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b8e-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b91-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b93-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b95-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b97-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b99-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b9b-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b9d-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2b9f-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2ba2-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2ba4-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2ba6-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2ba8-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2baa-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2bac-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2bae-1aa89df2,
#w-node-_907a1200-a3ec-1867-230c-8f7141ab2bb0-1aa89df2 {
justify-self: center
}
#w-node-fabe9461-ada7-3ccb-a0ff-f14a4c66c900-5df8a386 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152ae-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152b0-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152b2-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152b4-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152b6-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152b8-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152ba-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152bc-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152bf-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152c1-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152c3-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152c5-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152c7-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152c9-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152cb-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152cd-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152d0-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152d2-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152d4-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152d6-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152d8-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152da-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152dc-3ae1529f,
#w-node-bf12cdab-4e93-f685-fb76-eabd3ae152de-3ae1529f,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d74-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d76-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d78-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d7a-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d7c-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d7e-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d80-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d82-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d85-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d87-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d89-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d8b-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d8d-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d8f-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d91-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d93-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d96-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d98-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d9a-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d9c-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58d9e-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58da0-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58da2-d01c0ebb,
#w-node-a46d1e08-68e7-d68f-e897-af929df58da4-d01c0ebb,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5cd-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5cf-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5d1-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5d3-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5d5-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5d7-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5d9-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5db-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5de-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5e0-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5e2-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5e4-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5e6-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5e8-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5ea-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5ec-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5ef-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5f1-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5f3-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5f5-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5f7-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5f9-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5fb-1f295de1,
#w-node-_3e667c0f-9312-3148-1900-6964c089c5fd-1f295de1,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d38-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d3a-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d3c-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d3e-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d40-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d42-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d44-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d46-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d49-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d4b-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d4d-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d4f-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d51-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d53-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d55-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d57-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d5a-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d5c-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d5e-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d60-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d62-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d64-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d66-19a9f0df,
#w-node-_4485998b-24c7-7163-c6ed-1d59033c2d68-19a9f0df {
justify-self: center
}
#w-node-_5451df8f-036d-94f3-b7da-674587255011-3cc6e095 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f1-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f3-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f5-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f7-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f9-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5fb-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5fd-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5ff-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f602-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f604-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f606-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f608-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f60a-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f60c-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f60e-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f610-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f613-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f615-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f617-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f619-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f61b-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f61d-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f61f-3bd369ec,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f621-3bd369ec {
justify-self: center
}
#w-node-_59656f73-940c-12a5-eb28-f8741b875a99-3bd369ec {
align-self: start
}
#w-node-_9322bd86-91f1-c2f3-7dc5-941dffe16545-3bd369ec,
#w-node-ed6831e9-3d24-635a-6af9-557eca25fb3b-3bd369ec {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ed6831e9-3d24-635a-6af9-557eca25fb20-3bd369ec {
align-self: start
}
#w-node-_98ecc828-9530-4a89-c65c-887704d1dc17-3bd369ec,
#w-node-_8e0a30c1-d891-2e0e-4608-12987c1fb0cc-3bd369ec {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_8e0a30c1-d891-2e0e-4608-12987c1fb0d8-3bd369ec,
#w-node-_845c9883-0fb3-465b-e11b-74e58f1f19f8-3bd369ec {
align-self: start
}
#w-node-_845c9883-0fb3-465b-e11b-74e58f1f1a13-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba27204-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271e8-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271f6-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271bd-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271cb-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271d9-3bd369ec {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-fc6b00e9-b69f-9191-ad55-35a3cb00be69-3bd369ec {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_79b212b3-7f21-0dbb-d3b9-8a7810cd9328-3bd369ec,
#w-node-be86efce-8cda-8f18-20ee-f32705acc097-3bd369ec,
#w-node-f53e5271-27a8-a405-b63a-e194f9bb737d-3bd369ec {
align-self: start
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce30-3bd369ec {
grid-area: 1/1/2/6
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce38-3bd369ec {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce40-3bd369ec {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce48-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce50-3bd369ec {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce58-3bd369ec {
order: 0;
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce60-3bd369ec {
grid-area: span 1/span 6/span 1/span 6
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce68-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce70-3bd369ec {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce78-3bd369ec {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce80-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce88-3bd369ec {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_876e5d49-9f11-d08c-a619-b46619211013-3bd369ec,
#w-node-_876e5d49-9f11-d08c-a619-b4661921101c-3bd369ec,
#w-node-_876e5d49-9f11-d08c-a619-b46619211025-3bd369ec,
#w-node-_876e5d49-9f11-d08c-a619-b4661921102e-3bd369ec {
align-self: start
}
#w-node-_696735d9-bf85-a066-a0cc-60d55fc524cd-3bd369ec {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_79228bad-c339-b472-5b08-977bf13197fe-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319800-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319802-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319804-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319806-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319808-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131980a-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131980c-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131980f-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319811-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319813-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319815-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319817-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319819-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131981b-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131981d-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319820-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319822-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319824-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319826-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf1319828-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131982a-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131982c-3bd369ec,
#w-node-_79228bad-c339-b472-5b08-977bf131982e-3bd369ec {
justify-self: center
}
#w-node-_39795546-6bfa-9338-c78e-6aa3e2618f7b-3bd369ec {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e373687b-8231-7275-9684-7c53cb25f0d9-3bd369ec,
#w-node-e373687b-8231-7275-9684-7c53cb25f0e3-3bd369ec,
#w-node-e373687b-8231-7275-9684-7c53cb25f0ed-3bd369ec,
#w-node-e373687b-8231-7275-9684-7c53cb25f0f7-3bd369ec {
align-self: start
}
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df57-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df58-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df5a-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df5d-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df62-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df65-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df68-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df6b-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df6f-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df72-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df75-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df78-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df7c-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df7f-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df82-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df85-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df89-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df8c-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df8f-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df92-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df96-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df99-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df9c-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df9f-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfa3-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfa6-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfa9-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfac-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb0-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb3-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb6-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb9-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfbd-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfc0-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfc3-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfc6-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfe4-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfe7-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfea-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfed-3bd369ec,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3bb-3bd369ec,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3be-3bd369ec,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3c1-3bd369ec,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3c4-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfd7-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfda-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfdd-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfe0-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfca-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfcd-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfd0-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfd3-3bd369ec,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfbb-3bd369ec,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfbe-3bd369ec,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfc1-3bd369ec,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfc4-3bd369ec,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105bb-3bd369ec,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105be-3bd369ec,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105c1-3bd369ec,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105c4-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dff1-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dff4-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dff7-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dffa-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dffe-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e001-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e004-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e007-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e00b-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e00e-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e011-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e014-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e018-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e01b-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e01e-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e021-3bd369ec,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442620-3bd369ec,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442623-3bd369ec,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442626-3bd369ec,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442629-3bd369ec,
#w-node-_8f023545-6321-4915-a174-5e78c1af4984-3bd369ec,
#w-node-_8f023545-6321-4915-a174-5e78c1af4987-3bd369ec,
#w-node-_8f023545-6321-4915-a174-5e78c1af498a-3bd369ec,
#w-node-_8f023545-6321-4915-a174-5e78c1af498d-3bd369ec,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb5611-3bd369ec,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb5614-3bd369ec,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb5617-3bd369ec,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb561a-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e025-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e028-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e02b-3bd369ec,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e02d-3bd369ec {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0e6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0e8-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0ea-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0ec-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0ee-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0f0-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0f2-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0f4-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0f7-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0f9-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0fb-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0fd-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d0ff-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d101-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d103-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d105-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d108-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d10a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d10c-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d10e-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d110-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d112-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d114-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d116-8d9f8503 {
justify-self: center
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1b5-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1b6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1bb-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1c2-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1c9-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1d4-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1d7-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1da-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1e1-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1e8-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1f0-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1f3-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1f6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1f9-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1fc-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-aa81d4cd-ebad-60a2-7d4a-e38ddd873f90-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-aa81d4cd-ebad-60a2-7d4a-e38ddd873f93-8d9f8503,
#w-node-aa81d4cd-ebad-60a2-7d4a-e38ddd873f96-8d9f8503,
#w-node-aa81d4cd-ebad-60a2-7d4a-e38ddd873f99-8d9f8503,
#w-node-aa81d4cd-ebad-60a2-7d4a-e38ddd873f9c-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d210-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d213-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d215-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d21a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d21f-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d228-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d22b-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d22d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d22f-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d231-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e2924494-73e7-3780-894c-60db804f63a4-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-e2924494-73e7-3780-894c-60db804f63a7-8d9f8503,
#w-node-e2924494-73e7-3780-894c-60db804f63a9-8d9f8503,
#w-node-e2924494-73e7-3780-894c-60db804f63ab-8d9f8503,
#w-node-e2924494-73e7-3780-894c-60db804f63ad-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d274-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d277-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d279-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d27b-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d27d-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d265-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d268-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d26a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d26d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d270-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d259-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d25c-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d25e-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d260-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d262-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d241-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d244-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d246-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d248-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d24a-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d24d-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d250-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d252-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d254-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d256-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d234-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d238-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d23a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d23c-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d23e-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-cf27175b-86f4-6eda-ebfa-42bcad1f7de9-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-cf27175b-86f4-6eda-ebfa-42bcad1f7ded-8d9f8503,
#w-node-cf27175b-86f4-6eda-ebfa-42bcad1f7def-8d9f8503,
#w-node-cf27175b-86f4-6eda-ebfa-42bcad1f7df1-8d9f8503,
#w-node-cf27175b-86f4-6eda-ebfa-42bcad1f7df3-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d298-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d29b-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d29d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d29f-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2a1-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2a4-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2a7-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2a9-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2ab-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2ad-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2b3-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2b6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2b8-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2ba-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2bc-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2e3-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2e6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2e8-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2ea-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2ec-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2cb-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2ce-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2d0-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2d2-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2d4-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2bf-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2c2-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2c4-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2c6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2c8-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2ef-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2f2-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2f4-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2f6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d2f8-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d307-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d30a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d30c-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d30e-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d310-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d316-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d319-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d31b-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d31d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d31f-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ddffe07c-6b6f-4557-6ba2-47134d027ca0-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ddffe07c-6b6f-4557-6ba2-47134d027ca3-8d9f8503,
#w-node-ddffe07c-6b6f-4557-6ba2-47134d027ca5-8d9f8503,
#w-node-ddffe07c-6b6f-4557-6ba2-47134d027ca7-8d9f8503,
#w-node-ddffe07c-6b6f-4557-6ba2-47134d027ca9-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d322-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d325-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d327-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d329-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d32b-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d32e-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d331-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d333-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d335-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d337-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d33a-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d33d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d33f-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d341-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d343-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d352-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d355-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d357-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d359-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d35b-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_7a6697ff-e677-4411-7e7c-ee1b8e8145fd-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-_7a6697ff-e677-4411-7e7c-ee1b8e814600-8d9f8503,
#w-node-_7a6697ff-e677-4411-7e7c-ee1b8e814602-8d9f8503,
#w-node-_7a6697ff-e677-4411-7e7c-ee1b8e814604-8d9f8503,
#w-node-_7a6697ff-e677-4411-7e7c-ee1b8e814606-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d35e-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d361-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d363-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d365-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d367-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d36a-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d36d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d36f-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d371-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d373-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d376-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d379-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d37b-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d37d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d37f-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d382-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d385-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d387-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d389-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d38b-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3a9-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3ac-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3ae-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3b0-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3b2-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3b5-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3b8-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3ba-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3bc-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3be-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d391-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d394-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d396-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d398-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d39a-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d39d-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3a0-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3a2-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3a4-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3a6-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3c1-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3c4-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3c6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3c8-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3ca-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3cd-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3d0-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3d2-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3d4-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3d6-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3d9-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3dc-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3de-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3e0-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3e2-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3e5-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3e8-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3ea-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3ec-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3ee-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3f1-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3f4-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3f6-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3f8-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3fa-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d3fd-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d400-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d402-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d404-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d406-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d40c-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d40f-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d411-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d413-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d415-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d418-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d41b-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d41d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d41f-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d421-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d433-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d436-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d438-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d43a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d43c-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d43f-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d442-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d444-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d446-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d448-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d44b-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d44e-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d450-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d452-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d454-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d457-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d45a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d45c-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d45e-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d460-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d463-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d466-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d468-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d46a-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d46c-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d472-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d475-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d477-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d479-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d47b-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d47e-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d481-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d483-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d485-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d487-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d48a-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d48d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d48f-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d491-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d493-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d496-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d499-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d49b-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d49d-8d9f8503,
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d49f-8d9f8503 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f1-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f3-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f5-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f7-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5f9-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5fb-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5fd-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f5ff-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f602-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f604-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f606-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f608-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f60a-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f60c-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f60e-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f610-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f613-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f615-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f617-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f619-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f61b-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f61d-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f61f-ac257d0f,
#w-node-_181a613e-eed8-dc76-34fa-12e2d250f621-ac257d0f {
justify-self: center
}
#w-node-_59656f73-940c-12a5-eb28-f8741b875a99-ac257d0f {
align-self: start
}
#w-node-_9322bd86-91f1-c2f3-7dc5-941dffe16545-ac257d0f,
#w-node-ed6831e9-3d24-635a-6af9-557eca25fb3b-ac257d0f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ed6831e9-3d24-635a-6af9-557eca25fb20-ac257d0f {
align-self: start
}
#w-node-_98ecc828-9530-4a89-c65c-887704d1dc17-ac257d0f,
#w-node-_8e0a30c1-d891-2e0e-4608-12987c1fb0cc-ac257d0f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_845c9883-0fb3-465b-e11b-74e58f1f19f8-ac257d0f {
align-self: start
}
#w-node-_845c9883-0fb3-465b-e11b-74e58f1f1a13-ac257d0f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-fc6b00e9-b69f-9191-ad55-35a3cb00be69-ac257d0f {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_79b212b3-7f21-0dbb-d3b9-8a7810cd9328-ac257d0f,
#w-node-be86efce-8cda-8f18-20ee-f32705acc097-ac257d0f,
#w-node-f53e5271-27a8-a405-b63a-e194f9bb737d-ac257d0f {
align-self: start
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce30-ac257d0f {
grid-area: 1/1/2/6
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce38-ac257d0f {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce40-ac257d0f {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce48-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce50-ac257d0f {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce58-ac257d0f {
order: 0;
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce60-ac257d0f {
grid-area: span 1/span 6/span 1/span 6
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce68-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce70-ac257d0f {
grid-area: span 1/span 5/span 1/span 5
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce78-ac257d0f {
grid-area: span 1/span 4/span 1/span 4
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce80-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce88-ac257d0f {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_876e5d49-9f11-d08c-a619-b46619211013-ac257d0f,
#w-node-_876e5d49-9f11-d08c-a619-b4661921101c-ac257d0f,
#w-node-_876e5d49-9f11-d08c-a619-b46619211025-ac257d0f,
#w-node-_876e5d49-9f11-d08c-a619-b4661921102e-ac257d0f {
align-self: start
}
#w-node-_696735d9-bf85-a066-a0cc-60d55fc524cd-ac257d0f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_79228bad-c339-b472-5b08-977bf13197fe-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319800-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319802-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319804-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319806-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319808-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131980a-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131980c-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131980f-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319811-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319813-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319815-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319817-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319819-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131981b-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131981d-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319820-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319822-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319824-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319826-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf1319828-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131982a-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131982c-ac257d0f,
#w-node-_79228bad-c339-b472-5b08-977bf131982e-ac257d0f {
justify-self: center
}
#w-node-_39795546-6bfa-9338-c78e-6aa3e2618f7b-ac257d0f {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e373687b-8231-7275-9684-7c53cb25f0d9-ac257d0f,
#w-node-e373687b-8231-7275-9684-7c53cb25f0e3-ac257d0f,
#w-node-e373687b-8231-7275-9684-7c53cb25f0ed-ac257d0f,
#w-node-e373687b-8231-7275-9684-7c53cb25f0f7-ac257d0f {
align-self: start
}
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df57-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df58-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df5a-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df5d-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df62-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df65-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df68-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df6b-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df6f-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df72-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df75-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df78-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df7c-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df7f-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df82-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df85-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df89-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df8c-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df8f-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df92-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df96-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df99-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df9c-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6df9f-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfa3-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfa6-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfa9-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfac-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb0-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb3-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb6-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfb9-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfbd-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfc0-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfc3-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfc6-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfe4-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfe7-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfea-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfed-ac257d0f,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3bb-ac257d0f,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3be-ac257d0f,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3c1-ac257d0f,
#w-node-f9c51fb7-df1d-169c-3893-acd99b50e3c4-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfd7-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfda-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfdd-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfe0-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfca-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfcd-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfd0-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dfd3-ac257d0f,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfbb-ac257d0f,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfbe-ac257d0f,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfc1-ac257d0f,
#w-node-_163ee0a2-5747-11e4-a803-73664936cfc4-ac257d0f,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105bb-ac257d0f,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105be-ac257d0f,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105c1-ac257d0f,
#w-node-d1f2b7f9-c9e9-8322-d193-ce11ca1105c4-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dff1-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dff4-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dff7-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dffa-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6dffe-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e001-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e004-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e007-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e00b-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e00e-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e011-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e014-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e018-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e01b-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e01e-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e021-ac257d0f,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442620-ac257d0f,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442623-ac257d0f,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442626-ac257d0f,
#w-node-_02a38e39-0ce6-593c-b6ef-544dcb442629-ac257d0f,
#w-node-_8f023545-6321-4915-a174-5e78c1af4984-ac257d0f,
#w-node-_8f023545-6321-4915-a174-5e78c1af4987-ac257d0f,
#w-node-_8f023545-6321-4915-a174-5e78c1af498a-ac257d0f,
#w-node-_8f023545-6321-4915-a174-5e78c1af498d-ac257d0f,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb5611-ac257d0f,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb5614-ac257d0f,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb5617-ac257d0f,
#w-node-_04c023b2-805f-bd11-b8b3-1a675ffb561a-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e025-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e028-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e02b-ac257d0f,
#w-node-_1c28c067-5918-b1a2-d15a-9f9a10f6e02d-ac257d0f {
grid-area: span 1/span 1/span 1/span 1
}
@media screen and (min-width:1280px) {
#w-node-b646377d-a274-aeea-bf39-6cd7d3cf4a4c-7932a458 {
justify-self: end
}
}
@media screen and (max-width:991px) {
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d3d-d7b4b4de {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d45-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d4d-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d55-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d5d-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d65-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d6d-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d75-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d7d-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d85-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d8d-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d95-d7b4b4de {
grid-column: span 1/span 1
}
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29f6b-1aa89df2,
#w-node-_1b7781a5-e6f0-3c2a-b45c-60a0a1f29fa8-1aa89df2 {
justify-self: start
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8340-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8348-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8350-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8358-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8360-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8368-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8370-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8378-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8380-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8388-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8390-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8398-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645da4-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dad-1aa89df2 {
grid-column: span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645daf-1aa89df2 {
justify-self: start
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dc3-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dd9-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645def-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e06-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e0f-1aa89df2 {
grid-column: span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e10-1aa89df2 {
justify-self: start
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e2b-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e2c-1aa89df2 {
justify-self: start
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e47-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e48-1aa89df2 {
justify-self: start
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e63-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e64-1aa89df2 {
justify-self: start
}
#w-node-ed6831e9-3d24-635a-6af9-557eca25fb3b-3bd369ec {
grid-area: 1/1/2/2
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce30-3bd369ec {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce38-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce40-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce48-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce50-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce58-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce60-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce68-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce70-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce78-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce80-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce88-3bd369ec {
grid-column: span 1/span 1
}
#w-node-ced8b7a0-72e5-f6cf-5d96-0e16c986d1ef-8d9f8503,
#w-node-aa81d4cd-ebad-60a2-7d4a-e38ddd873f8f-8d9f8503 {
align-self: start
}
#w-node-ed6831e9-3d24-635a-6af9-557eca25fb3b-ac257d0f {
grid-area: 1/1/2/2
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce30-ac257d0f {
grid-area: span 1/span 1/span 1/span 1;
place-self: start
}
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce38-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce40-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce48-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce50-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce58-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce60-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce68-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce70-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce78-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce80-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce88-ac257d0f {
grid-column: span 1/span 1
}
}
@media screen and (max-width:767px) {
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d3d-d7b4b4de,
#w-node-d76bd2c7-cab5-69d0-7559-306631e08d55-d7b4b4de,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8340-1aa89df2,
#w-node-_1c201c99-90e6-3013-76f5-06ebd3af8358-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645da4-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dad-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dc3-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645dd9-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645def-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e06-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e0f-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e2b-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e47-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e63-1aa89df2,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce30-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce48-3bd369ec,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce30-ac257d0f,
#w-node-_4e19a1b2-1f6b-8004-755b-f70617d6ce48-ac257d0f {
grid-column: span 1/span 1
}
}
@media screen and (max-width:479px) {
#w-node-d4c22b7f-3d43-686c-03a1-d9d3c2d540df-59f7d298 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c5d-49c59bfc,
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c65-49c59bfc,
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c6d-49c59bfc,
#w-node-_467451a1-e260-71d4-1b2c-f90749c59c75-49c59bfc {
align-self: center
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b09d-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b0ab-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-_4b057958-400a-5349-17d6-5dbe14f7b105-1aa89df2 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center
}
#w-node-_9dd58a52-6579-a923-cffa-eecb510fd8ee-1aa89df2 {
justify-self: stretch
}
#w-node-_00975f89-853b-fdd4-91bb-e787bc645da4-1aa89df2,
#w-node-_00975f89-853b-fdd4-91bb-e787bc645e06-1aa89df2 {
justify-self: auto
}
#w-node-_628167a7-bb84-75e8-9ce1-27575ba27202-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271e6-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271f4-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271bb-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271c9-3bd369ec,
#w-node-_628167a7-bb84-75e8-9ce1-27575ba271d7-3bd369ec,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37c9-3bd369ec,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37d0-3bd369ec,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37d7-3bd369ec,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37de-3bd369ec,
#w-node-a0009484-8268-3ee2-226e-f2d379f7449f-3bd369ec,
#w-node-a0009484-8268-3ee2-226e-f2d379f744a6-3bd369ec,
#w-node-a0009484-8268-3ee2-226e-f2d379f744ad-3bd369ec,
#w-node-a0009484-8268-3ee2-226e-f2d379f744b4-3bd369ec,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37c9-ac257d0f,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37d0-ac257d0f,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37d7-ac257d0f,
#w-node-c19985f3-b790-566f-70c6-3c8d117c37de-ac257d0f,
#w-node-a0009484-8268-3ee2-226e-f2d379f7449f-ac257d0f,
#w-node-a0009484-8268-3ee2-226e-f2d379f744a6-ac257d0f,
#w-node-a0009484-8268-3ee2-226e-f2d379f744ad-ac257d0f,
#w-node-a0009484-8268-3ee2-226e-f2d379f744b4-ac257d0f {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
}