html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0a1a903a8a641c337_SofiaPro-Italic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a016f753cc71bff324_SofiaPro-Italic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a06e975d691c3b81a0_SofiaPro-Italic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a17aafc1e5f99a83d5_SofiaPro-Italic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0aeefc8bd01e9b34d_SofiaPro-Italic.svg") format("svg");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1dc628261d1f70d29_SofiaPro-MediumItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a051bfdb215ebe9b7a_SofiaPro-MediumItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a18cd56aa3c29bafab_SofiaPro-MediumItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1bbfb7a1f85cdc3bf_SofiaPro-MediumItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a4e533b18ad26685d3_SofiaPro-MediumItalic.svg") format("svg");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a116f3d811c3e87a30_SofiaPro-SemiBold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1900232be659bbebc_SofiaPro-SemiBold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1a0a67f80e3fa1b19_SofiaPro-SemiBold.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1317e41f38556ce0f_SofiaPro-SemiBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a16a5d0239cb4201f7_SofiaPro-SemiBold.svg") format("svg");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0dfe423badcb8da1e_SofiaPro-BoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a07aafc1e5f99a838c_SofiaPro-BoldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0cf1ea5420bbac1f2_SofiaPro-BoldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0380993dbd9a4151e_SofiaPro-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a08b2c347042fa1d26_SofiaPro-BoldItalic.svg") format("svg");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0097291e376d54d0b_SofiaPro.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d9619fa0a67f80e3fa1a12_SofiaPro.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a08d9499faf8e8c66b_SofiaPro.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d9619f35711453857abfbf_SofiaPro.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d9619f9b16a552c72da345_SofiaPro.svg") format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a08f116fd5a8f3a7ba_SofiaPro-ExtraLightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1d4de2eb1184d0623_SofiaPro-UltraLightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0e02902fbe7fb1b47_SofiaPro-ExtraLightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a123866fe6c4c9766f_SofiaPro-UltraLightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a059610ae6cd7138d1_SofiaPro-ExtraLightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1dc0e265611240d04_SofiaPro-UltraLightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a05142255281e42296_SofiaPro-ExtraLightItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1a962ffa4cbd45dfd_SofiaPro-UltraLightItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0317e41f38556cd65_SofiaPro-ExtraLightItalic.svg") format("svg"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a176c7cb7cb2c5729d_SofiaPro-UltraLightItalic.svg") format("svg");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0c00ab994ce6266bb_SofiaPro-BlackItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0e02902fbe7fb1b34_SofiaPro-BlackItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1c922c9d4af61e2bf_SofiaPro-BlackItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0a0a67f80e3fa1a3d_SofiaPro-BlackItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a08b2c347042fa1d0e_SofiaPro-BlackItalic.svg") format("svg");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0a7a3b9ae7a9ad0d5_SofiaPro-Black.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a00f45321833b7b421_SofiaPro-Black.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0f18187e7ade50827_SofiaPro-Black.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0787a6819ae519019_SofiaPro-Black.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a019b7287f633fab76_SofiaPro-Black.svg") format("svg");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a035711453857ac025_SofiaPro-LightItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a001b146cce0f91a47_SofiaPro-LightItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1a1a903a8a641c3a2_SofiaPro-LightItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a02e30f244a5337f2f_SofiaPro-LightItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a06e975d691c3b81b3_SofiaPro-LightItalic.svg") format("svg");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a019b7287f633fac4f_SofiaPro-Medium.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a02e30f244a5337f3d_SofiaPro-Medium.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a3d2ceb07deaeba28a_SofiaPro-Medium.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a03e41828456f4c289_SofiaPro-Medium.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a023866fe6c4c97622_SofiaPro-Medium.svg") format("svg");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0be3f030e5782a3dc_SofiaPro-Light.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a05aa8f3f4d83c1f18_SofiaPro-Light.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a120c17676b92b59ee_SofiaPro-Light.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a043f5da996183a3fc_SofiaPro-Light.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a019b7287f633fac22_SofiaPro-Light.svg") format("svg");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1317e41f38556ce6a_SofiaPro-UltraLight.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a10d9eba49ebbef1eb_SofiaPro-ExtraLight.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0d4de2eb1184d0572_SofiaPro-ExtraLight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a18b2c347042fa1db7_SofiaPro-UltraLight.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0a7a3b9ae7a9ad107_SofiaPro-ExtraLight.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a16003c845da72a8b2_SofiaPro-UltraLight.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a19f17c81366e6e362_SofiaPro-UltraLight.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a10d9eba49ebbef07d_SofiaPro-ExtraLight.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a001b146cce0f91a18_SofiaPro-ExtraLight.svg") format("svg"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a3d2ceb07deaeba2b5_SofiaPro-UltraLight.svg") format("svg");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a2c922c9d4af61e2d4_SofiaPro-Bold.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0f18187e7ade5083c_SofiaPro-Bold.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a0900232be659bbe45_SofiaPro-Bold.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a05ed06e381636a2d2_SofiaPro-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a023866fe6c4c975c9_SofiaPro-Bold.svg") format("svg");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Sofiapro;
src: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a4e533b18ad2668614_SofiaPro-SemiBoldItalic.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1e2e5c573c7b26f8f_SofiaPro-SemiBoldItalic.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a19a4451a4d53ebc43_SofiaPro-SemiBoldItalic.woff") format("woff"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1787a6819ae519054_SofiaPro-SemiBoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d961a1aeefc8bd01e9b3d1_SofiaPro-SemiBoldItalic.svg") format("svg");
font-weight: 600;
font-style: italic;
font-display: swap;
}
:root {
--navybluecolor: #31314e;
--bodycolor: #545454;
--whitecolor: white;
--goldcolor: #ecb040;
--purplecolor: #392080;
--lightpurple: #5934c4;
--graycolor: #e4e7ed;
--blackcolor: #191927;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
h1 {
color: var(--navybluecolor);
margin-top: 0;
margin-bottom: 20px;
font-size: 60px;
font-weight: 700;
line-height: 1.06;
}
h2 {
color: var(--navybluecolor);
margin-top: 0;
margin-bottom: 15px;
font-size: 40px;
font-weight: 700;
line-height: 1.1;
}
h3 {
color: var(--navybluecolor);
margin-top: 0;
margin-bottom: 15px;
font-size: 26px;
font-weight: 700;
line-height: 1.23;
}
h4 {
color: var(--navybluecolor);
margin-top: 0;
margin-bottom: 20px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
h6 {
color: var(--navybluecolor);
margin-top: 0;
margin-bottom: 20px;
font-size: 12px;
font-weight: 700;
line-height: 1.33;
}
p {
margin-bottom: 10px;
}
a {
text-decoration: none;
transition: all .3s ease-in-out;
}
.body {
color: var(--bodycolor);
margin: 0;
padding: 0;
font-family: Montserrat, sans-serif;
font-size: 18px;
line-height: 1.5;
overflow-x: hidden;
}
.headersection {
z-index: 222;
background-color: #0000;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
transition: all .5s;
position: fixed;
top: 0;
left: 0;
}
.wrapper {
width: 100%;
max-width: 1240px;
padding-left: 20px;
padding-right: 20px;
}
.headerinner {
grid-column-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
position: static;
}
.headerright {
z-index: 22;
grid-column-gap: 20px;
background-color: #0000;
flex-flow: wrap;
justify-content: flex-end;
align-items: center;
width: calc(83% - 20px);
padding-bottom: 0;
display: flex;
position: static;
top: 100%;
left: 0;
right: 0;
}
.headerlogo {
width: 17%;
padding-right: 10px;
position: relative;
}
.headermenu {
grid-column-gap: 25px;
grid-row-gap: 20px;
float: unset;
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
width: auto;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.headerlist {
color: var(--navybluecolor);
width: auto;
padding: 0;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 600;
}
.headerlist:hover, .headerlist.w--current {
color: var(--goldcolor);
}
.menu-button {
display: block;
}
.headerbtnwrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
float: unset;
flex-flow: row;
flex: 0 auto;
justify-content: flex-end;
align-items: flex-start;
width: auto;
margin-right: 0;
padding: 0;
display: flex;
}
.div-block {
flex-flow: row;
align-items: center;
display: flex;
}
.secbtn {
background-color: var(--purplecolor);
color: var(--whitecolor);
text-align: center;
text-transform: uppercase;
border-radius: 56px;
min-width: 90px;
padding: 13px 20px;
font-size: 12px;
font-weight: 700;
line-height: 2;
text-decoration: none;
}
.secbtn:hover {
background-color: var(--goldcolor);
color: var(--whitecolor);
}
.secbtn.graybtn {
color: var(--lightpurple);
background-color: #e4e7ed;
}
.secbtn.graybtn:hover {
background-color: var(--purplecolor);
color: var(--whitecolor);
}
.secbtn.whitebtn {
background-color: var(--whitecolor);
color: var(--lightpurple);
}
.secbtn.whitebtn:hover {
background-color: var(--goldcolor);
color: var(--whitecolor);
}
.secbtn.largebtn {
padding: 16px 30px;
font-size: 14px;
line-height: 1.715;
}
.secbtn.largebtn.secbtnarrow {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d1824495fe4e5644ad2b60_btnwrrow.svg");
background-position: 90%;
background-repeat: no-repeat;
background-size: 20px 20px;
padding-right: 51px;
}
.secbtn.largebtn.secbtnarrow:hover {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/683048def98682afe14736b6_circle-arrow-white.svg");
}
.secbtn.before {
background-color: var(--purplecolor);
}
.secbtn.secarrowbtn {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d1824495fe4e5644ad2b60_btnwrrow.svg");
background-position: 92%;
background-repeat: no-repeat;
background-size: 20px 20px;
padding-right: 51px;
}
.secbtn.secarrowbtn:hover {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d182edb90db68f9a6a16d3_btnarrow-hover.svg");
background-repeat: no-repeat;
background-size: 20px 20px;
}
.secbtn.secbtnarrow {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d1824495fe4e5644ad2b60_btnwrrow.svg");
background-position: 90%;
background-repeat: no-repeat;
background-size: 20px 20px;
padding-left: 25px;
padding-right: 51px;
}
.secbtn.secbtnarrow:hover {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/683048def98682afe14736b6_circle-arrow-white.svg");
}
.secbtn.ct-btn {
min-width: 144px;
}
.footersection {
background-image: repeating-linear-gradient(270deg, #37207a, #2a1f54);
padding-top: 120px;
padding-bottom: 75px;
}
.footerinner {
grid-column-gap: 20px;
grid-row-gap: 30px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footerleft {
width: calc(25% - 20px);
}
.footercenter {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
width: calc(50% - 20px);
display: flex;
}
.footerright {
grid-column-gap: 20px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: auto;
display: flex;
}
.footersocialmedia {
justify-content: flex-start;
align-items: center;
margin-top: 35px;
display: flex;
}
.fsmlist {
border: 1px solid #ffffff40;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
padding: 11px;
display: flex;
position: relative;
}
.fsmlist:hover {
background-color: #ecb040;
border-color: #ecb040;
}
.footermenulist {
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.fmlink {
color: var(--whitecolor);
text-transform: none;
font-size: 14px;
font-weight: 600;
line-height: 1.14;
text-decoration: none;
}
.fmlink:hover, .fmlink.w--current {
color: var(--goldcolor);
}
.fstorelink {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-image: linear-gradient(80deg, #1919271a 42.5%, #2626331a 100%, #2626331a);
border: 1px solid #e4e7ed40;
border-radius: 14px;
justify-content: flex-start;
align-items: center;
min-width: 190px;
max-width: 190px;
padding: 8.1px 10px;
font-family: Sofiapro, Arial, sans-serif;
text-decoration: none;
display: flex;
}
.fstorelink:hover {
border-color: #fff;
}
.fstxt {
color: var(--whitecolor);
font-family: Sofiapro, Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
}
.ftxtspan {
color: #ffffff80;
font-size: 12px;
font-weight: 500;
line-height: 1.33;
display: block;
}
.footercopyright {
margin-top: 40px;
}
.fcopyrightxt {
color: #ffffff40;
text-align: justify;
font-size: 12px;
font-weight: 500;
line-height: 133.333%;
}
.text-span {
color: var(--whitecolor);
}
.footerpaybtn {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
margin-top: 15px;
display: flex;
}
.fpaybtn {
background-color: var(--whitecolor);
text-align: center;
border: 1px solid #ffffff40;
border-radius: 36px;
justify-content: center;
align-items: center;
min-width: 70px;
max-width: 70px;
min-height: 36px;
padding: 6px 10px;
display: flex;
}
.footermenutitle {
color: #e4e7ed40;
text-transform: uppercase;
}
.fsmldicon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fsmlhovericon {
flex: 0 auto;
display: none;
}
.herosection {
margin-top: 110px;
}
.outerwrapper {
width: 100%;
max-width: 1420px;
padding-left: 20px;
padding-right: 20px;
}
.outerwrapper.short {
max-width: 1280px;
}
.herouter {
z-index: 1;
border-radius: 50px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
min-height: auto;
padding-top: 70px;
padding-left: 70px;
padding-right: 70px;
display: flex;
position: relative;
overflow: hidden;
}
.logosection {
padding-top: 75px;
padding-bottom: 100px;
}
.logosection.logowasection {
padding-top: 100px;
padding-bottom: 0;
}
.logosection.logov2section {
background-color: var(--graycolor);
padding-top: 100px;
}
.logosection.logoroisection {
padding-top: 100px;
padding-bottom: 100px;
}
.logosection.v2 {
background-color: #5934c41a;
}
.logoinner {
position: static;
}
.logoinner.display-none {
display: none;
}
.secheader {
text-align: center;
}
.secheader.zigzagheader {
max-width: 860px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
.logorow {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
display: flex;
}
.logorow.logopricing-row {
justify-content: space-between;
width: calc(100% + 20px);
margin: 0 -10px;
}
.logorow.desktoplogorow.displaynone {
display: none;
}
.logorow.mobilelogorow {
white-space: nowrap;
display: block;
overflow: hidden;
}
.logocols {
opacity: .5;
filter: grayscale();
text-align: center;
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.logocols:hover {
opacity: 1;
filter: grayscale(0%);
}
.logocols.lft {
text-align: left;
}
.logocols.logopricingcols {
width: auto;
}
.logocols.ttlogo {
width: 170px;
}
.logotxt {
color: var(--lightpurple);
letter-spacing: .25px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
line-height: 1.6;
}
.logoheader {
margin-bottom: 58px;
}
.paragraph {
line-height: 1.71;
}
.benefitsection {
z-index: 1;
background-image: repeating-linear-gradient(0deg, #19192780, #19192780), linear-gradient(90deg, #392080, #1a1e23);
padding-top: 100px;
padding-bottom: 120px;
position: relative;
overflow: hidden;
}
.benefitsection.graybg {
background-color: var(--graycolor);
background-image: none;
padding-bottom: 75px;
}
.benefitsection.graybg.display-none {
display: none;
}
.benefitsection.graybg-copy {
background-color: var(--graycolor);
background-image: none;
padding-bottom: 75px;
}
.benefitsection.graybgopacity {
background-color: #e4e7ed80;
background-image: none;
}
.benefitsection.graybgopacity.benefitwhyaslan-section, .benefitsection.benefitspacesection {
padding-bottom: 100px;
}
.benefitsection.benefitv2section {
padding-bottom: 75px;
}
.benefitsection.benefitroisection {
z-index: 2;
background-color: #eeeaf9;
background-image: none;
padding-bottom: 100px;
}
.benefitsection.benefitroiresultsection {
background-color: #5934c41a;
background-image: none;
padding-top: 80px;
padding-bottom: 100px;
}
.benefitrow {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.benefitcols {
background-color: var(--whitecolor);
border-radius: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: calc(25% - 15px);
padding: 15px 20px 30px;
display: flex;
}
.benefitcols.benefitwacols {
padding: 15px 20px 30px;
}
.benefitcltxt {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
max-width: 254.4px;
display: block;
}
.benefitcltxt.benefitcltextv2 {
max-width: 255px;
}
.whitetitle {
color: var(--whitecolor);
}
.goldspan {
color: var(--goldcolor);
}
.goldspan._500weight {
font-weight: 700;
}
.goldspan._500weight.normal {
font-weight: 500;
}
.secheader-copy {
text-align: center;
}
.benefitheader {
text-align: center;
max-width: 1030px;
margin-bottom: 75px;
margin-left: auto;
margin-right: auto;
}
.benefitheader.secheader.benefitblueheader, .benefitheader.benefitblueheader {
margin-bottom: 50px;
}
.benefitcltitle {
color: var(--navybluecolor);
margin-bottom: 0;
font-weight: 500;
display: block;
}
.benefitcltitle.smallfont {
font-size: 16px;
}
.text-span-2, .benefitctitlespan {
font-weight: 700;
}
.benefitlogo {
align-items: center;
min-height: 58px;
margin-bottom: 20px;
display: flex;
}
.benefitlogo.benefitlogospace {
margin-bottom: 13px;
}
.heroinner {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heroleft {
width: 44%;
padding-top: 0;
padding-bottom: 30px;
}
.heroleft.heroleftv2 {
width: 50%;
}
.heroright {
text-align: center;
align-items: flex-end;
width: 56%;
display: block;
}
.heroright.herohomrright {
align-self: flex-end;
width: 50%;
}
.herotext {
color: var(--whitecolor);
margin-bottom: 40px;
font-size: 18px;
font-weight: 500;
line-height: 1.44;
}
.herotext.herohometext {
margin-bottom: 50px;
}
.herotitleh1 {
color: var(--whitecolor);
min-width: auto;
max-width: 480px;
font-size: 44px;
}
.herotitleh1.heroroititleh1 {
max-width: 100%;
}
.herotitleh1.heroroiresulttitleh1 {
max-width: 505px;
}
.herobgimg {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/6835a34fc7fef2af551c1d69_herobanner-mobile.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0;
}
.herobgimg.herobgimgv2 {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/6835a34fc7fef2af551c1d69_herobanner-mobile.webp");
background-position: 50% 100%;
background-size: cover;
}
.benefitshape {
z-index: -1;
filter: blur(150px);
background-color: #5934c4;
border-radius: 453px;
width: 453px;
height: 453px;
position: absolute;
top: 72px;
left: 25%;
}
.featuresection {
padding-top: 120px;
padding-bottom: 120px;
}
.featureheader {
text-align: center;
max-width: 700px;
margin-bottom: 75px;
margin-left: auto;
margin-right: auto;
}
.purpletitle {
color: var(--lightpurple);
margin-right: 10px;
}
.purpletitle.purpletitleremovespace {
margin-right: 0;
}
.featurerow {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
display: flex;
}
.featurerow.featurerow-two {
margin-top: 20px;
}
.featureleft {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 66.13%;
display: flex;
}
.featureleft.featureleft-two {
align-items: flex-start;
width: calc(33.065% - 10px);
}
.featureright {
flex-flow: wrap;
width: calc(33.87% - 20px);
display: flex;
}
.featureright.featureright-two {
width: calc(66.935% - 10px);
}
.featurecols {
z-index: 1;
background-color: var(--lightpurple);
border-radius: 40px;
width: calc(50% - 10px);
min-height: 400px;
padding: 40px;
position: relative;
overflow: hidden;
}
.featurecols.fcgradientbg {
background-image: linear-gradient(135deg, #392080, #1a1e23);
}
.featurecols.featurelargecols {
flex-flow: column;
flex: 0 auto;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-bottom: 80px;
padding-right: 60px;
display: flex;
}
.featurecols.featureclright {
background-color: var(--purplecolor);
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
width: 100%;
padding-bottom: 0;
display: flex;
}
.featurecols.featureclright.featurecolshover {
background-color: var(--purplecolor);
}
.featurecols.featureclright.featurecolshover.featureclright-btm {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/682dcae17e1b843459ee7544_pexels-ketut-subiyanto-4350099%201.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.featurecols.featurecolshover.featurecols-two {
background-color: var(--purplecolor);
flex-flow: wrap;
width: 100%;
height: 100%;
padding-left: 45px;
padding-right: 45px;
display: flex;
}
.featuretitle {
max-width: 240px;
}
.featuretitle.featurelargetitle {
max-width: 270px;
}
.featuretitle.flctitle {
max-width: 310px;
}
.featuretitle.featurerighttitle {
width: 100%;
max-width: 310px;
}
.featuretitle.featurerighttitle.featurerighttitlelarge {
max-width: 320px;
}
.featuretitle.featuretitle-btm {
max-width: 310px;
}
.featureintitle {
color: var(--whitecolor);
font-weight: 500;
display: block;
}
.fttitlespan {
color: currentColor;
font-weight: 700;
display: inline-block;
}
.fttitlespan:hover {
color: var(--goldcolor);
}
.fttitlespan.fttitlespaninline {
display: inline;
}
.featureimg {
z-index: -1;
position: absolute;
bottom: 0;
left: 40px;
}
.featureimg.featurebgimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/683080005f04ce1d17eebf02_Group%20488%20(3).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 73.5%;
left: 0;
right: 0;
}
.featureimg.flcbgimg {
z-index: -2;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d16746d3899af823762338_blake-wisz-GFrBMipOd_E-unsplash%201.png");
background-position: 50%;
background-size: cover;
top: 0;
left: 0;
right: 0;
}
.featureimg.featurerimg {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: static;
left: 50%;
transform: translate(0%);
}
.featureimg.featureimg-btm {
align-items: flex-end;
margin: 20px -45px -40px;
display: flex;
position: static;
left: 0;
}
.ftrimg {
max-width: 250px;
}
.featurecloverlay {
z-index: -1;
background-image: repeating-linear-gradient(90deg, #000c, #00000080 40%, #0000 65.82%, #0000);
position: absolute;
inset: 0;
}
.featurebox {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--whitecolor);
border: 1px solid #ffffff1a;
border-radius: 15px;
flex-flow: row;
justify-content: flex-start;
justify-self: flex-end;
align-items: center;
width: 100%;
min-width: 270px;
max-width: 270px;
padding: 10px;
display: flex;
position: relative;
box-shadow: 0 30px 15px #00000040;
}
.fbcontent {
grid-column-gap: 10px;
grid-row-gap: 10px;
text-align: left;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.fbctext {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: var(--blackcolor);
letter-spacing: -.14px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
font-size: 14px;
display: flex;
}
.fbctitle {
color: var(--blackcolor);
letter-spacing: -.14px;
margin-bottom: 2px;
font-size: 14px;
font-weight: 600;
line-height: 1.1;
}
.div-block-2, .featureboxwrap {
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex;
}
.faqsection {
padding-top: 120px;
padding-bottom: 120px;
}
.faqsection.faqrewards {
padding-top: 100px;
padding-bottom: 100px;
}
.faqsection.faq-topspace {
padding-top: 100px;
}
.faqsection.faqroisection {
background-color: #e4e7ed40;
padding-top: 100px;
padding-bottom: 100px;
}
.faqheader {
text-align: center;
max-width: 820px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.faqheader.faqroiheader {
margin-bottom: 50px;
}
.faqrow {
max-width: 610px;
margin-left: auto;
margin-right: auto;
}
.faqcols {
border-style: solid;
border-width: 0 0 1px;
border-color: var(--graycolor);
padding-top: 30px;
padding-bottom: 30px;
}
.faqcltext {
background-color: #0000;
font-size: 14px;
font-weight: 500;
display: block;
position: static;
overflow: hidden;
}
.faqcltext.first {
display: block;
}
.faqcltitle {
color: var(--blackcolor);
font-weight: 600;
}
.dropdown.faqcols {
width: 100%;
}
.dropdown.faqcols.first {
display: block;
}
.dropdown.faqcols.last {
border-bottom-width: 0;
}
.dropdown-toggle.faqcltitle {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d18a3dd24563abdc05df56_plus-icon.svg");
background-position: 100% 3px;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 100%;
padding: 0;
}
.dropdown-toggle.faqcltitle._w--open {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d18a3dffe95b9938c8b17f_minus-icon.svg");
}
.text-span-3 {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d17db745bb6ecdf8ddbc76_hero-icon.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
width: 100px;
height: 50px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
}
.heroicon {
vertical-align: middle;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67da4d6099194f07c0fd5fc1_Group%20404.png");
background-position: 0;
background-repeat: no-repeat;
background-size: contain;
width: 76px;
height: 30px;
margin-left: 0;
margin-right: 10px;
display: inline-block;
}
.faqbtnwrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: center;
align-items: center;
max-width: 610px;
margin-top: 75px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.faqicon {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d18a3dd24563abdc05df56_plus-icon.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
display: none;
position: absolute;
top: 0;
right: 0;
}
.faqtxt {
margin-top: 15px;
margin-bottom: 0;
}
.casestudysection {
padding-top: 50px;
padding-bottom: 120px;
}
.csheader.secheader {
margin-bottom: 50px;
}
.csrow {
grid-column-gap: 20px;
grid-row-gap: 50px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.cscols {
width: calc(33.33% - 14.9px);
display: block;
}
.cscimage {
z-index: 1;
width: 100%;
min-height: 240px;
transition: all .3s ease-in-out;
position: relative;
}
.csimg {
z-index: -1;
background-color: #d9d9d9;
border-radius: 20px;
position: absolute;
inset: 0;
overflow: hidden;
}
.csimgoverlay {
z-index: -2;
transform-style: preserve-3d;
background-color: #5934c44d;
border-radius: 20px;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
transform: rotateX(6deg)rotateY(6deg)rotateZ(6deg);
}
.csimgoverlay._2 {
background-color: #f2d64b66;
}
.csimgoverlay._3 {
background-color: #e4e7ed;
}
.cstags {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
margin-top: 30px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: absolute;
bottom: 20px;
}
.cstag {
color: var(--blackcolor);
text-transform: uppercase;
background-color: #e4e7ed;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 600;
line-height: 2;
transition: all .3s ease-in-out;
}
.csclogo {
z-index: 1;
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.csclcontent {
margin-top: 30px;
}
.cscltext {
margin-bottom: 40px;
font-weight: 500;
}
.csh3title {
margin-bottom: 15px;
}
.paragraph-2, .paragraph-3, .paragraph-4 {
margin-bottom: 0;
}
.image-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.cscimg {
filter: blur(15px);
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.csheadertitle {
color: var(--blackcolor);
}
.zigzagsection {
z-index: 2;
background-color: var(--purplecolor);
margin-top: 134px;
margin-bottom: 134px;
padding-top: 54px;
padding-bottom: 20px;
position: relative;
}
.zigzagsection.ourvaluesection {
margin-top: 115px;
padding-top: 20px;
padding-bottom: 100px;
}
.zigzagtopshape {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d26fce96ca4cab7e8a1a1a_zigzag-topshape.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 134px;
position: absolute;
top: -134px;
left: 0;
right: 0;
}
.zigzagbottomshape {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d27008bacc6b2de89444a4_zigzagbottomshape.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 134px;
position: absolute;
bottom: -134px;
left: 0;
right: 0;
}
.zigzagbottomshape.benefittopshape {
top: 0;
bottom: auto;
}
.zigzagrow {
flex-flow: column;
width: 100%;
display: flex;
}
.zigzagcols {
grid-column-gap: 40px;
grid-row-gap: 50px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 90%;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.zigzagcols.zigzagreversecols {
flex-flow: row-reverse wrap;
}
.zigzagcols.zigzaglastchild {
margin-bottom: 0;
}
.zigzagcols.zigzagsolutioncols {
margin-top: 100px;
margin-bottom: 100px;
}
.zigzagcols.zigzagsolutioncols.zigzagfirstchild {
margin-top: 0;
margin-bottom: 100px;
}
.zigzagcols.zigzagsolutioncols.zigzaglastchild {
margin-bottom: 0;
}
.zigzagcols.zigzagsolutioncols.display-none {
display: none;
}
.zigzagleft, .zigzagright {
width: calc(50% - 20px);
}
.zigzaglcontent {
max-width: 400px;
margin-left: 60px;
margin-right: auto;
}
.zigzaglcontent.zigzagreverseleft {
margin-left: 0;
}
.zigzaglcontent.zigzagreverseleft.short {
max-width: 270px;
margin-left: 152px;
margin-right: 0;
}
.zigzaglcontent.zigzagreverseleft.exshort {
max-width: 200px;
margin-left: 152px;
margin-right: 0;
}
.zigzaglcontent.estsh {
max-width: 270px;
margin-right: 0;
}
.zigzagtext {
max-width: 310px;
}
.zigzagtext.zigzaglargetext {
max-width: 385px;
}
.zigzagtext.maxwidth-100 {
max-width: 100%;
}
.zigzagimage {
z-index: 22;
position: relative;
}
.zigzagimage.zgsolutionimage {
max-width: 505px;
}
.zginnerimage {
position: relative;
top: 0;
}
.zigzagimgoverlay {
z-index: -1;
aspect-ratio: auto;
transform-style: preserve-3d;
background-color: #fff;
background-image: linear-gradient(0deg, #f2d64b66, #f2d64b66);
border-radius: 40px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
transform: rotateX(-8deg)rotateY(-8deg)rotateZ(-8deg);
}
.zigzagimgoverlay.lightpurplebg {
background-color: #fff;
background-image: linear-gradient(0deg, #5934c44d, #5934c44d);
}
.zigzagimgoverlay.zigzagpurplebg {
background-color: var(--lightpurple);
background-image: none;
}
.zigzagimgoverlay.zigzaglightblue {
background-color: #e4e7ed;
background-image: none;
}
.zigzagimgoverlay.zgreverseimgoverlay {
transform-style: preserve-3d;
transform: rotateX(8deg)rotateY(8deg)rotateZ(8deg);
}
.zigzagimgoverlay.first {
width: 94%;
right: 0;
}
.zigzagimgoverlay.zgimgslnoverlay {
border-radius: 30px;
}
._500weight {
font-weight: 500;
}
._500weight.goldspan {
font-weight: 700;
}
.zgzgimg {
border-radius: 40px;
width: 100%;
}
.zgzgimg.first {
object-fit: contain;
height: auto;
margin-left: -5%;
}
.zgzgimg.first.zgzgimg-upd {
margin-left: 0%;
}
.zgzgimg.zgslrnimg {
border-radius: 30px;
}
.testimonialsection {
padding-top: 100px;
padding-bottom: 100px;
}
.testimonialsection.testimonialwasection, .testimonialsection.testimonialspace {
padding-bottom: 100px;
}
.testimonialslider {
background-color: #0000;
height: auto;
}
.testimonialsliderinner {
max-width: 730px;
margin-left: auto;
margin-right: auto;
}
.testimonialslide {
text-align: center;
vertical-align: middle;
height: 100%;
padding-left: 10px;
padding-right: 10px;
}
.testimonialarrow {
width: 50px;
height: 50px;
margin-top: 0;
margin-bottom: 0;
top: 50%;
transform: translate(0, -50%);
}
.testimonialdots {
display: none;
}
.testimonialqouteimg {
margin-bottom: 30px;
display: none;
}
.testimonialtext {
color: var(--navybluecolor);
margin-bottom: 22px;
font-size: 26px;
font-weight: 500;
line-height: 1.3;
}
.testimonialtext.testimonialtextmorespace {
margin-bottom: 30px;
}
.slideauthorname {
color: var(--lightpurple);
display: block;
}
.icon {
font-size: 12px;
}
.testimonialarrowicon {
background-color: #392080;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin: 0;
font-size: 14px;
display: flex;
}
.testimonialarrowicon:hover {
background-color: var(--goldcolor);
}
.testimonialpersonimage {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67da55d1d638004578d6988f_1de41612b0edfb9727d95a3bfadf1f65.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
width: 80px;
height: 80px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.testimonialpersonimage._2 {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/680b90da2a482908a3ab0ac0_Gemma.jpeg");
}
.slideauthortext {
color: var(--navybluecolor);
font-weight: 600;
}
.ctasection, .ctasection.ctawasection {
padding-bottom: 100px;
}
.ctasection.ctalargespace {
padding-top: 100px;
padding-bottom: 100px;
}
.ctasection.displaynone {
display: none;
}
.ctasection.ctaroisection {
padding-top: 150px;
padding-bottom: 100px;
}
.ctaouter {
z-index: 2;
border-radius: 50px;
padding: 60px;
position: relative;
overflow: hidden;
}
.ctaouter.ctaroiouter {
padding-top: 40px;
padding-bottom: 40px;
}
.ctainner {
z-index: 1;
grid-column-gap: 20px;
grid-row-gap: 40px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.ctainner.ctainnercenter {
align-items: center;
}
.ctaleft {
width: calc(55% - 20px);
}
.ctaright {
width: 45%;
position: relative;
}
.ctatext {
max-width: 400px;
}
.ctatext.whitetitle._600weight.lineheight-1-6.ctaroitext, .ctatext.whitetitle.ctaroitext.lineheight-1-6 {
max-width: 470px;
}
.ctabgimage {
z-index: -1;
background-color: var(--purplecolor);
background-image: linear-gradient(270deg, #452899, #342765);
position: absolute;
inset: 0;
}
.ctatitleh2 {
margin-bottom: 20px;
line-height: 1;
}
.ctatitleh2.whitetitle {
flex-flow: wrap;
align-items: center;
display: flex;
}
.ctatitleimgspan {
vertical-align: middle;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d2867d3f835b330da38e3b_Hero-logo-Light.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 200px;
height: 63px;
margin-left: 10px;
margin-right: 0;
display: inline-block;
}
.ctacontent {
max-width: 550px;
}
.ctaimg {
border-radius: 13.962px;
width: 430px;
margin-left: auto;
display: none;
box-shadow: 0 60px 30px #00000026;
}
.ctabottomimg {
z-index: 1;
margin-top: -240px;
margin-bottom: -60px;
}
.ctabottomimg.ctawabottomimg {
margin-top: -60px;
}
.ctabottomimg.ctawabottomimg.ctasolutionbottomimg {
margin-left: -80px;
}
.ctabimg {
vertical-align: bottom;
width: 50%;
max-width: 550px;
}
.ctameeting {
z-index: 1;
border-radius: 13.96px;
width: 100%;
max-width: 430px;
height: 100%;
min-height: 615px;
margin-left: auto;
display: block;
position: relative;
}
.ctameeting.ctameetingv2 {
min-height: 723px;
}
.featurefimg {
z-index: -2;
mix-blend-mode: luminosity;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67d95dbe5aa8f3f4d8382fa7_newbg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0;
}
.herorightimg {
max-width: 100%;
height: auto;
}
.code-embed {
display: none;
}
.headertrigger {
z-index: 222;
width: 20px;
height: 16px;
display: none;
position: absolute;
top: 50%;
right: 0;
transform: translate(0, -50%);
}
.hdrtrigicon {
background-color: #31314e;
width: 20px;
height: 2px;
transition: all .3s;
}
.hdrtrigicon.hdrtrigicon1, .hdrtrigicon.hdrtrigicon2 {
margin-top: 4px;
}
.csh3title-copy {
margin-bottom: 15px;
}
.faqdpdntitle {
white-space: initial;
padding-left: 0;
padding-right: 25px;
font-size: 18px;
}
.zigzagheader, .zigzagheader.secheader {
margin-bottom: 100px;
}
.zigzagheader.secheader.largeheader {
max-width: 1000px;
}
.zigzagheader.secheader.zigzagheaderv2 {
max-width: 100%;
}
.faqstyle {
display: none;
}
.logocol-logo {
width: 100%;
max-width: 70%;
}
.image-5 {
width: 100%;
}
.small-logo {
width: auto;
max-width: 130px;
margin-left: 20px;
margin-right: 20px;
}
.small-logo.drs-logo {
max-width: 90px;
}
.image-6 {
object-fit: contain;
height: 22px;
}
.image-7 {
width: 70px;
}
.image-8 {
height: 20px;
}
.hero-whyaslan-section {
z-index: 2;
padding-top: 200px;
padding-bottom: 120px;
position: relative;
}
.herowa-inner {
grid-column-gap: 20px;
grid-row-gap: 40px;
flex-flow: wrap;
display: flex;
}
.herowa-inner.herobad-inner {
justify-content: flex-start;
align-items: center;
}
.herowa-inner.herowa-innerv2 {
grid-column-gap: 40px;
}
.herowa-bg {
z-index: -1;
background-image: linear-gradient(270deg, var(--purplecolor), #1a1e23);
opacity: .6;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.herowa-bg.herosl-bg {
z-index: -2;
}
.herowa-bg.displaynone {
display: none;
}
.herowaleft {
width: calc(50% - 10px);
}
.herowaleft.herofecenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.herowaleft.herowaleftv2 {
width: calc(50% - 20px);
}
.herowaright {
width: calc(50% - 10px);
position: static;
overflow: hidden;
}
.herowaright.herobadright {
z-index: 1;
flex-flow: wrap;
order: 0;
justify-content: flex-end;
align-self: auto;
align-items: center;
width: 450px;
min-height: 600px;
margin-left: auto;
position: relative;
left: auto;
overflow: visible;
}
.herowaright.herobadright.hubspotwrapper {
width: 100vw;
height: 100vh;
min-height: auto;
overflow: hidden;
}
.herowaright.lp-custom-video {
z-index: 1;
position: relative;
}
.herowatext {
color: var(--whitecolor);
max-width: 495px;
margin-bottom: 50px;
}
.herowatext.marginzero, .herowatext.herobadtext {
margin-bottom: 0;
}
.herowatext.herowatextcenter {
margin-left: auto;
margin-right: auto;
}
.herowatext.herowatextcenter.herowatextv2 {
max-width: 540px;
}
.herowah1 {
color: var(--whitecolor);
}
.video {
background-color: var(--purplecolor);
object-fit: cover;
border-radius: 30px;
height: 100%;
display: block;
}
.smallh1 {
font-size: 41px;
line-height: 1.08;
}
.smallh1.herowah1 {
font-size: 41px;
}
.solutionsection {
padding-top: 120px;
padding-bottom: 60px;
}
.solutionheader {
text-align: center;
max-width: 1030px;
margin-bottom: 75px;
margin-left: auto;
margin-right: auto;
}
.solutionheader.testimonialheader.testimonialwaheader {
margin-bottom: 50px;
}
.solutionrow {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
display: flex;
}
.solutioncols {
z-index: 2;
background-color: var(--graycolor);
border-radius: 15px;
width: calc(33.33% - 14px);
padding: 28px 30px 40px;
transition-property: all;
transition-duration: .3s;
transition-timing-function: ease-in-out;
position: relative;
}
.solutioncols.solutionlastchild {
background-color: var(--lightpurple);
padding-top: 40px;
padding-left: 40px;
}
.benefitcols-2 {
background-color: #fff;
border-radius: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: calc(25% - 15px);
padding: 15px 20px 30px;
display: flex;
}
.benefitcltitle-2 {
color: #31314e;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
display: block;
}
.solutionlogo {
margin-bottom: 13px;
}
.solutioncltxt.solutioncltxtlc {
max-width: 160px;
margin-bottom: 18px;
}
.solutioncltitle {
color: var(--navybluecolor);
font-weight: 500;
}
.solutionclspan {
font-weight: 700;
}
.solutionbgimg {
z-index: -1;
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-end;
width: 190px;
height: 200px;
display: flex;
position: absolute;
bottom: 0;
right: 30px;
}
.solutoinlink {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e10c3c99636bd05a02caef_button-icon.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 50px;
height: 50px;
}
.solutoinlink:hover {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e13b1f9d138e8325ad7f53_golden-button-icon.svg");
}
.solutionh3 {
font-weight: 500;
}
.business-section {
padding-top: 60px;
padding-bottom: 120px;
}
.business-section.business-reward-section {
padding-bottom: 100px;
}
.businessrow {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
display: flex;
}
.businesscols {
z-index: 1;
background-color: var(--lightpurple);
border-radius: 30px;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
width: calc(33.33% - 14px);
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.businesscols.darkbluebg {
background-color: #0000;
background-image: linear-gradient(151deg, var(--purplecolor), #1a1e23 100%, white);
align-content: flex-start;
}
.businesscols.purplebg {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--purplecolor);
align-content: flex-start;
align-items: flex-start;
}
.businesscols.businessclspace {
align-content: flex-start;
align-items: flex-start;
}
.businessclimg {
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
margin-bottom: 20px;
margin-left: 0;
margin-right: -20px;
display: flex;
}
.businessclimg.businessclfullwidth {
margin-left: -20px;
margin-right: -20px;
}
.businessclimg.businessclfullwidth.darkbluebgfw {
margin-left: -40px;
margin-right: -40px;
}
.businessclimg.businessclfullwidth.bimgsize {
min-height: 260px;
max-height: 260px;
}
.businessclimg.margintopspace {
margin-top: -22px;
}
.businessclimg.margintopspace.minheightbcli {
min-height: 237px;
}
.businessclimg.minheightbcli {
min-height: 215px;
}
.businessbtn {
text-align: center;
margin-top: 50px;
}
.businessbtn.businesstopspace {
margin-top: 75px;
}
.businesscontent {
width: 100%;
}
.businesscontent.busnsctop {
margin-top: 0;
}
.businesscontent.busnsctop.businesscontentv2 {
flex-flow: wrap;
align-items: flex-start;
display: flex;
}
.benefittext {
color: var(--navybluecolor);
max-width: 610px;
margin-left: auto;
margin-right: auto;
font-weight: 500;
}
.ctalist {
margin-top: 20px;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
}
.ctalistitem {
z-index: 1;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 8px;
padding-left: 18px;
font-weight: 600;
display: flex;
position: relative;
}
.plyr_component {
width: 100%;
position: relative;
}
.plyr_component.is-full-screen {
height: 100vh;
display: none;
}
.plyr_embed {
width: 100%;
height: 100%;
position: relative;
}
.plyr_cover {
z-index: 2;
cursor: pointer;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .4s;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.plyr_cover-img {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .4s;
position: absolute;
inset: 0%;
}
.plyr_cover-button {
z-index: 2;
color: #000;
background-color: #fff;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 6em;
height: 6em;
display: flex;
position: relative;
}
.plyr_cover-icon {
width: 40%;
height: 40%;
}
.plyr_pause-trigger {
display: none;
}
.ctalistdot {
z-index: 1;
background-color: var(--lightpurple);
border-radius: 50%;
width: 8px;
height: 8px;
position: absolute;
top: 7px;
left: 0;
}
.ctalistext {
width: calc(100% - 18px);
}
.headerlogowhite {
display: none;
}
.heroawbgvideo {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67f50dc714a24025682ebfac_Group%20639.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
display: none;
}
.play-pause-button {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.play-state {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0;
}
.pause-state {
background-color: var(--whitecolor);
border-radius: 50%;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
}
.image-12 {
display: none;
}
.bookdemo-row {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
display: flex;
}
.bookdemo-pimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e15b7ed3a403188e65f9de_Sam%20Benton.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
width: 85px;
height: 85px;
margin-right: 20px;
}
.bookdemo-name {
width: calc(100% - 105px);
font-size: 18px;
}
.hero-bookdemo-section {
z-index: 1;
border-style: none none solid;
border-width: 1px;
border-color: var(--whitecolor);
padding-top: 177px;
padding-bottom: 185px;
position: relative;
overflow: hidden;
}
.herobad-bg {
z-index: -2;
background-image: linear-gradient(270deg, var(--purplecolor), #1a1e23);
opacity: .6;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.herorightgradient {
z-index: -3;
background-color: var(--lightpurple);
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.herobadinnershape {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e16021fc8f9e107310f8ac_hero-bgshape.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.herobad-bottomimg {
z-index: -1;
text-align: center;
width: 70%;
position: absolute;
bottom: -185px;
left: 0%;
}
.herobgimage {
width: 100%;
max-width: 430px;
}
.herobadspan {
width: 100%;
margin-bottom: 5px;
font-weight: 700;
display: block;
}
.heroinnershape {
z-index: -2;
background-color: var(--purplecolor);
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.heroinnershape.herowainnershape {
z-index: -3;
background-color: var(--lightpurple);
}
.heroinnershape.herowainnershape.displaynone {
display: none;
}
.headergradientbg {
z-index: -2;
background-image: linear-gradient(181deg, #0006, #0000);
width: 100%;
height: 150px;
position: absolute;
top: 100px;
left: 0;
right: 0;
}
.headergradientbg.heroslngbg {
z-index: -1;
background-image: linear-gradient(181deg, #00000080, #0000);
height: 100px;
}
.headergradientbg.headergntbg {
z-index: -3;
height: 145px;
}
.headergradientbg.headergntbg.displaynone {
display: none;
}
.headerbluegradient {
z-index: -1;
background-image: linear-gradient(181deg, #3b277d, #3b277d00);
width: 100%;
height: 40%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.headerbluegradient.headerwhyaslangrd {
z-index: -2;
background-image: linear-gradient(#3b277d, #3b277d00);
height: 200px;
}
.headerbluegradient.headerwhyaslangrd.displaynone {
display: none;
}
.headerblackbg {
z-index: -2;
background-color: #0006;
width: 100%;
height: 100px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.headerblackbg.herosolutionblackbg {
z-index: -1;
background-color: #00000080;
}
.headerblackbg.headerblackwabg {
z-index: -3;
}
.headerblackbg.headerblackwabg.displaynone {
display: none;
}
.headerblackbg.headerblackbgv2 {
background-color: #0009;
height: 100%;
}
.playicon {
margin-left: 3px;
}
.ctarewardouter {
z-index: 2;
background-color: var(--purplecolor);
border-radius: 50px;
padding: 100px 60px;
position: relative;
overflow: hidden;
}
.ctareward-graident {
z-index: -2;
background-color: var(--lightpurple);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.ctareward-bgcolor {
z-index: -1;
background-image: linear-gradient(270deg, var(--purplecolor), #1a1e23 100%, white);
opacity: .6;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.ctarewardleft {
width: 45%;
}
.ctarewardtext {
max-width: 400px;
}
.ctarewardrightimg {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/68397e0f97fe245d618220c2_Group%20600.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 85%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.lp-custom-video {
border-radius: 30px;
}
.lp-custom-video.herowaright.heroemplyvideo {
z-index: -2;
object-fit: cover;
object-position: center center;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.lp-custom-video.herowaright.lpcustom-videowrapper {
min-height: 350px;
}
.lp-custom-video.herowaright.lpcustom-videowrapper.herowarightv2 {
width: calc(50% - 20px);
}
.opacity75 {
opacity: .75;
}
.businessinerspace {
margin-top: 30px;
margin-left: -13px;
margin-right: -13px;
}
.businessinerspace.businesslesspace {
margin-left: -13px;
margin-right: -13px;
}
.businessinerspace.businessclimg.bimgsize {
min-height: 260px;
margin-top: 0;
margin-bottom: 20px;
padding-top: 50px;
padding-bottom: 20px;
}
.businessinerspace.businessclimg.bimgsize.bimgsizev2 {
margin-left: -8px;
margin-right: -8px;
}
.brandlogo-section {
padding-top: 100px;
padding-bottom: 60px;
}
.brandlogo-section.sectionspace {
padding-bottom: 120px;
}
.brandlogo-section.brandlogo-space {
padding-bottom: 40px;
}
.brandlogo-section.removrbottomspace {
padding-bottom: 0;
}
.brandlogorow {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
display: flex;
}
.brandlogocols {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--graycolor);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--graycolor);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--graycolor);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--graycolor);
border-radius: 10px;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: calc(20% - 16px);
min-height: 150px;
display: flex;
}
.link-block {
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 25px;
display: flex;
}
.heroreward-section {
z-index: 2;
padding-top: 140px;
padding-bottom: 80px;
position: relative;
overflow: hidden;
}
.heroreward-inner {
z-index: 2;
flex-flow: wrap;
justify-content: space-between;
align-items: stretch;
display: flex;
position: relative;
}
.heroreward-left {
z-index: 2;
width: 45%;
padding-top: 60px;
position: relative;
}
.heroreward-right {
width: 50%;
padding-left: 50px;
display: none;
position: relative;
}
.heroreward-bgoverlay {
background-image: linear-gradient(270deg, #39208000, var(--purplecolor));
opacity: .6;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.herorwd-bg {
z-index: -1;
background-image: linear-gradient(270deg, var(--purplecolor), #1a1e23);
opacity: .6;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.heropurplebg {
z-index: -2;
background-color: var(--lightpurple);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.herodarkpurplebg {
z-index: -3;
background-color: var(--purplecolor);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.herorewardtext {
margin-bottom: 50px;
}
.herorewardtext.whitetitle._500weight {
max-width: 505px;
}
.heroreward-img {
max-width: 350px;
margin-bottom: -171px;
margin-left: auto;
margin-right: auto;
}
.heroreward-shapeimg {
mix-blend-mode: luminosity;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e27b5eb658a4223799d4d4_Mask%20group%20(9).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: calc(100% + 140px);
height: calc(100% + 337px);
position: absolute;
top: -167px;
bottom: -171px;
right: -40px;
}
.bfwspan {
width: 100%;
font-size: 20px;
font-weight: 700;
display: block;
}
.text-center {
text-align: center;
}
.imgtext-center {
margin-left: auto;
margin-right: auto;
}
.solutiontext {
color: var(--navybluecolor);
}
.benefithreecols {
width: calc(33.33% - 14px);
}
.benefithreecols.benefitwacols.benefitcols.benefroicols {
padding-top: 30px;
padding-bottom: 50px;
}
.benefitcenter-text {
margin-left: auto;
margin-right: auto;
}
.benefitsmallcontent {
max-width: 235px;
}
.ctaemployees-section {
padding-bottom: 114px;
}
.ctaemp-outer {
background-color: var(--lightpurple);
border-radius: 50px;
padding: 75px 20px;
}
.ctaemp-header {
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
.ctaemp-text {
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.ctaemp-btn {
margin-top: 50px;
}
._600weight {
font-weight: 600;
}
.last {
padding-bottom: 0;
}
.exploresection {
padding-top: 100px;
padding-bottom: 100px;
}
.exploresection.explorefesection {
padding-bottom: 120px;
}
.explorerow {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
display: flex;
}
.exploreleft {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
align-content: space-between;
width: 66.13%;
display: flex;
}
.exploreright {
width: calc(33.87% - 20px);
}
.explorecols {
z-index: 1;
background-image: linear-gradient(135deg, var(--purplecolor), #1a1e23);
border-radius: 40px;
flex-flow: column;
justify-content: space-between;
width: calc(50% - 10px);
padding-bottom: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.explorecols.explorerightcols {
width: 100%;
height: 100%;
}
.exploretitle {
margin-left: -1px;
}
.exploreimg.minexploreheight {
min-height: 186px;
}
.exploreimg.exprtimg {
min-height: 220px;
}
.exploreheader {
margin-bottom: 75px;
}
.explorecontent {
padding-left: 40px;
padding-right: 40px;
}
.purplebg {
background-color: #542cc0;
}
.purplebg.explorecols {
background-image: none;
}
.lightpurplebg {
background-color: var(--lightpurple);
}
.lightpurplebg.explorecols {
background-image: none;
}
.imgspaceadd {
padding-top: 30px;
padding-left: 40px;
padding-right: 40px;
}
.deeppurplebg {
background-color: var(--purplecolor);
}
.deeppurplebg.explorecols {
background-image: none;
}
.exploreoverlayimg {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e2af7454e67cd9f7455d31_Salary%20Sacrifice.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.exploreovrbg {
z-index: -1;
background-image: linear-gradient(#0000 32.5%, #000c 75.5%);
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.heroempsubtitle {
margin-bottom: 10px;
}
.largetext {
font-size: 18px;
line-height: 1.6;
}
.largetext.lineheight1-5 {
line-height: 1.5;
}
.heroemp-tag {
margin-bottom: 20px;
}
.herotag {
text-transform: uppercase;
border: 1px solid #fff;
border-radius: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
font-weight: 600;
line-height: 2;
display: inline-block;
}
.hero-employeessection {
z-index: 2;
padding-top: 220px;
padding-bottom: 190px;
position: relative;
}
.hero-employeessection.herosolutionsection {
padding-top: 200px;
padding-bottom: 120px;
}
.hero-employeessection.display-none {
display: none;
}
.heroemplleft {
width: 50%;
}
.heroemplleft.herosolutionleft {
width: 42%;
}
.heroemprightimg {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e39cbd514acd5773e118ac_Mask-group-(13).webp");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: cover;
width: 71%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.heroemprightimg.herosolutionrightimg {
z-index: -2;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3d6df52282d5bbcc63a15_solution-herobanner.png");
background-position: 0 100%;
}
.heropricing-section {
z-index: 2;
padding-top: 200px;
padding-bottom: 40px;
position: relative;
}
.heropricing-row {
grid-column-gap: 20px;
grid-row-gap: 30px;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.heropricing-row.ailgn-center {
align-items: center;
}
.heropricing-left {
width: calc(50% - 10px);
margin-top: 100px;
}
.heropricing-left.thankyou-left {
margin-top: 0;
}
.heropricing-right {
width: calc(50% - 10px);
margin-bottom: -124px;
}
.heropricing-right.thankyou-right {
margin-bottom: 0;
}
.heropricing-bgimg {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3a7f3b10bb8266240aa85_pricing-banner%20(1).webp");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.heropricing-text {
max-width: 400px;
}
.formdefault {
background-color: var(--whitecolor);
border-radius: 15px;
padding: 40px 30px 30px;
overflow: hidden;
box-shadow: 0 60px 20px #0000000d;
}
.formrow {
width: 100%;
}
.formrow.twocolformrow {
grid-column-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.formcols {
z-index: 1;
width: 100%;
margin-bottom: 15px;
position: relative;
}
.formcols.twoclform {
z-index: 1;
width: calc(50% - 10px);
position: relative;
}
.formsubmit.text-center {
margin-top: 15px;
}
.formlabel {
color: var(--navybluecolor);
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
line-height: 1.57;
}
.formfield {
color: var(--navybluecolor);
background-color: #e4e7ed40;
border: 1px solid #e4e7ed;
border-radius: 8px;
width: 100%;
min-height: 44px;
margin-bottom: 0;
padding: 10px;
}
.formfield::placeholder {
color: var(--bodycolor);
}
.formfield.hideappearance {
-webkit-appearance: none !important;
appearance: none !important;
}
.formrichtext {
color: #31314e40;
margin-top: 30px;
font-size: 12px;
font-weight: 500;
}
.formtextlink {
color: var(--purplecolor);
text-decoration: underline;
}
.logoheaderwidth {
max-width: 1165px;
margin-left: auto;
margin-right: auto;
}
.socialmediacontent-section {
z-index: 1;
padding-top: 150px;
padding-bottom: 198px;
position: relative;
}
.smcontent-inner {
z-index: 1;
position: relative;
}
.smcontent-header {
max-width: 610px;
margin-left: auto;
margin-right: auto;
}
.smcontent-text {
color: var(--navybluecolor);
}
.smcontent-shape {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3b7509a1edccec82c9357_Mask%20group%20(14).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50%;
width: 80px;
height: 80px;
position: absolute;
top: 73px;
left: 0;
}
.smcontent-shape.smtopimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3b66d3e809242a9e7934f_Mask%20group%20(13).png");
top: -66px;
left: 13%;
}
.smcontent-shape.smbottomleftimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3b7bba9bc6fbb5657bde8_Mask%20group%20(15).png");
top: auto;
bottom: -123px;
left: 25.807%;
}
.smcontent-shape.smrtopimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3ba77da30d4393ae67910_Mask%20group%20(16).png");
top: -47px;
left: auto;
right: 15%;
}
.smcontent-shape.smrightimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3bb1619a6b4fa2cdcdac9_Mask%20group%20(17).png");
top: 49px;
left: auto;
right: 0;
}
.smcontent-shape.smrbottomimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3bb79d19e9f1d71e31cec_Mask%20group%20(18).png");
inset: auto 9.275% -83px auto;
}
.smcontent-like {
z-index: -1;
width: 64px;
position: absolute;
top: -87px;
left: 32.259%;
}
.smcontent-like.sml-leftop {
top: -52px;
left: 3%;
}
.smcontent-like.sml-leftbtm {
top: auto;
bottom: 37.17px;
left: 10%;
}
.smcontent-like.smlrighttop {
top: -54.17px;
left: auto;
right: 6%;
}
.smcontent-like.smlrightcenter {
inset: auto 10% 59.18px auto;
}
.smcontent-like.smlrightbottom {
inset: auto 32.26% -114px auto;
}
.zigzagbtnwrapper {
margin-top: 100px;
}
.hero-outerow {
width: 100%;
}
.headertopgdnt {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67e3e69120a2cb0ccc362f75_gradient-img.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.explorebtnwrapper {
margin-top: 75px;
}
.positionrelative {
z-index: 1;
position: relative;
}
.headergradientbgimg {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67ea6536a5ffbc2549b1828c_Header%20Gradient%20Image.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.hero-rewards-outer {
position: relative;
}
.heroreward-shapeimg-v2 {
z-index: -1;
mix-blend-mode: luminosity;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67ebd720f7f7ac0b7f54f436_Group%20635.svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
width: 67%;
height: calc(100% + 220px);
display: none;
position: absolute;
top: -140px;
bottom: -80px;
right: -20px;
}
.heroreward-shapeimg-v2.heroreward-rightcolorimg {
mix-blend-mode: normal;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/683987a9ef6deeb4ff6aeae3_Group-64.png");
display: block;
}
.logopricingimg {
max-width: 160px;
}
.pricingform {
margin-bottom: 0;
}
.pricingform.display-none {
display: none;
}
._700weight {
font-weight: 700;
}
._700weight.roicalcresult {
align-items: center;
}
.bimgsize {
min-height: 284px;
}
.bimgsize.businessclfullwidth.businessclimg {
min-height: 260px;
max-height: 260px;
}
.bimgsize.businessclfullwidth.businessclimg.businessclimg-center {
justify-content: flex-end;
}
.heroreward-shapeimg-v2-mobile {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67ebc53c1735a1a1b0ec8fec_Reward-Header2%20(2).png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
padding-top: 56.25%;
display: none;
}
.heroreward-bgclr {
z-index: -2;
background-color: #5934c4;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.heroreward-ovrlbgclr {
z-index: -2;
opacity: .6;
background-image: linear-gradient(270deg, #392080, #1a1e23);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.brandlogobtn {
text-align: center;
margin-top: 75px;
}
.mb-20 {
margin-bottom: 20px;
}
.formsuccessmessage {
color: var(--navybluecolor);
text-align: center;
margin-top: 30px;
font-size: 26px;
font-weight: 700;
}
.testimonialheader {
text-align: center;
margin-bottom: 50px;
}
.solutionlinkblock {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.benefitheadertext {
color: var(--navybluecolor);
}
.max-610 {
max-width: 610px;
margin-left: auto;
margin-right: auto;
}
.csh3titlelink {
color: currentColor;
}
.csh3titlelink:hover {
color: var(--purplecolor);
}
.csimglink {
z-index: 22;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.legal-content-section {
background-color: #e4e7ed80;
padding-top: 177px;
padding-bottom: 80px;
}
.legal-content-row {
max-width: 1030px;
margin-left: auto;
margin-right: auto;
}
.legal-content-title {
margin-bottom: 24px;
font-size: 14px;
}
.legal-content-date {
margin-bottom: 50px;
font-weight: 700;
}
.legal-content-table {
padding-top: 10px;
padding-bottom: 25px;
overflow: hidden;
}
.legal-content-table.removelegal-table-space {
padding-bottom: 0;
}
.tablestyle {
display: none;
}
.mt-30 {
margin-top: 30px;
}
.legal-contentlink {
color: currentColor;
text-decoration: underline;
}
.legal-contentlink:hover {
color: var(--purplecolor);
}
.legal-contentlist {
padding-left: 20px;
}
.legal-contentlistitem {
margin-bottom: 18px;
font-size: 14px;
}
.legal-content-p {
margin-bottom: 20px;
font-size: 12px;
}
.legal-content-underlinetext {
color: var(--lightpurple);
font-size: 14px;
font-weight: 700;
text-decoration: underline;
}
.heroinnershapev2 {
z-index: -5;
background-color: #392080;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.heroinnershapev2.displaynone {
display: none;
}
.heroehyaslanimgoverly {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/67f6507f3a2295eade4102b3_Mask%20group%20(2).png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.input-err {
color: red;
margin-top: 5px;
font-size: 14px;
font-weight: 600;
position: absolute;
top: 100%;
}
.paragraph-6 {
max-width: 400px;
}
.heroawbgvideoposter {
cursor: pointer;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.btn-control {
z-index: 1;
background-color: #fff;
border-radius: 50%;
width: 100px;
height: 100px;
font-size: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.heroawbgvideoposterwrapper {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.headeroverlaymenu {
z-index: 999;
background-color: #00000080;
width: 100%;
height: 100%;
transition: all .5s;
display: none;
position: fixed;
top: 0;
left: 0;
}
.contactus-formwrapper {
z-index: 1;
width: 100%;
min-height: 528px;
position: relative;
}
.herocontact-row {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: wrap;
max-width: 500px;
margin-top: 30px;
display: flex;
}
.herocontact-column {
background-color: var(--graycolor);
border-radius: 15px;
width: 100%;
padding: 30px;
}
.herocontact-column-image {
max-width: 40px;
}
.herocontact-column-image.hcsmallimg {
max-width: 30px;
}
.herocontact-column-content, .mt-16 {
margin-top: 16px;
}
.mb-10 {
margin-bottom: 10px;
}
.herocontact-column-btn {
margin-top: 16px;
}
.contact-box-text {
color: var(--navybluecolor);
}
.logorowinner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.logo-track {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: inline-flex;
}
.testimonialpersonimf {
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.featurecollink {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.bsnsclimg {
width: 100%;
}
.code-embed-2 {
text-align: left;
max-height: 0;
}
.image-14 {
max-height: 40px;
}
.lineheight-1-6 {
line-height: 1.6;
}
.pricingformwrapper {
width: 100%;
}
.video-popup {
z-index: 999;
background-color: #000c;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 20px;
padding-right: 20px;
display: none;
position: fixed;
inset: 0;
}
.video-popup-content {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: calc(100% - 40px);
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-bottom: 45%;
display: flex;
position: relative;
}
.video-close {
z-index: 999;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
padding: 5px;
display: flex;
position: absolute;
top: -30px;
right: -30px;
}
.video-popup-overlay {
width: 100%;
height: 100%;
position: fixed;
inset: 0;
}
.fturbottm-row-image {
width: 100%;
max-width: 320px;
height: auto;
position: absolute;
bottom: 138px;
left: 10%;
}
.featureimg-btmimg {
object-fit: cover;
width: 100%;
}
.featurefoverlay {
z-index: -1;
background-image: linear-gradient(270deg, #0000, #0000 29.81%, #000c);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.fturbottm-row-img {
filter: drop-shadow(0 60px 30px #00000040);
}
.display-none {
display: none;
}
.hero-emply-bgimg {
z-index: -3;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/682edf203adb7e77c9079be3_BG-banner-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.traditionalsection {
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
.traditionalrow {
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.traditionalrow.traditionalreverserow {
flex-flow: row-reverse wrap;
}
.traditionalleft, .traditionalright {
width: 48%;
}
.traditionalimage {
max-width: 505px;
}
.traditionaimg {
border-radius: 60px;
}
.traditionalcolumn {
width: 100%;
margin-bottom: 50px;
}
.traditionalcolumn.traditionallast, .traditionalcolumn.m0 {
margin-bottom: 0;
}
.traditionaltitle.am {
margin-bottom: 25px;
}
.traditionalcltext._500weight.smaller {
font-size: 16px;
}
.tradh2 {
color: var(--purplecolor);
}
.tradh2.blackcolor {
color: #191927;
}
.purplelghtbg {
background-color: #5934c41a;
}
.traditionalbtn {
flex-flow: wrap;
justify-content: center;
display: flex;
}
.mt-75 {
margin-top: 75px;
}
.traditionalclrow {
width: 100%;
max-width: 410px;
}
.traditionalclrow.full {
max-width: 610px;
}
.largefont {
font-size: 20px;
}
.herobgimages {
display: none;
}
.herobgimages.herobgimagesmobile {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.list-item {
font-size: 14px;
}
.italic-text {
font-size: 12px;
}
.bold-text {
font-size: 14px;
}
.heading-3 {
font-size: 13px;
}
.text-block-2 {
color: var(--purplecolor);
}
.link {
color: var(--goldcolor);
}
.herocalculationsection {
z-index: 2;
margin-top: 110px;
position: relative;
overflow: hidden;
}
.herocalculationrow {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.herocalculationrow.aligncenter {
align-items: center;
}
.herocalculationrow.herocalculationrowv2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-radius: 20px;
flex-flow: column;
justify-content: space-between;
align-items: center;
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding: 0 40px;
}
.herocalcleft {
width: 53.4%;
}
.herocalcright {
width: 42%;
}
.yellospan {
color: #f2d64b;
}
.herocalctext.whitetitle {
max-width: 580px;
}
.herocalctext.herocalcresulttext {
max-width: 505px;
}
.mb-40 {
margin-bottom: 40px;
}
.heroroiformouter {
background-color: #fff;
border-radius: 15px;
padding: 32px 32px 30px;
box-shadow: 0 60px 20px #0000000d;
}
.heroroiformtitle {
text-align: center;
}
.heroroiformtitle.heroroiformtitlev2 {
margin-left: -15px;
margin-right: -15px;
}
.mb-23 {
margin-bottom: 23.344px;
}
.width-582 {
min-width: auto;
max-width: 582px;
}
.roiformlegal {
color: #31314e40;
text-align: justify;
margin-top: 16px;
font-size: 12px;
font-weight: 500;
}
.roiformlegallink {
color: #392080;
text-decoration: underline;
}
.heroroiform {
margin-bottom: 0;
}
.herocalcestimatevalue.mobileshow {
display: none;
}
.herocalcestimaterow {
grid-column-gap: 10px;
grid-row-gap: 6px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.roicalcresult {
display: inline-flex;
}
.bordergray {
border: 1px solid #e4e7ed;
}
.line-height-1-334 {
line-height: 1.334;
}
.benefroicols {
padding-bottom: 50px;
}
.herocalctopshape {
z-index: -1;
opacity: .4;
filter: blur(467.06px);
mix-blend-mode: plus-lighter;
background-color: #5934c4;
border-radius: 50%;
width: 705.264px;
height: 705.264px;
position: absolute;
top: -215.5px;
right: 205px;
}
.herocalcrightshape {
z-index: -1;
opacity: .3;
filter: blur(467.06px);
mix-blend-mode: plus-lighter;
background-color: #5934c4;
border-radius: 50%;
width: 705.264px;
height: 705.264px;
position: absolute;
top: 137px;
right: -426px;
}
.roioutputboxcl {
grid-column-gap: 10px;
grid-row-gap: 6px;
align-items: center;
font-size: 20px;
display: flex;
}
.shapepparent {
z-index: 2;
margin-top: -134px;
padding-top: 134px;
position: relative;
}
.herocalculationouter {
z-index: 1;
background-color: #392080;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/6852a0383b74af996c6733c7_Mask-group-(4).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 80px;
padding: 72px 40px;
position: relative;
}
.herocalculationouter.herocalcresultouter {
padding-top: 60px;
padding-bottom: 60px;
}
.secformlabel {
color: #31314e;
margin-bottom: 8px;
font-size: 16px;
}
.secformfield {
color: var(--purplecolor);
background-color: #e4e7ed40;
border: 1px solid #e4e7ed;
border-radius: 8px;
width: 100%;
min-height: 60px;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-family: Montserrat, sans-serif;
font-weight: 700;
}
.secformfield::placeholder {
color: var(--navybluecolor);
}
.secformsubmit.secformsubmit-flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
display: flex;
}
.submitroi {
text-align: center;
cursor: pointer;
background-color: #392080;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/68529481a65e9c10aad12405_Group%20424%20(1).svg");
background-position: 65%;
background-repeat: no-repeat;
background-size: 24px 24px;
border-radius: 56px;
min-width: 280px;
padding: 18px 129px 18px 85px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
transition: all .3s ease-in-out;
}
.submitroi:hover {
background-color: #ecb040;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/683048def98682afe14736b6_circle-arrow-white.svg");
}
.submitroi.submitroi-v2 {
background-position: 82%;
padding-left: 40px;
padding-right: 75px;
}
.submitroi.submitroi-back {
background-position: 70%;
background-size: 20px 20px;
min-width: auto;
padding-left: 40px;
padding-right: 70px;
}
.submitroi.submitroi-back.back-btn {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/685c04077dff1d72ce2e689a_backbutton.svg");
background-position: 27%;
padding-left: 60px;
padding-right: 30px;
}
.submitroi.submitroi-back.back-btn:hover {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/685c04056200295baac677c2_backbutton-hover.svg");
}
.submitroi.submitv2roi {
background-position: 75%;
min-width: 200px;
padding-left: 30px;
padding-right: 60px;
}
.faqouter {
background-color: #eeeaf9;
border-radius: 80px;
padding: 111px 20px 124px;
}
.font16 {
font-size: 16px;
}
.bodyfontcolor {
color: var(--bodycolor);
}
.roicalbenefittitle {
color: #191927;
font-weight: 700;
display: block;
}
.darkyellow {
color: var(--goldcolor);
}
.heroroiresultrow {
background-color: #fff;
border-radius: 20px;
padding: 40px 24px 80px;
}
.smallh3 {
color: var(--blackcolor);
margin-bottom: 10px;
font-size: 29.45px;
line-height: 1.83;
}
.roiresultrow {
background-color: #f7f9fc;
border: 1px solid #cccdce;
border-radius: 10px;
padding: 23px 14px;
}
.roiresultrow.roiresultrow-left {
z-index: 1;
text-align: center;
border-width: 0;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
padding: 23px 80px;
position: relative;
overflow: hidden;
box-shadow: 0 0 60px 13px #fff3;
}
.roiresultrow.roiresultrow-small {
z-index: 1;
border-radius: 20px;
position: relative;
overflow: hidden;
box-shadow: 0 0 60px 13px #fff3;
}
.roiresulttitle {
color: var(--blackcolor);
font-size: 16.213px;
font-weight: 500;
line-height: 1.83;
}
.roiresulttitle.roiresulttitlelarge {
margin-bottom: 6px;
font-size: 36px;
font-weight: 700;
line-height: 1.5;
}
.roiresulttitle.roiresulttitlelarge.goldspan {
line-height: 1.5;
}
.roiresulttitle.roiresulttitlesmall {
font-size: 18px;
}
.roiresulttext {
color: var(--blackcolor);
font-size: 27.865px;
line-height: 1.83;
}
.roiresulttext.roiresulttextv2 {
font-size: 24px;
}
.roiresulttext.roiresulttextsmall {
font-size: 20px;
}
.roiresultxt {
font-size: 37.082px;
font-weight: 700;
}
.roiresultxt.employersavings {
font-size: 27px;
}
.roiresultxt.employeesavings {
font-size: 34px;
}
.roiresultdescription {
font-size: 10px;
font-style: italic;
font-weight: 500;
line-height: 29.724px;
}
.mb-30 {
margin-bottom: 30px;
}
.whyaslansection {
z-index: 2;
background-color: #392080;
margin-top: 134px;
padding-top: 50px;
padding-bottom: 116px;
position: relative;
}
.loaderpage {
width: 100%;
}
.whyaslanright {
width: 57%;
margin-left: auto;
}
.whyaslanouter {
z-index: 1;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.whyaslanimage {
width: 62%;
max-width: 460px;
position: absolute;
bottom: -116px;
left: 0;
}
.whyaslantext {
color: var(--whitecolor);
margin-bottom: 22px;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
}
.whyaslancols {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--whitecolor);
flex-flow: row;
align-items: flex-start;
margin-bottom: 22px;
font-weight: 500;
line-height: 1.3333;
display: flex;
}
.whyaslancols.last {
margin-bottom: 0;
}
.whyaslancolsicon {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/6852adf9ee25eb4420dac780_Group%201000002054%20(1).svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 24px 24px;
width: 24px;
min-width: 24px;
height: 24px;
}
.whyaslancolstext {
align-self: center;
align-items: center;
display: flex;
}
.errortext {
color: red;
font-size: 12px;
line-height: 1.5;
}
.heroresultheader {
margin-bottom: 40px;
}
.heroresultbtn {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: center;
margin-top: 20px;
display: flex;
}
.heroresultbottomtext {
color: var(--whitecolor);
text-align: center;
max-width: 500px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-size: 15px;
}
.roiresultrow-wrapper {
width: 100%;
max-width: 500px;
position: relative;
}
.herocalcrightresult {
text-align: center;
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.roiresultrowshape {
z-index: -1;
transform-style: preserve-3d;
background-color: #fff;
background-image: linear-gradient(0deg, #5934c44d, #5934c44d);
border-radius: 20px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: rotateX(8deg)rotateY(8deg)rotateZ(8deg);
}
.roiresultbg {
z-index: -1;
filter: blur(10px);
background-color: #e4e7ed;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.footercertifiedlogo {
text-align: center;
margin-top: 40px;
}
.headerlistanchor {
color: var(--navybluecolor);
}
.headerdpdnicon {
margin-right: 0;
}
.headermenudropdown {
padding: 0 20px 0 0;
}
.headermenudropdown:hover {
color: var(--goldcolor);
}
.headersubmenu {
background-color: #0000;
background-image: linear-gradient(270deg, #37207a, #2a1f54);
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
min-width: 320px;
padding-top: 20px;
padding-bottom: 20px;
top: calc(100% + 40px);
left: 50%;
transform: translate(-50%);
}
.headersubmenu.w--open {
min-width: 260px;
}
.headersubmenulist {
color: var(--whitecolor);
}
.headersubmenulist:hover {
color: var(--goldcolor);
}
.herobpsection {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/687ded0c47677ecc9b300b64_Group%20506.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 200px;
padding-bottom: 247px;
}
.herobpinner {
max-width: 971px;
margin-left: auto;
margin-right: auto;
}
.herobptagwrapper {
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.herobptagwrapper.mb-32 {
text-align: center;
}
.herobptag {
grid-column-gap: 18px;
grid-row-gap: 5px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.herobptaglink {
z-index: 1;
position: relative;
}
.mb-32 {
margin-bottom: 32px;
}
.herobpititle {
text-align: center;
}
.herobpauthorwrapper {
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.herobpauthor.whitetitle {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.herobpauthorimage {
object-fit: cover;
border-radius: 50px;
width: 80px;
max-width: 80px;
height: 80px;
}
.herobpauthorname {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
font-weight: 700;
line-height: normal;
display: flex;
}
.herobpai-link {
pointer-events: none;
transform-style: preserve-3d;
}
.herobpai-link:hover {
transform: scale3d(1.03, 1.03, 1.03);
}
.herobpname-link.whitetitle {
pointer-events: none;
}
.herobpname-link.whitetitle:hover {
color: var(--goldcolor);
}
.herofeaturedimagesec {
padding-bottom: 32px;
}
.herofiwrapper {
border-radius: 40px;
max-width: 1026px;
margin-top: -183px;
margin-left: auto;
margin-right: auto;
padding-top: 39%;
position: relative;
overflow: hidden;
}
.herofiimage {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%);
}
.blogpostsection {
padding-top: 32px;
padding-bottom: 120px;
}
.blogpostinner {
max-width: 820px;
margin-left: auto;
margin-right: auto;
}
.blogposttext {
font-size: 16px;
font-weight: 500;
}
.relatedbpsection {
background-color: #e4e7ed80;
padding-top: 120px;
padding-bottom: 120px;
}
.relatedbpheader {
text-align: center;
margin-bottom: 64px;
}
.relatedbptitle {
margin-bottom: 0;
font-weight: 500;
line-height: normal;
}
.herobptl {
pointer-events: none;
color: var(--whitecolor);
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 2;
}
.herobptl:hover {
color: var(--goldcolor);
}
.herobptl.herorptl {
color: var(--lightpurple);
}
.herobptl.herorptl:hover {
color: var(--blackcolor);
}
.herobpline {
background-color: #fff;
width: 2px;
height: 15px;
position: absolute;
top: 50%;
right: -10px;
transform: translate(0, -50%);
}
.herobpline.relatedbpline {
background-color: #5934c4;
}
.relatedbplist {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
display: flex;
}
.relatedbpcolumn {
z-index: 1;
background-color: #fff;
border-radius: 40px;
width: calc(33.33% - 14px);
padding-bottom: 82px;
position: relative;
overflow: hidden;
}
.relatedbpimgwpr {
padding-top: 62.62%;
display: block;
position: relative;
}
.relatedbpimage {
object-fit: cover;
border-radius: 40px;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.relatedbpimage.mb-32 {
border-radius: 40px;
}
.relatedbpcontent {
padding: 32px;
}
.relatedbptagwrapper {
margin-bottom: 8px;
}
.relatedbptags {
flex-flow: wrap;
display: flex;
}
.relatedbptags.herobptag {
justify-content: flex-start;
}
.relatedbpbtn {
position: absolute;
bottom: 32px;
left: 32px;
}
.relatedbptitlelink {
color: var(--blackcolor);
font-size: 26px;
font-weight: 500;
line-height: normal;
}
.relatedbptitlelink:hover {
color: var(--lightpurple);
}
.heroresourcesection {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/687e273d6192548d6ee525c0_resource-hero.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 220px;
padding-bottom: 120px;
}
.heroresourceheader {
text-align: center;
max-width: 660px;
margin-left: auto;
margin-right: auto;
}
.herorhtext {
color: var(--whitecolor);
font-weight: 500;
line-height: 1.6;
}
.rlsection {
padding-top: 100px;
padding-bottom: 120px;
}
.rlist {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
display: flex;
}
.rlcolumn {
z-index: 1;
background-color: #f2f2f2;
border-radius: 40px;
width: calc(33.33% - 13.3px);
padding-bottom: 82px;
position: relative;
}
.load-more-button {
margin-top: 0;
}
.load-more-button.secbtn.secbtnarrow {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/687e35d044c77398e8a06473_Group%20424.svg");
flex-flow: wrap;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: inline-flex;
}
.loadmorebtn {
flex-flow: wrap;
justify-content: center;
margin-top: 72px;
display: flex;
}
.heading-4 {
color: var(--purplecolor);
font-size: 26px;
line-height: 1;
}
.aboutherosection {
background-color: var(--purplecolor);
color: #fff;
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/6882028854de2087e20118f7_Mask%20group.webp");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 232px;
padding-bottom: 210px;
font-size: 16px;
line-height: 24px;
position: relative;
overflow: hidden;
}
.aboutherotitle {
color: #fff;
margin-bottom: 21px;
}
.aboutherocontents {
max-width: 499px;
}
.image-15 {
object-fit: cover;
object-position: 25% 50%;
width: 100%;
max-width: 680px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.hero-shape {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.ourvalueinner {
text-align: center;
max-width: 1050px;
margin-left: auto;
margin-right: auto;
}
.ourvalueinnertitle {
color: var(--whitecolor);
margin-bottom: 0;
}
.ourvalueinnerrow {
flex-flow: wrap;
width: 100%;
margin-top: 45px;
margin-left: -20px;
margin-right: -20px;
padding-top: 0;
display: flex;
}
.ourvalueinnercolumn {
width: 50%;
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.overvaluebox {
background-color: var(--whitecolor);
border-radius: 80px;
height: 100%;
min-height: 520px;
padding: 64px 43px 48px;
}
.overvaluebox.short {
padding-bottom: 48px;
}
.overvalueboxicon {
height: auto;
min-height: 96px;
}
.overvalueboxcontents {
margin-top: 5px;
}
.overvalueboxtitle {
color: var(--purplecolor);
margin-bottom: 0;
}
.overvalueboxintro {
color: var(--navybluecolor);
max-width: 420px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.overvalueboxiconimg {
object-fit: contain;
width: 80px;
height: auto;
}
.careersolutionsection {
padding-top: 103px;
padding-bottom: 120px;
}
.careersolutiontop {
flex-flow: wrap;
align-items: center;
width: 100%;
display: flex;
}
.careertopleft {
width: 50%;
padding-right: 20px;
}
.careertopright {
width: 50%;
}
.careertoptitle {
color: var(--purplecolor);
margin-bottom: 0;
}
.careertoprightwrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-end;
display: flex;
}
.text-span-4 {
color: var(--lightpurple);
}
.careersolutionbottom {
margin-top: 56px;
}
.careersolutionbottomflex {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.csbimage {
border-radius: 40px;
width: 15%;
max-width: none;
min-height: 160px;
overflow: hidden;
}
.csbimage.full {
width: 33%;
max-width: none;
}
.csbimage.margin {
margin-top: -17%;
}
.csbimage.margin.last {
margin-top: -17%;
padding-right: 20px;
}
.csbbox {
color: var(--whitecolor);
background-color: #542cc0;
border-radius: 40px;
align-items: center;
width: 30%;
max-width: none;
min-height: 160px;
padding: 20px;
font-size: 20px;
font-weight: 700;
line-height: 1.1;
display: flex;
}
.csbbox.yellow {
color: var(--purplecolor);
background-color: #f2d64b;
}
.csbbox.yellow.dark {
background-color: var(--goldcolor);
}
.csbbox.yellow._35 {
width: 33%;
}
.csbimg {
object-fit: cover;
border-radius: 40px;
width: 100%;
max-width: 100%;
height: 100%;
min-height: 160px;
}
.csbimg.full {
height: auto;
min-height: 160px;
}
.csblogowrap {
background-color: #f1f3f6;
border-radius: 40px;
justify-content: center;
align-items: center;
width: 15%;
max-width: 190px;
min-height: 160px;
padding: 23px;
display: flex;
}
.csblogowrap.margin {
margin-top: -17%;
}
.mob-img-show {
display: none;
}
@media screen and (min-width: 1280px) {
.headersection {
padding-top: 50px;
padding-bottom: 50px;
}
.wrapper {
max-width: 1180px;
}
.wrapper.full {
max-width: 1240px;
}
.headerinner {
position: static;
}
.headerright {
grid-column-gap: 10px;
flex-flow: wrap;
width: calc(80% - 20px);
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static;
}
.headerlogo {
width: 20%;
padding-right: 0;
}
.headermenu {
grid-column-gap: 35px;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
width: auto;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.headerlist {
width: auto;
}
.headerbtnwrapper {
flex-flow: row;
justify-content: flex-end;
align-items: center;
width: 30%;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
}
.secbtn {
min-width: auto;
padding-left: 25px;
padding-right: 25px;
}
.secbtn.largebtn {
padding: 20px 40px;
}
.secbtn.secarrowbtn.largebtn {
padding-right: 51px;
}
.footerleft {
width: calc(22% - 20px);
}
.footercenter {
grid-column-gap: 58px;
width: calc(50% - 20px);
}
.herosection {
margin-top: 150px;
}
.outerwrapper {
max-width: 1280px;
}
.herouter {
border-radius: 80px;
min-height: 730px;
}
.logocols {
min-width: auto;
}
.benefitcols {
width: calc(25% - 15px);
}
.benefitcols.benefitwacols {
padding: 30px 30px 40px;
}
.heroinner {
height: 100%;
}
.heroleft {
width: 45%;
padding-top: 20px;
padding-bottom: 20px;
}
.heroleft.heroleftv2 {
width: 55%;
}
.heroright {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
display: none;
}
.heroright.herohomrright.herohomrrightv2 {
width: 45%;
display: block;
}
.herotext.herohometext.herohometextv2 {
max-width: 440px;
}
.herotitleh1 {
min-width: auto;
max-width: 100%;
font-size: 60px;
text-decoration: none;
}
.herobgimg {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/68359b0e893be89905f60e9a_Mask-group-(22.webp");
background-position: 50% 100%;
}
.herobgimg.herobgimgv2 {
background-image: url("https://cdn.prod.website-files.com/67d0179913522aacd1b0bc09/68359b0e893be89905f60e9a_Mask-group-(22.webp");
background-position: 50% 100%;
background-size: cover;
}
.featureleft {
width: 66.13%;
}
.featureright {
width: calc(33.87% - 20px);
}
.featurecols.featureclright {
flex-flow: wrap;
justify-content: flex-start;
padding-bottom: 0;
display: flex;
}
.featureimg.featurerimg {
justify-content: center;
align-items: flex-end;
display: flex;
position: static;
}
.ftrimg {
max-width: 300px;
}
.heroicon {
width: 126px;
height: 50px;
}
.cscols {
width: calc(33.33% - 14.9px);
}
.zigzagcols {
width: 100%;
}
.zigzagcols.zigzagsolutioncols {
margin-top: 100px;
margin-bottom: 100px;
}
.zigzagcols.zigzagsolutioncols.zigzagfirstchild {
margin-top: 0;
}
.zigzagleft, .zigzagright {
width: calc(50% - 20px);
}
.zigzaglcontent {
max-width: 400px;
margin-left: 152px;
}
.zigzaglcontent.zgsolutioncontent {
margin-left: 105px;
}
.zigzagtext {
max-width: 310px;
}
.zigzagtext.zigzaglargetext {
max-width: 386px;
}
.zigzagimgoverlay, .zgzgimg {
border-radius: 80px;
}
.testimonialsection.testimonialwasection {
padding-bottom: 100px;
}
.testimonialsliderinner {
max-width: 840px;
}
.ctaouter {
border-radius: 80px;
padding: 105px;
}
.ctabottomimg {
margin-top: -260px;
margin-bottom: -105px;
margin-left: 40px;
}
.ctabottomimg.ctawabottomimg {
margin-top: -165px;
}
.ctabottomimg.ctawabottomimg.ctasolutionbottomimg {
margin-left: -100px;
}
.ctabimg, .herorightimg {
max-width: 550px;
}
.headertrigger {
display: none;
}
.herowaleft.herowaleftv2 {
width: calc(43% - 10px);
}
.smallh1 {
font-size: 50px;
}
.benefitcols-2 {
width: calc(25% - 15px);
}
.solutionbgimg {
width: 240px;
}
.businesscols {
border-radius: 40px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
}
.businesscols.darkbluebg {
border-radius: 40px;
}
.businessclimg {
margin-left: -20px;
margin-right: -40px;
}
.businessclimg.businessclfullwidth {
margin-left: -40px;
margin-right: -40px;
}
.businessclimg.businessclfullwidth.bimgsize {
min-height: 284px;
max-height: 284px;
}
.businessbtn.businesstopspace {
margin-top: 75px;
}
.businesscontent.busnsctop {
z-index: 2;
margin-top: -40px;
position: relative;
}
.businesscontent.busnsctop.businessfirst, .businesscontent.busnsctop.businesscontentv2, .businesscontent.busnsctop.businesscontentv3 {
margin-top: 0;
}
.ctalist.ctaherolist, .bookdemo-row {
margin-top: 40px;
}
.bookdemo-name {
width: calc(100% - 105px);
overflow: visible;
}
.hero-bookdemo-section {
padding-top: 200px;
}
.herobad-bottomimg {
width: 73%;
bottom: -185px;
left: 0%;
}
.herobgimage {
max-width: 571px;
}
.ctarewardouter {
border-radius: 80px;
padding: 120px 105px;
}
.ctarewardrightimg {
width: 85%;
}
.lp-custom-video.herowaright.lpcustom-videowrapper.herowarightv2 {
width: calc(57% - 30px);
}
.businessinerspace {
margin-top: 50px;
}
.businessinerspace.businessclimg.bimgsize {
min-height: 284px;
margin-left: -13px;
margin-right: -13px;
}
.brandlogocols {
flex-flow: wrap;
justify-content: center;
align-items: center;
width: calc(16.66% - 17px);
}
.heroreward-section {
padding-top: 167px;
padding-bottom: 171px;
}
.heroreward-shapeimg {
width: calc(100% + 260px);
height: calc(100% + 337px);
right: -100px;
}
.benefithreecols {
width: calc(33.33% - 14px);
}
.ctaemp-outer, .ctaemp-outer.text-center {
border-radius: 80px;
}
.heroemplleft {
width: 40%;
}
.smcontent-shape {
top: 73px;
left: 0;
}
.smcontent-shape.smtopimg {
top: -66px;
left: 15.323%;
}
.smcontent-shape.smbottomleftimg {
bottom: -123px;
left: 25.807%;
}
.smcontent-shape.smrtopimg {
top: -47px;
right: 19.759%;
}
.smcontent-shape.smrightimg {
top: 49px;
right: 0;
}
.smcontent-shape.smrbottomimg {
bottom: -83px;
right: 9.275%;
}
.smcontent-like {
top: -87px;
left: 32.259%;
}
.smcontent-like.sml-leftop {
top: -52px;
left: 7.1%;
}
.smcontent-like.sml-leftbtm {
bottom: 37.17px;
left: 14.436%;
}
.smcontent-like.smlrighttop {
top: -54.17px;
right: 11.613%;
}
.smcontent-like.smlrightcenter {
bottom: 59.18px;
right: 15.323%;
}
.smcontent-like.smlrightbottom {
bottom: -114px;
right: 32.26%;
}
.headergradientbgimg {
z-index: 2;
}
.hero-rewards-outer {
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.heroreward-shapeimg-v2 {
background-position: 100% 0;
width: calc(62% + 155px);
height: calc(100% + 338px);
padding-bottom: 0;
padding-right: 0;
top: -167px;
bottom: -171px;
right: -100px;
}
.logopricingimg {
max-width: 232px;
}
.bimgsize.businessclfullwidth.businessclimg {
min-height: 284px;
}
.video-popup-content {
padding-bottom: 35%;
}
.herobgimages {
aspect-ratio: auto;
object-fit: cover;
object-position: 50% 100%;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.herocalculationsection {
margin-top: 150px;
}
.herocalcleft {
width: 54.3%;
}
.heroroiformtitle.heroroiformtitlev2 {
margin-left: -2.5px;
margin-right: -2.5px;
}
.herocalculationouter {
padding-left: 70px;
padding-right: 70px;
}
.submitroi.submitroi-back.back-btn {
padding-left: 70px;
padding-right: 40px;
}
.submitroi.submitv2roi {
background-position: 70%;
min-width: 230px;
padding-left: 85px;
padding-right: 129px;
}
.whyaslanimage {
z-index: -1;
}
.load-more-button.secbtn.secbtnarrow {
background-size: 28px 28px;
padding: 19px 89.9px 19px 35px;
font-size: 16px;
}
.image-15 {
max-width: 630px;
}
.csbimage {
min-height: 190px;
}
.csbimage.full {
width: 35%;
}
.csbbox {
min-height: 190px;
padding: 31px 40px;
font-size: 24px;
}
.csbbox.yellow._35 {
width: 35%;
min-height: 190px;
padding-left: 36px;
padding-right: 36px;
}
.csbimg {
min-height: 190px;
}
.csbimg.full {
height: 400px;
min-height: 400px;
}
.csblogowrap {
min-height: 190px;
}
}
@media screen and (min-width: 1440px) {
.wrapper {
max-width: 1280px;
}
.headermenu {
grid-column-gap: 50px;
}
.outerwrapper {
max-width: 1420px;
}
.heroleft {
width: 44%;
padding-top: 32px;
}
.herotext.herohometext.herohometextv2 {
max-width: 470px;
}
.heroreward-shapeimg {
right: -100px;
}
.heropricing-left {
width: calc(45% - 10px);
}
.hero-rewards-outer {
max-width: 1280px;
}
.heroreward-shapeimg-v2 {
width: calc(62% + 145px);
height: calc(100% + 338px);
top: -167px;
bottom: -171px;
right: -155px;
}
.herocalculationrow {
grid-column-gap: 105px;
}
.herocalcleft {
width: 50%;
}
.herocalcright {
width: 40.726%;
}
.whyaslanimage {
width: 53%;
max-width: 510px;
left: 3%;
}
.image-15 {
max-width: 680px;
}
}
@media screen and (min-width: 1920px) {
.logosection.logowasection {
padding-bottom: 0;
}
.benefitcols {
padding-top: 31px;
}
.benefitlogo.benefitlogospace {
margin-bottom: 11px;
}
.testimonialsection.testimonialwasection {
padding-bottom: 100px;
}
.video {
display: none;
}
.solutionheader.testimonialheader {
margin-bottom: 50px;
}
.ctaspantext {
opacity: .75;
}
.ctalist {
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
}
.ctalistitem {
z-index: 1;
margin-bottom: 8px;
position: relative;
}
.plyr_component.is-full-screen {
border-radius: 30px;
height: auto;
}
.plyr_cover-img {
border-radius: 30px;
overflow: hidden;
}
.plyr_cover-button {
width: 100px;
height: 100px;
}
.plyr_cover-icon {
color: var(--lightpurple);
width: 20%;
height: 20%;
}
.heroemprightimg {
width: 68%;
max-width: 1280px;
}
.legal-content-section {
padding-bottom: 120px;
}
.legal-content-date {
color: var(--purplecolor);
font-weight: 700;
}
.whyaslanouter {
max-width: 2000px;
}
.whyaslanimage {
width: 62%;
max-width: 490px;
left: 10%;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 50px;
}
h2 {
font-size: 32px;
}
.wrapper {
max-width: 100%;
}
.headerright {
z-index: 99999;
background-color: var(--whitecolor);
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden auto;
}
.headerlogo {
width: 100%;
}
.headermenu {
text-align: center;
width: 100%;
max-width: 100%;
display: block;
}
.headerlist {
text-align: center;
width: 100%;
margin-top: 15px;
display: block;
}
.headerbtnwrapper {
justify-content: center;
width: 100%;
padding: 20px 0;
}
.secbtn {
padding-left: 20px;
padding-right: 20px;
}
.footersection {
padding-top: 60px;
padding-bottom: 60px;
}
.footerleft {
width: calc(30% - 20px);
}
.footercenter {
width: calc(70% - 20px);
}
.footerright {
align-items: center;
width: 100%;
margin-left: 0;
}
.herosection {
margin-top: 104px;
}
.herouter {
border-radius: 40px;
padding: 60px 30px 0;
}
.logosection {
padding-top: 60px;
padding-bottom: 60px;
}
.logosection.logowasection {
padding-top: 80px;
}
.logosection.logoroisection {
padding-top: 80px;
padding-bottom: 80px;
}
.secheader.zigzagheader {
margin-bottom: 40px;
}
.logorow {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.logorow.logopricing-row {
grid-column-gap: 23px;
grid-row-gap: 23px;
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.logorow.desktoplogorow {
display: none;
}
.logorow.mobilelogorow {
grid-column-gap: 20px;
grid-row-gap: 20px;
white-space: nowrap;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20px;
display: block;
overflow: hidden;
}
.logocols {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.logoheader {
margin-bottom: 40px;
}
.paragraph {
font-size: 13px;
}
.benefitsection {
padding-top: 80px;
padding-bottom: 80px;
}
.benefitsection.graybgopacity.benefitwhyaslan-section, .benefitsection.benefitspacesection {
padding-bottom: 80px;
}
.benefitsection.benefitroisection {
padding-top: 80px;
padding-bottom: 80px;
}
.benefitsection.benefitroiresultsection {
padding-bottom: 80px;
}
.benefitcols {
width: calc(50% - 10px);
}
.benefitheader, .benefitheader.secheader.benefitblueheader, .benefitheader.benefitblueheader {
margin-bottom: 40px;
}
.heroinner {
flex-flow: column;
}
.heroleft {
padding-bottom: 60px;
}
.heroleft.heroleftv2 {
text-align: center;
width: 100%;
}
.heroright {
width: 56%;
margin-bottom: -10%;
}
.heroright.herohomrright {
width: 100%;
margin-bottom: 0%;
}
.herotext {
margin-bottom: 20px;
font-size: 16px;
}
.herotext.herohometext {
margin-bottom: 30px;
}
.herotitleh1 {
max-width: 100%;
font-size: 34px;
}
.herotitleh1.heroroiresulttitleh1 {
margin-left: auto;
margin-right: auto;
}
.featuresection {
padding-top: 80px;
padding-bottom: 80px;
}
.featureheader {
margin-bottom: 40px;
}
.featureleft {
width: 100%;
}
.featureleft.featureleft-two {
width: calc(50% - 10px);
}
.featureright {
width: 100%;
}
.featureright.featureright-two {
width: calc(50% - 10px);
}
.featurecols {
border-radius: 20px;
padding: 30px;
}
.featurecols.featurelargecols {
padding-bottom: 40px;
padding-right: 30px;
}
.featurecols.featurecolshover.featurecols-two {
padding-left: 30px;
padding-right: 30px;
}
.featureimg.featureimg-btm {
margin-bottom: -30px;
margin-left: -30px;
margin-right: -30px;
}
.faqsection, .faqsection.faqrewards {
padding-top: 80px;
padding-bottom: 80px;
}
.faqsection.faq-topspace {
padding-top: 80px;
}
.faqsection.faqroisection {
padding-top: 80px;
padding-bottom: 80px;
}
.faqheader.faqroiheader {
margin-bottom: 30px;
}
.dropdown.faqcols {
padding-top: 20px;
padding-bottom: 20px;
}
.heroicon {
width: 60px;
height: 30px;
}
.faqbtnwrapper {
margin-top: 40px;
}
.casestudysection {
padding-top: 60px;
padding-bottom: 80px;
}
.cscols {
width: 100%;
margin-top: 40px;
}
.cscimage {
min-height: 200px;
}
.csclcontent {
text-align: center;
}
.cscltext {
margin-bottom: 20px;
}
.zigzagsection {
padding-top: 30px;
}
.zigzagsection.ourvaluesection {
padding-bottom: 40px;
}
.zigzagtopshape {
top: -133px;
}
.zigzagbottomshape {
bottom: -133px;
}
.zigzagrow {
text-align: center;
}
.zigzagcols {
width: 100%;
margin-bottom: 100px;
}
.zigzagcols.zigzagreversecols {
flex-flow: column;
}
.zigzagcols.zigzagsolutioncols {
margin-top: 30px;
margin-bottom: 30px;
}
.zigzagcols.zigzagsolutioncols.zigzagfirstchild {
margin-bottom: 30px;
}
.zigzagleft, .zigzagright {
width: 100%;
}
.zigzaglcontent {
max-width: 310px;
margin-left: auto;
}
.zigzaglcontent.zigzagreverseleft {
margin-left: auto;
}
.zigzaglcontent.zigzagreverseleft.short {
max-width: 270px;
margin-left: auto;
margin-right: auto;
}
.zigzaglcontent.zigzagreverseleft.exshort {
margin-left: auto;
margin-right: auto;
}
.zigzaglcontent.estsh {
margin-right: auto;
}
.zigzagtext {
max-width: 100%;
}
.zigzagimage {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.testimonialsection {
padding-top: 80px;
padding-bottom: 30px;
}
.testimonialsection.testimonialwasection, .testimonialsection.testimonialspace {
padding-bottom: 80px;
}
.testimonialsliderinner {
max-width: 560px;
}
.testimonialqouteimg {
margin-bottom: 20px;
}
.testimonialtext {
margin-bottom: 16px;
font-size: 22px;
}
.ctasection.ctawasection {
padding-bottom: 80px;
}
.ctasection.ctalargespace {
padding-top: 80px;
padding-bottom: 80px;
}
.ctasection.ctaroisection {
padding-top: 100px;
padding-bottom: 100px;
}
.ctaouter {
border-radius: 40px;
padding: 40px;
}
.ctainner {
grid-row-gap: 20px;
}
.ctaleft {
width: 100%;
}
.ctaright {
text-align: center;
width: 100%;
}
.ctatext.whitetitle._500weight {
max-width: 100%;
}
.ctatitleh2.whitetitle {
text-align: center;
}
.ctatitleimgspan {
width: 170px;
height: 54px;
}
.ctacontent {
max-width: 100%;
}
.ctaimg {
margin-left: auto;
margin-right: auto;
}
.ctabottomimg {
text-align: center;
width: 100%;
margin: 0 auto -40px;
padding-top: 30px;
}
.ctabottomimg.ctawabottomimg {
margin-top: 0;
}
.ctabottomimg.ctawabottomimg.ctasolutionbottomimg {
margin-left: -20px;
}
.ctameeting {
margin-right: auto;
}
.herorightimg {
object-fit: contain;
max-width: 100%;
}
.headertrigger {
display: block;
}
.heading {
font-size: 32px;
}
.zigzagheader {
margin-bottom: 60px;
}
.small-logo {
margin-left: 20px;
margin-right: 20px;
}
.small-logo.logopricingimg {
width: auto;
}
.hero-whyaslan-section {
padding-top: 140px;
padding-bottom: 80px;
}
.herowaleft.herofecenter {
width: calc(70% - 10px);
}
.herowaright.herobadright {
width: 350px;
}
.herowatext {
margin-bottom: 20px;
}
.smallh1 {
font-size: 30px;
}
.smallh1.herowah1 {
font-size: 34px;
}
.solutionsection {
padding-top: 80px;
}
.solutionheader {
margin-bottom: 50px;
}
.solutionheader.testimonialheader.testimonialwaheader {
margin-bottom: 40px;
}
.solutioncols, .benefitcols-2 {
width: calc(50% - 10px);
}
.business-section, .business-section.business-reward-section {
padding-bottom: 80px;
}
.businesscols {
width: calc(50% - 10px);
}
.businessclimg.businessclfullwidth.bimgsize {
min-height: 251px;
max-height: 251px;
}
.businessbtn {
margin-top: 30px;
}
.businessbtn.businesstopspace {
margin-top: 50px;
}
.plyr_component.is-full-screen {
height: 80vw;
}
.bookdemo-row {
margin-top: 20px;
}
.bookdemo-pimg {
width: 60px;
height: 60px;
margin-right: 14px;
}
.bookdemo-name {
width: calc(100% - 74px);
font-size: 16px;
}
.hero-bookdemo-section {
padding-top: 140px;
}
.herobgimage {
max-width: 380px;
}
.herobadspan {
margin-bottom: 3px;
}
.ctarewardouter {
border-radius: 40px;
padding: 60px 40px;
}
.ctarewardrightimg {
width: 90%;
}
.lp-custom-video {
border-radius: 20px;
}
.businessinerspace.businessclimg.bimgsize {
min-height: 251px;
padding-top: 30px;
}
.brandlogo-section {
padding-top: 80px;
}
.brandlogo-section.sectionspace {
padding-bottom: 80px;
}
.brandlogocols {
width: calc(25% - 15px);
min-height: 130px;
}
.link-block {
padding: 20px;
}
.heroreward-section {
padding-top: 140px;
padding-bottom: 80px;
}
.heroreward-left {
padding-top: 20px;
}
.herorewardtext.whitetitle._500weight {
margin-bottom: 20px;
}
.heroreward-img {
max-width: 260px;
margin-bottom: -80px;
}
.heroreward-shapeimg {
width: calc(100% + 60px);
height: calc(100% + 220px);
top: -140px;
bottom: -80px;
right: -20px;
}
.benefithreecols {
width: calc(50% - 10px);
}
.benefithreecols.benefitwacols.benefitcols.benefroicols {
padding-bottom: 30px;
}
.ctaemployees-section {
padding-bottom: 80px;
}
.ctaemp-outer {
border-radius: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.exploresection {
padding-top: 80px;
padding-bottom: 80px;
}
.exploresection.explorefesection {
padding-bottom: 80px;
}
.exploreleft, .exploreright {
width: 100%;
}
.explorecols {
border-radius: 20px;
padding-bottom: 30px;
}
.exploreimg.exprtimg {
min-height: 255px;
}
.exploreheader {
margin-bottom: 50px;
}
.explorecontent {
padding-left: 30px;
padding-right: 30px;
}
.hero-employeessection {
padding-top: 140px;
padding-bottom: 70px;
}
.hero-employeessection.herosolutionsection {
padding-top: 140px;
padding-bottom: 80px;
}
.heroemplleft {
width: 60%;
}
.heroemplleft.herosolutionleft {
width: 50%;
}
.heroemprightimg {
width: 60%;
}
.heroemprightimg.herosolutionrightimg {
width: 75%;
}
.heropricing-section {
padding-top: 140px;
}
.heropricing-left {
margin-top: 80px;
}
.heropricing-right {
margin-bottom: -80px;
}
.formdefault {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
.socialmediacontent-section {
padding-top: 80px;
padding-bottom: 80px;
}
.smcontent-shape {
top: 100px;
}
.smcontent-shape.smtopimg {
top: 30px;
left: 25%;
}
.smcontent-shape.smbottomleftimg {
bottom: 0;
left: 40%;
}
.smcontent-shape.smrtopimg {
top: 30px;
right: 27%;
}
.smcontent-shape.smrightimg {
top: 120px;
}
.smcontent-shape.smrbottomimg {
bottom: 0;
right: 13%;
}
.smcontent-like {
top: 0;
left: 47%;
}
.smcontent-like.sml-leftop {
top: 40px;
left: 10%;
}
.smcontent-like.smlrighttop {
top: 40px;
right: 15%;
}
.smcontent-like.smlrightcenter {
bottom: 100px;
right: 25%;
}
.smcontent-like.smlrightbottom {
bottom: 0;
right: 30%;
}
.zigzagbtnwrapper {
margin-top: 50px;
}
.smc-shapewrapper {
z-index: 1;
width: 100%;
min-height: 300px;
margin-bottom: 30px;
position: relative;
}
.explorebtnwrapper {
margin-top: 50px;
}
.heroreward-shapeimg-v2 {
width: 62%;
height: calc(100% + 220px);
top: -140px;
bottom: -80px;
right: -20px;
}
.logopricingimg {
max-width: 124px;
}
.bimgsize {
min-height: 240px;
}
.bimgsize.businessclfullwidth.businessclimg {
min-height: 251px;
max-height: 251px;
}
.bimgsize.businessclfullwidth.businessclimg.businessclimg-center {
width: calc(100% + 40px);
}
.brandlogobtn {
margin-top: 50px;
}
.testimonialheader {
margin-bottom: 30px;
}
.input-err {
position: static;
}
.herocontact-column {
border-radius: 10px;
padding: 24px;
}
.herocontact-column-image {
max-width: 36px;
}
.herocontact-column-image.hcsmallimg {
max-width: 26px;
}
.herocontact-column-content {
margin-top: 14px;
}
.herocontact-column-title {
font-size: 22px;
}
.logo-track {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: inline-block;
}
.video-close {
right: 0;
}
.fturbottm-row-image {
max-width: 290px;
}
.traditionalsection {
padding-top: 80px;
padding-bottom: 80px;
}
.traditionaimg {
border-radius: 40px;
}
.mt-75 {
margin-top: 50px;
}
.businessclimg-center-img {
width: auto;
height: 300px;
}
.herocalculationsection {
margin-top: 104px;
}
.herocalcleft {
text-align: center;
width: 100%;
}
.herocalcright {
width: 100%;
}
.herocalctext.whitetitle {
margin-left: auto;
margin-right: auto;
}
.mb-40 {
margin-bottom: 30px;
}
.heroroiformtitle.heroroiformtitlev2 {
margin-left: 0;
margin-right: 0;
}
.herocalcestimatevalue.desktopshow {
display: none;
}
.herocalcestimatevalue.mobileshow {
display: block;
}
.benefroicols {
padding-bottom: 30px;
}
.herocalculationouter {
border-radius: 40px;
padding: 60px 30px;
}
.herocalculationouter.herocalcresultouter {
padding-top: 60px;
padding-bottom: 60px;
}
.faqouter {
border-radius: 40px;
padding-top: 80px;
padding-bottom: 80px;
}
.heroroiresultrow {
max-width: 505px;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
}
.roiresulttitle.roiresulttitlelarge.goldspan {
font-size: 34px;
}
.whyaslansection {
padding-bottom: 0;
}
.whyaslanright {
width: 100%;
margin-bottom: 40px;
}
.whyaslantitle {
text-align: center;
}
.whyaslanimage {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
position: static;
}
.headersubmenu {
background-image: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
min-width: auto;
margin-top: 0;
padding-bottom: 0;
position: static;
transform: none;
}
.headersubmenu.w--open {
position: static;
}
.headersubmenulist {
color: var(--navybluecolor);
text-align: center;
}
.headersubmenulist:hover {
color: var(--goldcolor);
}
.herobpsection {
padding-top: 140px;
padding-bottom: 200px;
}
.mb-32 {
margin-bottom: 28px;
}
.herofeaturedimagesec {
padding-bottom: 28px;
}
.herofiwrapper {
margin-top: -150px;
padding-top: 56.25%;
}
.blogpostsection {
padding-top: 28px;
padding-bottom: 80px;
}
.relatedbpsection {
padding-top: 80px;
padding-bottom: 80px;
}
.relatedbpheader {
margin-bottom: 32px;
}
.relatedbpcolumn {
border-radius: 20px;
padding-bottom: 70px;
}
.relatedbpimgwpr {
padding-top: 75%;
}
.relatedbpimage {
border-radius: 20px;
}
.relatedbpcontent {
padding: 20px;
}
.relatedbptags.herobptag {
grid-row-gap: 0px;
}
.relatedbpbtn {
bottom: 20px;
left: 20px;
}
.relatedbptitlelink {
font-size: 20px;
}
.heroresourcesection {
padding-top: 140px;
padding-bottom: 80px;
}
.rlsection {
padding-top: 60px;
padding-bottom: 80px;
}
.rlcolumn {
padding-bottom: 70px;
}
.rlcolumn.collection-item {
border-radius: 20px;
}
.loadmorebtn {
margin-top: 60px;
}
.aboutherosection {
background-image: none;
padding-top: 140px;
padding-bottom: 20px;
}
.aboutherocontents {
text-align: center;
max-width: 100%;
}
.hero-shape {
height: 150px;
}
.ourvalueinnerrow {
margin-left: -10px;
margin-right: -10px;
}
.ourvalueinnercolumn {
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.overvaluebox {
min-height: auto;
padding-left: 20px;
padding-right: 20px;
}
.careersolutionsection {
padding-top: 80px;
padding-bottom: 80px;
}
.careersolutionbottomflex {
justify-content: center;
align-items: stretch;
}
.csbimage, .csbimage.full {
width: 31%;
}
.csbimage.margin {
margin-top: 0%;
}
.csbimage.margin.last {
margin-top: 0%;
padding-right: 0;
}
.csbbox, .csbbox.yellow._35 {
width: 31%;
}
.csblogowrap {
width: 31%;
max-width: 100%;
}
.csblogowrap.margin {
margin-top: 0%;
}
.mob-img-show {
text-align: center;
margin-top: 40px;
display: block;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22px;
}
.footerleft {
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 20px;
display: flex;
}
.footercenter {
width: 100%;
}
.footerright {
align-items: center;
width: 100%;
}
.footersocialmedia {
justify-content: center;
margin-top: 0;
}
.footermenu {
width: calc(50% - 15px);
}
.footermenu.footermenucenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.footercopyright {
margin-top: 30px;
}
.footerpaybtn {
margin-top: 0;
}
.herosection {
text-align: center;
}
.herouter {
border-radius: 20px;
padding-top: 60px;
padding-left: 30px;
padding-right: 30px;
}
.logosection {
padding-bottom: 40px;
}
.logosection.logowasection {
padding-top: 60px;
}
.logosection.logov2section {
padding-top: 80px;
}
.logosection.logoroisection {
padding-top: 60px;
padding-bottom: 60px;
}
.logorow {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.logorow.logopricing-row {
flex-flow: wrap;
justify-content: center;
}
.logoheader {
margin-bottom: 20px;
}
.benefitsection {
padding-top: 60px;
padding-bottom: 60px;
}
.benefitsection.graybg, .benefitsection.graybg-copy, .benefitsection.graybgopacity.benefitwhyaslan-section, .benefitsection.benefitspacesection, .benefitsection.benefitv2section {
padding-bottom: 60px;
}
.benefitsection.benefitroisection, .benefitsection.benefitroiresultsection {
padding-top: 60px;
padding-bottom: 60px;
}
.benefitcols {
width: 100%;
padding-top: 30px;
}
.benefitcltxt, .benefitcltxt.benefitcltextv2 {
max-width: 100%;
}
.benefitlogo {
min-height: auto;
margin-left: auto;
margin-right: auto;
}
.heroinner {
display: block;
}
.heroleft, .heroright {
width: 100%;
}
.herotext.herohometext {
margin-bottom: 20px;
}
.herotitleh1 {
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 30px;
line-height: 1.2;
}
.featuresection {
padding-top: 60px;
padding-bottom: 60px;
}
.featureleft.featureleft-two, .featureright.featureright-two {
width: 100%;
}
.featurecols {
width: 100%;
min-height: 320px;
}
.featuretitle {
max-width: 260px;
}
.featuretitle.featurelargetitle {
max-width: 247px;
}
.featuretitle.flctitle {
max-width: 270px;
}
.featuretitle.featurerighttitle {
max-width: 240px;
}
.featureimg.featurebgimg {
height: 66.66%;
}
.featureimg.featureimg-btm {
position: static;
}
.ftrimg {
max-width: 180px;
}
.faqsection, .faqsection.faqrewards {
padding-top: 60px;
padding-bottom: 60px;
}
.faqsection.faq-topspace {
padding-top: 60px;
}
.faqsection.faqroisection {
padding-top: 60px;
padding-bottom: 60px;
}
.faqheader.faqroiheader {
margin-bottom: 20px;
}
.heroicon {
width: 60px;
height: 30px;
margin-left: 5px;
margin-right: 5px;
}
.faqbtnwrapper {
margin-top: 30px;
}
.casestudysection {
padding-bottom: 60px;
}
.cscols {
width: 100%;
}
.cscimage {
min-height: 260px;
}
.cstags {
padding-left: 24px;
padding-right: 24px;
}
.zigzagsection.ourvaluesection {
padding-bottom: 20px;
}
.zigzagright {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.zigzaglcontent {
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
.zigzaglcontent.zigzagreverseleft {
margin-left: auto;
}
.zigzagimage, .zigzagimage.zgsolutionimage {
max-width: 400px;
}
.zigzagimgoverlay.zgimgslnoverlay, .zgzgimg.zgslrnimg {
border-radius: 20px;
}
.testimonialsection {
padding-top: 60px;
}
.testimonialsection.testimonialwasection, .testimonialsection.testimonialspace {
padding-bottom: 60px;
}
.testimonialslider {
padding-left: 16px;
padding-right: 16px;
}
.testimonialsliderinner {
max-width: 100%;
}
.testimonialarrow {
width: 30px;
height: 30px;
left: -10px;
}
.testimonialarrow.testimonialarrowright {
left: auto;
right: -10px;
}
.testimonialdots {
margin-top: 20px;
display: block;
position: static;
}
.testimonialtext {
font-size: 18px;
}
.testimonialtext.testimonialtextmorespace {
margin-bottom: 22px;
}
.testimonialarrowicon {
width: 30px;
height: 30px;
}
.testimonialpersonimage {
margin-bottom: 10px;
}
.ctasection.ctawasection {
padding-bottom: 60px;
}
.ctasection.ctalargespace, .ctasection.ctaroisection {
padding-top: 60px;
padding-bottom: 60px;
}
.ctaouter {
border-radius: 20px;
padding: 30px;
}
.ctatitleimgspan {
width: 130px;
height: 44px;
margin-left: 5px;
}
.ctabimg {
width: 100%;
}
.ctameeting {
width: calc(100% + 40px);
max-width: calc(100% + 40px);
height: auto;
min-height: 650px;
margin-left: -20px;
margin-right: -20px;
overflow: hidden;
}
.herorightimg {
width: 100%;
max-width: 100%;
}
.heading-2 {
font-size: 28px;
}
.faqdpdntitle {
font-size: 16px;
}
.paragraph-5 {
font-size: 18px;
}
.zigzagheader {
margin-bottom: 40px;
}
.hero-whyaslan-section {
padding-top: 120px;
padding-bottom: 60px;
}
.herowaleft {
text-align: center;
width: 100%;
margin-left: 0;
}
.herowaleft.herofecenter, .herowaleft.herowaleftv2, .herowaright, .herowaright.herobadright {
width: 100%;
}
.herowatext {
margin-left: auto;
margin-right: auto;
}
.smallh1, .smallh1.herowah1 {
font-size: 30px;
}
.solutionsection {
padding-top: 60px;
padding-bottom: 40px;
}
.solutionheader {
margin-bottom: 40px;
}
.solutioncols {
width: 100%;
padding: 30px 20px;
}
.solutioncols.solutionlastchild {
padding-top: 30px;
padding-left: 20px;
}
.benefitcols-2 {
width: 100%;
}
.solutionlogo {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.business-section {
padding-top: 40px;
padding-bottom: 60px;
}
.business-section.business-reward-section {
padding-bottom: 60px;
}
.businesscols {
border-radius: 20px;
width: 100%;
}
.businessclimg.businessclfullwidth.bimgsize {
min-height: auto;
max-height: 100%;
}
.businessclimg.margintopspace.minheightbcli, .businessclimg.minheightbcli {
min-height: auto;
}
.businessbtn.businesstopspace {
margin-top: 30px;
}
.businesscontent.busnsctop.businessfirst {
margin-top: 0;
}
.ctalist.whitetitle {
text-align: left;
}
.ctalist.ctaherolist.whitetitle {
padding-left: 0;
}
.ctalist.ctaherolist.ctaherolistv2 {
max-width: 495px;
margin-left: auto;
margin-right: auto;
}
.plyr_component.is-full-screen {
height: 110vw;
}
.plyr_cover-button {
font-size: .8em;
}
.bookdemo-row {
text-align: left;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.hero-bookdemo-section {
padding-top: 120px;
padding-bottom: 0;
}
.herobad-bottomimg {
text-align: center;
width: 100%;
margin-top: 30px;
position: static;
}
.ctarewardouter {
border-radius: 20px;
padding: 30px 30px 0;
}
.ctarewardleft {
width: 100%;
}
.ctarewardrightimg {
width: calc(100% + 60px);
height: auto;
margin-top: 30px;
margin-left: -30px;
margin-right: -30px;
padding-top: 47%;
position: static;
}
.lp-custom-video {
padding-top: 56.25%;
}
.lp-custom-video.herowaright.lpcustom-videowrapper {
min-height: auto;
}
.lp-custom-video.herowaright.lpcustom-videowrapper.herowarightv2 {
width: 100%;
}
.businessinerspace.businessclimg.bimgsize {
min-height: auto;
}
.brandlogo-section {
padding-top: 60px;
padding-bottom: 40px;
}
.brandlogo-section.sectionspace {
padding-bottom: 60px;
}
.brandlogocols {
width: calc(33.33% - 14px);
min-height: 110px;
}
.heroreward-section {
padding-top: 120px;
padding-bottom: 0;
}
.heroreward-left {
text-align: center;
width: 100%;
padding-top: 0;
}
.heroreward-right {
width: 100%;
margin-top: 50px;
padding-left: 0;
}
.herorewardtext.whitetitle._500weight {
margin-left: auto;
margin-right: auto;
}
.heroreward-img {
max-width: 280px;
margin-bottom: -60px;
}
.heroreward-shapeimg {
z-index: -1;
width: calc(100% + 40px);
height: calc(100% + 90px);
top: -30px;
bottom: -60px;
left: -20px;
}
.benefithreecols {
width: 100%;
}
.benefithreecols.benefitwacols.benefitcols {
padding-top: 30px;
}
.ctaemployees-section {
padding-bottom: 60px;
}
.ctaemp-outer {
border-radius: 20px;
}
.exploresection {
padding-top: 60px;
padding-bottom: 60px;
}
.exploresection.explorefesection {
padding-bottom: 60px;
}
.explorecols {
width: 100%;
}
.exploreimg.exprtimg {
min-height: auto;
}
.exploreheader {
margin-bottom: 40px;
}
.explorecontent {
padding-top: 20px;
}
.hero-employeessection {
flex-flow: column;
order: 1;
padding-top: 0;
padding-bottom: 60px;
display: flex;
}
.hero-employeessection.herosolutionsection {
padding-top: 120px;
padding-bottom: 0;
}
.heroemplleft {
text-align: center;
width: 100%;
}
.heroemplleft.herosolutionleft {
width: 100%;
}
.heroemprightimg {
flex-flow: column;
width: 100%;
height: auto;
margin-bottom: 40px;
padding-top: 66.66%;
display: flex;
position: static;
}
.heroemprightimg.herosolutionrightimg {
flex-flow: column;
order: 0;
justify-content: flex-start;
width: 100%;
margin-top: 30px;
margin-bottom: 0;
padding-top: 0%;
}
.heropricing-section {
padding-top: 120px;
}
.heropricing-left {
text-align: center;
width: 100%;
margin-top: 0;
}
.heropricing-right {
width: 100%;
}
.heropricing-text {
margin-left: auto;
margin-right: auto;
}
.twoclform.formcols {
width: 100%;
}
.socialmediacontent-section {
padding-top: 60px;
padding-bottom: 60px;
}
.smcontent-shape {
width: 45px;
height: 45px;
}
.smcontent-like {
width: 48px;
}
.smcontent-like.smlrighttop {
right: 13%;
}
.smc-shapewrapper {
width: 100%;
}
.hero-outerow {
flex-flow: column;
display: flex;
}
.headertopgdnt {
height: 150px;
}
.explorebtnwrapper {
margin-top: 30px;
}
.heroreward-shapeimg-v2 {
background-position: 50% 0;
width: 100%;
height: auto;
margin-top: 30px;
padding-top: 75%;
display: none;
position: static;
top: auto;
bottom: -60px;
right: auto;
}
.logopricingimg {
max-width: 140px;
}
.bimgsize {
min-height: auto;
}
.bimgsize.businessclfullwidth.businessclimg {
min-height: auto;
max-height: 100%;
}
.heroreward-shapeimg-v2-mobile {
margin-top: 30px;
padding-top: 75%;
display: none;
}
.brandlogobtn {
margin-top: 30px;
}
.mb-20 {
margin-bottom: 15px;
}
.legal-content-table {
padding-bottom: 20px;
}
.herocontact-row {
margin-left: auto;
margin-right: auto;
}
.herocontact-column {
padding-left: 20px;
padding-right: 20px;
}
.herocontact-column-image {
margin-left: auto;
margin-right: auto;
}
.herocontact-column-title {
font-size: 20px;
}
.paragraph-7 {
text-align: left;
}
.video-popup-content {
width: calc(100% - 20px);
padding-bottom: 56.25%;
}
.fturbottm-row-image {
bottom: 90px;
}
.traditionalsection {
padding-top: 60px;
padding-bottom: 60px;
}
.traditionalrow {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.traditionalleft {
width: 100%;
}
.traditionalright {
text-align: center;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.traditionalimage {
margin-left: auto;
margin-right: auto;
}
.traditionalcolumn {
margin-bottom: 30px;
}
.mt-75 {
margin-top: 30px;
}
.businessclimg-center-img {
height: auto;
}
.herocalculationrow.herocalculationrowv2 {
padding: 0 20px;
}
.mb-40 {
margin-bottom: 24px;
}
.heroroiformouter {
padding-left: 24px;
padding-right: 24px;
}
.mb-23 {
margin-bottom: 16px;
}
.herocalcestimaterow {
flex-flow: column;
align-items: flex-start;
}
.herocalculationouter {
border-radius: 20px;
padding-top: 40px;
padding-bottom: 40px;
}
.herocalculationouter.herocalcresultouter {
padding-top: 40px;
padding-bottom: 40px;
}
.secformsubmit.secformsubmit-flex {
flex-flow: wrap;
justify-content: flex-start;
}
.faqouter {
border-radius: 20px;
padding-top: 60px;
padding-bottom: 60px;
}
.roiresultrow.roiresultrow-left {
width: 100%;
padding-left: 24px;
padding-right: 24px;
}
.roiresulttitle.roiresulttitlelarge {
font-size: 32px;
}
.roiresulttitle.roiresulttitlelarge.goldspan, .roiresultxt.employeesavings {
font-size: 28px;
}
.mb-30 {
margin-bottom: 24px;
}
.whyaslansection {
padding-top: 30px;
}
.whyaslanimage {
max-width: 540px;
padding-left: 20px;
padding-right: 20px;
}
.whyaslantext {
font-size: 18px;
}
.heroresultheader {
margin-bottom: 30px;
}
.text-block-4 {
font-size: 20px;
}
.footercertifiedlogo {
margin-top: 30px;
}
.herobpsection {
padding-top: 120px;
padding-bottom: 130px;
}
.mb-32 {
margin-bottom: 24px;
}
.herobpauthorimage {
width: 60px;
max-width: 60px;
height: 60px;
}
.herofeaturedimagesec {
padding-bottom: 24px;
}
.herofiwrapper {
border-radius: 20px;
margin-top: -100px;
}
.blogpostsection {
padding-top: 24px;
padding-bottom: 60px;
}
.relatedbpsection {
padding-top: 60px;
padding-bottom: 60px;
}
.relatedbpheader {
margin-bottom: 24px;
}
.relatedbpcolumn {
width: 100%;
}
.relatedbpimgwpr {
padding-top: 62.62%;
}
.heroresourcesection {
padding-top: 120px;
padding-bottom: 60px;
}
.rlcolumn.collection-item {
width: 100%;
}
.loadmorebtn {
margin-top: 40px;
}
.aboutherosection {
padding-bottom: 60px;
}
.ourvalueinnerrow {
margin-top: 15px;
margin-left: 0;
margin-right: 0;
}
.ourvalueinnercolumn {
width: 100%;
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.careersolutionsection {
padding-top: 60px;
padding-bottom: 60px;
}
.careersolutiontop {
text-align: center;
}
.careertopleft {
width: 100%;
}
.careertopright {
width: 100%;
margin-top: 20px;
}
.careertoprightwrap {
justify-content: center;
}
.careersolutionbottom {
margin-top: 40px;
}
.careersolutionbottomflex {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
}
.csbimage {
border-radius: 25px;
width: 48%;
}
.csbimage.full {
width: 48%;
}
.csbbox {
border-radius: 25px;
width: 48%;
padding-left: 14px;
padding-right: 14px;
font-size: 13px;
line-height: 1.2;
}
.csbbox.yellow._35 {
width: 48%;
}
.csbimg {
border-radius: 25px;
}
.csblogowrap {
border-radius: 25px;
width: 48%;
max-width: 100%;
}
}
@media screen and (max-width: 479px) {
.herouter {
padding-left: 20px;
padding-right: 20px;
}
.logosection.logov2section {
margin-top: 0;
padding-top: 80px;
}
.logorow {
box-sizing: border-box;
grid-column-gap: 9px;
grid-row-gap: 9px;
flex-flow: row-reverse wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: auto;
min-height: 50px;
display: flex;
}
.logorow.logopricing-row {
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding-right: 40px;
}
.logocols.lft {
text-align: center;
}
.herotitleh1 {
max-width: 100%;
font-size: 29px;
}
.featurecols.featurelargecols {
opacity: 1;
outline-offset: 0px;
mix-blend-mode: normal;
outline: 3px #545454;
}
.ftrimg {
max-width: 160px;
}
.featurecloverlay {
opacity: 1;
mix-blend-mode: multiply;
background-image: repeating-linear-gradient(90deg, #000c, #00000080 76%, #0000 89% 100%, #0000);
}
.featurebox {
border-radius: 10px;
min-width: auto;
padding-left: 5px;
padding-right: 5px;
}
.fbcontent, .fbctitle {
font-size: 12px;
}
.cscimage {
min-height: 220px;
}
.zigzagsection {
margin-top: 100px;
margin-bottom: 100px;
}
.zigzagtopshape {
background-size: cover;
top: -90px;
}
.zigzagbottomshape {
background-size: cover;
bottom: -90px;
}
.testimonialtext {
font-size: 16px;
}
.ctaouter {
width: calc(100% + 40px);
margin-left: -20px;
margin-right: -20px;
padding-left: 24px;
padding-right: 24px;
}
.ctatitleh2.whitetitle {
display: block;
}
.ctatitleh2.whitetitle.roictatitleh2 {
text-align: left;
}
.ctameeting {
min-height: 630px;
}
.featurefimg {
opacity: .17;
}
.text-block {
font-size: 12px;
}
.small-logo {
max-width: 100px;
padding-bottom: 0;
}
.small-logo.logopricingimg {
max-width: 125px;
}
.small-logo.zest-logo {
padding-bottom: 5px;
}
.herowaright.herobadright {
padding-bottom: 0;
}
.smallh1, .smallh1.herowah1 {
font-size: 28px;
}
.solutioncltxt.solutioncltxtlc {
margin-bottom: 10px;
}
.solutionbgimg {
width: 160px;
}
.solutoinlink {
width: 40px;
height: 40px;
}
.plyr_cover-button {
font-size: .7em;
}
.ctarewardouter {
padding-left: 24px;
padding-right: 24px;
}
.ctarewardrightimg {
width: calc(100% + 48px);
margin-left: -24px;
margin-right: -24px;
}
.lp-custom-video {
padding-top: 66.66%;
}
.brandlogorow {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.brandlogocols {
width: calc(50% - 5px);
min-height: 100px;
}
.heropricing-bgimg {
margin-bottom: 0;
padding-bottom: 0;
}
.smcontent-shape {
top: 120px;
left: 20px;
}
.smcontent-shape.smbottomleftimg {
left: 20%;
}
.smcontent-shape.smrtopimg {
top: 80px;
right: 28%;
}
.smcontent-shape.smrbottomimg {
bottom: 20px;
right: 7%;
}
.smcontent-like.sml-leftop {
left: 1%;
}
.smcontent-like.sml-leftbtm {
bottom: 60px;
}
.smcontent-like.smlrighttop {
right: 6%;
}
.smcontent-like.smlrightcenter {
bottom: 80px;
right: 30%;
}
.smcontent-like.smlrightbottom {
right: 36%;
}
.benify-logo {
max-width: 100%;
}
.code-embed-2 {
max-height: 650px;
}
.fturbottm-row-image {
max-width: 220px;
bottom: 70px;
}
.herocalculationrow {
grid-row-gap: 30px;
}
.herocalculationrow.herocalculationrowv2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 16px;
padding: 0 16px;
}
.heroroiformouter {
width: calc(100% + 20px);
margin-left: -10px;
margin-right: -10px;
padding-left: 20px;
padding-right: 20px;
}
.herocalculationouter {
padding: 30px 20px;
}
.herocalculationouter.herocalcresultouter {
padding-top: 30px;
padding-bottom: 30px;
}
.submitroi {
background-position: 70%;
min-width: auto;
padding-left: 60px;
padding-right: 90px;
}
.submitroi.submitroi-v2 {
background-position: 86%;
background-size: 20px 20px;
padding-left: 20px;
padding-right: 54px;
}
.heroroiresultrow {
padding: 30px 16px 40px;
}
.roiresultrow.mb-30 {
padding-top: 18px;
padding-bottom: 18px;
}
.roiresultrow.roiresultrow-left {
border-radius: 16px;
padding-left: 20px;
padding-right: 20px;
}
.roiresultrow.roiresultrow-small {
border-radius: 16px;
}
.roiresulttitle.roiresulttitlelarge {
font-size: 26px;
}
.roiresulttitle.roiresulttitlesmall {
font-size: 16px;
}
.roiresulttext {
font-size: 16px;
line-height: 1.6;
}
.roiresulttext.roiresulttextsmall {
font-size: 16px;
}
.roiresultxt {
font-size: 27.082px;
}
.roiresultxt.employersavings {
font-size: 22px;
}
.roiresultxt.employeesavings {
font-size: 26px;
}
.roiresultdescription {
line-height: 1.6;
}
.heroresultbtn {
margin-top: 24px;
}
.mb-32 {
margin-bottom: 20px;
}
.herofeaturedimagesec {
padding-bottom: 20px;
}
.herofiwrapper {
padding-top: 66.66%;
}
.blogpostsection {
padding-top: 20px;
}
.csbimage, .csbimage.full, .csbbox, .csbbox.yellow._35 {
width: 46%;
}
.csbimg.full {
min-height: 160px;
}
.csblogowrap {
width: 46%;
}
.csbboxtext {
font-size: 13px;
}
}