html {
-ms-text-size-adjust: 100%;
-webkit-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: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
margin: 0.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: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
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;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
format("truetype");
font-weight: 400;
font-style: normal;
}
[class^="w-icon-"],
[class*="\ w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "î˜Â";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
min-height: 100%;
color: #333;
background-color: #fff;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
max-width: 100%;
vertical-align: middle;
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: transparent !important;
}
.w-webflow-badge,
.w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
width: auto;
height: auto;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
float: none;
clear: none;
box-shadow: none;
opacity: 1;
direction: ltr;
font-family: inherit;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
text-align: inherit;
letter-spacing: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-indent: 0;
text-transform: inherit;
text-shadow: none;
font-smoothing: auto;
vertical-align: baseline;
cursor: inherit;
white-space: inherit;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
background: 0 0;
border: 0 transparent;
border-radius: 0;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
transform: none;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !important;
width: auto !important;
height: auto !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px 8px 6px 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
top: auto !important;
bottom: 12px !important;
left: auto !important;
right: 12px !important;
overflow: visible !important;
transform: none !important;
}
.w-webflow-badge > img {
visibility: visible !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe,
.w-video object,
.w-video embed {
width: 100%;
height: 100%;
border: none;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button,
[type="button"],
[type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block;
}
.w-input,
.w-select {
width: 100%;
height: 38px;
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
color: #999;
opacity: 1;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
color: #999;
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input,
textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
width: 0.1px;
height: 0.1px;
opacity: 0;
z-index: -100;
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: 400;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block;
}
.w-file-remove-link {
width: auto;
height: auto;
cursor: pointer;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 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;
width: 28px;
height: 20px;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
-ms-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: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid transparent;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0)
rgba(117, 134, 150, 0);
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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0)
rgba(255, 255, 255, 0);
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: " ";
height: 0;
width: 0;
pointer-events: none;
border: solid transparent;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
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 {
height: 500px;
color: #fff;
position: relative;
overflow: hidden;
}
.w-background-video > video {
width: 100%;
height: 100%;
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
margin: auto;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: transparent;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
height: 300px;
text-align: center;
clear: both;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
background: #ddd;
position: relative;
}
.w-slider-mask {
z-index: 1;
height: 100%;
white-space: nowrap;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: left;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
height: 40px;
text-align: center;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
margin: auto;
padding-top: 10px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: 0.2em 0.5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: rgba(34, 34, 34, 0.4);
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
width: 1em;
height: 1em;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.4);
margin: 0 3px 0.5em;
transition: background-color 0.1s, color 0.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 {
width: 80px;
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin: auto;
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 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;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
border: 0;
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;
-ms-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 {
min-width: 100%;
background: #ddd;
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: rgba(0, 0, 0, 0.9);
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;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
height: 100%;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
width: 100vw;
height: 100vh;
opacity: 0;
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;
height: auto;
max-width: none;
}
.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: rgba(0, 0, 0, 0.4);
padding: 0.5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-lightbox-control {
width: 4em;
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
transition: all 0.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 {
height: 2.6em;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow-x: auto;
overflow-y: hidden;
}
.w-lightbox-item {
width: 10vh;
box-sizing: content-box;
cursor: pointer;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0);
}
.w-lightbox-active {
opacity: 0.3;
}
.w-lightbox-thumbnail {
height: 10vh;
background: #222;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
width: 40px;
height: 40px;
border: 5px solid rgba(0, 0, 0, 0.4);
border-radius: 50%;
margin-top: -20px;
margin-left: -20px;
animation: 0.8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid transparent;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -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: 0.5;
display: block;
}
.w-lightbox-close {
opacity: 0.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;
top: 0;
bottom: 0;
left: 0;
right: 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: 0.6;
}
.w-richtext figure div {
color: transparent;
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 {
width: 100%;
max-width: 100%;
text-align: center;
clear: both;
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: #fff;
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;
min-width: 200px;
background: #c8c8c8;
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: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
width: 12px;
height: 12px;
border: 1px solid #ccc;
border-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
body {
font-family:'Ldfcomicsansbold-zgma';
font-size: 14px;
line-height: 20px;
}
h1 {
color: #0f172a;
letter-spacing: -0.02em;
margin-top: 20px;
margin-bottom: 40px;
font-size: 50.52px;
font-weight: 400;
line-height: 64px;
}
h2 {
color: #0f172a;
letter-spacing: -0.02em;
margin-top: 10px;
margin-bottom: 24px;
font-size: 37.9px;
font-weight: 400;
line-height: 48px;
}
h3 {
color: #ffffff;
letter-spacing: -0.02em;
margin-top: 0;
margin-bottom: 10px;
font-size: 28.43px;
font-weight: 400;
line-height: 40px;
}
h4 {
color: #0f172a;
letter-spacing: -0.02em;
margin-top: 10px;
margin-bottom: 24px;
font-size: 21.33px;
font-weight: 400;
line-height: 32px;
}
h5 {
color: #0f172a;
letter-spacing: -0.02em;
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
h6 {
color: #0f172a;
letter-spacing: -0.02em;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
p {
color: #ffffff;
margin-bottom: 40px;
font-size: 16px;
line-height: 24px;
}
@media only screen and (min-width:1300px){
p {
font-size:18px;
line-height: 28px;
}
}
a {
text-decoration: none;
}
img {
max-width: 180%;
display: inline-block;
}
strong {
text-align: center;
font-weight: 600;
}
em {
font-style: italic;
font-weight: 300;
}
.c-section {
color: #0f172a;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
background-color:#f06700;
}
.c-section.cc-dark {
background-color: rgba(15, 23, 42, 0.65);
}
.c-section.cc-white {
color: #0f172a;
}
.c-section.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.c-section.no-padding.cc-light-red-bg {
background-color: rgba(255, 40, 104, 0.17);
}
.c-section.no-padding.cc-light-green-bg {
background-color: rgba(53, 200, 159, 0.17);
}
.c-section.no-padding.cc-light-blue-bg {
background-color: rgba(0, 154, 255, 0.17);
}
.c-section.no-padding.cc-light-orange-bg {
background-color: rgba(255, 156, 39, 0.17);
}
.c-section.no-padding.cc-dark-blue-bg {
background-color: #0f00c0;
}
.c-section.no-padding.cc-being-bg {
background-color: #fdf5f7;
}
.c-section.no-padding.cc-green-bg {
background-color: #35c89f;
}
.c-section.p-top__140 {
padding-top: 140px;
}
.c-section.p-top__140.cc-stats {
display: none;
}
.c-section.cc-beige-bg {
background-color: #fdf5f7;
}
.c-section.p-btm__140 {
padding-bottom: 140px;
}
.c-section.p-top {
padding-bottom: 0;
}
.c-section.p-top.cc-hide {
display: none;
}
.c-section.p-top__130 {
text-align: left;
padding-top: 130px;
padding-bottom: 0;
}
.c-section.p-btm {
padding-top: 0;
}
.c-section.p-top__40 {
padding-top: 40px;
}
.c-section.p-btm__160 {
padding-bottom: 160px;
}
.c-section.cc-green-bg {
background-color: #35c89f;
}
.c-section.p-top__180 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 180px;
display: flex;
}
.c-section.p-top__150 {
padding-top: 150px;
padding-bottom: 0;
}
.c-section.p-top__150.p-btm__32 {
padding-bottom: 32px;
}
.c-section.p-btm__50 {
padding-top: 0;
padding-bottom: 50px;
}
.c-section.p-btm__280 {
padding-bottom: 280px;
}
.c-section.p-top__115 {
padding-top: 115px;
}
.c-section.cc-mobile,
.c-section.cc-custom-bg {
display: none;
}
.c-section.p-btm__200 {
padding-bottom: 200px;
}
.c-section.cc-pricing-cta {
padding-top: 120px;
overflow: hidden;
}
.c-section.cc--captera {
color: #fff;
background-color: #009aff;
padding-top: 48px;
padding-bottom: 48px;
display: none;
}
.c-section.big-top {
padding-top: 100px;
}
.c-ctn {
width: 100%;
max-width: 1280px;
min-width: 970px;
margin-left: auto;
margin-right: auto;
}
.c-ctn.cc-absolute {
padding-bottom: 0;
position: absolute;
}
.c-ctn.cc-absolute.cc-flex {
justify-content: flex-end;
display: flex;
}
.c-ctn.cc-absolute.cc-flex.spaced {
justify-content: space-between;
align-items: center;
}
.c-ctn.cc-pink-bg {
height: 100%;
background-color:#f06700;
border-radius: 16px;
}
.c-ctn.cc-70 {
width: 70%;
max-width: 996px;
min-width: 920px;
}
.c-ctn.cc-70.cc-absolute {
color: #0f172a;
margin-bottom: 0;
}
.c-ctn.cc-70.cc-absolute.cc-flex.desktop {
justify-content: space-between;
}
.c-ctn.cc-70.cc-absolute.cc-margin-bottom {
margin-bottom: -90px;
}
.c-ctn.cc-70.cc-relative.cc-custom-width {
max-width: none;
}
.c-ctn.cc-70.cc-mobile {
display: none;
}
.c-ctn.cc-70.banner {
margin-top: 10px;
}
.c-ctn.cc-70.cc-absolute {
color: #0f172a;
}
.c-ctn.cc-60 {
width: 60%;
min-width: 850px;
}
.c-ctn.cc-40 {
width: 40%;
max-width: 600px;
min-width: auto;
}
.c-ctn.cc-40.cc-flex {
justify-content: center;
align-items: center;
display: flex;
}
.c-ctn.cc-100 {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
position: static;
}
.c-ctn.cc-100.full {
height: 100%;
}
.c-ctn.cc-relative {
position: relative;
z-index:99;
}
.c-ctn.cc-relative.custom-full-width {
max-width: none;
}
.c-ctn.cc-60 {
width: 40%;
}
.c-ctn.cc-60.cc-flex {
width: 60%;
justify-content: center;
align-items: center;
display: flex;
}
.c-ctn.cc-nav {
width: 85%;
height: auto;
min-width: 1080px;
background-color: rgb(1 1 55);
border-radius: 100px;
justify-content: space-between;
align-items: center;
display: flex;
min-height:90px;
box-shadow:0 15px 25px rgb(0 0 0 / 20%);
overflow: hidden;
}
.c-ctn.cc-80 {
width: 80%;
max-width: 1200px;
min-width: auto;
}
.c-ctn.cc-80.cc-absolute.cc-flex.spaced.signup {
padding-top: 60px;
}
.c-ctn.cc-75 {
width: 75%;
max-width: 1200px;
min-width: auto;
}
.c-ctn.cc-50 {
width: 50%;
max-width: 666px;
min-width: auto;
}
.c-ctn.c-55 {
width: 55%;
max-width: 800px;
min-width: auto;
}
.c-ctn.cc-flex {
display: flex;
}
.c-ctn.cc-flex.cc-right {
justify-content: flex-end;
}
.c-ctn.cc-mobile {
display: none;
}
.c-ctn.cc-border-btm {
border-bottom: 1px solid #000;
padding-bottom: 20px;
}
.flex-vertical {
flex-direction: column;
display: flex;
}
.flex-vertical.center {
align-items: center;
}
.flex-vertical.center.p-custom {
padding-top: 0px;
padding-bottom: 0px;
padding-left:20px;
padding-right:20px;
}
.flex-vertical.p-btm-50 {
padding-bottom: 50px;
}
.flex-vertical.p-btm-50.cc-solution-gen.mobile {
display: none;
}
.flex-vertical.p-all__16 {
padding: 16px 16px 2px;
}
.flex-vertical.p-all__16.cc-beige-bg {
background-color: #fdf5f7;
}
.flex-vertical.p-all__16.cc-beige-bg.radius-8 {
border-radius: 8px;
}
.flex-vertical.p-top__180 {
align-items: flex-start;
}
.flex-wrapper {
flex-flow: row;
flex: 0 auto;
align-items: flex-start;
display: flex;
}
.flex-wrapper.cc-spaced {
justify-content: space-between;
}
.flex-wrapper.cc-spaced.cc-beige-bg.cc-radius__100 {
border-radius: 100px;
align-items: center;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
}
.flex-wrapper.cc-spaced.cc-beige-bg.cc-radius__100.p-left__30 {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 30px;
}
.flex-wrapper.cc-spaced.cc-beige-bg.cc-radius__100.desktop {
padding-top: 5px;
padding-bottom: 5px;
}
.flex-wrapper.cc-spaced.mg-btm__20 {
margin-bottom: 20px;
}
.flex-wrapper.cc-spaced.mg-btm__80 {
margin-bottom: 30px;
}
.flex-wrapper.cc-spaced.cc-85 {
width: 85%;
}
.flex-wrapper.cc-first-row {
justify-content: center;
align-items: center;
padding-bottom: 15px;
}
.flex-wrapper.center {
justify-content: center;
align-items: center;
}
.flex-wrapper.center.mg-btm__12 {
margin-bottom: 12px;
}
.flex-wrapper.center.mg-btm__12.opacity-0 {
opacity: 0;
}
.flex-wrapper.center.mg-btm__12.opacity-0.title {
margin-bottom: 35px;
}
.flex-wrapper.mg-btm__70 {
margin-bottom: 70px;
}
.flex-wrapper.cc-beige-bg {
background-color: #fdf5f7;
}
.flex-wrapper.cc-beige-bg.cc-border-radius {
border-radius: 100px;
justify-content: center;
align-items: center;
}
.flex-wrapper.justify-center {
align-items: center;
}
.flex-wrapper.justify-center.mg-btm__16 {
margin-bottom: 16px;
}
.flex-wrapper.justify-center.mg-btm__10 {
margin-bottom: 10px;
}
.flex-wrapper.flex-vertical {
flex-direction: column;
}
.flex-wrapper.flex-vertical.p-top__16 {
padding-top: 16px;
}
.flex-wrapper.flex-vertical.mg-btm__40 {
text-align: left;
object-fit: contain;
justify-content: center;
align-items: flex-start;
margin-bottom: 40px;
}
.flex-wrapper.cc-95 {
width: 95%;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
position: static;
}
.flex-wrapper.cc-60 {
width: 60%;
justify-content: space-between;
}
.flex-wrapper.align-center {
align-items: center;
}
.flex-wrapper.align-center.mg-btm__14 {
margin-bottom: 14px;
}
.flex-wrapper.p-left__36 {
padding-left: 36px;
}
.flex-wrapper.cc-right {
justify-content: flex-end;
}
.flex-wrapper.cc-right.mg-top__25 {
margin-top: 25px;
}
.flex-wrapper.cc-pink {
color: transparent;
background-color: rgba(255, 40, 104, 0.09);
padding-top: 2px;
padding-bottom: 2px;
padding-right: 7px;
}
.flex-wrapper.cc-pink.cc-spaced.cc-50 {
max-width: none;
opacity: 0;
cursor: pointer;
border-radius: 20px;
align-items: center;
display: none;
}
.flex-wrapper.cc-green {
color: transparent;
background-color: rgba(53, 200, 159, 0.09);
padding-top: 2px;
padding-bottom: 2px;
padding-right: 7px;
}
.flex-wrapper.cc-green.cc-spaced.cc-50 {
max-width: none;
opacity: 0;
cursor: pointer;
border-radius: 20px;
align-items: center;
display: none;
}
.flex-wrapper.cc-blue {
color: transparent;
background-color: rgba(15, 0, 192, 0.09);
padding-top: 2px;
padding-bottom: 2px;
padding-right: 7px;
}
.flex-wrapper.cc-blue.cc-spaced.cc-50 {
max-width: none;
opacity: 0;
border-radius: 20px;
align-items: center;
}
.flex-wrapper.cc-blue.cc-spaced.cc-50.hidden {
opacity: 0;
background-color: rgba(15, 0, 192, 0);
}
.flex-wrapper.mg-btm__10 {
margin-bottom: 10px;
}
.flex-wrapper.mg-btm__2 {
margin-bottom: 2px;
}
.flex-wrapper.cc--centre {
justify-content: center;
margin-top: 32px;
}
.flex-wrapper.mg-top {
margin-top: 20px;
}
.spacer-div {
padding-top: 20px;
padding-bottom: 20px;
}
.spacer-div.cc-35 {
width: 35vw;
}
.text-16__bold {
font-weight: 700;
}
.text-16__bold-cap {
text-transform: uppercase;
font-weight: 700;
}
.text-16__italic {
font-style: italic;
}
.text-16__underline {
text-decoration: underline;
}
.text-14__bold {
font-size: 14px;
font-weight: 700;
}
.text-14__bold-cap {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
}
.text-14__italic {
font-size: 14px;
font-style: italic;
}
.text-14__underline {
font-size: 14px;
text-decoration: underline;
}
.text-14 {
font-size: 14px;
}
.text-14.p-btm__10 {
padding-bottom: 10px;
}
.text-14.light-black {
color: rgba(12, 29, 54, 0.65);
}
.text-14.light-black.p-left__5 {
padding-left: 5px;
}
.text-14.light-black.mrg-left {
margin-left: 3px;
}
.text-11__bold {
font-size: 11px;
font-weight: 700;
line-height: 16px;
}
.text-11__bold-cap {
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
line-height: 16px;
}
.text-11 {
color: #0f172a;
font-size: 11px;
line-height: 11px;
}
.text-11.center-text.is--white {
margin-bottom: 0;
font-size: 12px;
line-height: 13px;
}
.text-11.lightblack {
color: rgba(15, 23, 42, 0.65);
justify-content: flex-end;
padding-top: 5px;
display: flex;
}
.text-11__italic {
font-size: 11px;
font-style: italic;
line-height: 16px;
}
.text-11__underline {
font-size: 11px;
line-height: 16px;
text-decoration: underline;
}
.center-text {
color: #0f172a;
text-align: center;
align-self: center;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 300;
}
.center-text.is--white.cc-opacity__60 {
color: rgba(255, 255, 255, 0.6);
}
.center-text.is--white.cc-opacity__60.cc-35 {
max-width: 35ch;
}
.center-text.p-btm__12 {
padding-bottom: 12px;
font-weight: 300;
}
.center-text.cc-35 {
max-width: 35ch;
}
.center-text.p-btm__25 {
margin-top: 0;
margin-bottom: 25px;
}
.center-text.lightblack {
max-width: 40ch;
color: rgba(15, 23, 42, 0.65);
margin-left: auto;
margin-right: auto;
}
.center-text.cc--author {
margin-bottom: 4px;
}
.right-text {
color: #0f172a;
text-align: right;
}
.short-underline {
width: 100px;
height: 3px;
background-color: #0365f4;
}
.styleguide-header {
padding-bottom: 40px;
}
.c-btn {
min-height: 48px;
min-width: 120px;
color: #fff !important;
letter-spacing: -0.02em;
cursor: pointer;
background-color: #010137;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 15px 23px;
font-size: 14px;
line-height: 14.4px;
text-decoration: none;
display: flex;
}
@media only screen and (min-width:1300px){
.c-btn {
font-size: 16px;
}
}
.c-btn.cc-light {
color: #0f172a;
background-color: transparent;
border: 2px solid #000;
}
.c-btn.cc-light.white-border {
color: #fff;
border-color: #fff;
}
.c-btn.cc-light.is--hide {
display: none;
}
.c-btn.cc-beige {
color: #0f172a;
background-color: #fdf5f7;
}
.c-btn.cc-beige.cc-with-play {
width: 165px;
text-align: center;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding: 8px 15px 8px 8px;
}
.c-btn.cc-beige.cc-with-play.cc-absolute {
z-index: 3;
width: auto;
max-width: 130px;
min-width: auto;
margin-bottom: 32px;
margin-left: 32px;
padding-right: 8px;
transition: opacity 0.2s;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-btn.cc-beige.cc-with-play.cc-absolute:hover {
color: #fff;
background-color: rgba(15, 23, 42, 0.95);
}
.c-btn.cc-beige.home {
transition: all 0.3s;
}
.c-btn.cc-beige.home:hover {
color: #fff;
background-color: #0f172a;
}
.c-btn.cc-no-border {
color: #0f172a;
background-color: transparent;
}
.c-btn.cc-no-border.white {
background-color: #fff;
}
.c-btn.cc-no-border.white.mg-right__20 {
margin-right: 20px;
}
.c-btn.cc-with-icon {
min-width: 140px;
padding-left: 20px;
padding-right: 20px;
}
.c-btn.cc-with-icon.cc-light.white {
background-color: rgba(255, 255, 255, 0.9);
}
.c-btn.cc-with-icon.cc-no-border {
background-color: #fff;
margin-top: 0;
margin-bottom: 0;
}
.c-btn.cc-with-icon.cc-no-border.cc-absolute {
min-width: 5.8vw;
margin-bottom: 32px;
margin-left: 32px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
}
.c-btn.cc-with-icon.cc-link {
width: 60px;
color: #0f172a;
background-color: transparent;
justify-content: flex-start;
margin-top: auto;
margin-bottom: 0;
padding: 0;
}
.c-btn.cc-with-icon.faded-btn.finance-cta {
width: 160px;
}
.c-btn.cc-with-icon.faded-btn.cc-button-resize {
min-width: 0;
object-fit: contain;
justify-content: center;
align-items: center;
display: flex;
}
.c-btn.cc-with-icon.mg-right__20 {
color: #fff;
background-color: #0f172a;
}
.c-btn.cc-with-icon.mg-right__20.is--hide {
display: none;
}
.c-btn.cc-with-icon.mg-right__20.ppc-book {
color: #0f172a;
}
.c-btn.cc-with-icon.mg-right__20.ppc-v1 {
background-color: #0f172a;
}
.c-btn.cc-with-icon.mg-right__20.event-cta {
min-width: 0;
border-radius: 20px;
}
.c-btn.cc-with-icon.mg-right__20.cc-black {
background-color: #0f172a;
}
.c-btn.cc-with-icon.mg-right__20.lp-main-cta {
color: #0f172a;
background-color: #fff;
}
.c-btn.cc-with-icon.mg-right__20.btn-green {
background-color: #35c89f;
margin-top: 20px;
}
.c-btn.cc-with-icon.mg-right__20.c-btn-small {
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
.c-btn.cc-with-icon.cc-large {
width: auto;
transition: all 0.3s;
}
.c-btn.cc-with-icon.cc-white {
background-color: #fff;
}
.c-btn.cc-with-icon.cc-white.is--hide {
display: none;
}
.c-btn.cc-with-icon.big-orange {
width: 60%;
background-color: #f59e0b;
border-radius: 10px;
justify-content: space-between;
}
.c-btn.cc-with-icon.mr-10 {
margin-right: 10px;
}
.c-btn.cc-with-icon.mr-40 {
margin-right: 20px;
}
.c-btn.cc-tag-time {
min-height: auto;
min-width: 170px;
background-color: #f59e0b;
padding: 7px 10px;
}
.c-btn.cc-tag-time.cc-blue {
background-color: #009aff;
}
.c-btn.cc-reporting {
width: 185px;
color: #0f172a;
background-color: transparent;
border: 2px solid #ff2868;
padding: 12px 15px;
}
.c-btn.mg-right {
margin-right: 25px;
}
.c-btn.cc-white {
color: #0f172a;
background-color: #fdf5f7;
}
.c-btn.cc-white.cc-with-play {
background-color: transparent;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding: 8px;
}
.c-btn.cc-white.cc-with-play.no-p-left {
padding-left: 0;
}
.c-btn.cc-large {
width: 200px;
}
.c-btn.cc-load-more {
min-width: 160px;
}
.c-btn.p-55 {
padding-left: 55px;
padding-right: 55px;
}
.c-btn.p-80 {
padding-left: 80px;
padding-right: 80px;
}
.c-icon__arrow {
color: #0f172a;
margin-left: 5px;
}
.sm-ellipse {
z-index: 2;
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
margin-right: 8px;
display: flex;
position: relative;
}
.sm-ellipse.cc-gray {
background-color: rgba(15, 23, 42, 0.06);
}
.c-icon__red-arrow {
width: 7px;
max-width: none;
align-self: center;
}
.c-circle-arrow {
width: 48px;
height: 48px;
background-color: #fdf5f7;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
}
.c-icon__time {
margin-right: 8px;
}
.c-card {
color: #fff;
flex-direction: column;
justify-content: space-between;
margin-bottom: 10px;
padding: 110% 32px 32px;
display: flex;
position: relative;
}
.c-card.cc-tips {
height: 100%;
min-height: 302px;
justify-content: flex-start;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.c-card.cc-thin {
width: 240px;
min-height: 339px;
padding: 24px;
}
.c-card.cc-pink-bg {
min-height: 500px;
background-color: #fdf5f7;
border-radius: 2%;
justify-content: center;
margin-bottom: 0;
padding-top: 32px;
padding-right: 32px;
transition: all 0.3s;
}
.c-card.cc-pink-bg._1 {
z-index: 5;
background-color: #009aff;
}
.c-card.cc-pink-bg._2 {
z-index: 5;
background-color: #35c89f;
}
.c-card.cc-pink-bg._3 {
z-index: 5;
background-color: #ff9c27;
}
.c-card.cc-pink-bg._4 {
z-index: 5;
background-color: #f8b8c3;
}
.c-card.cc-redius__8 {
border-radius: 8px;
overflow: hidden;
}
.c-card__img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-card__img.cc-small {
height: auto;
position: static;
}
.c-card__text {
z-index: 2;
max-width: 100%;
padding-top: 32px;
padding-left: 32px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
}
.c-card__tag-link {
color: #f59e0b;
padding-top: 16px;
padding-bottom: 6px;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
.is--white {
color: #fff;
margin-bottom: 12px;
text-decoration: none;
}
.is--white.opacity-80 {
color: rgba(255, 255, 255, 0.8);
}
.is--white.opacity-60 {
color: #fff;
margin-bottom: 16px;
font-size: 16px;
text-decoration: none;
}
.is--white.is--12px {
font-size: 12px;
}
.is--white.cc-absolute {
margin-top: 0;
margin-bottom: 20px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.is--white.cc-absolute.center-text {
margin-bottom: 0;
position: static;
}
.is--white.p-btm__20 {
padding-bottom: 20px;
}
.is--white.mg-btm__32 {
font-size: 70px;
line-height: 90px;
}
.is--white.mg-btm__16 {
margin-bottom: 16px;
}
.holder-div {
padding-top: 20px;
padding-bottom: 20px;
}
.c-hero__cover {
width: 50vw;
height: 50vw;
min-height: 800px;
background-color: #0f172a;
margin-left: auto;
position: relative;
overflow: hidden;
}
.c-hero__cover.cc-ruby {
background-color: #ff2868;
justify-content: center;
align-items: center;
display: flex;
}
.c-hero__cover.cc-turquoise-gd {
background-color: #8edbdc;
justify-content: center;
align-items: center;
display: flex;
}
.c-hero__cover.cc-turquoise-gd.cc-left {
background-image: linear-gradient(#43dbdb 67%, rgba(255, 255, 255, 0.21) 67%);
margin-left: 0;
margin-right: auto;
}
.c-hero__cover.cc-blue-pink-gd {
background-color: #5e9bfe;
justify-content: center;
align-items: center;
display: flex;
}
.c-hero__cover.cc-ruby-gd {
background-color: #ff2868;
justify-content: center;
align-items: center;
display: flex;
}
.c-hero__cover.cc-ruby-gd.cc-left {
background-image: linear-gradient(
#ff2868 67%,
#ff2868 65%,
rgba(255, 255, 255, 0.2) 67%
);
margin-left: 0;
margin-right: auto;
}
.c-hero__cover.cc-pink-gd {
justify-content: center;
align-items: center;
display: flex;
}
.c-hero__cover.cc-pink-gd.cc-left {
background-color: #f8b8c3;
background-image: linear-gradient(#f8b8c3 67%, rgba(255, 255, 255, 0.21) 67%);
margin-left: 0;
margin-right: auto;
}
.c-hero__cover.cc-blue-gd {
background-color: #009aff;
background-image: linear-gradient(#009aff 50%, rgba(255, 255, 255, 0.21) 50%);
}
.c-hero__cover.cc-orange {
width: 55%;
background-color: #ff9c27;
}
.c-hero__cover.cc-pink-bg {
width: 55%;
background-color: rgba(255, 255, 255, 0.2);
justify-content: center;
align-items: center;
display: flex;
}
.c-hero__cover.cc-dark-blue-gd {
background-image: linear-gradient(#35c89f, #35c89f);
}
.c-hero__cover.cc-darkblue.cc-30 {
width: 30%;
overflow: visible;
}
.c-hero__cover.cc-green-bg {
background-color: #35c89f;
justify-content: center;
align-items: center;
padding-top: 55%;
display: flex;
}
.c-hero__cover.cc-green-bg.signup {
min-height: auto;
padding-top: 100%;
}
.c-hero__cover.cc-login {
min-height: 100vh;
}
.c-hero__cover.cc-engagement {
background-color: #7ec8a1;
}
.c-hero__cover.investor-9,
.c-hero__cover.investor {
background-color: #0f172a;
}
.c-hero__cover.is-home-hero {
background-color: #009aff;
}
.c-hero__cover.financel-fold-1 {
background-color: #0f172a;
}
.c-hero__cover.financel-fold-1.cc-techhead,
.c-hero__cover.financel-fold-1.stryve-jobs-head-2 {
background-color: #009aff;
}
.c-hero__cover.ppc-landing {
background-color: #35c89f;
}
.c-hero {
position: relative;
}
.c-hero.cc-flex {
justify-content: center;
align-items: center;
display: flex;
}
.c-hero.cc-flex.cc-blue-bg {
background-color: #009aff;
}
.c-hero.cc-flex.cc-orange-bg {
background-color: #ff9c27;
}
.c-hero.cc-flex.cc-pink-bg {
background-color: #f8b8c3;
}
.c-hero.cc-flex.cc-dark-blue-bg {
background-color: #0f172a;
}
.c-hero.cc-flex.cc-green-bg {
background-color: #fff;
}
.c-hero.cc-flex.cc-signup {
height: 100vh;
overflow: hidden;
}
.c-hero.cc-flex.cc--form {
margin-top: 0;
padding-top: 73px;
padding-bottom: 55px;
}
.c-hero.cc-flex.ppc-lp {
color: transparent;
background-color: #0f172a;
}
.c-hero.cc-flex.ppc-lp.investor-header {
background-color: #0f172a;
}
.c-hero.cc-flex.ppc-lp.content-head {
margin-top: -14px;
margin-bottom: -17px;
padding-top: 0;
padding-bottom: 0;
}
.c-hero.cc-flex.ppc-lp.finance-fold-11.cc-techlp {
background-color: #009aff;
}
.c-hero.cc-flex.ppc-lp.finance-fold-11.stryve-jobs-head {
background-color: #009aff;
margin-bottom: -1px;
padding-bottom: 0;
}
.c-hero.cc-your-solution {
padding-top: 120px;
padding-bottom: 40px;
}
.c-hero.cc-beige-bg {
background-color: #fdf5f7;
overflow: hidden;
}
.c-hero.cc-custom-bg {
background-color: #fdf5f7;
flex-direction: column;
justify-content: space-around;
align-items: center;
overflow: hidden;
}
.c-hero.cc-userguide,
.c-hero.cc-404 {
height: 70vh;
min-height: 45em;
}
.c-hero.cc-404 {
height: 100vh;
min-height: 60em;
padding-top: 120px;
padding-bottom: 40px;
}
.c-hero.cc-orchid-bg {
background-color: rgba(248, 184, 195, 0.4);
}
.c-hero__content {
max-width: 50%;
padding-top: 100px;
padding-bottom: 0;
}
.c-hero__content.p-top__40 {
max-width: 80%;
padding-top: 40px;
}
.c-hero__content.cc-100 {
max-width: 100%;
}
.c-hero__content.cc-80 {
max-width: 80%;
}
.c-hero__content.cc-80.p-top__40 {
max-width: 100%;
}
.c-hero__content.is--home {
margin-right: -26px;
}
.c-icon__black-arrow {
filter: grayscale();
align-self: center;
}
.c-hero__text {
max-width: 40ch;
padding-bottom: 60px;
}
.c-hero__text.cc-45 {
max-width: 45ch;
}
.c-hero__text.cc-50 {
max-width: 50ch;
max-width: 50ch;
}
.c-hero__text.p-btm__40 {
padding-bottom: 40px;
}
.c-hero__text.p-btm__70 {
padding-bottom: 70px;
}
.c-hero__text.cc-100 {
max-width: none;
}
.c-hero__text.is--mob.ppc-box.cc-60ch {
max-width: 50ch;
}
.c-bubble__wrapper {
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.c-bubble__wrapper._340 {
width: 40%;
height: 40%;
top: -8%;
bottom: auto;
left: auto;
right: -4%;
}
.c-bubble__wrapper._240 {
width: 28%;
height: 28%;
top: 28%;
bottom: auto;
left: 14%;
right: auto;
}
.c-bubble__wrapper._200 {
width: 30%;
height: 30%;
top: auto;
bottom: -5%;
left: 35%;
right: auto;
}
.c-bubble__wrapper._205 {
width: 30%;
height: 30%;
top: -19%;
bottom: auto;
left: -2%;
right: auto;
}
.c-bubble__wrapper._68 {
width: 8%;
height: 8%;
top: auto;
bottom: 25%;
left: 18%;
right: auto;
}
.c-bubble__wrapper._72 {
width: 7%;
height: 7%;
top: auto;
bottom: 20%;
left: auto;
right: 15%;
}
.c-bubble__wrapper._38 {
width: 5%;
height: 5%;
top: 15%;
right: 50%;
}
.c-bubble__wrapper._115 {
z-index: 3;
width: 12%;
height: 12%;
top: auto;
bottom: 39%;
right: 13%;
}
.c-bubble__wrapper.cc-your-solution.cc-blue {
width: 14.5vw;
max-width: 270px;
top: auto;
bottom: 22%;
left: 5%;
right: auto;
}
.c-bubble__wrapper.cc-your-solution.cc-turquoise {
width: 11.2vw;
max-width: 206px;
top: 7%;
right: 15%;
}
.c-bubble__wrapper.cc-your-solution.cc-turquoise.cc-news {
top: 10%;
right: 10%;
}
.c-bubble__wrapper.cc-your-solution.cc-yellow {
width: 6vw;
max-width: 106px;
top: auto;
bottom: 15%;
right: 21%;
}
.c-bubble__wrapper.cc-your-solution.cc-yellow.cc-news {
top: 10%;
bottom: auto;
left: 25%;
right: auto;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent {
width: 22vw;
max-width: 350px;
top: auto;
bottom: -19%;
left: auto;
right: -1%;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-upper {
top: -40%;
bottom: auto;
left: -3%;
right: auto;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-news,
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-learning {
width: 26vw;
max-width: 450px;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-learning.cc-2 {
width: 10vw;
max-width: 186px;
top: auto;
bottom: -7%;
left: -2%;
right: auto;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-learning.cc-3 {
width: 5vw;
max-width: 86px;
top: 35%;
bottom: auto;
left: 30%;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-learning.cc-4 {
width: 1.7vw;
max-width: 22px;
top: 40%;
bottom: auto;
right: 40%;
}
.c-bubble__wrapper.cc-start-building.cc-blue {
width: 8vw;
max-width: 146px;
top: -9%;
right: -3%;
}
.c-bubble__wrapper.cc-start-building.cc-pink {
width: 4.7vw;
max-width: 82px;
top: auto;
bottom: -5%;
left: auto;
right: 8%;
}
.c-bubble__wrapper.cc-start-building.cc-yellow {
width: 3.8vw;
max-width: 64px;
top: 20%;
right: 18%;
}
.c-bubble__wrapper.cc-start-building.cc-turquoise {
width: 1.6vw;
max-width: 23px;
top: 15%;
right: 30%;
}
.c-bubble__wrapper.cc-start-building.cc-ruby {
width: 2.7vw;
max-width: 43px;
top: auto;
bottom: 15%;
right: 32%;
}
.c-bubble__wrapper.cc-start-building.cc-green {
width: 1.6vw;
max-width: 23px;
top: 45%;
right: 45%;
}
.c-bubble__wrapper.cc-assert {
width: 26vw;
max-width: 504px;
top: auto;
bottom: -20%;
left: auto;
right: -5%;
}
.c-bubble__wrapper.cc-assert.cc-transparent {
opacity: 0.3;
top: -10%;
bottom: auto;
left: -10%;
right: auto;
}
.c-bubble__wrapper.cc-assert.cc-transparent.cc-2 {
width: 100%;
max-width: 725px;
top: auto;
bottom: -55%;
left: auto;
right: auto;
}
.c-bubble__wrapper.cc-request-demo.cc-blue {
width: 4.5vw;
max-width: 78px;
top: -20%;
right: 15%;
}
.c-bubble__wrapper.cc-request-demo.cc-pink {
width: 3.5vw;
max-width: 58px;
top: auto;
bottom: -25%;
left: auto;
right: 10%;
}
.c-bubble__wrapper.cc-request-demo.cc-yellow {
width: 1.5vw;
max-width: 26px;
top: 5%;
}
.c-bubble__wrapper.cc-request-demo.cc-ruby {
width: 1.5vw;
max-width: 26px;
top: auto;
bottom: 10%;
left: 50%;
right: auto;
}
.c-bubble__wrapper.cc-request-demo.cc-turquoise {
width: 1.2vw;
max-width: 13px;
top: 10%;
bottom: auto;
left: 45%;
right: auto;
}
.c-bubble__wrapper.cc-startup.cc-blue {
width: 23.5vw;
max-width: 442px;
top: -13%;
bottom: auto;
left: -13%;
right: auto;
}
.c-bubble__wrapper.cc-startup.cc-yellow {
width: 17.8vw;
max-width: 333px;
top: 30%;
bottom: auto;
left: auto;
right: -5%;
}
.c-bubble__wrapper.cc-startup.cc-yellow.cc-2 {
width: 24.5vw;
max-width: 462px;
opacity: 0.4;
top: -15%;
bottom: auto;
left: auto;
right: -15%;
}
.c-bubble__wrapper.cc-startup.cc-yellow_sm {
width: 8.5vw;
max-width: 154px;
top: auto;
bottom: 10%;
left: 5%;
right: auto;
}
.c-bubble__wrapper.cc-startup.cc-yellow_sm.cc-2 {
width: 16vw;
max-width: 300px;
opacity: 0.4;
top: auto;
bottom: -15%;
left: -15%;
right: auto;
}
.c-bubble__wrapper.cc-time.cc-2.cc-transparent {
width: 32.5vw;
max-width: 617px;
opacity: 0.4;
top: -30%;
bottom: auto;
left: -20%;
right: auto;
}
.c-bubble__wrapper.cc-compliance.cc-yellow {
width: 36vw;
top: -10%;
right: -10%;
}
.c-bubble__wrapper.cc-compliance.cc-tranparent {
width: 36vw;
opacity: 0.2;
top: auto;
bottom: -15%;
left: 0%;
right: auto;
}
.c-bubble__wrapper.cc-diversity.cc-white {
width: 26vw;
max-width: 483px;
position: static;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-1 {
width: 24vw;
max-width: 362px;
opacity: 0.2;
top: 9%;
right: -2%;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-2 {
width: 8vw;
max-width: 142px;
opacity: 0.2;
top: 20%;
bottom: auto;
left: 10%;
right: auto;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-3 {
width: 8vw;
max-width: 142px;
opacity: 0.2;
top: auto;
bottom: 10%;
left: 10%;
right: auto;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-4 {
width: 3.5vw;
max-width: 58px;
opacity: 0.2;
top: auto;
bottom: 10%;
left: auto;
right: 10%;
}
.c-bubble__wrapper.cc-about.cc-blue {
width: 15.5vw;
max-width: 291px;
top: auto;
bottom: -10%;
left: 0%;
right: auto;
}
.c-bubble__wrapper.cc-about.cc-yellow {
width: 8vw;
max-width: 143px;
top: 20%;
bottom: auto;
left: 5%;
right: auto;
}
.c-bubble__wrapper.cc-about.cc-pink {
width: 4vw;
max-width: 73px;
top: 15%;
left: 40%;
right: auto;
}
.c-bubble__wrapper.cc-about.cc-orange {
width: 1.8vw;
max-width: 26px;
top: auto;
bottom: 10%;
left: 45%;
right: 0%;
}
.c-bubble__wrapper.cc-about.cc-green {
width: 3vw;
max-width: 49px;
top: 42%;
bottom: auto;
left: 5%;
right: auto;
}
.c-bubble__wrapper.cc-about.cc-ruby {
width: 5.2vw;
max-width: 91px;
top: auto;
bottom: 10%;
left: auto;
right: 10%;
}
.c-bubble__wrapper.cc-all-features.cc-blue {
width: 5.8vw;
max-width: 103px;
top: 20%;
right: 10%;
}
.c-bubble__wrapper.cc-all-features.cc-yellow {
width: 1.2vw;
max-width: 14px;
top: auto;
bottom: 20%;
left: auto;
right: 12%;
}
.c-bubble__wrapper.cc-all-features.cc-green {
width: 4vw;
max-width: 68px;
margin-top: 260px;
margin-right: 260px;
}
.c-bubble__wrapper.cc-all-features.cc-turquoise {
width: 2.5vw;
max-width: 44px;
top: 20%;
right: 25%;
}
.c-bubble__wrapper.cc-all-features.cc-pink {
width: 5.8vw;
max-width: 103px;
top: auto;
bottom: 10%;
left: 15%;
right: auto;
}
.c-bubble__wrapper.cc-all-features.cc-yellow_top {
width: 1.2vw;
max-width: 14px;
top: 15%;
bottom: auto;
left: 35%;
right: auto;
}
.c-bubble__wrapper.cc-all-features.cc-dark-blue {
width: 1.6vw;
max-width: 22px;
top: auto;
bottom: 25%;
left: 30%;
right: auto;
}
.c-bubble__wrapper.cc-all-features.cc-ruby {
width: 2.5vw;
max-width: 44px;
top: 20%;
left: 10%;
right: auto;
}
.c-bubble__wrapper.cc-all-features.cc-orange {
width: 1.8vw;
max-width: 28px;
top: 8%;
bottom: auto;
left: 50%;
right: auto;
}
.c-bubble__wrapper.cc-b-corporate {
width: 8vw;
max-width: 140px;
display: block;
top: 25%;
bottom: auto;
left: 13%;
right: auto;
}
.c-bubble__wrapper.cc-careers.cc-yellow {
z-index: 40;
width: 8vw;
max-width: 150px;
top: 45%;
bottom: auto;
left: -65%;
right: auto;
}
.c-bubble__wrapper.cc-careers.cc-img-1 {
z-index: 40;
width: 21.5vw;
max-width: 400px;
top: auto;
bottom: -10%;
left: -50%;
right: auto;
}
.c-bubble__wrapper.cc-careers.cc-img-2 {
z-index: 40;
width: 17vw;
max-width: 315px;
top: 15%;
bottom: auto;
left: -35%;
right: auto;
}
.c-bubble__wrapper.cc-careers.cc-img-3 {
width: 12.5vw;
max-width: 225px;
top: auto;
bottom: 25%;
left: auto;
right: 25%;
}
.c-bubble__wrapper.cc-careers.cc-white {
width: 6vw;
max-width: 130px;
top: 25%;
right: 35%;
}
.c-bubble__wrapper.cc-careers.cc-ruby {
width: 2.8vw;
max-width: 45px;
top: auto;
bottom: 10%;
left: auto;
right: 50%;
}
.c-bubble__wrapper.cc-careers.cc-transparent {
width: 15vw;
max-width: 280px;
opacity: 0.2;
display: none;
top: auto;
bottom: 27%;
left: -20%;
right: auto;
}
.c-bubble__wrapper.cc-careers-footer {
opacity: 0.2;
}
.c-bubble__wrapper.cc-careers-footer.cc-1 {
width: 17vw;
max-width: 322px;
top: -5%;
right: -5%;
}
.c-bubble__wrapper.cc-careers-footer.cc-2 {
width: 8.3vw;
max-width: 152px;
top: -6%;
right: 25%;
}
.c-bubble__wrapper.cc-careers-footer.cc-3 {
width: 11vw;
max-width: 200px;
top: auto;
bottom: -12%;
left: auto;
right: 12%;
}
.c-bubble__wrapper.cc-careers-footer.cc-4 {
width: 4vw;
max-width: 66px;
top: 45%;
right: 20%;
}
.c-bubble__wrapper.cc-careers-footer.cc-5 {
width: 4vw;
max-width: 66px;
top: 10%;
bottom: auto;
left: 5%;
right: auto;
}
.c-bubble__wrapper.cc-careers-footer.cc-6 {
width: 8.3vw;
max-width: 152px;
top: -6%;
bottom: auto;
left: 25%;
right: auto;
}
.c-bubble__wrapper.cc-careers-footer.cc-7 {
width: 17vw;
max-width: 322px;
top: auto;
bottom: -15%;
left: 10%;
right: auto;
}
.c-bubble__wrapper.cc-careers-footer.cc-8 {
width: 3vw;
max-width: 48px;
opacity: 1;
margin-left: auto;
margin-right: auto;
position: static;
top: 20%;
right: 48%;
transform: translateY(-70px);
}
.c-bubble__wrapper.cc-signup.cc-blue {
width: 27vw;
max-width: 520px;
top: auto;
bottom: -10%;
left: auto;
right: -10%;
}
.c-bubble__wrapper.cc-signup.cc-orange {
width: 4.2vw;
max-width: 75px;
top: auto;
bottom: 30%;
left: -2%;
right: auto;
}
.c-bubble__wrapper.cc-signup.cc-pink__sm {
width: 2.5vw;
max-width: 40px;
top: 45%;
right: 30%;
}
.c-bubble__wrapper.cc-signup.cc-pink__lg {
width: 11.3vw;
max-width: 205px;
top: 25%;
bottom: auto;
left: -6%;
right: auto;
}
.c-bubble__wrapper.cc-signup.cc-turquoise {
width: 13vw;
max-width: 240px;
top: 17%;
right: 40%;
}
.c-bubble__wrapper.cc-signup.cc-ruby {
width: 11vw;
max-width: 205px;
top: 15%;
right: -15%;
}
.c-bubble__wrapper.cc-signup.cc-yellow {
width: 4vw;
max-width: 70px;
top: 11%;
bottom: auto;
left: 22%;
right: auto;
}
.c-bubble__wrapper.cc-login.cc-ruby__top {
width: 11.5vw;
max-width: 215px;
top: -5%;
right: -5%;
}
.c-bubble__wrapper.cc-login.cc-ruby__btm {
width: 11vw;
max-width: 205px;
top: auto;
bottom: -5%;
left: auto;
right: -4%;
}
.c-bubble__wrapper.cc-login.cc-yellow__lg {
width: 15vw;
max-width: 280px;
top: 33%;
right: -18%;
}
.c-bubble__wrapper.cc-login.cc-yellow__sm {
width: 2.5vw;
max-width: 40px;
top: auto;
bottom: 30%;
left: 5%;
right: auto;
}
.c-bubble__wrapper.cc-login.cc-orange__sm {
width: 2.5vw;
max-width: 40px;
top: auto;
bottom: 20%;
left: auto;
right: 3%;
}
.c-bubble__wrapper.cc-login.cc-orange__md {
width: 6vw;
max-width: 105px;
top: 30%;
right: 25%;
}
.c-bubble__wrapper.cc-login.cc-orange__lg {
width: 9.5vw;
max-width: 175px;
top: auto;
bottom: 30%;
left: 15%;
right: auto;
}
.c-bubble__wrapper.cc-login.cc-blue__lg {
width: 27vw;
max-width: 515px;
top: auto;
bottom: -25%;
left: -10%;
right: auto;
}
.c-bubble__wrapper.cc-login.cc-blue__sm {
width: 8vw;
max-width: 145px;
top: 25%;
bottom: auto;
left: 25%;
right: auto;
}
.c-bubble__wrapper.cc-login.cc-pink__lg {
width: 15vw;
max-width: 280px;
top: -3%;
bottom: auto;
left: -6%;
right: auto;
}
.c-bubble__wrapper.cc-login.cc-pink__sm {
width: 3.2vw;
max-width: 55px;
top: auto;
bottom: 5%;
left: auto;
right: 30%;
}
.c-bubble__wrapper.cc-login.cc-turquoise__lg {
width: 13vw;
max-width: 240px;
top: auto;
bottom: 20%;
left: auto;
right: 20%;
}
.c-bubble__wrapper.cc-login.cc-turquoise__sm {
width: 5vw;
max-width: 85px;
top: 15%;
right: 40%;
}
.c-bubble__wrapper.cc-login.cc-white {
width: 4.2vw;
max-width: 70px;
top: 45%;
right: 45%;
}
.c-bubble__wrapper.cc-login.cc-green {
width: 7vw;
max-width: 120px;
top: auto;
bottom: 50%;
left: -5%;
right: auto;
}
.avatar-placeholder {
width: 100%;
height: 100%;
background-color: #43dbdb;
border-radius: 50%;
}
.avatar-placeholder.white {
background-color: #fff;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.c-tag__holder {
z-index: 2;
max-width: 30ch;
background-color: #fff;
border-radius: 50px;
padding: 10px;
position: absolute;
}
.c-tag__holder.cc-1 {
padding: 0.7em 0.6vw;
position: absolute;
top: 18%;
left: 12%;
}
.c-tag__holder.cc-2 {
position: absolute;
top: 40%;
right: 36%;
}
.c-tag__holder.cc-3 {
position: absolute;
bottom: 17%;
left: 14%;
}
.c-tag__holder.cc-4 {
position: absolute;
bottom: 34%;
right: 13%;
}
.c-tag__holder.cc-pre-footer {
padding: 0;
position: static;
bottom: 10%;
right: 43%;
}
.c-tag__holder.cc-your-solution {
margin-top: 40px;
padding: 0;
position: static;
bottom: 10%;
right: 43%;
}
.c-draw-line__holder {
z-index: 0;
width: 76%;
position: absolute;
top: -5%;
bottom: auto;
left: 0%;
right: auto;
}
.c-draw-line__holder.cc-home-1 {
width: 20%;
top: -10%;
bottom: auto;
left: auto;
right: 10%;
}
.c-draw-line__img {
width: 100%;
height: 100%;
}
.c-header {
flex: 0 auto;
margin-bottom: 50px;
}
.c-header.center-text {
margin-bottom: 0px;
}
.c-header.mg-btm {
margin-bottom: 80px;
}
.c-header.cc-60 {
max-width: 60ch;
}
.c-header.cc-60.center {
margin-left: auto;
margin-right: auto;
}
.c-header.cc-60.center.center-text {
max-width: 55ch;
}
.c-header.no-mg {
margin-bottom: 0;
}
.c-header.no-mg.center {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 60px;
display: flex;
}
.c-header.no-mg.center.no-btm {
margin-bottom: 0;
}
.c-header.cc-20 {
width: 20%;
}
.c-header.cc-20.center {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.c-header.cc-25 {
width: 25%;
margin-left: auto;
margin-right: auto;
}
.c-header.cc-25.flex.space-between {
width: auto;
justify-content: space-between;
align-items: center;
position: relative;
top: 43px;
}
.c-header.cc-25.flex.space-between.is-invisible {
opacity: 0;
}
.c-header.cc-40 {
width: 40%;
margin-bottom: 0;
}
.c-header.growth {
max-width: 40%;
}
.c-solution__circle {
width: 117px;
height: 117px;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
margin-right: 22px;
padding: 35px 25px;
display: flex;
}
.c-solution__circle.cc-2 {
margin-top: -60px;
}
.c-solution__circle.cc-3 {
margin-top: -55px;
}
.c-solution__circle.cc-5 {
margin-top: -60px;
}
.c-solution__circle.cc-6 {
margin-top: -45px;
margin-right: 0;
}
.c-solution__circle.cc-8 {
margin-top: -20px;
}
.c-solution__circle.cc-11 {
padding-left: 20px;
padding-right: 20px;
}
.c-solution__circle.cc-12 {
margin-top: -40px;
}
.c-solution__circle.cc-13 {
margin-right: 0;
}
.c-solution__circle.cc-green-bg {
background-color: #35c89f;
margin-right: 0;
}
.c-solution__circle.cc-gold-bg {
background-color: #ffd128;
margin-right: 0;
}
.c-solution__circle.cc-dark-blue {
background-color: #0f00c0;
margin-right: 0;
}
.c-solution__circle.cc-light-blue {
background-color: #009aff;
margin-right: 0;
}
.c-solution__circle.cc-light-orange {
background-color: #f59e0b;
margin-right: 0;
}
.c-solution__circle.cc-yellow-bg {
background-color: #ffd128;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.c-solution__circle.cc-turquoise {
background-color: #43dbdb;
margin-right: 0;
}
.c-solution__circle.cc-blue-md {
background-color: #0365f4;
margin-right: 0;
}
.c-solution__circle.cc-pink {
background-color: #35c3c8;
margin-right: 0;
}
.c-solution__circle.cc-grey {
background-color: #8523ee;
}
.c-solution__circle.cc-dark-orange {
background-color: #ff9c27;
}
.c-solution__circle.cc-ruby {
background-color: #ff2868;
margin-right: 0;
}
.c-solution__circle.cc-light-green {
background-color: rgba(53, 200, 159, 0.7);
margin-right: 0;
}
.c-flex__cover {
width: 50%;
height: auto;
background-color: #0f00c0;
margin-left: auto;
padding-top: 50%;
position: relative;
overflow: hidden;
}
.c-flex__cover.cc-left {
margin-left: 0;
margin-right: auto;
}
.c-flex__cover.cc-red {
background-color: #ff2868;
background-image: linear-gradient(90deg, #ff2868 55%, #f8b8c3 55%);
}
.c-flex__cover.cc-red.cc-left {
justify-content: center;
align-items: center;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32 {
background: #fce2e6;
margin-bottom: 0;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32.ppc-box2 {
object-fit: fill;
background-color: transparent;
background-image: url(https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/6308d10b26d8da13d9fc2f1e_christina-wocintechchat-com-VpcgTEKerEQ-unsplash.jpg);
background-position: 0 0;
background-size: cover;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32.ppc-box2.cc-finance-image3 {
background-image: url(https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/630f45eabef73268e4e5afee_Landing%20pages%20\(
2\
).png),
url(https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/630f31ba0971303adc9f3e12_Finance%20LP%20\(
1\
).png);
background-position: 0 0, 0 0;
background-size: cover, cover;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32.ppc-box2.cc-finance-image3.cc-finance-img3 {
background-image: url(https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/630f31ba0971303adc9f3e12_Finance%20LP%20\(
1\
).png);
background-position: 0 0;
background-size: cover;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32.ppc-box2.cc-tech-mage-1 {
background-image: url(https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/630f45397c05603973a65ca8_Landing%20pages.png);
}
.c-flex__cover.cc-red.no-gd {
background-image: none;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.c-flex__cover.cc-green {
background-color: #35c89f;
}
.c-flex__cover.cc-blue {
background-color: #ff2868;
background-image: linear-gradient(90deg, #ff2868 55%, #f8b8c3 55%);
}
.c-flex__cover.cc-blue.cc-left {
background-color: #f06700;
background-image: none;
}
.c-flex__cover.cc-yellow {
padding-top: 75px;
padding-bottom: 85px;
}
.c-flex__cover.cc-yellow.cc-left {
min-height: 650px;
background-color: transparent;
background-image: linear-gradient(90deg, #ffe37e 41%, #ffd128 41%);
justify-content: center;
align-items: center;
display: flex;
}
.c-flex__cover.cc-white {
background-color: transparent;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
overflow: visible;
}
.c-flex__cover.cc-green {
background-color: #ff2868;
background-image: linear-gradient(90deg, #ff2868 55%, #f8b8c3 55%);
}
.c-flex__cover.cc-green.no-gd {
background-color: #35c89f;
background-image: none;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.c-flex__cover.cc-light-blue {
background-color: #ff2868;
background-image: linear-gradient(90deg, #ff2868 55%, #f8b8c3 55%);
}
.c-flex__cover.cc-light-blue.no-gd {
background-color: #009aff;
background-image: none;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.c-flex__cover.cc-green-no-gd {
background-color: #010137;
}
.c-flex__cover.cc-green-no-gd.mg-btm__32 {
margin-bottom: 0;
}
.c-flex__cover.cc-orange {
min-height: 650px;
}
.c-flex__cover.cc-orange.cc-right {
background-color: transparent;
background-image: linear-gradient(90deg, #ff9c27 65%, #ffb154 65%);
justify-content: center;
align-items: center;
padding-top: 75px;
padding-bottom: 85px;
display: flex;
}
.c-flex__cover.cc-orange {
background-color: #ff2868;
background-image: linear-gradient(90deg, #ff2868 55%, #f8b8c3 55%);
}
.c-flex__cover.cc-orange.no-gd {
background-color: #ff9c27;
background-image: none;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.c-flex__cover.cc-dark-blue {
min-height: 650px;
justify-content: center;
align-items: center;
padding-top: 75px;
padding-bottom: 85px;
display: flex;
}
.c-flex__cover.cc-dark-blue.cc-left {
background-image: linear-gradient(
90deg,
rgba(255, 255, 255, 0.21) 33%,
#0f00c0 33%
);
}
.c-flex__cover.cc-ruby {
min-height: 650px;
justify-content: center;
align-items: center;
padding-top: 75px;
padding-bottom: 85px;
display: flex;
}
.c-flex__cover.cc-ruby.cc-left {
background-color: #ff2868;
background-image: linear-gradient(
90deg,
rgba(255, 255, 255, 0.21) 33%,
#ff2868 33%
);
}
.c-flex__cover.cc-img-bg {
min-height: 650px;
padding-top: 40%;
}
.c-flex__cover.cc-img-bg.cc-left {
min-height: 650px;
background-color: transparent;
}
.c-flex__cover.cc-img-bg.cc-65 {
width: 57%;
min-height: 850px;
}
.c-flex__cover.cc-blue-bg {
background-color: #009aff;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.c-flex__cover.cc-video {
width: 57%;
padding-top: 0%;
}
.c-content-holder.flex {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c-content-holder.flex.center.b-corp {
min-height: 850px;
}
.c-content-holder.flex.center.ppc-wide {
background-color: #fdf5f7;
}
.c-content-holder.flex.center.cc-tech-lp.stryve-jobs-head {
background-color: #35c89f;
}
.c-content-holder.flex.p-btm__72 {
flex-direction: row-reverse;
padding-bottom: 0;
}
.c-content_wrapper {
max-width: 50%;
padding-bottom: 40px;
}
.c-content_wrapper.center {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.c-content_wrapper.cc-60 {
max-width: 60%;
}
.c-content_wrapper.cc-100 {
width: 100%;
max-width: none;
}
.c-content_wrapper.cc-100.p-both {
padding-top: 42px;
padding-bottom: 32px;
}
.c-content_wrapper.cc-100.cc-beige-bg {
background-color: #fdf5f7;
}
.c-content_wrapper.cc-100.cc-beige-bg.p-both {
border-radius: 12px;
padding-left: 45px;
position: relative;
overflow: hidden;
}
.c-content_wrapper.cc-100.cc-flex {
justify-content: space-between;
align-items: center;
display: flex;
}
.c-content_wrapper.cc-100.cc-flex.cc-dark-blue-bg {
background-color: #0f00c0;
border-radius: 100px;
padding-bottom: 0;
padding-left: 40px;
padding-right: 20px;
overflow: hidden;
}
.c-content_wrapper.cc-100.cc-flex.center {
justify-content: center;
}
.c-content_wrapper.p-top__90 {
padding-top: 90px;
}
.c-content_wrapper.cc-70 {
max-width: 70%;
}
.c-content_wrapper.cc-right {
max-width: 40%;
flex-direction: column;
align-items: flex-end;
display: flex;
}
.c-content_wrapper.cc-25 {
max-width: 25%;
}
.c-content_wrapper.cc-25.p-btm__72 {
max-width: 30%;
padding-top: 40px;
}
.c-content_wrapper.p-top__72 {
padding-top: 0;
}
.c-content_wrapper.cc--logos {
max-width: none;
text-align: center;
max-width: none;
text-align: center;
background-image: linear-gradient(#fdf5f7, #fdf5f7);
border-radius: 20px;
flex-direction: column;
align-items: center;
padding: 42px;
display: flex;
position: relative;
overflow: hidden;
}
.c-content_wrapper.cc--logos.cc-margin-vertical {
margin-top: 40px;
margin-bottom: 40px;
}
.c-text__content {
max-width: 50ch;
padding-bottom: 15px;
}
.c-text__content.center-text.cc-30.mg-auto {
min-width: auto;
margin: 0 auto;
padding-top: 0;
}
.c-text__content.cc-30 {
max-width: 30ch;
min-width: 30ch;
padding-bottom: 0;
}
.c-text__content.cc-30.center-text {
max-width: 30ch;
}
.c-text__content.cc-100 {
max-width: none;
}
.c-text__content.cc-100.center-text {
margin-bottom: 100px;
padding-bottom: 40px;
}
.c-text__content.cc-startup {
padding-top: 35px;
padding-bottom: 0;
}
.c-text__content.cc-40 {
max-width: 40ch;
min-width: 40ch;
padding-bottom: 0;
}
.c-text__content.cc-logos {
max-width: 72ch;
padding-bottom: 0;
}
.c-text__content.cc-75 {
max-width: 75ch;
min-width: auto;
}
.p-top__80 {
padding-top: 80px;
}
.p-top__80.faded-text {
margin-bottom: 29px;
padding-top: 0;
}
.p-top__80.faded-text.ppc-box-1-3 {
margin-bottom: 20px;
padding-top: 20px;
}
.p-top__80.faded-text.ppc-copy-1 {
margin-bottom: 3px;
padding-top: 0;
padding-bottom: 8px;
}
.p-top__80.faded-text.cc-margin-top {
margin-top: 20px;
}
.ruby-color {
color: #ff2868;
}
.ruby-color.p-btm__5 {
margin-bottom: 5px;
}
.green-color {
color: #35c89f;
}
.green-color.p-btm__5 {
margin-bottom: 5px;
}
.dark-blue-color {
color: #0f00c0;
}
.heading-3 {
font-weight: 300;
}
.c-assess__svg {
width: 100%;
height: 100%;
}
.c-design__line {
z-index: -1;
width: 20vw;
display: none;
position: absolute;
top: -30%;
bottom: auto;
left: auto;
right: 9%;
}
.c-design__line.cc-1 {
top: -40%;
}
.c-design__line.cc-home-3 {
display: block;
top: -8%;
right: 5%;
}
.c-design__line.cc-4 {
width: 100%;
height: 100%;
margin-left: 30px;
display: block;
top: -23%;
left: auto;
right: auto;
}
.c-design__line.cc-4.cc-article {
height: 8%;
top: auto;
bottom: -1%;
left: 0%;
right: 0%;
}
.c-design__line.cc-4.all-features {
top: -49%;
}
.c-design__line.cc-start-building {
z-index: 2;
width: 65%;
display: block;
top: auto;
bottom: 0%;
left: auto;
right: 3%;
}
.c-design__line.cc-start-building.cc-100 {
width: 100%;
}
.c-design__line.cc-home-2 {
display: block;
top: -15%;
left: 20%;
right: auto;
}
.c-design__svg.cc-full {
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.p-top__50 {
padding-top: 50px;
}
.text-span {
text-decoration: underline;
}
.swiper-wrapper {
display: flex;
}
.swiper-slide {
width: 32vw;
max-width: 32vw;
transition: all 0.2s;
}
.swiper-slide.hidden {
display: none;
}
.swiper-arrows {
min-height: 50px;
justify-content: flex-start;
margin-top: 60px;
margin-bottom: 20px;
display: flex;
}
.swiper-arrows.myswiper {
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.swiper-arrow-holder {
width: 50px;
height: 50px;
cursor: pointer;
align-self: flex-end;
margin-bottom: 1em;
}
.swiper-arrow-holder.mg-right__10 {
margin-right: 40px;
}
.swiper-button-prev {
min-height: auto;
align-self: center;
margin-right: 0;
}
.swiper-button-next {
min-height: 15px;
}
.c-gradient__bg {
width: 100%;
height: 100%;
min-height: 600px;
background-image: linear-gradient(
90deg,
#010137 70%,
#fce2e6 70%,
#fce2e6 82%
);
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.c-gradient__bg.cc-pink-blue {
height: 100%;
background-image: linear-gradient(90deg, #f8b8c3 70%, #0f00c0 70%);
padding-bottom: 0;
}
.flex {
display: flex;
}
.flex.mg-left__8 {
margin-left: 20px;
}
.flex.hero-headline.slider-title {
flex-wrap: wrap;
}
.text-separator,
.p-right__3 {
padding-right: 3px;
}
.c-massive-heading {
color: rgba(15, 23, 42, 0.06);
margin-top: 0;
margin-bottom: 0;
font-size: 150px;
line-height: 1.2;
}
.c-stat__item {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.c-stats__bubble-holder {
z-index: -1;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.c-stats__bubble-holder.cc-blue {
width: 4vw;
flex-direction: column;
align-items: center;
display: flex;
top: auto;
bottom: 15%;
right: 34%;
}
.c-stats__bubble-holder.cc-orange {
width: 8vw;
top: auto;
bottom: 25%;
left: 20%;
right: auto;
}
.c-stats__bubble-holder.cc-orange.cc-1 {
width: 2.2vw;
height: 2.2vw;
}
.c-stats__bubble-holder.cc-pink {
width: 9.7vw;
height: 9.7vw;
top: -15px;
left: 15%;
right: auto;
}
.c-stats__bubble-holder.cc-pink.cc-1 {
width: 2.8vw;
height: 2.8vw;
top: 12%;
}
.c-stats__bubble-holder.cc-ruby {
width: 5vw;
max-width: 100px;
top: auto;
bottom: 21%;
left: 23%;
right: auto;
}
.c-stats__bubble-holder.cc-yellow {
width: 3.7vw;
top: 40%;
right: 30%;
}
.c-stats__bubble-holder.cc-orange {
width: 2.2vw;
max-width: 50px;
top: -16%;
bottom: auto;
left: auto;
right: 49%;
}
.c-stats__bubble-holder.cc-pink {
width: 2.8vw;
max-width: 60px;
top: -22%;
bottom: 0%;
left: auto;
right: 30%;
}
.c-stats__bubble-holder.cc-middle.cc-pink {
width: 5vw;
height: auto;
max-width: 100px;
top: -10%;
bottom: auto;
right: 22%;
}
.c-stats__bubble-holder.cc-middle.cc-yellow {
width: 1.8vw;
max-width: 40px;
top: 37%;
right: 52%;
}
.c-stats__bubble-holder.cc-middle.cc-orange {
width: 2.8vw;
height: 2.8vw;
max-width: 60px;
right: 52%;
}
.c-stats__bubble-holder.cc-last.cc-turquoise {
z-index: -1;
width: 5vw;
max-width: 100px;
top: -17%;
bottom: auto;
left: 21%;
right: auto;
}
.c-stats__bubble-holder.cc-last.cc-blue {
z-index: -1;
width: 2.2vw;
height: 2.2vw;
max-width: 40px;
top: auto;
bottom: 42%;
right: 42%;
}
.c-stats__bubble-holder.cc-last.cc-green {
z-index: -1;
width: 2.8vw;
height: 2.8vw;
max-width: 60px;
top: 1%;
bottom: auto;
left: auto;
right: 30%;
}
.ultra-heading {
font-size: 80px;
line-height: 96px;
}
.c-stats__item-holder {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.c-beige__bg {
width: 100%;
min-height: 600px;
color: #fff;
background-color: #010137;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
z-index:9;
}
.c-bg-layer__img-holder {
width: 40%;
margin-left: auto;
padding-top: 35%;
position: relative;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.c-bg-layer__img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 7.5%;
bottom: 5%;
left: auto;
right: 15%;
border-radius:16px !important
}
.swiper-button-next__2 {
min-height: 15px;
cursor: pointer;
}
.swiper-button-prev__2 {
min-height: auto;
cursor: pointer;
align-self: center;
margin-right: 0;
}
.c-card__icon {
width: 3.5vw;
height: 3.5vw;
max-width: 80px;
margin-bottom: 0;
margin-right: 20px;
}
.c-btn__holder {
width: 120px;
margin-top: 10px;
}
.c-btn__holder.mg-top__40 {
margin-top: 40px;
}
.collection-list-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.c-navbar {
width: 100%;
height: 64px;
background-color: transparent;
position: fixed;
top: 8px;
}
.c-bg__white {
background-color: #fff;
border-radius: 40px;
margin-right: 20px;
padding: 15px 20px;
}
.nav-menu {
align-items: center;
display: flex;
}
.swiper-arrows__2 {
min-height: 50px;
justify-content: flex-start;
margin-top: 60px;
margin-bottom: 20px;
display: flex;
}
.swiper-arrows__2.myswiper {
margin-top: 0;
margin-bottom: 0px;
margin-top: 25px;
display: flex;
}
.c-nav-drop__left-item {
width: 25%;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
position: relative;
overflow: hidden;
}
.c-nav-drop__left-item.cc-1 {
width: 72px;
background-color: #ff9c27;
}
.c-nav-drop__left-item.cc-2 {
background-color: #ff2868;
}
.c-nav-drop__left-item.cc-3 {
width: 72px;
background-color: #43dbdb;
}
.c-nav-drop__left-item.cc-4 {
width: 72px;
background-color: #009aff;
}
.c-nav-drop__middle-item {
width: 75%;
min-width: auto;
flex-direction: column;
justify-content: space-between;
display: flex;
overflow: hidden;
}
.c-nav-drop__middle-item.resources {
width: 40%;
justify-content: flex-start;
}
.c-nav-drop__middle-item.why-us {
display: flex;
}
.c-nav-drop__right-item {
min-width: 10vw;
flex-direction: column;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.c-nav-drop__right-item.resources {
width: 40%;
min-width: auto;
margin-left: 20px;
padding-top: 0;
padding-bottom: 0;
padding-left: 20px;
overflow: hidden;
}
.c-nav-drop__design {
width: auto;
height: 100%;
object-fit: cover;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.c-nav-drop__design.cc-filter {
filter: hue-rotate(180deg);
}
.c-nav__flex-item {
justify-content: flex-start;
align-items: center;
padding-bottom: 24px;
display: flex;
}
.c-nav__flex-item.p-btm__8 {
justify-content: space-between;
padding-bottom: 8px;
}
.c-nav__flex-item.p-btm__8.cc-green-hover {
border-radius: 5px;
padding-right: 10px;
}
.c-nav__flex-item.center {
justify-content: center;
padding-bottom: 0;
}
.c-nav__flex-item.center.cc-nav {
color: #0f172a;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
transition: all 0.2s;
}
.c-nav__flex-item.cc-nav-title {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 20px;
}
.c-nav__flex-item.cc-nav-title.cc-2 {
width: 100%;
border-bottom-style: none;
border-radius: 5px;
justify-content: space-between;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 10px;
text-decoration: none;
}
.c-nav__flex-item.cc-nav-title.cc-2.cc-red,
.c-nav__flex-item.cc-nav-title.cc-2.cc-green,
.c-nav__flex-item.cc-nav-title.cc-2.cc-blue {
text-decoration: none;
}
.c-nav__flex-item.cc-nav-title.resources {
justify-content: space-between;
margin-left: 0;
}
.c-nav__flex-item.mg-btm__8 {
justify-content: space-between;
margin-bottom: 8px;
padding-bottom: 0;
}
.c-nav__flex-item.mg-btm__8.cc-red-hover,
.c-nav__flex-item.mg-btm__8.cc-green-hover {
width: 100%;
color: #0f172a;
border-radius: 5px;
margin-top: 12px;
margin-bottom: 12px;
padding-right: 10px;
text-decoration: none;
}
.heading-6 {
align-self: center;
margin-bottom: 0;
}
.c-nav__arrow-svg {
align-self: center;
margin-left: 8px;
}
.c-nav__arrow-svg.cc-hover {
display: none;
}
.flex-menu {
width: 100%;
height: 100%;
background-color: transparent;
grid-template-rows: auto;
grid-template-columns: 0.75fr 1fr;
padding-right: 0;
display: flex;
}
.flex-menu.solution {
width: 285px;
height: auto;
background-color: #fdf5f7;
border-radius: 12px;
margin-top: 15px;
margin-left: -81px;
display: none;
position: absolute;
left: -55%;
}
.flex-menu.why-us {
width: 285px;
height: auto;
background-color: #fdf5f7;
border-radius: 12px;
margin-top: 15px;
margin-left: -81px;
display: none;
position: absolute;
left: -95%;
}
.flex-menu.resources {
width: 500px;
height: auto;
background-color: #fdf5f7;
border-radius: 12px;
margin-top: 15px;
margin-left: -81px;
display: none;
position: absolute;
left: -240%;
}
.flex-menu.resources.w--open {
display: flex;
}
.flex-menu.about {
width: 285px;
height: auto;
background-color: #fdf5f7;
border-radius: 12px;
margin-top: 15px;
margin-left: -81px;
display: none;
position: absolute;
left: -90%;
}
.c-pre-footer__cover {
background-color: #0f00c0;
justify-content: center;
align-items: flex-end;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
}
.c-footer {
background-color: #009aff;
padding-top: 80px;
position: relative;
}
.c-footer__lower {
padding-top: 60px;
}
.footer-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1.75fr;
}
.c-footer__logo-part {
flex-direction: column;
display: flex;
}
.c-footer__logo-part.cc-mobile {
display: none;
}
.c-footer__logo-part.upper {
min-height: 20rem;
position: relative;
}
.c-footer__links {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.c-footer__links.cc-lower {
grid-column-gap: 5px;
grid-template-columns: 1fr 0.75fr 1fr;
}
.c-footer__logo {
margin-top: -15px;
margin-bottom: 45px;
margin-left: -25%;
}
.c-footer__links-block {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.footer-grid__lower {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
grid-template-rows: auto;
grid-template-columns: 1fr 1.75fr;
margin-bottom: 20px;
padding-bottom: 40px;
}
.c-footer__social-link {
margin-right: 24px;
}
.footer-grid__bottom {
grid-template-rows: auto;
grid-template-columns: 1fr 1.75fr;
padding-top: 20px;
}
.page__wrapper {
overflow: hidden;
}
.c-hero__solution-cover {
min-height: 800px;
background-color: #0f00c0;
justify-content: center;
align-items: flex-end;
margin-left: auto;
padding-bottom: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.c-hero__solution-cover.cc-beige-bg {
min-height: 400px;
background-color: #fdf5f7;
padding-bottom: 0;
}
.c-hero__solution-cover.cc-beige-bg._404 {
min-height: 80vh;
background-color: #fdf5f7;
align-items: center;
}
.c-hero__solution-cover.cc-pink-bg {
background-color: #f8b8c3;
}
.c-hero__solution-cover.cc-learnings {
background-color: transparent;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
margin-left: 0;
padding-top: 130px;
position: static;
}
.c-hero__solution-cover.cc-userguide {
height: 100%;
min-height: auto;
color: #fff;
}
.c-hero__solution-cover.cc-userguide.bg-color {
background-color: #009aff;
}
.c-hero__solution-text {
max-width: 60ch;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.c-hero__solution-text.cc-50 {
max-width: 50ch;
}
.c-hero__solution-text.cc-50.cc-userguide {
max-width: 55ch;
color: #fff;
justify-content: space-between;
align-self: center;
margin-top: 200px;
}
.c-hero__solution-text.cc-learning {
flex: 1;
align-self: center;
}
.c-pre-footer__text {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c-center-text__container {
justify-content: center;
align-items: center;
display: flex;
}
.c-center-text__container.mg-right__20 {
margin-right: 20px;
}
.c-center-text__container.p-both__20 {
padding: 20px 80px;
}
.p-left__45 {
padding-left: 45px;
}
.c-feature__svg {
margin-right: 20px;
}
.btn-holder.cc-30 {
width: auto;
max-width: 30%;
}
.btn-holder.cc-35 {
width: 35%;
}
.btn-holder.cc-35.mg-top__20 {
margin-top: 20px;
}
.c-illustration__holder {
width: 25vw;
max-width: 404px;
background-color: #fff;
border-radius: 10px;
margin-right: -25%;
padding-top: 8px;
padding-left: 10px;
}
.c-illustration__holder.cc-startup {
width: 70%;
height: 100%;
max-width: 380px;
background-color: transparent;
border-radius: 0;
margin-bottom: 0;
padding-top: 40px;
padding-left: 0;
position: relative;
}
.c-illustration__holder.cc-startup.mobile {
display: none;
}
.c-illustration__svg {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
position: relative;
}
.c-illustration__svg.no-radius {
border-radius: 0;
}
.spacer-div__10 {
width: 10%;
}
.c-image-center__holder {
z-index: 6;
width: 75%;
max-width: none;
border-radius: 20px;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.c-image-center__holder.cc-hero-about {
z-index: 5;
width: 70%;
padding-top: 65%;
position: absolute;
top: auto;
bottom: 20%;
left: auto;
right: 15%;
}
.c-image-center__holder.cc-hero-about.ppc-image {
background-image: url(https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/6335c02be9c28f5f233743bb_Stryve%20Jobs.png);
background-position: 0 0;
background-size: contain;
}
.c-image-center__holder.cc-40 {
width: 40%;
padding-top: 65%;
position: absolute;
top: 10%;
bottom: auto;
left: auto;
right: 10%;
}
.c-image-center__holder.cc-40.is--right {
left: 10%;
right: auto;
}
.c-image-center__holder.cc-hero__b-corporate {
padding-top: 75%;
position: absolute;
bottom: 8%;
right: 12%;
}
.c-center__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.c-center__img.cc-absolute {
object-fit: contain;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-avatar__holder {
width: 80px;
height: 80px;
}
.c-avatar__holder.mg-right__20 {
margin-right: 20px;
}
.c-avatar__holder.mg-right__20.cc-circle {
border-radius: 50%;
}
.c-avatar__img {
width: 100%;
}
.c-avatar__img.cc-circle {
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.c-info__holder {
width: 75%;
background-color: rgba(0, 154, 255, 0.09);
border-radius: 17px;
margin-left: auto;
margin-right: auto;
padding: 15px 10px;
display: flex;
}
.c-info__holder.cc-ruby {
background-color: rgba(255, 40, 104, 0.09);
}
.c-info__holder.cc-green {
background-color: rgba(53, 200, 159, 0.3);
margin-left: 0;
display: flex;
}
.c-info__holder.cc-green.cc-right {
width: 90%;
justify-content: flex-end;
align-self: flex-end;
margin-left: 0;
margin-right: 0;
}
.c-info__holder.cc-orange {
background-color: rgba(255, 156, 39, 0.09);
}
.c-info__holder.cc-right {
justify-content: flex-end;
margin-right: 0;
}
.c-info__icon {
align-self: flex-start;
margin-right: 20px;
}
.heading-7 {
color: #009aff;
}
.heading-7.cc-ruby {
color: #ff2868;
}
.heading-7.cc-green {
color: #35c89f;
}
.heading-7.cc-orange {
color: #ff9c27;
}
.no-padding {
max-width: 100%;
color: #0f172a;
align-self: center;
margin-top: 0;
margin-bottom: 0;
font-weight: 300;
}
.no-padding.left {
align-self: flex-start;
}
.no-padding.ppc-thanks-text {
margin-right: -22px;
padding-right: 0;
}
.brands-grid {
grid-column-gap: 80px;
grid-template-columns: 1fr 1fr 1fr;
}
.c-brand-logo__holder {
justify-content: center;
align-items: center;
display: flex;
}
.bold-text-2 {
font-weight: 400;
}
.c-middle-content {
width: 50%;
padding-top: 10%;
position: relative;
}
.blue-color {
color: #0f00c0;
}
.blue-color.p-btm__5 {
margin-bottom: 5px;
}
.blue-color.mobile {
display: none;
}
.ruby-span {
color: #ff2868;
}
.nav-line__separator {
width: 1px;
height: 16px;
background-color: #0f172a;
margin-right: 10px;
}
.pink-color {
color: #f8b8c3;
}
.pink-color.mobile {
display: none;
}
.turquoise-color {
color: #43dbdb;
}
.c-play__icon-holder {
z-index: 10;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
margin-right: 0;
display: flex;
position: relative;
}
.beige-color {
color: #fdf5f7;
}
.beige-color.mg-btm__100 {
margin-bottom: 100px;
}
.p-top__46 {
color: rgba(15, 23, 42, 0.65);
padding-top: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
line-height: 20px;
}
.p-top__46.faded-text {
color: #0f172a;
padding-top: 50px;
font-size: 16px;
}
.p-top__46.faded-text.margin-top.cc-finance-copy {
padding-top: 18px;
padding-bottom: 0;
}
.p-top__46.faded-text.margin-top.cc-financebox1.stryve-jobs-intro {
color: #fff;
}
.c-bg-cover {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.p-top__17 {
padding-top: 17px;
}
.p-top__17.p-btm__50 {
padding-bottom: 50px;
}
.p-top__17.warning {
opacity: 0;
transition: opacity 0.2s;
display: none;
}
.services-grid {
grid-column-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.collection-list {
grid-column-gap: 80px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cc-hide {
display: none;
}
.c-search-input {
border-top: 1px #000;
border-left: 1px #000;
border-right: 1px #000;
padding-left: 40%;
}
.c-search-input::-ms-input-placeholder {
letter-spacing: -0.02em;
font-size: 16px;
}
.c-search-input::placeholder {
letter-spacing: -0.02em;
font-size: 16px;
}
.c-search-input.p-left__25 {
margin-bottom: 0;
padding-left: 15%;
}
.c-search-input.cc-userguide {
color: #fff;
background-color: transparent;
margin-left: 0%;
margin-right: 0%;
padding-left: 35%;
}
.c-search-input.cc-userguide::-ms-input-placeholder {
color: #fff;
}
.c-search-input.cc-userguide::placeholder {
color: #fff;
}
.search-holder {
display: flex;
position: relative;
}
.search__svg {
position: absolute;
top: 25%;
left: 35%;
}
.search__svg.cc-5 {
top: 30%;
left: 5%;
}
.search__svg.cc-userguide {
left: 30%;
}
.c-toggle__holder {
width: 60px;
background-color: rgba(15, 23, 42, 0.1);
border-radius: 35px;
align-self: flex-start;
align-items: center;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
display: flex;
position: relative;
}
.c-toggle__left-items {
flex-direction: column;
justify-content: space-between;
align-self: flex-start;
transition: all 0.3s;
display: flex;
transform: translateY(-20px);
}
.c-toggle__right-items {
flex-direction: column;
justify-content: space-between;
align-self: flex-start;
display: flex;
}
.c-promo__tag {
background-color: rgba(15, 0, 192, 0.09);
border-radius: 20px;
padding-left: 7px;
padding-right: 7px;
}
.c-promo__tag.cc-ruby {
background-color: rgba(255, 40, 104, 0.09);
}
.c-promo__tag.cc-green {
background-color: rgba(53, 200, 159, 0.09);
}
.c-promo__tag.cc-transparent {
background-color: transparent;
align-self: flex-start;
padding-left: 5px;
padding-right: 7px;
}
.c-promo__tag.subscription-title {
opacity: 0;
}
.text-block-3 {
color: #0f00c0;
text-align: center;
font-size: 9px;
font-weight: 600;
}
.text-block-3.ruby-color {
color: #ff2868;
}
.text-block-3.green-color {
color: #35c89f;
}
.cc-darkblue {
color: #0f00c0;
}
.prices-grid {
grid-column-gap: 30px;
border-bottom: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-bottom: 0;
}
.c-pricing__item {
background-color: #fdf5f7;
border-radius: 8px;
}
.c-pricing__item.cc-ruby {
z-index: 40;
width: 35vw;
background-color: rgba(255, 40, 104, 0.09);
margin-right: 6vw;
transform: translateY(-180px);
}
.c-pricing__item.cc-green {
width: 35vw;
background-color: rgba(53, 200, 159, 0.09);
}
.c-pricing__item.cc-blue {
width: 35vw;
background-color: rgba(0, 154, 255, 0.09);
margin-right: 6vw;
transform: translateY(-80px);
}
.c-pricing__item.cc-orange {
width: 35vw;
background-color: rgba(255, 156, 39, 0.09);
margin-right: 0;
transform: translate(6vw, 140px);
}
.c-pricing__item.cc-dark-blue {
width: 35vw;
background-color: rgba(15, 0, 192, 0.09);
transform: translateY(50px);
}
.c-pricing__item.prices {
padding-left: 32px;
padding-right: 32px;
}
.c-pricing__item.prices.cc-no-bg {
background-color: transparent;
padding-left: 0;
padding-right: 0;
}
.c-pricing__top {
border-radius: 8px 8px 0 0;
margin-left: -32px;
margin-right: -32px;
}
.c-pricing__top.cc-ruby {
background-color: #ff2868;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 32px;
}
.c-pricing__top.cc-green {
background-color: #35c89f;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 32px;
}
.c-pricing__top.cc-blue {
background-color: #009aff;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 32px;
}
.c-pricing__top.cc-dark-blue {
background-color: #0f00c0;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 32px;
}
.c-pricing__top.cc-orange {
background-color: #ff9c27;
margin-left: 0;
margin-right: 0;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 32px;
}
.c-pricing__top.cc-no-mg {
margin-left: 0;
margin-right: 0;
}
.c-pricing__top.prices {
height: 80px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c-pricing__top.prices.cc-red {
background-color: #ff2868;
padding-bottom: 20px;
}
.c-pricing__top.prices.cc-green {
margin-left: -32px;
margin-right: -32px;
padding-bottom: 48px;
padding-left: 0;
}
.c-pricing__top.prices.cc-dark-blue {
margin-left: -32px;
margin-right: -32px;
padding-bottom: 43px;
padding-left: 0;
}
.c-pricing__info {
padding: 25px 32px 50px;
}
.c-pricing__info.p-btm__25 {
padding-bottom: 25px;
}
.c-pricing__info.prices {
padding: 10px 0 16px;
}
.c-pricing__info.prices.p-top__55 {
padding-top: 45px;
}
.c-pricing__features {
padding-bottom: 55px;
padding-left: 32px;
padding-right: 32px;
}
.c-pricing__features.prices {
padding-bottom: 16px;
padding-left: 0;
padding-right: 0;
}
.c-pricing__features.prices.last {
padding-bottom: 32px;
}
.c-pricing__check-svg {
margin-right: 15px;
}
.c-line-separator {
height: 1px;
background-color: rgba(12, 29, 54, 0.65);
margin-bottom: 25px;
}
.c-line-separator.cc-ruby {
background-color: rgba(255, 40, 104, 0.65);
}
.c-line-separator.cc-green {
background-color: rgba(53, 200, 159, 0.65);
}
.c-line-separator.cc-blue {
background-color: rgba(0, 154, 255, 0.65);
}
.c-line-separator.cc-dark-blue {
background-color: rgba(15, 0, 192, 0.65);
}
.c-line-separator.cc-orange {
background-color: rgba(255, 156, 39, 0.65);
}
.c-line-separator.prices {
opacity: 0.1;
margin-bottom: 0;
}
.c-line-separator.prices.mg-btm__16 {
margin-bottom: 16px;
}
.calculator-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-bottom: 35px;
padding-left: 80px;
padding-right: 80px;
}
.calculator__item {
background-color: #fdf5f7;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 20px;
display: flex;
}
.c-calc__arrow {
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 25px;
display: flex;
}
.c-calc__plus {
cursor: pointer;
margin-bottom: 5px;
}
.c-calc__minus {
cursor: pointer;
}
.spacer__25 {
width: 25%;
}
.c-faq__container {
cursor: pointer;
background-color: #fdf5f7;
border-radius: 8px;
padding: 10px 10px 10px 32px;
}
.c-faq__container.c-question__item {
margin-top: 20px;
margin-bottom: 20px;
}
.c-faq__upper {
width: 100%;
max-width: none;
justify-content: space-between;
display: flex;
}
.c-faq__icon-holder {
align-self: flex-start;
position: relative;
}
.faqs-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.c-faq__p {
padding-top: 10px;
font-weight: 300;
transition: all 0.4s;
display: block;
}
.dot-separator {
width: 3px;
height: 3px;
background-color: #ff2868;
border-radius: 50%;
margin-left: 10px;
margin-right: 10px;
}
.c-single-img__holder {
padding-top: 50%;
position: relative;
}
.c-single__img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-author__icon {
align-self: flex-start;
}
.c-author__info {
display: flex;
}
.mg-btm__5 {
margin-bottom: 5px;
}
.c-athor__content {
margin-bottom: 40px;
padding-left: 50px;
padding-right: 50px;
}
.c-tips-img__holder {
padding-top: 60%;
position: relative;
}
.c-tips__img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-tips-img__wrapper {
margin-bottom: 32px;
}
.c-tips-text__content {
margin-bottom: 45px;
padding-left: 50px;
padding-right: 50px;
}
.c-author__richtext {
margin-bottom: 40px;
}
.comma-separator {
color: rgba(15, 23, 42, 0.65);
padding-right: 5px;
}
.lightblack {
color: rgba(15, 23, 42, 0.65);
}
.c-learnings__links-wrapper {
border-bottom: 1px solid rgba(12, 29, 54, 0.65);
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
display: flex;
}
.c-learnings__links-wrapper.white-border {
border-bottom-color: rgba(255, 255, 255, 0.8);
}
.collection-list-2 {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.c-learnings__heading {
justify-content: space-between;
align-self: flex-start;
display: flex;
}
.c-learnings__head-shapes {
flex-direction: column;
justify-content: center;
margin-left: 10px;
display: flex;
}
.no-mg {
margin-top: 0;
margin-bottom: 0;
}
.no-mg.header-title {
font-weight: 300;
}
.no-mg.header-title.bold {
font-weight: 400;
}
.no-mg.p-r__10 {
padding-right: 10px;
}
.no-mg.p-r__10.header-title.ppc-head {
color: #fff;
margin-right: 0;
padding-right: 0;
font-size: 45px;
}
.collection-list-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item {
justify-content: center;
align-items: center;
display: flex;
}
.collection-list-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-2 {
justify-content: center;
align-items: center;
display: flex;
}
.heading-8 {
font-size: 94.44px;
line-height: 113px;
}
.heading-8.cc-pink {
opacity: 0.9;
color: #f8b8c3;
}
.p-left__20 {
padding-left: 20px;
}
.orange-color {
color: #ff9c27;
}
.orange-color.p-btm__5 {
margin-bottom: 5px;
}
.orange-color.mobile {
display: none;
}
.c-line__holder {
width: 11vw;
position: absolute;
top: 28%;
bottom: auto;
left: auto;
right: 0%;
}
.c-line__holder.cc-signup {
width: 100%;
display: none;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.benefits-grid {
width: 35%;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
margin-top: -21%;
}
.c-benefits__item {
border-radius: 8px;
padding: 15px;
}
.c-benefits__item.cc-blue {
background-color: rgba(0, 154, 255, 0.09);
}
.c-benefits__item.cc-orange {
background-color: rgba(245, 158, 11, 0.09);
}
.c-benefits__item.cc-ruby {
background-color: rgba(255, 40, 104, 0.09);
}
.c-benefits__item.cc-green {
background-color: rgba(53, 200, 159, 0.09);
}
.c-benefits__icon {
margin-right: 15px;
}
.c-benefits__content {
flex: 1;
padding-top: 5px;
}
.c-flex___right {
display: flex;
}
.c-flex___right.cc-35 {
width: 35%;
justify-content: space-between;
align-self: flex-end;
}
.mg-right__20 {
margin-right: 20px;
}
.form-block {
width: 50%;
align-self: flex-end;
margin-bottom: 0;
}
.form-block.positions {
width: 100%;
}
.c-positions__holder {
margin-bottom: 20px;
padding-top: 50px;
}
.p-left__40 {
padding-left: 40px;
}
.p-left__40.dark {
color: #0f172a;
}
.collection-list-5 {
grid-column-gap: 16px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.c-pre-footer__careers {
min-height: 500px;
background-color: transparent;
justify-content: center;
align-items: flex-end;
margin-left: auto;
padding-bottom: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.c-hero__cover-img {
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-user__logo {
margin-right: 20px;
}
.c-user__logo-img {
width: 100%;
}
.signup__icon-svg {
margin-right: 12px;
}
.p-btm__12 {
padding-bottom: 12px;
}
.c-signup__form-block {
z-index: 50;
width: 40%;
max-width: 520px;
background-color: #fdf5f7;
border-radius: 20px;
margin-bottom: 0;
padding: 36px;
position: relative;
}
.c-signup__form-block.desktop {
background-color: #fff;
}
.c-signup__form-block.desktop.cc--dark {
background-color: #fdf5f7;
}
.c-signup__form-block.cc-mobile {
display: none;
}
.c-signup__input {
background-color: #fdf5f7;
border: 1px #000;
border-radius: 8px;
margin-bottom: 24px;
padding-top: 20px;
padding-bottom: 20px;
}
.c-signup__input::-ms-input-placeholder {
font-size: 12px;
}
.c-signup__input::placeholder {
font-size: 12px;
}
.c-signup__input.mg-btm__40 {
margin-bottom: 40px;
}
.c-signup__input.mg-btm__16 {
margin-bottom: 16px;
}
.c-signup__input.cc--light {
background-color: #fff;
}
.c-signup__input.cc--light.mrg-bt-40 {
margin-bottom: 40px;
}
.text-12 {
font-size: 12px;
}
.text-12.lightblack.underline {
cursor: pointer;
text-decoration: underline;
}
.text-12.black {
color: #0f172a;
align-self: center;
}
.text-12.center {
align-self: center;
}
.text-12.mobile {
display: none;
}
.c-signup__checkbox {
width: 24px;
height: 24px;
cursor: pointer;
border-width: 2px;
border-color: rgba(12, 29, 54, 0.65);
margin-top: 0;
margin-right: 12px;
}
.checkbox-field {
text-align: left;
align-items: center;
display: flex;
}
.mg-btm__32 {
margin-top: 0;
margin-bottom: 32px;
}
.mg-btm__32.ppc-thanks {
margin-right: -59px;
padding-left: 0;
}
.c-login__form-block {
z-index: 50;
width: auto;
max-width: none;
background-color: #fff;
border-radius: 20px;
margin-bottom: 0;
padding: 0;
position: relative;
}
.p-top__32 {
text-align: left;
object-fit: fill;
padding-top: 32px;
}
.p-top__32.cloumns.header {
padding-left: 0;
}
.c-nav__menu-list,
.c-menu-button {
display: none;
}
.html-embed {
cursor: pointer;
background-color: transparent;
position: relative;
top: 2px;
}
.html-embed.cc-white {
color: #fff;
}
.spacer-element {
min-width: 120px;
padding: 15px 20px;
}
.pricing-buttons-grid {
background-color: #fff;
border-top: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 16px;
padding-bottom: 16px;
position: -webkit-sticky;
position: sticky;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-toggle-dark-blue {
opacity: 0;
background-color: rgba(15, 23, 42, 0.65);
border-radius: 35px;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-toggle-circle {
width: 20px;
height: 20px;
background-color: #0f172a;
border-radius: 35px;
margin-left: auto;
position: relative;
right: 2px;
}
.custom-spacing {
display: none;
}
.c-pricing-btn__holder {
padding-left: 32px;
padding-right: 32px;
}
.c-pricing-btn__holder.mobile {
display: none;
}
.brand {
width: 15vw;
top: -3px;
}
.brand.w--current {
width: auto;
max-width: 10vw;
min-width: 5vw;
display: flex;
}
.html-embed-3 {
border-radius: 70%;
}
.c-pricing-top__content {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.css-edits {
display: none;
}
.title-text.ppc-box-1-2 {
text-align: left;
margin-top: 40px;
margin-bottom: 0;
padding-top: 11px;
padding-bottom: 20px;
padding-left: 0;
font-size: 45px;
}
.title-text.ppc-box-1-2.ppc-header {
text-align: center;
}
.title-text.ppc-box-1-2.box-header {
margin-top: 45px;
}
.title-text.ppc-box-1-2.finance-lp {
justify-content: center;
align-items: center;
display: flex;
}
.title-text.ppc-box-1-2.cc-techh1.cc-tech2 {
margin-top: 40px;
}
.title-text.ppc-t-2 {
font-size: 45px;
}
.title-text.cc-ifinancehead.stryve-jobs-header {
color: #fff;
}
.heading-9 {
margin-top: 0;
font-weight: 300;
}
.heading-9.ppc-header-2 {
color: #fff;
font-size: 45px;
}
.text-16 {
font-size: 16px;
}
.text-16.center-text.mg-top {
margin-top: -32px;
}
.c-img__inner {
z-index: 1;
background-color: rgba(15, 23, 42, 0.18);
border-radius: 8px;
padding-top: 110%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-btn__tag {
min-height: 48px;
min-width: 120px;
color: #fff;
letter-spacing: -0.02em;
cursor: pointer;
background-color: #0f172a;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 15px 23px;
font-size: 12px;
line-height: 14.4px;
text-decoration: none;
display: flex;
}
.c-btn__tag.cc-tag-time_custom {
min-width: 80px;
background-color: #f59e0b;
padding: 7px 8px;
}
.c-btn__tag.cc-tag-time_custom.mg-both__12 {
height: 30px;
min-height: auto;
margin-left: 12px;
margin-right: 12px;
}
.c-btn__tag.cc-tag-time_custom.mg-both__12.my-20 {
margin-top: 20px;
}
.c-btn__tag.cc-tag-time_custom.mg-both__12.my-5 {
margin-top: 5px;
margin-bottom: 5px;
}
.c-btn__tag.cc-tag-time_custom.mg-both__12.my-5.no-margin-x {
margin-bottom: 0;
margin-left: 0;
margin-right: 12px;
}
.c-img-cover {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-img-cover.radius__8 {
border-radius: 8px;
}
.stats-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 70px;
display: grid;
}
.btn-hover {
height: 50%;
background-color: #0f172a;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
justify-content: center;
align-items: flex-start;
transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.btn-background {
width: 100%;
height: 50%;
background-color: #0f172a;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.relative {
z-index: 1;
position: relative;
top: auto;
}
.relative._1 {
z-index: auto;
color: #fdf5f7;
top: 16px;
}
.relative._2 {
z-index: auto;
color: #fdf5f7;
top: -15px;
}
.relative.behind {
z-index: 1;
}
.c-btn-anim {
min-height: 48px;
min-width: 120px;
color: #fff;
letter-spacing: -0.02em;
cursor: pointer;
background-color: #0f172a;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 15px 23px;
font-size: 12px;
line-height: 14.4px;
text-decoration: none;
display: flex;
}
.c-btn-anim.cc-with-icon {
padding-left: 20px;
padding-right: 20px;
}
.c-btn-anim.cc-with-icon.relative {
color: #fff;
background-color: #fdf5f7;
display: none;
overflow: hidden;
}
.c-btn-anim.relative {
position: relative;
}
.p-left__5 {
padding-left: 5px;
}
.c-lottie-large {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-why-nav__bubble {
border-radius: 50%;
position: absolute;
}
.c-why-nav__bubble.cc-1 {
width: 1.45vw;
height: 1.45vw;
max-width: 30px;
background-color: #ff2868;
top: 10%;
bottom: auto;
left: auto;
right: 5%;
}
.c-why-nav__bubble.cc-2 {
width: 4.8vw;
height: 4.8vw;
max-width: 90px;
background-color: #f8b8c3;
top: 22%;
bottom: auto;
left: -45%;
right: auto;
}
.c-why-nav__bubble.cc-3 {
width: 0.8vw;
height: 0.8vw;
max-height: 15px;
max-width: 15px;
background-color: #fff;
top: auto;
bottom: 17%;
left: auto;
right: 10%;
}
.c-solution-nav__bubble {
border-radius: 50%;
position: absolute;
}
.c-solution-nav__bubble.cc-1 {
width: 1.45vw;
height: 1.45vw;
max-width: 30px;
background-color: #f59e0b;
top: 10%;
bottom: auto;
left: auto;
right: 5%;
}
.c-solution-nav__bubble.cc-2 {
width: 4.8vw;
height: 4.8vw;
max-width: 90px;
background-color: #f8b8c3;
top: 22%;
bottom: auto;
left: -35%;
right: auto;
}
.c-solution-nav__bubble.cc-3 {
width: 0.8vw;
height: 0.8vw;
max-height: 15px;
max-width: 15px;
background-color: #fff;
top: auto;
bottom: 29%;
left: auto;
right: 10%;
}
.c-solution-nav__bubble.cc-4 {
width: 2.6vw;
height: 2.6vw;
max-width: 50px;
background-color: #f8b8c3;
top: auto;
bottom: -4%;
left: auto;
right: -10%;
}
.c-resources-nav__bubble {
border-radius: 50%;
position: absolute;
}
.c-resources-nav__bubble.cc-1 {
width: 1.45vw;
height: 1.45vw;
max-width: 30px;
background-color: #0f00c0;
top: 10%;
bottom: auto;
left: auto;
right: 5%;
}
.c-resources-nav__bubble.cc-2 {
width: 4.8vw;
height: 4.8vw;
max-width: 90px;
background-color: #009aff;
top: 22%;
bottom: auto;
left: -45%;
right: auto;
}
.c-resources-nav__bubble.cc-3 {
width: 0.8vw;
height: 0.8vw;
max-height: 15px;
max-width: 15px;
background-color: #fff;
top: auto;
bottom: 29%;
left: auto;
right: 10%;
}
.c-resources-nav__bubble.cc-4 {
width: 2.6vw;
height: 2.6vw;
max-width: 50px;
background-color: #009aff;
top: auto;
bottom: -4%;
left: auto;
right: -10%;
}
.c-about-nav__bubble {
border-radius: 50%;
position: absolute;
}
.c-about-nav__bubble.cc-1 {
width: 1.45vw;
height: 1.45vw;
max-width: 30px;
background-color: #35c89f;
top: 10%;
bottom: auto;
left: auto;
right: 5%;
}
.c-about-nav__bubble.cc-2 {
width: 4.8vw;
height: 4.8vw;
max-width: 90px;
background-color: #f8b8c3;
top: 22%;
bottom: auto;
left: -35%;
right: auto;
}
.c-about-nav__bubble.cc-3 {
width: 0.8vw;
height: 0.8vw;
max-height: 15px;
max-width: 15px;
background-color: #fff;
top: auto;
bottom: 29%;
left: auto;
right: 10%;
}
.c-about-nav__bubble.cc-4 {
width: 2.6vw;
height: 2.6vw;
max-width: 50px;
background-color: #f8b8c3;
top: auto;
bottom: -4%;
left: auto;
right: -10%;
}
.c-nav-middle__flex-holder {
cursor: pointer;
justify-content: flex-start;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 20px;
transition: background-color 0.2s;
display: flex;
}
.c-nav-middle__flex-holder:hover {
background-color: rgba(0, 154, 255, 0.09);
}
.c-nav-middle__flex-holder.cc-orange:hover {
background-color: rgba(255, 156, 39, 0.09);
}
.c-nav-middle__flex-holder.cc-red:hover {
background-color: rgba(255, 40, 104, 0.09);
}
.c-nav-middle__flex-holder.cc-turquoise {
padding-top: 10px;
padding-bottom: 10px;
}
.c-nav-middle__flex-holder.cc-turquoise:hover {
background-color: rgba(67, 219, 219, 0.09);
}
.c-nav-middle__flex-holder.cc-turquoise.cc-hide {
display: none;
}
.c-nav-middle__flex-holder.top {
border-top-right-radius: 12px;
border-bottom-right-radius: 0;
}
.c-nav-middle__flex-holder.btm {
border-top-right-radius: 0;
border-bottom-right-radius: 12px;
}
.c-card__text-content {
max-width: 24ch;
}
.text-block-4 {
text-align: left;
}
.c-compliance-lottie {
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-compliance-lottie.full {
width: 100%;
}
.c-bg-bubble {
width: 400px;
height: 400px;
background-color: #009aff;
border-radius: 100%;
position: absolute;
top: 6%;
bottom: auto;
left: auto;
right: 0%;
}
.c-bg-bubble.bt-left {
top: auto;
bottom: 11%;
left: 0%;
right: auto;
}
.c-bg-bubble.bt-left.smaller {
width: 240px;
height: 240px;
bottom: 13%;
}
.c-bg-bubble.bt-left.smaller.cc-pink {
background-color: #f8b8c3;
}
.c-bg-bubble.cc-ruby {
background-color: #ff2868;
}
.c-bg-bubble.cc-turquoise {
background-color: #43dbdb;
}
.c-quote-container {
width: 75%;
background-color: rgba(53, 200, 159, 0.2);
border-radius: 18px;
margin-top: -64px;
margin-left: auto;
margin-right: auto;
padding-top: 64px;
padding-bottom: 0;
}
.paragraph {
color: rgb(251 251 251 / 98%);
}
.heading-10 {
color: #fff;
}
.c-faq__heading {
align-self: center;
margin-bottom: 0;
}
.heading-11 {
font-style: italic;
font-weight: 300;
}
.heading-12 {
text-decoration: underline;
}
.c-footer__header {
color: #fff;
margin-bottom: 16px;
}
.form-block-2 {
margin-bottom: 60px;
}
.form-block-2.cc-userguide {
width: 100%;
margin-bottom: 0;
}
.c-cookies__head {
width: auto;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 7.5em;
}
.c-cookies__text {
max-width: 72ch;
margin-left: auto;
margin-right: auto;
}
.page__wrapper-2 {
margin-top: 63px;
}
.c-footer__link {
color: #fff;
margin-left: 1.11vw;
margin-right: 1.11vw;
padding-top: 12px;
padding-bottom: 12px;
text-decoration: none;
display: block;
}
.c-ctn-2 {
width: 80%;
max-width: none;
min-width: 960px;
margin-left: auto;
margin-right: auto;
}
.c-ctn-2.cc-head {
max-width: 500px;
min-width: auto;
}
.c-ctn-2.cc-60 {
width: 60%;
}
.c-h {
text-align: center;
padding-bottom: 0.75em;
}
.c-card__header {
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.c-footer__link-item {
color: rgba(255, 255, 255, 0.6);
cursor: pointer;
margin-bottom: 16px;
font-size: 16px;
transition: all 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-footer__link-item:hover {
transform: translate(3px);
}
.c-footer__link-item.w--current,
.c-footer__link-item.hidden {
display: none;
}
.collection-item-3 {
margin-bottom: 20px;
}
.c-pricing__saving {
width: 100%;
border-radius: 9px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px 15px;
display: flex;
}
.c-pricing__saving.cc-ruby {
background-color: #ff2868;
display: none;
}
.c-pricing__saving.cc-green {
background-color: #35c89f;
display: none;
}
.c-hero--lottie {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-diversity-illustration {
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-diversity__wrapper {
z-index: 2;
width: 40vw;
height: 40vw;
background-color: #fff;
border-radius: 100vw;
position: relative;
}
.c-diversity__ball {
width: 13.5vw;
height: 13.5vw;
background-color: #009aff;
border-radius: 100vw;
position: absolute;
top: 10.7vw;
left: 9.4vw;
}
.c-diversity__ball.cc-ruby {
width: 9vw;
height: 9vw;
background-color: #ff2868;
top: 28.8vw;
left: 17.9vw;
}
.c-diversity__ball.cc-ruby.is--yellow {
width: 8vw;
height: 8vw;
background-color: #ffd128;
top: 1.4vw;
left: 14vw;
}
.c-diversity__ball.cc-ruby.is--yellow.small {
width: 3vw;
height: 3vw;
top: 20.4vw;
left: 33.2vw;
}
.c-diversity__ball.cc-pink {
width: 7vw;
height: 7vw;
background-color: #f8b8c3;
top: 19.7vw;
left: 24vw;
}
.c-diversity__ball.cc-pink.is--turquoise {
background-color: #43dbdb;
top: 4.7vw;
left: 23.9vw;
}
.c-diversity__ball.cc-org {
width: 7vw;
height: 7vw;
background-color: #ff9c27;
top: 22.5vw;
left: 2.9vw;
}
.c-diversity__ball.cc-org.small {
width: 3.5vw;
height: 3.5vw;
top: 14vw;
left: 24.4vw;
}
.c-diversity__ball.cc-dk-blue {
width: 5.5vw;
height: 5.5vw;
background-color: #0f00c0;
top: 29.8vw;
left: 9.4vw;
}
.c-diversity__ball.cc-dk-blue.is--green {
background-color: #35c89f;
top: 14.3vw;
left: 2.5vw;
}
.c-diversity__ball.cc-dk-blue.is--green._2 {
top: 28vw;
left: 29.6vw;
}
.c-diversity__ball.cc-dk-blue.large {
width: 7vw;
height: 7vw;
top: 11.2vw;
left: 30.1vw;
}
.c-diversity__ball.is--small {
width: 2vw;
height: 2vw;
top: 25.1vw;
left: 34.3vw;
}
.c-diversity__ball.is--small.pink {
background-color: #f8b8c3;
top: 36.1vw;
left: 15.5vw;
}
.c-diversity__ball.is--small.pink._2 {
top: 9.7vw;
left: 4.9vw;
}
.c-diversity__ball.is--x-small {
width: 1.5vw;
height: 1.5vw;
background-color: #43dbdb;
top: 25.8vw;
left: 12.1vw;
}
.c-diversity__ball.is--x-small.yellow {
background-color: #ffd128;
top: 24.9vw;
left: 20.5vw;
}
.c-diversity__ball.cc--medium {
width: 6.5vw;
height: 6.5vw;
background-color: #f59e0b;
top: 22.1vw;
left: 2.9vw;
}
.c-diversity__ball.cc--small {
width: 3vw;
height: 3vw;
background-color: #f59e0b;
top: 7vw;
left: 9.4vw;
}
.utility-page-wrap {
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.utility-page-content {
width: 260px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.success-message {
color: #fff;
background-color: #35c89f;
}
.c-pricing-spacer {
height: 20px;
}
.c-footer-upper-portion {
padding-bottom: 32px;
}
.c-footer-lower-portion {
background-color: #0f00c0;
padding-bottom: 64px;
}
.div-block {
width: 50vw;
height: 50vw;
min-height: 640px;
min-width: 640px;
position: absolute;
top: 5%;
bottom: auto;
left: auto;
right: -3%;
}
.c-card__info {
color: #0f172a;
align-items: center;
padding-top: 16px;
}
.c-card__info-txt {
display: inline;
}
.c-card__info-txt.mrg-left {
margin-left: 3px;
}
.c-card__info-separator {
width: 3px;
height: 2px;
background-color: rgba(15, 23, 42, 0.52);
margin-left: 7px;
margin-right: 7px;
display: inline-block;
position: relative;
top: -3px;
}
.c-article-share {
text-align: center;
padding-top: 32px;
padding-bottom: 32px;
}
.c-footer-lottie {
z-index: 10;
width: 100%;
max-width: 1900px;
min-width: 400px;
position: absolute;
top: auto;
bottom: -1%;
left: 50%;
right: 0%;
transform: translate(-50%);
}
.c-pre-footer {
background-color: #0f00c0;
padding-top: 78px;
padding-bottom: 397px;
position: relative;
overflow: hidden;
}
.c-video-modal {
z-index: 1000;
width: 100%;
height: 100%;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 39px;
padding-left: 39px;
padding-right: 39px;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-video-modal.page {
padding-bottom: 0;
display: flex;
}
.c-modal__close-button {
cursor: pointer;
margin-top: 30px;
margin-right: 30px;
padding: 16px 32px;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.text-block-12 {
font-size: 18px;
}
.image {
width: 18px;
height: 18px;
margin-right: 14px;
}
.video {
width: 80%;
}
.title-row1__holder {
display: flex;
}
.text-span-6 {
font-weight: 300;
}
.c-how__heading {
color: #0f172a;
line-height: 64px;
}
.c-learn-more__heading {
color: #fff;
margin-top: 10px;
margin-bottom: 20px;
font-size: 50.52px;
line-height: 64px;
}
.color-item {
width: 10vw;
flex-direction: column;
margin-right: 15px;
display: flex;
}
.c-color__bg {
margin-bottom: 10px;
}
.c-color__bg.black {
background-color: #0f172a;
}
.c-color__bg.white {
background-color: #fff;
}
.c-color__bg.dark-blue {
background-color: #0f00c0;
}
.c-color__bg.light-blue {
background-color: #009aff;
}
.c-color__bg.mid-blue {
background-color: #0365f4;
}
.c-color__bg.ruby {
background-color: #ff2868;
}
.c-color__bg.pink {
background-color: #f8b8c3;
}
.c-color__bg.light-pink {
background-color: #fdf5f7;
}
.c-color__bg.green {
background-color: #35c89f;
}
.c-color__bg.turquoise {
background-color: #43dbdb;
}
.c-color__bg.dark-orange {
background-color: #f59e0b;
}
.c-color__bg.light-orange {
background-color: #ff9c27;
}
.c-color__bg.gold,
.c-color__bg.yellow {
background-color: #ffd128;
}
.c-color__text {
flex-direction: column;
display: flex;
}
.text-block-13 {
text-transform: uppercase;
margin-bottom: 5px;
}
.c-avatar__name {
margin-bottom: 10px;
}
.c-hero-bg__time {
width: 30vw;
height: 30vw;
background-color: rgba(255, 255, 255, 0.09);
border-radius: 100%;
position: absolute;
top: auto;
bottom: -8%;
left: auto;
right: -13%;
}
.c-hero-bg__time._2 {
width: 20vw;
height: 20vw;
top: 18%;
bottom: auto;
left: 6%;
right: auto;
}
.c-article-card__link-block {
border-radius: 8px;
padding-top: 70%;
position: relative;
overflow: hidden;
}
.c-card__reading-time {
display: inline;
}
.text-block-15 {
flex: 1;
align-self: flex-start;
}
.c-ratings {
justify-content: center;
display: flex;
}
.c-rating__link {
text-align: center;
margin-left: 16px;
margin-right: 16px;
}
.c-rating__stars {
display: flex;
}
.c-rating__star {
width: 24px;
}
.c-rating__heading {
color: #fff;
margin-bottom: 0;
}
.c-footer__header-2 {
color: #fff;
margin-bottom: 16px;
}
.c-footer-2 {
background-color: #009aff;
padding-top: 80px;
position: relative;
}
.c-btn-2 {
min-height: 48px;
min-width: 120px;
color: #fff;
letter-spacing: -0.02em;
cursor: pointer;
background-color: #0f172a;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 15px 23px;
font-size: 14px;
line-height: 14.4px;
text-decoration: none;
display: flex;
}
.c-btn-2.cc-light {
color: #0f172a;
background-color: transparent;
border: 2px solid #000;
}
.c-btn-2.cc-light.white-border {
color: #fff;
border-color: #fff;
}
.c-btn-2.cc-no-border {
color: #0f172a;
background-color: transparent;
}
.c-btn-2.cc-no-border.white {
background-color: #fff;
}
.c-btn-2.cc-no-border.white.mg-right__20 {
margin-right: 20px;
}
.c-btn-2.cc-with-icon {
padding-left: 20px;
padding-right: 20px;
}
.c-btn-2.cc-white {
color: #0f172a;
background-color: #fdf5f7;
}
.c-btn-2.cc-white.cc-with-play {
background-color: transparent;
justify-content: flex-start;
margin-top: 0;
margin-bottom: 0;
padding: 8px;
}
.c-btn-2.p-55 {
padding-left: 55px;
padding-right: 55px;
}
.is--white-2 {
color: #fff;
margin-bottom: 12px;
text-decoration: none;
}
.is--white-2.opacity-60 {
color: rgba(255, 255, 255, 0.6);
margin-bottom: 16px;
font-size: 16px;
text-decoration: none;
}
.is--white-2.is--12px {
font-size: 12px;
}
.c-footer-lower-portion-2 {
background-color: #0f00c0;
padding-bottom: 64px;
}
.c-flex__cover-2 {
width: 50%;
height: auto;
background-color: #0f00c0;
margin-left: auto;
padding-top: 50%;
position: relative;
overflow: hidden;
}
.c-flex__cover-2.cc-red {
background-color: #ff2868;
background-image: linear-gradient(90deg, #ff2868 55%, #f8b8c3 55%);
}
.c-flex__cover-2.cc-red.cc-left {
justify-content: center;
align-items: center;
}
.c-flex__cover-2.cc-red.cc-left.mg-btm__32 {
background-image: linear-gradient(90deg, #f8b8c3 55%, #f8b8c3 55%);
margin-bottom: 0;
}
.c-flex__cover-2.cc-img-bg {
min-height: 650px;
padding-top: 40%;
}
.c-flex__cover-2.cc-img-bg.cc-left {
min-height: 650px;
background-color: transparent;
}
.ruby-color-2 {
color: #ff2868;
}
.c-form-block {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.sm-ellipse-2 {
z-index: 2;
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
margin-right: 8px;
display: flex;
position: relative;
}
.sm-ellipse-2.cc-gray {
background-color: rgba(15, 23, 42, 0.06);
}
.image-block-left-1.cc-tech-lp-img2 {
background-image: url("https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/63402ec6de6af502bf7606ff_Platform%20%20(1000%20%C3%97%201000px)%20(800%20%C3%97%201000px).png");
background-position: 0 0;
background-size: auto;
}
.c-logos-flex {
z-index: 1;
width: 60%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-items: center;
display: grid;
position: relative;
}
.c-logo {
max-height: 160px;
max-width: 150px;
display: block;
}
.c-logo-link-block {
width: 160px;
height: 160px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-block-wider-coloured {
background-color: #0f00c0;
display: flex;
}
.image-2 {
padding-top: 0;
}
.placeholder {
display: flex;
}
.placeholder.cc-spaced {
justify-content: space-between;
}
.placeholder.cc-spaced.cc-beige-bg.cc-radius__100 {
border-radius: 100px;
align-items: center;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
}
.placeholder.cc-spaced.cc-beige-bg.cc-radius__100.p-left__30 {
padding-top: 8px;
padding-bottom: 8px;
padding-left: 30px;
}
.placeholder.cc-spaced.cc-beige-bg.cc-radius__100.desktop {
padding-top: 5px;
padding-bottom: 5px;
}
.placeholder.cc-spaced.mg-btm__20 {
margin-bottom: 20px;
}
.placeholder.cc-spaced.mg-btm__80 {
margin-bottom: 30px;
}
.placeholder.cc-spaced.cc-85 {
width: 85%;
}
.placeholder.cc-first-row {
justify-content: center;
align-items: center;
padding-bottom: 15px;
}
.placeholder.center {
justify-content: center;
align-items: center;
}
.placeholder.center.mg-btm__12 {
margin-bottom: 12px;
}
.placeholder.center.mg-btm__12.opacity-0 {
opacity: 0;
}
.placeholder.center.mg-btm__12.opacity-0.title {
margin-bottom: 35px;
}
.placeholder.mg-btm__70 {
margin-bottom: 70px;
}
.placeholder.cc-beige-bg {
background-color: #fdf5f7;
}
.placeholder.cc-beige-bg.cc-border-radius {
border-radius: 100px;
justify-content: center;
align-items: center;
}
.placeholder.justify-center {
align-items: center;
}
.placeholder.justify-center.mg-btm__16 {
margin-bottom: 16px;
}
.placeholder.justify-center.mg-btm__10 {
margin-bottom: 10px;
}
.placeholder.flex-vertical.p-top__16 {
padding-top: 16px;
}
.placeholder.flex-vertical.mg-btm__40 {
margin-bottom: 40px;
}
.placeholder.cc-95 {
width: 95%;
}
.placeholder.cc-60 {
width: 60%;
justify-content: space-between;
}
.placeholder.align-center {
align-items: center;
}
.placeholder.align-center.mg-btm__14 {
margin-bottom: 14px;
}
.placeholder.p-left__36 {
padding-left: 36px;
}
.placeholder.cc-right {
justify-content: flex-end;
}
.placeholder.cc-right.mg-top__25 {
margin-top: 25px;
}
.placeholder.cc-pink {
color: transparent;
background-color: rgba(255, 40, 104, 0.09);
padding-top: 2px;
padding-bottom: 2px;
padding-right: 7px;
}
.placeholder.cc-pink.cc-spaced.cc-50 {
max-width: none;
opacity: 0;
cursor: default;
border-radius: 20px;
align-items: center;
display: flex;
}
.placeholder.cc-green {
color: transparent;
background-color: rgba(53, 200, 159, 0.09);
padding-top: 2px;
padding-bottom: 2px;
padding-right: 7px;
}
.placeholder.cc-green.cc-spaced.cc-50 {
max-width: none;
opacity: 0;
cursor: pointer;
border-radius: 20px;
align-items: center;
display: none;
}
.placeholder.cc-blue {
color: transparent;
background-color: rgba(15, 0, 192, 0.09);
padding-top: 2px;
padding-bottom: 2px;
padding-right: 7px;
}
.placeholder.cc-blue.cc-spaced.cc-50 {
max-width: none;
opacity: 0;
border-radius: 20px;
align-items: center;
}
.placeholder.cc-blue.cc-spaced.cc-50.hidden {
opacity: 0;
background-color: rgba(15, 0, 192, 0);
}
.placeholder.mg-btm__10 {
margin-bottom: 10px;
}
.placeholder.mg-btm__2 {
margin-bottom: 2px;
}
.placeholder.cc--centre {
justify-content: center;
margin-top: 32px;
}
.c-userguide__title {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 50px;
}
.c-category__item {
cursor: pointer;
background-color: #fdf5f7;
border-radius: 85px;
justify-content: space-between;
padding: 20px 30px;
display: flex;
}
.c-category__left {
max-width: 50%;
grid-template-rows: auto;
grid-template-columns: 0.5fr 1fr 0.5fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: stretch;
display: flex;
}
.arrow-holder {
width: 48px;
height: 48px;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
}
.collection-list-6 {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.c-category__title {
margin: 0 24px;
}
.image-3,
.image-4 {
width: 24px;
height: 24px;
}
.categories-collection-wrapper {
margin-top: 75px;
transition: all 0.4s;
display: none;
}
.c-subcategories {
width: 100%;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.c-sub-category__item {
background-color: #fdf5f7;
border-radius: 85px;
justify-content: space-between;
padding: 20px 30px;
display: flex;
}
.category-link {
height: 48px;
color: #0f172a;
background-color: #fff;
border-radius: 85px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
}
.text-block-16 {
margin-right: 6px;
}
.image-5 {
transform: rotate(90deg);
}
.questions-container {
width: 80%;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
}
.questions-collection {
width: 80%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
display: none;
}
.userguide-rich-text h3 {
padding-top: 80px;
}
.userguide-rich-text img {
margin-top: 20px;
margin-bottom: 20px;
}
.empty-state {
background-color: transparent;
}
.empty-state-2 {
background-color: transparent;
margin-top: 32px;
}
.c-question__item_2 {
background-color: #fdf5f7;
border-radius: 10px;
margin-top: 24px;
padding: 24px;
display: none;
}
.c-item__head {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.c-category__parent {
max-width: none;
color: #0365f4;
grid-template-rows: auto;
grid-template-columns: 0.5fr 1fr 0.5fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: stretch;
display: flex;
}
.heading-13 {
color: #0f00c0;
margin-left: 8px;
}
.search-results {
transition: opacity 0.25s;
}
.excerpt-rich-text {
max-width: 55ch;
color: #fff;
text-align: center;
display: block;
}
.excerpt-rich-text p,
.excerpt-rich-text h4,
.excerpt-rich-text h2 {
color: #fff;
}
.rich-text-block {
max-width: 80%;
display: none;
}
.div-block-2 {
margin-top: 10px;
}
.c-banner__holder {
width: 85%;
max-width: 1200px;
min-width: 970px;
border-radius: 10px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.html-embed-4 {
width: 100%;
height: 100%;
}
.c-video {
margin-top: 80px;
margin-bottom: 80px;
}
.c-video.c-margin-small {
margin-top: 32px;
margin-bottom: 32px;
}
.c-flex-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 0.75fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.c-flex-wrapper.is--centre {
text-align: center;
grid-template-columns: 1fr;
justify-items: center;
}
.video-text-block-left {
color: #0f172a;
}
.video-text-block-left.ppc-wider {
padding-bottom: 40px;
}
.video-text-block-centre {
object-fit: contain;
}
._404-title {
margin-top: 0;
margin-bottom: 20px;
font-size: 144px;
line-height: 144px;
}
.role-txt {
color: #fff;
margin-bottom: 0;
}
.background-video {
width: 100%;
}
.heading-14 {
font-size: 0;
}
.heading-15 {
font-size: 27.9px;
line-height: 30px;
}
.p-top__32-2 {
padding-top: 32px;
}
.text-span-7 {
color: #35c89f;
}
.heading-medium {
color: #0f172a;
letter-spacing: -0.02em;
font-size: 28.43px;
line-height: 40px;
}
.heading-large {
color: #0f172a;
letter-spacing: -0.02em;
margin-top: 89px;
margin-bottom: 24px;
font-size: 37.9px;
line-height: 48px;
}
.sticky-nav {
z-index: 1;
background-color: #f4f4f4;
padding: 20px;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.nav-grid {
width: 100%;
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr max-content max-content max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
display: grid;
}
.nav-logo-link {
height: 60px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: block;
}
.nav-logo {
width: auto;
height: 100%;
object-fit: contain;
object-position: 0% 50%;
}
.nav-link {
color: #444;
margin-left: 0;
margin-right: 0;
padding: 10px 0;
text-decoration: none;
display: block;
}
.nav-link:hover {
text-decoration: underline;
}
.image-6 {
width: 900px;
max-height: 216%;
max-width: 160%;
object-fit: fill;
object-position: 100% 50%;
overflow: visible;
}
.image-7 {
max-width: 140%;
}
.image-8 {
max-height: 6000px;
max-width: 160%;
padding-top: 0;
padding-left: 17px;
}
.image-8.cc-financial-lp {
padding-left: 106px;
}
.paragraph-2 {
max-width: 700px;
color: #fff;
font-size: 20px;
}
.paragraph-2.inv-2 {
margin-bottom: 16px;
padding-top: 8px;
padding-bottom: 0;
}
.paragraph-2.bio {
margin-right: -116px;
}
.heading-16 {
padding-top: 10px;
font-size: 45px;
}
.image-9 {
max-width: 80%;
}
.image-10 {
max-width: 70%;
}
.body {
background-color: #fdf5f7;
}
.image-11 {
max-width: 80%;
padding-top: 20px;
}
.image-12 {
max-width: 80%;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 0;
padding-left: 262px;
}
.image-12.cc-full {
width: 60%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: block;
}
.heading-17,
.heading-18,
.heading-19 {
font-size: 45px;
}
.invs-heading.invest-head-2 {
padding-bottom: 40px;
}
.heading-20 {
margin-top: 0;
padding-top: 0;
padding-bottom: 40px;
}
.heading-21 {
padding-bottom: 40px;
}
.c-signup__input-2 {
background-color: #fdf5f7;
border: 1px #000;
border-radius: 8px;
margin-bottom: 24px;
padding-top: 20px;
padding-bottom: 20px;
}
.c-signup__input-2::-ms-input-placeholder {
font-size: 12px;
}
.c-signup__input-2::placeholder {
font-size: 12px;
}
.c-signup__input-2.cc--light {
background-color: #fff;
}
.c-signup__form-block-2 {
z-index: 50;
width: 40%;
max-width: 520px;
background-color: #fdf5f7;
border-radius: 20px;
margin-bottom: 0;
padding: 36px;
position: relative;
}
.c-how__heading-2 {
color: #0f172a;
font-size: 24px;
font-weight: 400;
line-height: 50px;
}
.success-message-2 {
color: #fff;
background-color: #35c89f;
}
.c-text__content-2 {
max-width: 50ch;
min-width: 50ch;
margin-top: 54px;
margin-bottom: 49px;
padding-top: 90px;
padding-bottom: 100px;
}
.c-text__content-2.cc-logos {
max-width: 72ch;
margin-top: 0;
padding-bottom: 0;
}
.image-13 {
align-self: center;
}
.bcrop_logo-wrapper {
width: 5.5rem;
height: 7.5rem;
position: absolute;
top: auto;
bottom: 2%;
left: 2%;
right: auto;
}
.bcrop_logo-wrapper.is-footer {
left: 0%;
}
.text-block-18 {
color: #0f172a;
}
.category_icon {
width: 18px;
height: 18px;
}
.heading-22 {
margin-bottom: 48px;
}
.cc-headingtech {
padding-top: 11px;
padding-bottom: 20px;
}
.image-14 {
position: relative;
left: 171px;
}
.paragraph-3 {
font-size: 16px;
}
.underline {
text-align: center;
object-fit: fill;
padding: 10px;
}
.c-bg__black {
background-color: #0f172a;
}
.c-bg__black.c-bg__white,
.c-bg__black.c-bg__white-copy {
color: #fff;
}
.c-bg__blk {
color: #fff;
background-color: #0f172a;
border-radius: 40px;
margin-right: 20px;
padding: 15px 20px;
}
.c-bg__blk.c-icon__black-arrow {
min-width: 120px;
padding-left: 20px;
padding-right: 20px;
}
.nav-link-2 {
text-align: center;
margin-right: 20px;
padding: 10px;
}
.text-block-20 {
color: #fff;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-size: 13px;
font-weight: 300;
line-height: 13px;
}
.text-block-21 {
color: #009aff;
text-align: left;
margin-top: 20px;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 13px;
}
.text-block-22 {
color: #009aff;
text-align: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-size: 13px;
font-weight: 300;
line-height: 13px;
}
.link {
color: #fff;
}
.text-span-8 {
text-decoration: underline;
}
.is--white-copy {
color: #fff;
margin-bottom: 12px;
text-decoration: none;
}
.is--white-copy.opacity-80 {
color: rgba(255, 255, 255, 0.8);
}
.is--white-copy.opacity-60 {
color: #fff;
margin-bottom: 16px;
font-size: 16px;
text-decoration: none;
}
.is--white-copy.is--12px {
font-size: 12px;
}
.is--white-copy.cc-absolute {
margin-top: 0;
margin-bottom: 20px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.is--white-copy.cc-absolute.center-text {
margin-bottom: 0;
position: static;
}
.is--white-copy.hero-headline {
color: #0f172a;
}
.is--white-copy.p-btm__20 {
padding-bottom: 20px;
}
.is--white-copy.mg-btm__32 {
font-size: 70px;
line-height: 90px;
}
.is--white-copy.mg-btm__16 {
margin-bottom: 16px;
}
.div-block-4 {
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.btn-block {
justify-content: space-between;
align-items: center;
margin-top: 20px;
display: flex;
}
.div-block-6 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-23 {
text-decoration: underline;
}
.div-block-7 {
max-width: 100%;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.give_it_a_go {
max-width: 50%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-9 {
width: 60%;
-webkit-text-stroke-color: #333;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-top: 1px solid #9ea5af;
margin-top: 0;
margin-bottom: 30px;
}
.image-15 {
position: absolute;
top: 35%;
}
.div-block-11 {
height: 100%;
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-direction: row;
flex: 1;
grid-template: "." 350px "." 350px "." 350px/1fr 1fr 1fr;
grid-auto-rows: minmax(auto, 1fr);
grid-auto-columns: 1fr;
align-content: start;
justify-content: center;
align-items: center;
justify-items: center;
margin-bottom: 100px;
padding-bottom: 0;
display: grid;
}
.div-block-12 {
max-height: 350px;
max-width: 300px;
min-height: 350px;
min-width: 300px;
background-color: #fdf5f7;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
margin-bottom: 40px;
}
.paragraph-5 {
color: #0f172a;
font-size: 40px;
}
.div-block-15 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px;
display: flex;
}
.paragraph-6 {
color: #0f172a;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
font-weight: 300;
}
.heading-26 {
color: #fff;
background-color: #ff2868;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
font-size: 20px;
line-height: 24px;
}
.heading-26.pricing_red_header {
font-weight: 300;
}
.heading-26.pricing_blue_header {
background-color: #0365f4;
font-weight: 300;
}
.heading-26.pricing_green_header {
background-color: #35c89f;
font-weight: 300;
}
.heading-26.pricing_yellow_header {
background-color: #ffd128;
font-weight: 300;
}
.heading-26.pricing_orange_header {
background-color: #ff9c27;
font-weight: 300;
}
.heading-26.pricing_light_blue_header {
background-color: #009aff;
font-weight: 300;
}
.heading-26.pricing_purple_header {
background-color: #9237bd;
}
.div-block-16 {
max-width: 996px;
grid-column-gap: 5%;
grid-row-gap: 5%;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.section {
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.heading-27 {
font-size: 20px;
}
.paragraph-7 {
clear: none;
text-align: center;
margin-top: 20px;
line-height: 16px;
}
.paragraph-7.small-text {
color: #009aff;
margin-top: 10px;
margin-bottom: 20px;
padding-bottom: 40px;
font-size: 12px;
}
.heading-28 {
text-align: center;
margin-top: 80px;
margin-bottom: 0;
line-height: 64px;
}
.heading-29 {
font-size: 20px;
}
.div-block-17 {
object-fit: contain;
flex-direction: column;
justify-content: center;
display: flex;
}
.section-2 {
padding-top: 80px;
}
.div-block-18 {
margin-top: 80px;
margin-bottom: 80px;
}
.paragraph-8 {
font-size: 12px;
font-weight: 100;
}
.paragraph-9 {
color: #0f172a;
margin-bottom: 20px;
font-weight: 300;
}
._14_day_block {
color: #009aff;
text-align: left;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-size: 13px;
font-style: normal;
font-weight: 300;
line-height: 13px;
}
._14_day_block.center-text {
text-align: center;
}
.div-block-19 {
grid-auto-columns: 1fr;
grid-auto-rows: 350pxpx;
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: 350px 350px;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.div-block-20 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.image-16 {
transform: rotate(90deg);
}
.div-block-21 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-24 {
margin-right: 6px;
}
.c-btn__tag-2 {
min-height: 48px;
min-width: 120px;
color: #fff;
letter-spacing: -0.02em;
cursor: pointer;
background-color: #0f172a;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 15px 23px;
font-size: 12px;
line-height: 14.4px;
text-decoration: none;
display: flex;
}
.c-btn__tag-2.cc-tag-time_custom {
min-width: 80px;
background-color: #f59e0b;
padding: 7px 8px;
}
.c-btn__tag-2.cc-tag-time_custom.mg-both__12 {
height: 30px;
min-height: auto;
margin-left: 12px;
margin-right: 12px;
}
.category-link-2 {
height: 48px;
color: #0f172a;
background-color: #fff;
border-radius: 85px;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
}
.c-faq__container-2 {
cursor: pointer;
background-color: #fdf5f7;
border-radius: 8px;
padding: 10px 10px 10px 32px;
}
.c-faq__container-2.c-question__item {
margin-top: 20px;
margin-bottom: 20px;
}
.paragraph-10 {
color: #fff;
font-weight: 300;
}
.heading-30 {
font-size: 18px;
}
@media screen and (min-width: 1920px) {
.c-section.no-padding.cc-light-green-bg {
display: flex;
}
.flex-wrapper {
flex-flow: row;
justify-content: flex-start;
}
.flex-wrapper.flex-vertical {
align-items: stretch;
}
.flex-wrapper.flex-vertical.center {
align-items: center;
}
.center-text.p-btm__12.pb-40 {
padding-bottom: 40px;
}
.c-btn.cc-with-icon.mg-right__20.ppc-cta-vid {
margin-right: 80px;
}
.c-hero__cover.ppc-landing {
background-color: #35c89f;
}
.c-hero.cc-flex {
justify-content: center;
}
.c-tag__holder.cc-4 {
right: 15%;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32.ppc-box2 {
background-image: url(https://uploads-ssl.webflow.com/6135d217a84bbf3ca90a0652/6308d10b26d8da13d9fc2f1e_christina-wocintechchat-com-VpcgTEKerEQ-unsplash.jpg);
background-position: 0 0;
background-size: cover;
}
.p-top__50.dark.center-text.faded-text {
padding-top: 50px;
}
.c-bg-layer__img-holder {
width: 30%;
top: 0%;
}
.c-bg-layer__img {
padding-left: 25px;
top: 2.5%;
left: auto;
right: 2.5%;
}
.flex-menu.why-us,
.flex-menu.resources,
.flex-menu.about {
display: none;
}
.page__wrapper,
.page__wrapper.overflow-x-hidden {
overflow: hidden;
}
.c-hero__solution-text.cc-50.cc-userguide {
align-self: center;
}
.no-mg.p-r__10.header-title.ppc-header {
padding-right: 40px;
}
.c-why-nav__bubble.cc-1 {
max-height: 30px;
}
.c-why-nav__bubble.cc-2 {
max-height: 90px;
}
.c-why-nav__bubble.cc-3 {
max-height: 15px;
}
.c-solution-nav__bubble.cc-1 {
max-height: 30px;
}
.c-solution-nav__bubble.cc-2 {
max-height: 90px;
}
.c-solution-nav__bubble.cc-3 {
max-height: 15px;
}
.c-solution-nav__bubble.cc-4 {
max-height: 50px;
}
.c-resources-nav__bubble.cc-1 {
max-height: 30px;
}
.c-resources-nav__bubble.cc-2 {
max-height: 90px;
}
.c-resources-nav__bubble.cc-3 {
max-height: 15px;
}
.c-resources-nav__bubble.cc-4 {
max-height: 50px;
}
.c-about-nav__bubble.cc-1 {
max-height: 30px;
}
.c-about-nav__bubble.cc-2 {
max-height: 90px;
}
.c-about-nav__bubble.cc-3 {
max-height: 15px;
}
.c-about-nav__bubble.cc-4 {
max-height: 50px;
}
.c-card__text-content {
max-width: 50ch;
}
.c-ctn-2 {
width: 75%;
max-width: 1800px;
}
.c-h {
font-size: 0.7vw;
}
.c-footer-lottie {
width: 100%;
left: 50%;
transform: translate(-50%);
}
.image-14 {
min-width: 444px;
object-fit: contain;
flex: 0 60%;
align-self: stretch;
position: relative;
left: 254px;
right: -39px;
}
.underline {
min-width: 91px;
padding-left: 20px;
padding-right: 20px;
}
.c-bg__blk.c-icon__black-arrow {
min-width: 115px;
}
.nav-link-2 {
min-width: 85px;
}
.btn-block {
justify-content: space-between;
}
.div-block-10 {
width: 70%;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
display: flex;
}
.div-block-11 {
flex-direction: row;
grid-auto-columns: 1fr;
}
.heading-23 {
font-size: 20px;
}
.heading-24 {
color: #fff;
font-size: 22px;
font-weight: 300;
line-height: 24px;
}
.div-block-14 {
height: 200px;
}
.paragraph-4 {
line-height: 48px;
}
.heading-25 {
color: #fff;
font-size: 22px;
}
.heading-26 {
color: #fff;
margin-bottom: 20px;
font-size: 22px;
font-weight: 300;
line-height: 32px;
}
.heading-26.pricing_red_header,
.heading-26.pricing_blue_header,
.heading-26.pricing_green_header,
.heading-26.pricing_yellow_header,
.heading-26.pricing_orange_header,
.heading-26.pricing_light_blue_header,
.heading-26.pricing_purple_header {
margin-bottom: 0;
}
.paragraph-7 {
margin-top: 10px;
}
.div-block-17 {
text-align: left;
}
._14_day_block {
text-align: center;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 28.44px;
line-height: 44px;
}
h2 {
font-size: 28.83px;
line-height: 40px;
}
h3 {
font-size: 25.63px;
line-height: 32px;
}
h4 {
font-size: 20.25px;
}
.c-ctn {
max-width: 960px;
min-width: 740px;
}
.c-ctn.cc-pink-bg {
width: 90%;
}
.c-ctn.cc-70 {
max-width: 992px;
min-width: 740px;
}
.c-ctn.cc-60 {
max-width: 920px;
min-width: 350px;
}
.c-ctn.cc-nav {
max-width: 992px;
min-width: 740px;
}
.c-ctn.cc-80 {
max-width: 992px;
min-width: 700px;
}
.c-ctn.cc-80.cc-relative.custom-full-width,
.c-ctn.cc-75.desktop {
max-width: 992px;
min-width: 740px;
}
.c-ctn.cc-border-btm {
width: 90%;
}
.flex-vertical.cc-nav-menu {
width: 60%;
align-items: flex-end;
margin-left: auto;
}
.flex-wrapper.cc-spaced.cc-beige-bg.cc-radius__100.desktop {
justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
}
.flex-wrapper.cc-spaced.c-nav-menu__head {
margin-bottom: 20px;
}
.flex-wrapper.cc-socials.flex-vert-small {
grid-column-gap: 20px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.spacer-div {
padding-top: 40px;
padding-bottom: 40px;
}
.c-btn.cc-beige.cc-with-play.cc-absolute {
width: 80%;
margin-left: 20px;
}
.c-btn.cc-with-icon.cc-light.white {
width: 80%;
flex-direction: column;
}
.c-btn.cc-with-icon.cc-no-border.desktop {
display: none;
}
.c-btn.cc-with-icon.cc-no-border.desktop.careers {
display: flex;
}
.c-btn.cc-with-icon.big-orange {
width: 90%;
}
.c-card {
padding-left: 20px;
}
.c-card.cc-pink-bg {
min-height: 400px;
padding-right: 20px;
}
.c-card__text {
padding-top: 20px;
padding-left: 20px;
}
.is--white.cc-absolute.center-text {
top: 20%;
}
.c-hero__cover {
padding-top: 0%;
}
.c-hero__cover.cc-green-bg.signup {
height: 100%;
}
.c-hero.cc-flex.ppc-lp.content-head {
overflow: hidden;
}
.c-hero__content {
max-width: 40%;
}
.c-hero__content.is--home.cc-50 {
max-width: 50%;
}
.c-hero__text.p-btm__40 {
max-width: 45%;
}
.c-bubble__wrapper._240.nav-menu {
width: 17vw;
height: 17vw;
background-color: #f59e0b;
border-radius: 50%;
left: 23%;
}
.c-bubble__wrapper._200.nav-menu {
width: 15vw;
height: 15vw;
background-color: #f8b8c3;
border-radius: 50%;
bottom: 30%;
}
.c-bubble__wrapper._205.nav-menu {
width: 30vw;
height: 30vw;
background-color: #009aff;
border-radius: 50%;
top: 8%;
left: 0%;
}
.c-tag__holder {
padding-top: 5px;
padding-bottom: 5px;
}
.c-tag__holder.cc-1 {
padding: 5px 10px;
}
.c-header.cc-60 {
max-width: 55ch;
}
.c-solution__circle {
margin-right: 5px;
}
.c-solution__circle.cc-12 {
margin-top: -25px;
}
.c-solution__circle.cc-13 {
display: none;
}
.c-flex__cover {
min-height: 500px;
padding-top: 0%;
}
.c-flex__cover.cc-img-bg.cc-65 {
width: 50%;
}
.c-content_wrapper {
padding-bottom: 0;
padding-left: 0;
}
.c-content_wrapper.cc-60 {
max-width: 70%;
}
.c-content_wrapper.cc-25.p-btm__72 {
max-width: 45%;
}
.c-text__content {
max-width: 40ch;
min-width: 40ch;
}
.c-text__content.sm-pad {
padding-bottom: 10px;
}
.p-top__80 {
padding-top: 30px;
}
.c-design__line.cc-4 {
margin-left: 20px;
top: -40%;
}
.swiper-arrows.myswiper {
margin-bottom: 0;
}
.ultra-heading {
font-size: 70px;
}
.c-card__icon {
width: 62px;
height: 50px;
}
.c-navbar {
height: 60px;
}
.swiper-arrows__2.myswiper {
margin-bottom: 1em;
}
.c-footer__links {
grid-column-gap: 30px;
}
.c-hero__solution-cover {
min-height: 600px;
}
.c-hero__solution-text {
align-self: center;
margin-top: 50px;
position: relative;
}
.c-hero__solution-text.cc-50 {
position: relative;
}
.c-illustration__holder.cc-startup.desktop {
width: 40%;
}
.c-image-center__holder.cc-40 {
min-height: 500px;
}
.c-toggle__holder {
width: 52px;
margin-left: 15px;
margin-right: 15px;
}
.prices-grid {
grid-column-gap: 5px;
}
.c-pricing__item.prices {
padding-left: 20px;
padding-right: 20px;
}
.c-pricing__top.prices,
.c-pricing__top.prices.cc-green,
.c-pricing__top.prices.cc-dark-blue {
margin-left: -20px;
margin-right: -20px;
}
.c-pricing__info.prices.p-top__55 {
padding-top: 45px;
}
.c-signup__form-block,
.c-signup__form-block.desktop.cc--dark {
width: auto;
}
.p-top__32 {
margin-left: 0;
margin-right: 0;
}
.c-nav__menu-list {
z-index: 9999;
background-color: #fdf5f7;
flex-direction: column;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.c-nav-list__container {
width: 85%;
height: 100%;
max-width: 991px;
min-width: 720px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
}
.c-nav__menu-link {
color: #0f172a;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
}
.c-nav__menu-link.text-semibold {
font-weight: 600;
}
.c-nav-menu__dropdown {
margin-left: 0;
margin-right: 0;
}
.dropdown-list {
background-color: transparent;
flex-direction: column;
padding-top: 0;
position: relative;
}
.dropdown-toggle-4 {
padding-right: 20px;
}
.c-dropdown__link {
align-self: flex-end;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.c-menu-button {
width: 48px;
height: 48px;
background-color: #fff;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 10px;
display: flex;
}
.c-menu-line {
width: 20px;
height: 1px;
background-color: #0f172a;
border-top: 1px solid #000;
margin-bottom: 3px;
padding-bottom: 0;
padding-right: 0;
}
.icon-2 {
margin-right: 0;
}
.c-nav-menu__close {
cursor: pointer;
}
.pricing-buttons-grid {
grid-template-columns: 1.1fr 1fr 1fr 1fr;
bottom: 5px;
}
.c-toggle-circle {
width: 15px;
height: 15px;
}
.c-pricing-btn__holder {
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.stats-grid {
flex-direction: column;
justify-content: center;
justify-items: center;
display: flex;
}
.c-lottie-large.is--home.mg-left {
margin-left: 0;
}
.c-cookies__head {
padding-bottom: 80px;
}
.c-ctn-2 {
min-width: 700px;
}
.text-block-11 {
font-size: 25.63px;
line-height: 32px;
text-decoration: none;
}
.text-block-11.underline {
text-decoration: underline;
}
.div-block {
width: 60vw;
height: 60vw;
min-height: 500px;
min-width: 500px;
top: 14%;
right: -14%;
}
.c-footer-lottie {
min-width: 1270px;
}
.c-pre-footer {
padding-bottom: 267px;
}
.video {
width: 100%;
}
.c-flex__cover-2 {
min-height: 500px;
padding-top: 0%;
}
.c-logos-flex {
width: auto;
}
.image-block-wider-coloured {
background-color: #0f00c0;
}
.placeholder.cc-spaced.cc-beige-bg.cc-radius__100.desktop {
justify-content: center;
padding-top: 10px;
padding-bottom: 10px;
}
.placeholder.cc-spaced.c-nav-menu__head {
margin-bottom: 20px;
}
.c-category__left {
max-width: 70%;
}
.questions-collection {
width: 90%;
}
.text-block-17 {
white-space: nowrap;
}
.c-banner__holder {
max-width: 992px;
min-width: 740px;
}
.heading-medium {
font-size: 25.63px;
line-height: 30px;
}
.heading-large {
font-size: 28.83px;
line-height: 40px;
}
.c-signup__form-block-2 {
width: auto;
}
.c-text__content-2 {
max-width: 40ch;
min-width: 40ch;
}
.text-block-20,
.text-block-21,
.text-block-22 {
margin-top: 20px;
}
.is--white-copy.cc-absolute.center-text {
top: 20%;
}
.give_it_a_go {
max-width: 45%;
}
.div-block-9 {
width: 45%;
}
.div-block-11 {
grid-template-rows: 350px 350px 350px 350px;
grid-template-columns: 1fr 1fr;
align-content: stretch;
justify-content: stretch;
align-items: stretch;
justify-items: stretch;
margin-bottom: 150px;
margin-left: auto;
margin-right: auto;
}
.div-block-16 {
justify-content: center;
display: flex;
}
._14_day_block {
margin-top: 20px;
}
.div-block-19 {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 767px) {
.c-header{
margin-bottom: 20px;
text-align:left;
}
.c-section {
padding-top: 120px !important;
padding-bottom: 50px;
}
.c-section.p-top__140 {
padding-top: 100px;
display: block;
}
.c-section.p-top__140.cc-stats {
display: none;
}
.c-section.p-btm__280.no-overflow {
padding-bottom: 120px;
}
.c-section.cc-mobile {
padding-top: 40px;
display: block;
}
.c-section.cc-mobile.is--hide {
display: none;
}
.c-section.cc-custom-bg {
background-color: #f8b8c3;
}
.c-ctn {
max-width: 767px;
min-width: 440px;
}
.c-ctn.cc-absolute {
position: static;
}
.c-ctn.cc-pink-bg {
width: 90%;
:;
}
.c-ctn.cc-70 {
width: 85%;
max-width: 760px;
min-width: 370px;
}
.c-ctn.cc-70.cc-absolute.cc-flex {
justify-content: flex-start;
}
.c-ctn.cc-70.cc-absolute.cc-flex.desktop {
width: 85%;
max-width: 767px;
min-width: 440px;
display: block;
position: static;
}
.c-ctn.cc-70.cc-mobile {
display: none;
}
.c-ctn.cc-70.cc-absolute.cc-flex {
justify-content: flex-start;
}
.c-ctn.cc-60 {
width: 60%;
max-width: 767px;
min-width: 440px;
}
.c-ctn.cc-40,
.c-ctn.cc-40.cc-flex {
max-width: 767px;
min-width: 440px;
}
.c-ctn.cc-40.desktop {
width: 85%;
max-width: 767px;
min-width: 440px;
}
.c-ctn.cc-100 {
max-width: 767px;
}
.c-ctn.cc-nav {
width: 96%;
max-width: none;
min-width: 440px;
}
.c-ctn.cc-80 {
max-width: 615px;
min-width: 440px;
}
.c-ctn.cc-80.cc-relative.custom-full-width {
max-width: 760px;
min-width: 450px;
}
.c-ctn.cc-80.cc-absolute.cc-flex.spaced.signup {
flex-direction: column;
}
.c-ctn.cc-75 {
max-width: 575px;
min-width: 440px;
}
.c-ctn.cc-75.desktop {
width: 100%;
max-width: 760px;
min-width: 370px;
}
.c-ctn.cc-75.mobile-view {
width: 90%;
}
.c-ctn.cc-50 {
max-width: 390px;
min-width: 390px;
}
.c-ctn.cc-mobile {
display: none;
}
.flex-vertical.center.p-custom.cc-beige-bg {
background-color: #fdf5f7;
justify-content: center;
padding-bottom: 20px;
}
.flex-vertical.center.p-custom.desktop {
align-items: stretch;
}
.flex-vertical.p-btm-50 {
display: none;
}
.flex-vertical.p-btm-50.cc-solution-gen {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: flex;
}
.flex-vertical.p-btm-50.cc-solution-gen.mobile {
width: 75%;
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.flex-vertical.p-top__180 {
align-items: flex-start;
padding-top: 20px;
padding-bottom: 72px;
}
.flex-vertical.login {
width: 100%;
padding-top: 120px;
padding-bottom: 70px;
}
.flex-vertical.cc-nav-menu {
overflow: auto;
}
.flex-wrapper.cc-spaced.mg-btm__20.lan-centre {
justify-content: center;
}
.flex-wrapper.cc-spaced.mg-btm__80.positions {
flex-direction: column;
}
.flex-wrapper.cc-spaced.cc-100 {
width: 100%;
}
.flex-wrapper.cc-spaced.b-corp-items {
flex-direction: column;
align-items: center;
}
.flex-wrapper.center.mg-btm__12 {
justify-content: space-between;
}
.flex-wrapper.center.mg-btm__12.opacity-0 {
opacity: 1;
}
.flex-wrapper.center.mg-btm__12.opacity-0.title {
margin-bottom: 15px;
}
.flex-wrapper.cc-socials {
width: 65%;
flex-direction: column;
}
.flex-wrapper.cc-socials.flex-vert-small {
align-items: center;
}
.flex-wrapper.switch {
flex-direction: column;
margin-bottom: 70px;
}
.flex-wrapper.mg-btm__20 {
margin-bottom: 20px;
}
.c-btn.cc-light.white-border {
display: none;
}
.c-btn.cc-light.white-border.faded-btn {
display: block;
}
.c-btn.cc-no-border.white.mg-right__20 {
display: none;
}
.c-btn.cc-no-border.white.mg-right__20.faded-btn {
margin-top: 10px;
margin-bottom: 30px;
margin-right: 0;
display: flex;
}
.c-btn.cc-with-icon.cc-light.white {
width: 100%;
flex-direction: row;
}
.c-btn.cc-with-icon.cc-no-border.desktop {
display: none;
}
.c-btn.cc-with-icon.mg-right__20 {
margin-bottom: 20px;
}
.c-btn.cc-with-icon.mg-right__20.cc-120 {
width: 120px;
}
.c-btn.cc-with-icon.big-orange {
width: 80%;
max-width: 350px;
}
.c-btn.mg-right {
margin-bottom: 32px;
}
.c-btn.cc-white.cc-with-play {
position: relative;
top: -9px;
}
.c-btn.cc-large {
width: auto;
}
.c-card.cc-pink-bg {
min-height: 500px;
}
.is--white.cc-absolute.center-text {
top: 40%;
}
.c-hero__cover {
width: 100vw;
height: 80vw;
min-height: auto;
}
.c-hero__cover.cc-turquoise-gd {
min-height: 420px;
}
.c-hero__cover.cc-turquoise-gd.cc-left,
.c-hero__cover.cc-ruby-gd.cc-left,
.c-hero__cover.cc-pink-gd.cc-left {
min-height: 700px;
}
.c-hero__cover.cc-blue-gd {
background-image: linear-gradient(
#009aff 67%,
rgba(255, 255, 255, 0.21) 67%
);
}
.c-hero__cover.cc-orange {
width: 100%;
min-height: 700px;
}
.c-hero__cover.cc-pink-bg {
width: 100%;
}
.c-hero__cover.cc-darkblue.cc-30 {
width: 50%;
background-color: transparent;
}
.c-hero__cover.cc-green-bg.signup {
padding-top: 50px;
padding-bottom: 50px;
display: none;
}
.c-hero__cover.cc-login {
min-height: 60vh;
}
.c-hero__cover.ppc-page {
margin-top: 80px;
}
.c-hero.cc-flex {
flex-direction: column;
}
.c-hero.cc-flex.cc-blue-bg.cc-careers {
background-image: linear-gradient(#009aff 67%, #0f00c0 67%);
flex-direction: column-reverse;
}
.c-hero.cc-flex.cc-signup {
height: auto;
min-height: 100vh;
flex-direction: column-reverse;
}
.c-hero__content {
max-width: none;
padding-top: 32px;
}
.c-hero__content.cc-80.p-top__40 {
max-width: 80%;
}
.c-hero__content.p-top__180 {
padding-top: 180px;
}
.c-hero__content.is--home {
margin-bottom: 64px;
}
.c-hero__content.is--home.cc-50 {
max-width: none;
}
.c-hero__text.p-btm__40 {
max-width: 100%;
}
.c-hero__text.cc-100.p-btm__70 {
padding-bottom: 45px;
}
.c-hero__text.is--mob {
padding-bottom: 24px;
}
.c-bubble__wrapper._240.nav-menu {
width: 120px;
height: 120px;
top: 34%;
left: 12%;
}
.c-bubble__wrapper._200.nav-menu {
width: 150px;
height: 150px;
left: 35%;
}
.c-bubble__wrapper._205.nav-menu {
width: 50px;
height: 50px;
left: 5%;
}
.c-bubble__wrapper._115 {
width: 15%;
height: 15%;
}
.c-bubble__wrapper.cc-your-solution.cc-blue {
width: 195px;
max-width: 195px;
top: auto;
bottom: -14%;
left: -28%;
right: auto;
}
.c-bubble__wrapper.cc-your-solution.cc-turquoise {
width: 115px;
max-width: 115px;
top: -5%;
bottom: auto;
left: auto;
right: -10%;
}
.c-bubble__wrapper.cc-your-solution.cc-turquoise.cc-news {
top: -5%;
bottom: auto;
left: auto;
right: -5%;
}
.c-bubble__wrapper.cc-your-solution.cc-yellow {
width: 72px;
max-width: 72px;
right: -7%;
}
.c-bubble__wrapper.cc-your-solution.cc-yellow.cc-news {
left: 46%;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent {
width: 264px;
max-width: 264px;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-upper.custom-solution {
top: -24%;
left: -10%;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-upper.news {
top: -27%;
bottom: auto;
left: 0%;
right: auto;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-learning.cc-3 {
left: 37%;
}
.c-bubble__wrapper.cc-assert.cc-transparent {
width: 262px;
max-width: 262px;
top: -4%;
left: -7%;
}
.c-bubble__wrapper.cc-request-demo.cc-pink {
bottom: 0%;
}
.c-bubble__wrapper.cc-startup.cc-blue.upper {
width: 230px;
max-width: 230px;
top: -9%;
left: -10%;
}
.c-bubble__wrapper.cc-startup.cc-yellow.middle {
width: 232px;
max-width: 232px;
top: 35%;
right: -8%;
}
.c-bubble__wrapper.cc-startup.cc-yellow_sm.lower {
width: 80px;
max-width: 80px;
bottom: -1%;
left: 0%;
}
.c-bubble__wrapper.cc-diversity.cc-white {
width: 223px;
max-width: 223px;
display: none;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-1 {
width: 167px;
max-width: 167px;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-2 {
width: 65px;
max-width: 65px;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-3 {
width: 72px;
max-width: 72px;
}
.c-bubble__wrapper.cc-diversity.cc-transparent-4 {
width: 27px;
max-width: 27px;
}
.c-bubble__wrapper.cc-about.cc-blue {
width: 173px;
max-width: 173px;
bottom: 5%;
left: -10%;
}
.c-bubble__wrapper.cc-about.cc-yellow {
width: 176px;
max-width: 176px;
top: -8%;
bottom: auto;
left: auto;
right: -5%;
}
.c-bubble__wrapper.cc-about.cc-pink {
width: 73px;
top: 14%;
bottom: auto;
left: 0%;
right: auto;
}
.c-bubble__wrapper.cc-about.cc-orange {
width: 20vw;
max-width: 20px;
top: auto;
bottom: 0%;
left: auto;
right: 35%;
}
.c-bubble__wrapper.cc-about.cc-green {
width: 32px;
max-width: 32px;
top: 25%;
bottom: auto;
left: 30%;
right: auto;
}
.c-bubble__wrapper.cc-about.cc-ruby {
width: 80px;
max-width: 80px;
top: auto;
bottom: 2%;
left: auto;
right: 0%;
}
.c-bubble__wrapper.cc-all-features.cc-blue {
width: 195px;
max-width: 195px;
top: auto;
bottom: -25%;
left: -18%;
right: auto;
}
.c-bubble__wrapper.cc-all-features.cc-green {
width: 72px;
max-width: 72px;
margin-top: 0;
margin-right: 0;
top: auto;
bottom: 20%;
left: auto;
right: -7%;
}
.c-bubble__wrapper.cc-all-features.cc-turquoise {
width: 115px;
max-width: 115px;
top: -4%;
bottom: auto;
left: auto;
right: -7%;
}
.c-bubble__wrapper.cc-all-features.cc-pink {
width: 62px;
max-width: 62px;
top: 15%;
bottom: auto;
left: 30%;
}
.c-bubble__wrapper.cc-all-features.cc-yellow_top {
width: 22px;
max-width: 22px;
top: auto;
bottom: 10%;
left: auto;
right: 10%;
}
.c-bubble__wrapper.cc-all-features.cc-dark-blue {
width: 22px;
top: auto;
bottom: 40%;
left: 5%;
right: auto;
}
.c-bubble__wrapper.cc-all-features.cc-ruby {
width: 40px;
max-width: 40px;
top: 5%;
bottom: auto;
left: 4%;
right: auto;
}
.c-bubble__wrapper.cc-careers.cc-img-1 {
width: 233px;
max-width: 233px;
}
.c-bubble__wrapper.cc-careers.cc-img-2 {
width: 188px;
max-width: 188px;
top: 22%;
left: -44%;
}
.c-bubble__wrapper.cc-careers.cc-img-3 {
width: 118px;
}
.c-bubble__wrapper.cc-careers.cc-white {
width: 90px;
max-width: 90px;
}
.c-bubble__wrapper.cc-careers.cc-ruby {
width: 45vw;
right: 30%;
}
.c-bubble__wrapper.cc-login.cc-ruby__top {
width: 155px;
max-width: 155px;
top: -5%;
right: -9%;
}
.c-bubble__wrapper.cc-login.cc-ruby__btm {
width: 145px;
max-width: 145px;
bottom: -8%;
right: -9%;
}
.c-bubble__wrapper.cc-login.cc-orange__md {
width: 75px;
max-width: 75px;
}
.c-bubble__wrapper.cc-login.cc-orange__lg {
width: 125px;
max-width: 125px;
}
.c-bubble__wrapper.cc-login.cc-blue__lg {
width: 365px;
max-width: 365px;
left: -30%;
}
.c-bubble__wrapper.cc-login.cc-blue__sm {
width: 100px;
max-width: 100px;
}
.c-bubble__wrapper.cc-login.cc-pink__lg {
width: 200px;
max-width: 200px;
top: -6%;
left: -16%;
}
.c-bubble__wrapper.cc-login.cc-pink__sm {
width: 35px;
max-width: 35px;
}
.c-bubble__wrapper.cc-login.cc-turquoise__lg {
width: 170px;
max-width: 170px;
}
.c-bubble__wrapper.cc-login.cc-turquoise__sm {
width: 60px;
max-width: 60px;
}
.c-bubble__wrapper.cc-login.cc-white {
width: 50px;
max-width: 50px;
}
.c-bubble__wrapper.cc-login.cc-green {
width: 50px;
}
.avatar-placeholder.white {
border: 2px solid #fff;
padding: 1%;
}
.c-header.mg-btm {
margin-bottom: 32px;
}
.c-header.cc-60 {
max-width: 60%;
}
.c-header.cc-60.b-corp {
max-width: 100%;
}
.c-header.cc-25.flex.space-between {
width: 50%;
}
.c-header.cc-40.positions {
width: 100%;
}
.c-header.cc-65 {
width: 65%;
}
.c-header.cc-65.center-text {
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
}
.c-header.growth {
max-width: 100%;
}
.c-solution__circle.cc-mobile.cc-2 {
margin-top: 0;
}
.c-solution__circle.cc-mobile.cc-1 {
margin-top: -19px;
margin-left: 30px;
}
.c-solution__circle.cc-mobile.cc-3 {
margin-top: 0;
}
.c-solution__circle.cc-mobile.cc-4 {
margin-top: -15px;
margin-left: 50px;
}
.c-solution__circle.cc-mobile.cc-5 {
margin-top: 0;
margin-left: 50px;
}
.c-solution__circle.cc-mobile.cc-6 {
margin-top: -16px;
}
.c-solution__circle.cc-mobile.cc-8,
.c-solution__circle.cc-mobile.cc-9 {
margin-left: 50px;
}
.c-solution__circle.cc-mobile.cc-10 {
margin-top: -15px;
}
.c-solution__circle.cc-mobile.cc-12 {
margin-left: 50px;
}
.c-flex__cover {
width: 100%;
min-height: 350px;
}
.c-flex__cover.cc-red.cc-left {
width: 100%;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32 {
width: 85%;
max-width: 767px;
min-width: 440px;
margin-bottom: 32px;
margin-left: auto;
}
.c-flex__cover.cc-blue.cc-left.cc-simplify,
.c-flex__cover.cc-yellow.cc-left {
width: 85%;
max-width: 767px;
min-width: 440px;
margin-left: auto;
}
.c-flex__cover.cc-yellow.cc-left.full {
width: 100%;
min-height: 450px;
}
.c-flex__cover.cc-white {
padding-top: 40px;
padding-bottom: 40px;
}
.c-flex__cover.cc-green-no-gd.mg-btm__32 {
width: 85%;
max-width: 767px;
min-width: 440px;
margin-right: auto;
}
.c-flex__cover.cc-orange.cc-right,
.c-flex__cover.cc-dark-blue.cc-left,
.c-flex__cover.cc-ruby.cc-left {
min-height: 450px;
}
.c-flex__cover.cc-img-bg {
min-height: 450px;
padding-top: 50%;
}
.c-flex__cover.cc-img-bg.cc-65 {
width: 100%;
min-height: 500px;
}
.c-content-holder.flex {
flex-direction: column-reverse;
}
.c-content-holder.flex.p-btm__72 {
flex-direction: column-reverse;
padding-bottom: 72px;
}
.c-content_wrapper {
width: 100%;
max-width: none;
}
.c-content_wrapper.cc-70.p-top__90 {
padding-bottom: 40px;
}
.c-content_wrapper.cc-right {
max-width: 100%;
align-items: flex-start;
}
.c-content_wrapper.cc-25 {
max-width: none;
}
.c-content_wrapper.cc-25.p-btm__72 {
max-width: none;
padding-bottom: 72px;
}
.c-content_wrapper.p-top__72 {
padding-top: 72px;
padding-bottom: 72px;
}
.c-content_wrapper.p-top__32 {
padding-bottom: 40px;
}
.c-design__line.cc-home-3 {
top: 43%;
right: 10%;
}
.c-design__line.cc-4 {
margin-left: 0;
top: -36%;
}
.c-design__line.cc-start-building.cc-100 {
top: 30%;
bottom: auto;
left: 0%;
right: 0%;
}
.c-design__line.cc-home-2 {
top: 40%;
left: auto;
right: 15%;
}
.swiper-slide {
width: 55vw;
max-width: 55vw;
}
.c-gradient__bg {
min-height: 500px;
background-image: linear-gradient(#009aff 75%, #35c89f 75%);
}
.c-gradient__bg.cc-pink-blue {
height: 100%;
min-height: 80%;
background-image: linear-gradient(90deg, #f8b8c3 70%, #0f00c0 70%);
}
.c-beige__bg {
background-image: none;
}
.c-bg-layer__img-holder {
display: none;
}
.collection-list-grid {
grid-template-columns: 1fr 1fr;
}
.c-navbar {
height: 60px;
}
.c-logo__svg.menu {
width: 100%;
height: 100%;
}
.c-footer {
background-color: #009aff;
background-image: none;
}
.c-footer__lower {
padding-top: 0;
}
.footer-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.c-footer__logo-part {
width: 100%;
justify-content: flex-end;
align-items: center;
}
.c-footer__logo-part.cc-socials {
display: none;
}
.c-footer__logo-part.cc-mobile {
display: flex;
}
.c-footer__logo-part.upper {
margin-bottom: 80px;
}
.c-footer__links {
grid-row-gap: 45px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.c-footer__links.cc-lower {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.c-footer__links.cc-lower.cc-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.c-footer__links-block {
align-items: center;
}
.c-footer__links-block.cc-build-for {
display: none;
}
.c-footer__links-block.cc-80 {
max-width: none;
}
.footer-grid__lower {
grid-template-columns: 1fr;
}
.c-footer__social-link,
.c-footer__social-link.last {
margin-right: 0;
}
.footer-grid__bottom {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.c-hero__solution-cover {
min-height: 500px;
}
.c-illustration__holder {
width: 240px;
}
.c-illustration__holder.cc-startup {
width: 240px;
margin-left: auto;
margin-right: 0%;
}
.c-illustration__holder.cc-startup.desktop {
display: none;
}
.c-illustration__holder.cc-startup.mobile {
height: 60%;
margin-right: 5%;
padding-top: 100px;
display: block;
}
.c-image-center__holder.cc-40 {
min-height: 350px;
}
.c-avatar__holder.mg-right__20.cc-circle {
width: 80px;
height: 80px;
margin-right: 10px;
}
.c-info__holder {
margin-left: 0;
}
.c-info__holder.cc-green.cc-right {
align-self: flex-start;
}
.no-padding {
margin-top: 0;
}
.c-middle-content {
padding-top: 16%;
}
.blue-color.mobile,
.pink-color.mobile {
display: block;
}
.services-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.collection-list {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.c-toggle__holder {
width: 55px;
}
.c-promo__tag.cc-ruby.cc-30,
.c-promo__tag.cc-green.cc-30 {
width: 30%;
margin-left: auto;
margin-right: auto;
}
.c-promo__tag.cc-orange {
background-color: rgba(245, 158, 11, 0.09);
}
.c-promo__tag.cc-orange.cc-30 {
width: 30%;
margin-left: auto;
margin-right: auto;
}
.c-promo__tag.cc-blue {
background-color: rgba(0, 154, 255, 0.09);
}
.c-promo__tag.cc-blue.cc-30 {
width: 30%;
margin-left: auto;
margin-right: auto;
}
.text-block-3.light-blue-color {
color: #009aff;
}
.prices-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.c-pricing__item.cc-ruby {
width: 60vw;
margin-bottom: 40px;
margin-right: 0;
transform: none;
}
.c-pricing__item.cc-green {
width: 60vw;
margin-bottom: 40px;
}
.c-pricing__item.cc-blue {
width: 60vw;
margin-bottom: 40px;
margin-right: 0;
transform: none;
}
.c-pricing__item.cc-orange {
width: 60vw;
transform: none;
}
.c-pricing__item.cc-dark-blue {
width: 60vw;
margin-bottom: 40px;
transform: none;
}
.c-pricing__item.prices {
position: relative;
}
.c-pricing__check-svg.opacity-0 {
opacity: 0;
}
.c-faq__upper {
width: 100%;
max-width: none;
display: flex;
}
.c-faq__icon-holder {
width: 48px;
height: 48px;
}
.c-author__info {
text-align: center;
justify-content: center;
align-items: center;
}
.c-learnings__links-wrapper {
flex-direction: column;
}
.c-learnings__heading {
align-self: center;
margin-bottom: 20px;
}
.c-learnings__links {
width: 100%;
}
.no-mg.p-r__10.header-title.ppc-head.content-article-1 {
margin-right: 0;
}
.collection-list-3 {
grid-template-columns: 1fr 1fr;
}
.collection-list-4 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.orange-color.mobile {
display: block;
}
.c-line__holder {
width: 25vw;
}
.benefits-grid {
width: 60%;
margin-top: -10%;
}
.c-flex___right.cc-35.positions {
width: 100%;
flex-direction: column;
margin-top: 20px;
}
.form-block.positions {
width: 100%;
margin-bottom: 0;
}
.c-positions__holder {
padding-top: 0;
}
.c-signup__form-block.desktop {
display: none;
}
.c-signup__form-block.cc-mobile {
width: 85%;
max-width: 767px;
min-width: 440px;
display: none;
}
.text-12.mobile {
display: block;
}
.grid-2 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.p-top__32 {
margin-bottom: 0;
padding-top: 32px;
}
.c-nav-list__container {
max-width: 767px;
min-width: 440px;
}
.c-nav__menu-link.w--current {
padding-top: 10px;
padding-bottom: 10px;
}
.c-nav-menu__dropdown {
margin-left: 0;
margin-right: 0;
}
.c-nav-menu__close {
cursor: pointer;
}
.pricing-buttons-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
display: none;
}
.c-pricing-btn__holder.mobile {
margin-bottom: 32px;
display: flex;
position: -webkit-sticky;
position: sticky;
bottom: 10px;
}
.brand {
top: 4px;
left: -11px;
}
.title-text.ppc-box-1-2.finance-lp {
margin-left: 40px;
}
.heading-9 {
margin-bottom: 24px;
}
.heading-9.ppc-header-2.content-article-3 {
min-width: auto;
}
.c-lottie-large.is--home.mg-left {
width: 150%;
margin-left: -2%;
}
.c-bg-bubble {
width: 300px;
height: 300px;
}
.c-bg-bubble.bt-left.smaller {
width: 180px;
height: 180px;
}
.c-quote-container {
min-width: 450px;
}
.c-pricing-item__content {
display: none;
}
.c-faq__heading {
max-width: 70%;
}
.c-cookies__text {
width: auto;
}
.c-footer__link {
align-self: center;
padding-bottom: 15px;
}
.c-ctn-2 {
width: 90%;
min-width: 440px;
overflow: hidden;
}
.c-ctn-2.cc-60 {
width: 85%;
max-width: 760px;
}
.collection-item-3 {
margin-bottom: 0;
}
.div-block {
width: 90vw;
height: 90vw;
min-height: auto;
min-width: auto;
top: -5%;
right: 25px;
}
.c-video-modal {
display: none;
}
.c-modal__close-button {
margin-right: 0;
}
.c-footer-2 {
background-color: #009aff;
background-image: none;
}
.c-btn-2.cc-light.white-border,
.c-btn-2.cc-no-border.white.mg-right__20 {
display: none;
}
.c-btn-2.cc-no-border.white.mg-right__20.faded-btn {
margin-top: 10px;
margin-bottom: 30px;
margin-right: 0;
display: flex;
}
.c-btn-2.cc-with-icon.mg-right__20 {
margin-bottom: 20px;
}
.c-btn-2.cc-white.cc-with-play {
position: relative;
top: -9px;
}
.c-flex__cover-2 {
width: 100%;
min-height: 350px;
}
.c-flex__cover-2.cc-red.cc-left {
width: 100%;
}
.c-flex__cover-2.cc-red.cc-left.mg-btm__32 {
width: 85%;
max-width: 767px;
min-width: 440px;
margin-bottom: 32px;
margin-left: auto;
}
.c-flex__cover-2.cc-img-bg {
min-height: 450px;
padding-top: 50%;
}
.c-logos-flex {
width: auto;
}
.c-logo-link-block {
width: auto;
height: auto;
}
.placeholder.cc-spaced.mg-btm__20.lan-centre {
justify-content: center;
}
.placeholder.cc-spaced.mg-btm__80.positions {
flex-direction: column;
}
.placeholder.cc-spaced.cc-100 {
width: 100%;
}
.placeholder.cc-spaced.b-corp-items {
flex-direction: column;
align-items: center;
}
.placeholder.center.mg-btm__12 {
justify-content: space-between;
}
.placeholder.center.mg-btm__12.opacity-0 {
opacity: 1;
}
.placeholder.center.mg-btm__12.opacity-0.title {
margin-bottom: 15px;
}
.placeholder.cc-socials {
width: 45%;
flex-direction: column;
}
.placeholder.switch {
flex-direction: column;
margin-bottom: 70px;
}
.placeholder.mg-btm__20 {
margin-bottom: 20px;
}
.c-category__left {
max-width: 90%;
}
.c-subcategories {
width: 100%;
}
.c-banner__holder {
width: 95%;
max-width: 760px;
min-width: 440px;
}
.c-video {
margin-top: 0;
margin-bottom: 0;
}
.c-flex-wrapper {
grid-template-columns: 1fr;
justify-items: center;
}
.video-text-block-left {
text-align: center;
}
.p-top__32-2 {
margin-bottom: 0;
padding-top: 32px;
}
.sticky-nav {
position: relative;
}
.nav-grid {
text-align: center;
}
.image-8.cc-absolute {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.paragraph-2.bio {
margin-right: 0;
}
.image-12.cc-full {
width: 90%;
}
.c-text__content-2.cc-logos {
padding-top: 0;
padding-left: 5%;
padding-right: 5%;
}
.bcrop_logo-wrapper {
width: 3.75rem;
height: 5.5rem;
top: auto;
bottom: 0%;
left: auto;
right: 2%;
}
.bcrop_logo-wrapper.is-footer {
position: relative;
top: 2rem;
}
.is--white-copy.cc-absolute.center-text {
top: 40%;
}
.give_it_a_go {
max-width: 80%;
}
.div-block-9 {
width: 80%;
}
.div-block-11 {
grid-column-gap: 1%;
grid-row-gap: 1%;
grid-template-columns: 1fr;
}
.div-block-19 {
grid-template-columns: 1fr;
grid-auto-rows: 350px;
}
}
@media screen and (max-width: 479px) {
.c-section.p-btm.no-overflow {
padding-top: 80px;
}
.c-section.cc-mobile.is--hide {
display: none;
}
.c-section.cc--captera {
padding-top: 16px;
padding-bottom: 16px;
display: none;
}
.c-section.no-pad-top {
padding-top: 40px;
}
.c-ctn,
.c-ctn.cc-70,
.c-ctn.cc-70.cc-absolute.cc-flex.desktop {
max-width: 100%;
min-width: 300px;
}
.c-ctn.cc-70.cc-relative.cc-custom-width {
min-width: 320px;
}
.c-ctn.cc-60 {
max-width: 479px;
min-width: 300px;
}
.c-ctn.cc-40 {
max-width: 479px;
min-width: 250px;
}
.c-ctn.cc-40.cc-flex,
.c-ctn.cc-40.desktop {
max-width: 479px;
min-width: 300px;
}
.c-ctn.cc-100 {
max-width: 479px;
}
.c-ctn.cc-nav {
max-width: 479px;
min-width: 300px;
}
.c-ctn.cc-80 {
max-width: 385px;
min-width: 300px;
}
.c-ctn.cc-80.cc-relative.custom-full-width {
max-width: 479px;
min-width: 300px;
}
.c-ctn.cc-80.cc-absolute.cc-flex.spaced.signup.no-padding {
padding-top: 0;
}
.c-ctn.cc-75,
.c-ctn.cc-75.desktop {
max-width: 479px;
min-width: 300px;
}
.c-ctn.cc-75.mobile-view {
width: 95%;
}
.c-ctn.cc-50 {
min-width: 300px;
}
.c-ctn.c-55.desktop {
width: 85%;
max-width: 476px;
min-width: 300px;
}
.c-ctn.cc-mobile {
max-width: 479px;
min-width: 300px;
}
.flex-vertical.p-btm-50.cc-solution-gen.mobile {
width: 100%;
}
.flex-vertical.p-top__180 {
padding-bottom: 60px;
}
.flex-wrapper.cc-spaced {
flex-direction: column;
}
.flex-wrapper.cc-spaced.cc-beige-bg.cc-radius__100.p-left__30.roles {
border-radius: 24px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
}
.flex-wrapper.cc-spaced.cc-beige-bg.cc-radius__100.desktop {
padding-left: 10px;
padding-right: 10px;
}
.flex-wrapper.cc-spaced.mg-btm__20.row {
flex-direction: row;
}
.flex-wrapper.cc-spaced.cc-85.login {
width: 100%;
flex-direction: row;
}
.flex-wrapper.cc-spaced.cc-100 {
flex-direction: row;
justify-content: space-between;
}
.flex-wrapper.cc-spaced.c-nav-menu__head {
flex-direction: row;
}
.flex-wrapper.cc-beige-bg.cc-border-radius.radius__32 {
border-radius: 32px;
}
.flex-wrapper.cc-socials.flex-vert-small {
justify-content: center;
align-items: center;
}
.flex-wrapper.cc-pink.cc-spaced.cc-50,
.flex-wrapper.cc-green.cc-spaced.cc-50,
.flex-wrapper.cc-blue.cc-spaced.cc-50 {
flex-direction: row;
}
.flex-wrapper.center-mobile {
justify-content: center;
align-items: center;
}
.center-text {
padding-bottom: 0;
}
.c-btn.cc-with-icon.mg-right__20 {
margin-right: 0;
}
.c-btn.cc-with-icon.big-orange {
width: 100%;
}
.is--white {
text-align: center;
}
.is--white.no-padding {
margin-top: 0;
}
.c-hero__cover {
height: 100vw;
min-height: 500px;
}
.c-hero__content.cc-100.p-top__40 {
max-width: none;
}
.c-hero__content.cc-80.p-top__40 {
max-width: 100%;
}
.c-hero__content.is--home,
.c-hero__content.is--home.content-article {
margin-right: 0;
}
.c-bubble__wrapper._240.nav-menu {
top: 31%;
left: 8%;
}
.c-bubble__wrapper._200.nav-menu {
bottom: 14%;
left: -5%;
}
.c-bubble__wrapper._205.nav-menu {
top: 15%;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-upper.news {
left: -32%;
}
.c-bubble__wrapper.cc-your-solution.cc-transparent.cc-learning.cc-3 {
left: 63%;
}
.c-bubble__wrapper.cc-start-building.cc-blue {
width: auto;
}
.c-bubble__wrapper.cc-start-building.cc-pink {
bottom: -3%;
right: 45%;
}
.c-bubble__wrapper.cc-start-building.cc-yellow {
width: auto;
top: auto;
bottom: -14%;
left: auto;
right: 10%;
}
.c-bubble__wrapper.cc-start-building.cc-turquoise {
width: auto;
top: -2%;
right: 45%;
}
.c-bubble__wrapper.cc-start-building.cc-ruby {
width: auto;
bottom: 35%;
right: 25%;
}
.c-bubble__wrapper.cc-start-building.cc-green {
width: auto;
top: 8%;
bottom: auto;
left: -2%;
right: auto;
}
.c-bubble__wrapper.cc-assert.cc-transparent.cc-2 {
bottom: -40%;
}
.c-bubble__wrapper.cc-request-demo.cc-blue {
width: auto;
top: -11%;
right: 5%;
}
.c-bubble__wrapper.cc-request-demo.cc-pink {
width: auto;
top: auto;
bottom: -25%;
left: -25%;
right: auto;
}
.c-bubble__wrapper.cc-request-demo.cc-yellow {
width: auto;
top: -33%;
right: -8%;
}
.c-bubble__wrapper.cc-request-demo.cc-ruby {
width: auto;
left: 48%;
}
.c-bubble__wrapper.cc-request-demo.cc-turquoise {
width: auto;
top: -55%;
bottom: auto;
left: -10%;
right: auto;
}
.c-bubble__wrapper.cc-compliance.cc-tranparent {
bottom: -5%;
}
.c-bubble__wrapper.cc-careers.cc-img-1 {
bottom: -25%;
left: -80%;
}
.c-bubble__wrapper.cc-careers.cc-img-2 {
top: 10%;
left: -70%;
}
.c-bubble__wrapper.cc-careers.cc-img-3 {
width: 100px;
max-width: 100px;
bottom: 21%;
right: 34%;
}
.c-bubble__wrapper.cc-careers.cc-white {
top: 40%;
right: 16%;
}
.c-bubble__wrapper.cc-careers.cc-ruby {
right: 20%;
}
.c-bubble__wrapper.cc-login.cc-ruby__top {
top: -16%;
right: -16%;
}
.c-bubble__wrapper.cc-login.cc-ruby__btm {
bottom: -16%;
right: -16%;
}
.c-bubble__wrapper.cc-login.cc-orange__md {
top: 20%;
right: 12%;
}
.c-bubble__wrapper.cc-login.cc-orange__lg {
width: 100px;
max-width: 100px;
bottom: 19%;
}
.c-bubble__wrapper.cc-login.cc-blue__lg {
width: 350px;
max-width: 350px;
bottom: -56%;
left: -57%;
}
.c-bubble__wrapper.cc-login.cc-blue__sm {
width: 80px;
max-width: 80px;
left: 17%;
}
.c-bubble__wrapper.cc-login.cc-pink__lg {
top: -19%;
left: -22%;
}
.c-bubble__wrapper.cc-login.cc-pink__sm {
right: 36%;
}
.c-bubble__wrapper.cc-login.cc-turquoise__lg {
width: 150px;
max-width: 150px;
right: 0%;
}
.c-bubble__wrapper.cc-login.cc-turquoise__sm {
top: 11%;
}
.c-bubble__wrapper.cc-login.cc-white {
top: 40%;
right: 42%;
}
.c-header.cc-60.pre-footer {
max-width: 100%;
}
.c-header.cc-25.flex.space-between {
width: 80%;
}
.c-header.cc-40.positions {
width: 100%;
}
.c-header.cc-testimonials {
max-width:100%;
}
.c-header.growth {
max-width: 38ch;
}
.c-solution__circle.cc-mobile.cc-2 {
margin-bottom: 10px;
}
.c-solution__circle.cc-mobile.cc-3 {
margin-top: 5px;
}
.c-solution__circle.cc-mobile.cc-4 {
margin-top: -10px;
margin-left: 30px;
}
.c-solution__circle.cc-mobile.cc-7 {
margin-top: 5px;
}
.c-solution__circle.cc-mobile.cc-8 {
margin-top: -15px;
margin-left: 30px;
}
.c-solution__circle.cc-mobile.cc-9 {
margin-left: 50px;
}
.c-solution__circle.cc-mobile.cc-12 {
margin-top: -15px;
margin-left: 30px;
}
.c-flex__cover.cc-red.cc-left.mg-btm__32,
.c-flex__cover.cc-blue.cc-left.cc-simplify {
max-width: 479px;
min-width: 300px;
}
.c-flex__cover.cc-yellow.cc-left {
max-width: 479px;
min-width: 320px;
}
.c-flex__cover.cc-green-no-gd.mg-btm__32 {
max-width: 479px;
min-width: 300px;
}
.c-flex__cover.cc-orange.cc-right,
.c-flex__cover.cc-dark-blue.cc-left,
.c-flex__cover.cc-ruby.cc-left {
min-height: 400px;
}
.c-content-holder.flex.p-btm__72 {
flex-direction: column-reverse;
}
.c-content_wrapper.cc-100.cc-flex.cc-dark-blue-bg {
border-radius: 32px;
flex-direction: column;
padding-top: 20px;
padding-bottom: 20px;
}
.c-content_wrapper.cc-70.p-top__90 {
max-width: none;
padding-top: 90px;
}
.c-content_wrapper.cc-25.p-btm__72 {
padding-top: 20px;
}
.c-text__content {
min-width: 30ch;
}
.c-text__content.cc-40 {
max-width: none;
min-width: auto;
}
.ruby-color.p-btm__5 {
font-weight: 400;
}
.c-design__line.cc-home-3 {
top: 43%;
}
.c-design__line.cc-4 {
top: -91px;
left: -11px;
}
.c-design__line.cc-4.cc-article {
bottom: -3%;
}
.c-gradient__bg {
background-image: linear-gradient(#009aff 60%, #35c89f 60%);
}
.c-card__icon {
width: 60px;
}
.collection-list-grid {
grid-template-columns: 1fr;
}
.nav-menu {
display: flex;
}
.flex-menu.why-us,
.flex-menu.about {
display: none;
}
.c-pre-footer__cover {
align-items: center;
padding-bottom: 0;
}
.c-footer__logo-part.upper {
margin-bottom: 60px;
}
.c-footer__links {
grid-row-gap: 30px;
}
.c-footer__logo {
margin-left: -30%;
}
.c-footer__logo.w--current {
margin-left: -28%;
}
.c-footer__links-block.cc-btm {
text-align: center;
}
.c-footer__social-link.last {
margin-right: 0;
}
.c-hero__solution-cover {
padding-bottom: 30px;
}
.c-hero__solution-text {
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.c-pre-footer__text {
padding-left: 2%;
padding-right: 2%;
position: relative;
}
.c-center-text__container.mg-right__20 {
margin-right: 0;
}
.c-center-text__container.p-both__20.p-sides__40 {
padding-left: 40px;
padding-right: 40px;
}
.c-illustration__holder.cc-startup {
margin-right: 3%;
}
.c-illustration__holder.cc-startup.mobile {
width: auto;
margin-left: 5%;
padding-top: 0;
}
.c-image-center__holder.cc-hero-about {
width: 80%;
padding-top: 65%;
}
.c-image-center__holder.cc-40 {
padding-top: 100%;
}
.c-avatar__holder.mg-right__20 {
width: 80px;
height: 80px;
margin-right: 10px;
}
.c-info__holder {
width: 85%;
}
.brands-grid {
grid-template-columns: 1fr 1fr;
}
.c-middle-content {
width: 100%;
padding-top: 25%;
}
.blue-color.p-btm__5 {
font-weight: 400;
}
.collection-list {
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.c-search-input {
padding-left: 30%;
}
.search__svg {
left: 20%;
}
.c-pricing__item.cc-ruby,
.c-pricing__item.cc-green,
.c-pricing__item.cc-blue,
.c-pricing__item.cc-orange,
.c-pricing__item.cc-dark-blue {
width: 80vw;
}
.c-pricing__check-svg.opacity-0 {
display: none;
}
.calculator-grid {
grid-template-columns: 1fr;
}
.c-faq__icon-holder {
align-self: center;
}
.c-faq__svg {
width: 100%;
height: 100%;
}
.c-single-img__holder.is--mobile-larger {
padding-top: 100%;
}
.c-author__icon {
align-self: center;
}
.c-author__info {
text-align: center;
flex-direction: column;
align-items: center;
margin-top: -51px;
}
.c-athor__content {
padding-left: 0;
padding-right: 0;
}
.c-tips-img__holder,
.c-tips-img__holder.is--mobile-larger {
padding-top: 100%;
}
.c-tips-text__content {
padding-left: 0;
padding-right: 0;
}
.collection-list-2 {
grid-template-columns: 1fr;
}
.c-learnings__heading {
margin-bottom: 30px;
}
.collection-list-3 {
grid-template-columns: 1fr;
padding-left: 20px;
}
.c-line__holder {
top: 45%;
}
.benefits-grid {
width: 100%;
margin-top: 0%;
}
.c-flex___right.cc-35.positions {
width: 100%;
flex-direction: column;
margin-top: 20px;
}
.form-block.positions {
width: 100%;
margin-bottom: 20px;
}
.p-left__40.dark.positions {
padding-left: 0;
}
.c-signup__form-block.cc-mobile {
max-width: 479px;
min-width: 300px;
}
.text-12.lightblack.cc--form {
flex: 1;
}
.mg-btm__32.ppc-thanks {
margin-right: -48px;
padding-right: 47px;
}
.p-both__20 {
padding-top: 9px;
padding-bottom: 9px;
}
.c-nav__menu-list {
background-color: #fdf5f7;
display: none;
}
.c-nav-list__container {
max-width: 479px;
min-width: 300px;
}
.c-nav-list__container.relative {
display: block;
}
.c-nav__menu-link {
padding-top: 15px;
padding-bottom: 15px;
}
.c-nav__menu-link.w--current {
color: #009aff;
padding-top: 15px;
padding-bottom: 15px;
}
.dropdown-toggle-4 {
padding-top: 15px;
padding-bottom: 15px;
display: block;
}
.c-menu-button {
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.c-menu-line {
width: 40%;
height: 1px;
background-color: #0f172a;
padding-bottom: 0;
padding-right: 0;
}
.title-text.ppc-box-1-2.finance-lp {
justify-content: flex-start;
margin-left: 30px;
line-height: 50px;
}
.c-lottie-large.is--home.mg-left {
margin-left: -10%;
}
.c-bg-bubble {
width: 250px;
height: 250px;
}
.c-bg-bubble.bt-left.smaller {
width: 130px;
height: 130px;
}
.c-quote-container {
max-width: 460px;
min-width: 300px;
}
.c-footer__link {
font-size: 16px;
}
.c-ctn-2 {
width: auto;
min-width: auto;
padding-left: 18px;
padding-right: 18px;
}
.c-ctn-2.cc-60 {
width: 85%;
max-width: 479px;
min-width: 300px;
}
.text-block-11.text-semibold {
font-weight: 400;
text-decoration: underline;
}
.c-footer-lower-portion {
padding-top: 32px;
}
.div-block {
width: 110vw;
height: 110vw;
min-height: 280px;
min-width: 280px;
top: auto;
bottom: 0%;
left: auto;
right: -20px;
}
.c-footer-lottie {
min-width: 850px;
}
.c-pre-footer {
padding-bottom: 194px;
}
.c-btn-txt {
white-space: nowrap;
}
.c-ratings {
flex-direction: column;
align-items: center;
}
.c-rating__link {
margin: 16px;
}
.c-btn-2.cc-with-icon.mg-right__20 {
margin-right: 0;
}
.c-footer-lower-portion-2 {
padding-top: 32px;
}
.c-flex__cover-2.cc-red.cc-left.mg-btm__32 {
max-width: 479px;
min-width: 300px;
}
.c-logos-flex {
grid-auto-flow: row;
}
.placeholder.cc-spaced {
flex-direction: column;
}
.placeholder.cc-spaced.cc-beige-bg.cc-radius__100.p-left__30.roles {
border-radius: 24px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
}
.placeholder.cc-spaced.cc-beige-bg.cc-radius__100.desktop {
padding-left: 10px;
padding-right: 10px;
}
.placeholder.cc-spaced.mg-btm__20.row {
flex-direction: row;
}
.placeholder.cc-spaced.cc-85.login {
width: 100%;
flex-direction: row;
}
.placeholder.cc-spaced.cc-100,
.placeholder.cc-spaced.c-nav-menu__head {
flex-direction: row;
}
.placeholder.cc-beige-bg.cc-border-radius.radius__32 {
border-radius: 32px;
}
.placeholder.cc-pink.cc-spaced.cc-50,
.placeholder.cc-green.cc-spaced.cc-50,
.placeholder.cc-blue.cc-spaced.cc-50 {
flex-direction: row;
}
.c-category__item {
border-radius: 20px;
padding-top: 25px;
padding-left: 30px;
padding-right: 20px;
}
.c-category__left {
max-width: 80%;
flex-wrap: nowrap;
margin-bottom: 0;
}
.c-category__left.mg-btm {
margin-bottom: 20px;
}
.arrow-holder {
width: 40px;
height: 40px;
align-self: center;
}
.c-category__title {
margin-left: 10px;
margin-right: 10px;
font-size: 18px;
}
.c-category__title.no-mg-btm {
margin-bottom: 0;
}
.c-subcategories {
width: 90%;
}
.c-sub-category__item {
border-radius: 10px;
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.category-link {
max-width: 55%;
}
.c-item__head {
flex-direction: column;
align-items: flex-start;
}
.c-question__left {
margin-bottom: 20px;
}
.text-block-17 {
white-space: normal;
}
.c-banner__holder {
max-width: 479px;
min-width: 300px;
}
.sticky-nav {
padding: 0;
}
.nav-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 100px;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.nav-logo-link {
border-top: 1px solid #c4c4c4;
}
.nav-link {
padding-top: 10px;
padding-bottom: 10px;
}
.image-11 {
max-width: 100%;
padding-top: 0;
}
.c-text__content-2 {
min-width: 30ch;
}
.bcrop_logo-wrapper {
top: auto;
bottom: 0%;
left: auto;
}
.is--white-copy.no-padding {
margin-top: 0;
}
.btn-block {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.give_it_a_go {
max-width: 100%;
}
.div-block-9 {
width: 100%;
}
.div-block-11 {
flex: 0 auto;
}
.paragraph-7 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-19 {
flex: 0 auto;
grid-template-rows: 350px 350px 350px 350px 350px 350px;
align-items: stretch;
justify-items: stretch;
}
.div-block-20,
.div-block-21 {
align-content: flex-start;
}
.category-link-2 {
max-width: 55%;
}
.image-17 {
margin-left: auto;
margin-right: auto;
display: block;
position: static;
}
}
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059f9-aaf05997,
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059fc-aaf05997,
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059ff-aaf05997 {
justify-self: start;
}
#w-node-_7976ffb2-49c9-59e5-e4ec-f0e1012f8062-c66968e5,
#w-node-_92845025-b2ff-6a3c-157a-29a52a7c5cef-c66968e5,
#w-node-_4c36be03-101f-18cd-5f70-12de73a6dda6-c66968e5,
#w-node-_7976ffb2-49c9-59e5-e4ec-f0e1012f8062-c66968e9,
#w-node-_92845025-b2ff-6a3c-157a-29a52a7c5cef-c66968e9,
#w-node-_4c36be03-101f-18cd-5f70-12de73a6dda6-c66968e9,
#w-node-_7976ffb2-49c9-59e5-e4ec-f0e1012f8062-c669696a,
#w-node-_92845025-b2ff-6a3c-157a-29a52a7c5cef-c669696a,
#w-node-_4c36be03-101f-18cd-5f70-12de73a6dda6-c669696a {
align-self: center;
justify-self: center;
}
@media screen and (max-width: 991px) {
#w-node-_7976ffb2-49c9-59e5-e4ec-f0e1012f8062-c66968e5,
#w-node-_7976ffb2-49c9-59e5-e4ec-f0e1012f8062-c66968e9,
#w-node-_7976ffb2-49c9-59e5-e4ec-f0e1012f8062-c669696a {
align-self: center;
justify-self: center;
}
}
@media screen and (max-width: 767px) {
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059e4-aaf05997 {
align-self: center;
justify-self: center;
}
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059f9-aaf05997,
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059fc-aaf05997,
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059ff-aaf05997 {
justify-self: center;
}
}
@media screen and (max-width: 479px) {
#w-node-_3f59c6c5-4279-a047-4c11-63f0aaf059ef-aaf05997 {
justify-self: center;
}
#w-node-dbb16fd5-0ca4-e7dc-0013-ec22b7646499-c6696925,
#w-node-f1b63194-678b-cc7d-3c3f-7a52841ac1e1-c6696964 {
justify-self: start;
}
}
.slider-container {
position: relative;
overflow: hidden;
width: 100vw;
height: 100vh;
}
.left-slide {
height: 100%;
width: 35%;
position: absolute;
top: 0;
left: 0;
transition: transform 0.5s ease-in-out;
}
.left-slide > div {
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
}
.left-slide h1 {
font-size: 40px;
margin-bottom: 10px;
margin-top: -30px;
}
.right-slide {
height: 100%;
position: absolute;
top: 0;
left: 35%;
width: 65%;
transition: transform 0.5s ease-in-out;
}
.right-slide > div {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 100%;
width: 100%;
}
button {
background-color: #fff;
border: none;
color: #aaa;
cursor: pointer;
font-size: 16px;
padding: 15px;
}
button:hover {
color: #222;
}
button:focus {
outline: none;
}
@media only screen and (min-width:1200px){
.slider-container .action-buttons button {
position: absolute;
left: 35%;
top: 50%;
z-index: 100;
}
.slider-container .action-buttons .down-button {
transform: translateX(-100%);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.slider-container .action-buttons .up-button {
transform: translateY(-100%);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
}
.samurai-images-section .container {
max-width: 860px;
margin:0px auto;
}
.samurai-images-section img{ width:100%;}
.service__section:after{display:none}
.service__section:before{display:none}
.contact .info-box{
background: rgb(1 1 55);
border-radius: 50px;
}
.contact .info-box i{
border:none;
}
.contact .php-email-form input{
padding: 20px 15px;
border-radius: 50px;
}
.contact .php-email-form textarea {
padding: 22px 35px;
border-radius: 50px;
}
.contact .php-email-form button[type=submit]{
border-radius: 50px;
}
.section-title h2{
margin-bottom:8px;
}
.svg__abs {
position: absolute;
top: -180px;
width: 100%;
z-index: -1;
transform: rotate(180deg);
}
.svg__abs svg {
width: 100%;
}
.portfolio {
position:relative;
}
.portfolio p{
color:#fff;
}
.contact .info-box h3{
margin-bottom:0px;
}
#footer .paragraph {
margin-bottom: 0;
}
.backwrap{}
.backwrap i{
position: absolute;
width: 120px;
height: 120px;
border-radius: 50%;
-webkit-animation: 'screen' infinite;
animation: 'screen' infinite;
}
.backwrap i:nth-child(1){
top:20px;
left:30px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(2,226,252,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #02e2fc;
animation-duration: 5s;
}
.backwrap i:nth-child(2){
top:420px;
left:30px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(250,160,2,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #faa002;
animation-duration: 21s;
}
.backwrap i:nth-child(3){
top:550px;
left:880px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(20,252,2,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #14fc02;
animation-duration: 5s;
}
.backwrap i:nth-child(4){
top:5px;
left:1030px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,2,196,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #fc02c4;
animation-duration: 4s;
}
.backwrap i:nth-child(5){
top:280px;
left:12px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(139,44,148,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #8b2c94;
animation-duration: 5s;
}
.backwrap i:nth-child(6){
top:550px;
left:30px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(251,184,41,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #FBB829;
animation-duration: 6s;
}
.backwrap i:nth-child(7){
top:650px;
left:50px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(195,255,104,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #C3FF68;
animation-duration: 15s;
}
.backwrap i:nth-child(8){
top:20px;
left:860px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,102,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #FF0066;
animation-duration: 5s;
}
.backwrap i:nth-child(9){
top:896px;
left:132px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,0,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #FFFF00;
animation-duration: 13s;
}
.backwrap i:nth-child(10){
top:578px;
left:357px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(127,175,27,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #7FAF1B;
animation-duration: 4s;
}
.backwrap i:nth-child(11){
top:380px;
left:230px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(1,210,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #01D2FF;
animation-duration: 5s;
}
.backwrap i:nth-child(12){
top:570px;
left:1100px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #EDF7FF;
animation-duration: 6s;
}
.backwrap i:nth-child(13){
top:600px;
left:600px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,255,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #00FFFF;
animation-duration: 7s;
}
.backwrap i:nth-child(14){
top:200px;
left:520px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #0000FF;
animation-duration: 14s;
}
.backwrap i:nth-child(15){
top:370px;
left:500px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(16,225,228,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #10e1e4;
animation-duration: 9s;
}
.backwrap i:nth-child(16){
top:620px;
left:730px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,51,0,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #FF3300;
animation-duration: 3s;
}
.backwrap i:nth-child(17){
top:62px;
left:330px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,234,232,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #FFEAE8;
animation-duration: 4s;
}
.backwrap i:nth-child(18){
top:0px;
left:250px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,229,0,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #FFE500;
animation-duration: 5s;
}
.backwrap i:nth-child(19){
top:600px;
left:180px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,102,153,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #FF6699;
animation-duration: 6s;
}
.backwrap i:nth-child(20){
top:987px;
left:13px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(84,156,204,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #549CCC;
animation-duration: 7s;
}
.backwrap i:nth-child(21){
top:120px;
left:930px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(184,175,3,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #B8AF03;
animation-duration: 8s;
}
.backwrap i:nth-child(22){
top:80px;
left:700px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(171,250,249,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #ABFAF9;
animation-duration: 5s;
}
.backwrap i:nth-child(23){
top:350px;
left:720px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(127,15,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #7F0FFF;
animation-duration: 2s;
}
.backwrap i:nth-child(24){
top:997px;
left:678px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(48,128,0,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #308000;
animation-duration: 3s;
}
.backwrap i:nth-child(25){
top:714px;
left:246px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,38,38,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #FF2626;
animation-duration: 4s;
}
.backwrap i:nth-child(26){
top:0px;
left:480px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(15,29,215,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #0F1DD7;
animation-duration: 5s;
}
.backwrap i:nth-child(27){
top:456px;
left:1000px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(51,102,153,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #336699;
animation-duration: 6s;
}
.backwrap i:nth-child(28){
top:350px;
left:865px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(70,172,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #46ACFF;
animation-duration: 7s;
}
.backwrap i:nth-child(29){
top:100px;
left:100px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(222,4,5,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #DE0405;
animation-duration: 8s;
}
.backwrap i:nth-child(30){
top:1087px;
left:722px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(77,254,21,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #4DFE15;
animation-duration: 9s;
}
.backwrap i:nth-child(31){
width:200px;
height:200px;
top:795px;
left:605px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(243,10,70,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #F30A46;
animation-duration: 1s;
}
.backwrap i:nth-child(32){
top:234px;
left:678px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(245,253,45,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #F5FD2D;
animation-duration: 2s;
}
.backwrap i:nth-child(33){
top:270px;
left:1230px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(178,0,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #B200FF;
animation-duration: 3s;
}
.backwrap i:nth-child(34){
width:200px;
height:200px;
top:1126px;
left:332px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(102,204,255,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #66CCFF;
webkit-animation-duration: 4s;
}
.backwrap i:nth-child(35){
top:407px;
left:83px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(20,243,175,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #14F3AF;
animation-duration: 5s;
}
.backwrap i:nth-child(36){
width:200px;
height:200px;
top:176px;
left:297px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(100,245,102,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #64F566;
animation-duration: 6s;
}
.backwrap i:nth-child(37){
width:300px;
height:300px;
top:820px;
right:10px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(236,218,65,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #ECDA41;
animation-duration: 7s;
}
.backwrap i:nth-child(38){
top:500px;
left:500px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,61,45,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #FF3D2D;
animation-duration: 8s;
}
.backwrap i:nth-child(39){
top:20px;
right:26px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(74,73,235,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #4A49EB;
animation-duration: 9s;
}
.backwrap i:nth-child(40){
width:200px;
height:200px;
top:251px;
left:1053px;
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,72,0,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #FF4800;
animation-duration: 10s;
}
@keyframes screen {
from {
opacity: 0;
}
25%{
opacity: 0.3;
transform: scale3d(3, 3, 4);
}
50%{
opacity: 0.75;
}
75%{
opacity: 1;
}
to{
opacity: 0;
}
}
section#portfolio:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgb(1 1 55);
/* opacity: 0.95; */
}
#createBubble {
position: relative;
width: 100%;
min-height: 100vh;
overflow: hidden;
background: #f06700;
display: flex;
justify-content: center;
align-items: center;
}
#createBubble h2 {
font-size: 10em;
color: #333;
}
#createBubble span {
position: absolute;
bottom: -50px;
background: transparent;
border-radius: 50%;
pointer-events: none;
box-shadow: inset 0 0 10px
rgba(225, 225, 225, 0.5);
animation: animate 4s linear infinite;
opacity:0.3;
}
#createBubble span:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
transform: scale(0.25) translate(-70%, -70%);
background:
radial-gradient(#ffffff, transparent);
border-radius: 50%;
}
@keyframes animation {
0% {
transform: translateY(0%);
opacity: 1;
}
99% {
opacity: 1;
}
100% {
transform: translateY(-1200%);
opacity: ;
}
}
.backwrap__new {
background: #f06700;
/* Old browsers */
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
/* Shapes & Animation
*/
.back-shapes__new {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
..back-shapes__new img {
opacity: 0.2;
position: absolute;
width: 1.5%;
}
.floating {
position: absolute;
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 5s;
-webkit-animation-duration: 5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.floating.circle {
display: inline-block;
width: 39px;
height: 39px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAABHNCSVQICAgIfAhkiAAAA0pJREFUWIXdmL1O40AQx8fZ5BxQCqRrLqKxqKjAOl0JvMHxBIjHyCu4dGkJ+khpQNa9QeTyZIkihbtYCKWwbC1KFXbtvYJxbrIYMOBD1o20UhDe//x2dnb2w1BKQVut25SQYRhG+Vs1NGLjvToI0yHNwKawFWV7L+yb4AhQFwC6QRB8tyzrxDTN3V6vN2SMfc3zPBVCLFar1d18Pp8eHR2FACCxvQ1UKfVqg8eIMADo+75/kKbphRDiVtUwIcRtmqYXvu8fAEAfdYxafmuC9TzPs5IkuSyK4qEOlG5FUTwkSXLpeZ4FAL06gHXA+mEYnkops1f851LKe6VU/tJHUsosDMNTjOKLgK+CxXE8KopCVDjhWZZNZrPZ2Xg83rdtewcABrZt74zH4/3ZbHaWZdlESskroijiOB69BvgSmBnH8ahq9JzzK8dxLBTvweZqLRdNDwD6juNYnPOrKh0ENJ8DfDbHwjA81SMmpUyiKDoHgO06iU0W0nYURedSykSPIE5xZQ5WCTLP8yw9x5bL5dR13b26yVw1YNd195bL5VQbcIaLhL0IV+ZZkiSXesQQrPtWME2767runh7BJEkuq/LvSdR83z/QywVO5Zf3gmmAX6IoOtem9wHr4Eb09M5mmqYXtCPn/AoAtgCg8xEw4qMDAFv6IknT9AIAzEo4HNWAVn4pJcdV+SQfPgjIHMexaJkRQtwCwIDOzkaHIAiO6WiyLJvUKZbvnN5+lmUT6i8IgmMaiA7ZZpllWSd0310sFr8AIFeo2JShXo76a0P/rPybwhmmae7Sj29ubn4DQN4kGLEc9deG/tfnwo0wc86vSZRz3JIanVI6tbZt7yiyF3POr4Gk0QYcLZBSynvQEvQf5N0ADwtKqcdCT+HotEKe52n5mzE2sG27sWN8ldm23WWMDar8A2DOYYIqIcSC/m80Gn0DmgPNmoH66wChf1UuQBo5tVqt7mjvw8PDH0BWT8PGUH9t6H9dGShcPp/Pp/Tj4XD4EwAYvVk1YajHUH9t6P9vddATtJU7BHZq595ajqjNp5L2nufK6LXyJEyFWnmHIKLtu31pgO27t+qArbvxa4DteyvRAD/9lanV73P/z8tmDVgAaMGb8GfYHwpq7kYvpXclAAAAAElFTkSuQmCC");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.5;
}
.floating.square {
display: inline-block;
width: 35px;
height: 35px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAABHNCSVQICAgIfAhkiAAAAUNJREFUWIXt2DFugzAUBuD/EVMGJMyQsZ3aA+QQ3ZjrIzKQgYWD5ACVOjRjBkBiSHF4XRJEIzmBCgiD/83Ysj9ZxrJNzIylRHQLREQAaMbxmTuz0WKUUk9Zlj0XRbHSWk8OEkKwlPKklNonSfLTYojISdP0JYqiz6kR16nr+o2Ivpi5cS4fy7JczQ25Hte51XDuCFOF1vpQVdWOiEb73ZiZfN/fCCHWgzBVVe3CMPwAcAQwBogAeHmeb6WU74Mw5xk5jozBrZk2Yjr5sxf8W0L3d4tFLWCLMcViTLEYUyzGFIsxxWJMsRhTFoXpc7iiPgejPv3ca2DEMDMB8C7FkTDeud9hGN/3N3meb6e4HQzGCCHWplP8VFnUAm4xQRCcHgHojisAgJkbpdS367qvc79CxHG8Z+YGAKh7JXr0+wwt6eXqFzNGfAM6wJFPAAAAAElFTkSuQmCC");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.5;
}
.floating.triangle {
display: inline-block;
width: 35px;
height: 35px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAABHNCSVQICAgIfAhkiAAABARJREFUWIXNVj2IGlsU/sa/3XWDRWCICyFNTF4Rq7AQSJUmiKRN2rAuBlKlM03gRV4lj9hYmSLwigQMCA9iZcAmNrIpDLurNiNKoiiODE+HmXXezNz7ird3ubvPdf17cQ9MMXfunPud75zvniNQSnHZzbFqANPYUkEKguDY3t52C4Kw3OAppUt5ADjC4bBP1/U/w+GwD4Bjab6XBFAAsNZqtV5RSmmr1XoFYA2AcJlAOlOp1E3btgeUUmrb9iCVSt0E4LwUII9Z3FAU5T3lTFGU9wA2lsHmMkC6isXiA0qpTU+bXSwWHwBwrRQk/r0dNnVd/0rHmK7rXwFsLiqiRUF66vX6cx7Y0dGRxL/X6/XnADwrAQnAEYvF/KZpdhkgwzB+7O7u/mIYxg+2ZppmNxaL+Rdhc16AAoD1Xq+X4lmr1Wo7ADZrtdoOv97r9VIA1ucV0bwgnblc7i4hxGBANE0rHtefE8CmpmlF9o0QYuRyubvzXklzpRmAV1XVzxwIq1Ao3GdKBuAqFAr3CSEW26Oq6mcA3nnSPg9Id6VSecKns9/vv+PTycqh3++/4/dVKpUnANz/K0gAjlAodNUwjBMFW5alJBKJG2cZAuBIJBI3LMtS2F7DMKRQKHR1VjZnFctau91+zbPTbDZj510xADzNZjPG72+3269n7esziSWdTt+ybVtlB45Go0ogEDh34gHgCAQCvtFoVGH/2LatptPpW7OIaBYWNxRF+cizUi6XH13U9gC4yuXyI/4/RVE+ztLXpwXpKpVKDymlhB00GAw+TXMQC3AwGHzicJJSqfRw2r4+lVhEUbyi6/q3kxMIOcpkMsFpUwbAmclkgoSQI+ZD1/VvoihemUZE0xzgaTQaL/h0dTqdN7MUPxNdp9N5w/tpNBovpunrF7IYj8evW5YlM8emabaj0ei1ma8RwBGNRq+ZptlmvizLkuPx+PWLfF0U/bosy2/56CVJejbvVAPAI0nSM96fLMtvL+rrE8WSz+fvEUJM5lDTtL1F5kM2f2qatsd8EkLMfD5/b5KIJjpTVfULF/RSJu1xk7yqql8mBX+eI3e1Wn3Kp0VRlA+z3G0TQLI79wPvv1qtPj2vr49lMRKJiIZhfD+h0LaHyWTyNgDP8Si26ONJJpO3bdsesjMMw/geiUTEcWyyqQUAIAiCAMDT6XR+8/v9L9m6LMvZw8PDP3w+n4kl2XA4dAeDwR1RFB+ztW63+/vW1tavAP6mPLAzLDqz2ewdQohOV2CEED2bzd7BmSbxn1o5075+uo1rt6dYlCQpvEqAzCRJCvNsurgyIfv7+3sHBwcBXdcdlmUJy6q/ac3lclGv10sopX8BIGx9nHB+OrgxRikH7BTIy2r/AAlu0j5Iy8AaAAAAAElFTkSuQmCC");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.5;
}
.floating.cross {
display: inline-block;
width: 35px;
height: 35px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAABHNCSVQICAgIfAhkiAAAAgJJREFUWIXN2MFO4zAQBuDfbSpaiUOvvTRS3w6EoEChwAvsZS9IvAnwOK5rV5V7Se8cNrOHNVXWpMk4caEj5dDInvkySeMkgohwbNH5aUBZJP4OIYQA0HU//9ABWllXo+MN7gDobzab+/V6fQbgxCWIDTqx1k6ttdPSGkQEBxUABsaYJ/oXuZTyGkAfgPgc12ZzNfpa6zkR5USUa63nfo3ihMRae0f/Ry6lvIkBKwHtalhrZwCSz7H+hU5u23V7Mpn8llKel7Y58JRpra/G4/EvB9wfjCMhIsoXi8Vtk47V5a08fZwEy+UyCNYE9AUVE9YUVIpiwmZVsDagvag2sLagShQTdlcsEANUiwqEJTFALBSzA/cAhjFAbBQHlmXZWwxQEIoB86MRKBhVgA2UUg8VsFwp9QBgEApqhHKwLoBhlmXvZaLtdvsKYAig2yj/ATs1/5ZOhV5T/n0sOorx73sv298EFgXk/mV771N1a2UwKmDpqLyjh8BigVhrH/uxJxaIO48Diwrizq97tI4O4uapeks6CKgt7GAgbl6l1NTPW5ycWGtnMUFc2Gq1ukTFy6gfZIx5TNP0GcAHuQqh4eZ9pGn6bIx5hPfC2+v1Tv0J+46mdYc4HTPGPMFbuEXx4AtfRC4AYDQavbTpUFl4NUShRr4b49c7hu9TX1DHEEf5efEvSKr5qd+QqggAAAAASUVORK5CYII=");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
opacity: 0.5;
}
@keyframes floating {
0% {
transform: translateY(0%) rotate(-55deg);
}
50% {
transform: translateY(300%) rotate(55deg);
}
100% {
transform: translateY(0%) rotate(-55deg);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(300%);
}
100% {
-webkit-transform: translateY(0%);
}
}
.service__section .section-title h2{
color:#fff;
}
.slider-container h1 {
color: #fff;
}
@media only screen and (max-width:1199px){
section#contact {
padding-left:15px;
padding-right:15px;
}
.left-slide {
width: 100%;
z-index:9;
}
.left-slide > div {
background: none !important;
}
.right-slide {
left: 0;
width: 100%;
}
.right-slide > div {
background-color: #0000006b;
background-blend-mode: overlay;
}
.slider-container h1 {
text-align: center !important;
}
}
@media only screen and (max-width:991px){
.about .content {
padding: 0 8px 12px;
}
.action-buttons {
position: absolute;
bottom: 40px;
display: flex;
width: 100%;
justify-content: center;
z-index:99;
}
.action-buttons button.down-button {
margin-right: 8px;
}
.action-buttons button.down-button i:before {
content: "\f060";
}
.action-buttons button.up-button i:before {
content: "\f061";
}
.action-buttons button {
border-radius: 50%;
width: 45px;
height: 45px;
}
}
.text__gray {
color: #938787;
}
@media only screen and (max-width:767px){
.left-slide h1{
font-size:32px;
}
.contact .php-email-form {
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
}
section#contact {
padding-left: 8px;
padding-right: 8px;
}
.brand.w--current{
max-width:none;
}
.right-slide > div:nth-child(3){
background-position: left -280px bottom;
}
}
#custom-solution-btn{
position:relative;
}
/* Define the starting position of the image */
#moving-image {
position: absolute;
top: 0;
right: 5px; /* Start in the middle of the container */
transform: translateX(-50%); /* Center the image horizontally */
animation: moveImage 1s linear infinite; /* Continuous animation */
}
/* Define the keyframes animation */
@keyframes moveImage {
0% {
top: 10%;
}
100% {
top: 50%; /* Move the image to the bottom */
}
}
.testimonials .testimonial-item h4{
color:#fff;
}
.w-nav-link.c-btn{ background: #f06700;}
#footer{ background: #010137;}
.button-wrapper svg {
position: absolute;
width: 0;
height: 0;
}
.button-wrapper .btn {
text-transform: uppercase;
letter-spacing: 5px;
padding: 16px 32px;
transform-origin: 100% 50%;
color: #fff;
position: relative;
border-radius:50px;
}
.button-wrapper.btn span {
transition: 0.2s ease-in-out;
}
.button-wrapper .btn:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #010137;
left: 0;
top: 0;
border-radius: 75px;
z-index: -1;
transition-delay: 1s;
transition: 0.4s ease-in-out;
}
.button-wrapper .btn div {
width: 100%;
height: 400%;
position: absolute;
left: 0;
bottom: 0;
z-index: -2;
filter: url("#goo");
}
.button-wrapper .btn div:after {
content: '';
position: absolute;
width: 100%;
height: 25%;
left: 0;
bottom: 0;
background: #010137;
border-radius: 50px;
}
.button-wrapper.btn div:before {
content: '';
position: absolute;
width: 50px;
height: 50px;
left: 0px;
bottom: 0px;
border-radius: 100%;
background: #ff00b8;
}
.button-wrapper .btn.loading {
animation: flick 7s ease-in-out 1 forwards;
}
/*
.button-wrapper .btn.loading:before {
border-radius: 50px;
box-shadow: inset 0 0 0 3px #010137;
transition-delay: 1.3s;
animation: loading 5s ease-in-out 1 forwards;
animation-delay: 1.5s;
box-sizing: border-box;
}*/
@keyframes loading {
0% {
background: rgb(1 1 55);
background-position: -900px 50%;
background-size: 925%;
box-shadow: inset 0 0 0 3px rgb(1 1 55);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
content: 'Download';
color: #fff;
padding: 16px 32px;
font-weight: 900;
z-index: 9;
border-radius:50px;
}
}
.button-wrapper .btn.loading div:before {
animation: plop 1.75s ease-out forwards;
}
@keyframes plop {
0% {
transform: translateX(0px) translateY(0px);
}
40% {
transform: translateX(0px) translateY(0px);
}
70% {
transform: translateX(100px) translateY(-150px);
background: #ff00b8;
}
90% {
transform: translateX(200px) translateY(0px);
opacity: 1;
}
100% {
transform: translateX(200px) translateY(0px);
opacity: 0;
}
}
.button-wrapper .btn.loading span {
animation: slide 1s ease-in-out 1 forwards;
transition-delay: 6.75s;
color: #1f00ff;
}
@keyframes flick {
0% {
transform: rotate(0deg);
}
10.5% {
transform: rotate(-15deg);
}
12% {
transform: rotate(15deg);
}
13% {
transform: rotate(0deg);
}
21% {
transform: rotate(0deg);
padding-left: 60px;
padding-right: 60px;
}
97.5% {
transform: rotate(0deg);
padding-left: 40px;
padding-right: 80px;
}
100% {
transform: rotate(0deg);
padding-left: 40px;
padding-right: 40px;
}
}
.button-wrapper .btn span {
display: inline-block;
}
.button-wrapper .btn span:nth-of-type(1) {
animation-delay: 0.0142857143s;
}
.button-wrapper .btn span:nth-of-type(2) {
animation-delay: 0.0285714286s;
}
.button-wrapper .btn span:nth-of-type(3) {
animation-delay: 0.0428571429s;
}
.button-wrapper .btn span:nth-of-type(4) {
animation-delay: 0.0571428571s;
}
.button-wrapper .btn span:nth-of-type(5) {
animation-delay: 0.0714285714s;
}
.button-wrapper .btn span:nth-of-type(6) {
animation-delay: 0.0857142857s;
}
.button-wrapper .btn span:nth-of-type(7) {
animation-delay: 0.1s;
}
.button-wrapper .btn span:nth-of-type(8) {
animation-delay: 0.1142857143s;
}
.button-wrapper .btn span:nth-of-type(9) {
animation-delay: 0.1285714286s;
}
.button-wrapper .btn span:nth-of-type(10) {
animation-delay: 0.1428571429s;
}
.button-wrapper .btn span:nth-of-type(11) {
animation-delay: 0.1571428571s;
}
.button-wrapper .btn span:nth-of-type(12) {
animation-delay: 0.1714285714s;
}
.button-wrapper .btn span:nth-of-type(13) {
animation-delay: 0.1857142857s;
}
.button-wrapper .btn span:nth-of-type(14) {
animation-delay: 0.2s;
}
.button-wrapper .btn span:nth-of-type(15) {
animation-delay: 0.2142857143s;
}
.button-wrapper .btn span:nth-of-type(16) {
animation-delay: 0.2285714286s;
}
.button-wrapper .btn span:nth-of-type(17) {
animation-delay: 0.2428571429s;
}
.button-wrapper .btn span:nth-of-type(18) {
animation-delay: 0.2571428571s;
}
.button-wrapper .btn span:nth-of-type(19) {
animation-delay: 0.2714285714s;
}
.button-wrapper .btn span:nth-of-type(20) {
animation-delay: 0.2857142857s;
}
.button-wrapper .btn span:nth-of-type(21) {
animation-delay: 0.3s;
}
.button-wrapper .btn span:nth-of-type(22) {
animation-delay: 0.3142857143s;
}
.button-wrapper .btn span:nth-of-type(23) {
animation-delay: 0.3285714286s;
}
.button-wrapper .btn span:nth-of-type(24) {
animation-delay: 0.3428571429s;
}
.button-wrapper .btn span:nth-of-type(25) {
animation-delay: 0.3571428571s;
}
.button-wrapper .btn span:nth-of-type(26) {
animation-delay: 0.3714285714s;
}
.button-wrapper .btn span:nth-of-type(27) {
animation-delay: 0.3857142857s;
}
.button-wrapper .btn span:nth-of-type(28) {
animation-delay: 0.4s;
}
.button-wrapper .btn span:nth-of-type(29) {
animation-delay: 0.4142857143s;
}
.button-wrapper .btn span:nth-of-type(30) {
animation-delay: 0.4285714286s;
}
.button-wrapper .btn span:nth-of-type(31) {
animation-delay: 0.4428571429s;
}
.button-wrapper .btn span:nth-of-type(32) {
animation-delay: 0.4571428571s;
}
.button-wrapper .btn span:nth-of-type(33) {
animation-delay: 0.4714285714s;
}
.button-wrapper .btn span:nth-of-type(34) {
animation-delay: 0.4857142857s;
}
.button-wrapper .btn span:nth-of-type(35) {
animation-delay: 0.5s;
}
.button-wrapper .btn span:nth-of-type(36) {
animation-delay: 0.5142857143s;
}
.button-wrapper .btn span:nth-of-type(37) {
animation-delay: 0.5285714286s;
}
.button-wrapper .btn span:nth-of-type(38) {
animation-delay: 0.5428571429s;
}
.button-wrapper .btn span:nth-of-type(39) {
animation-delay: 0.5571428571s;
}
.button-wrapper .btn span:nth-of-type(40) {
animation-delay: 0.5714285714s;
}
.button-wrapper .btn span:nth-of-type(41) {
animation-delay: 0.5857142857s;
}
.button-wrapper .btn span:nth-of-type(42) {
animation-delay: 0.6s;
}
.button-wrapper .btn span:nth-of-type(43) {
animation-delay: 0.6142857143s;
}
.button-wrapper .btn span:nth-of-type(44) {
animation-delay: 0.6285714286s;
}
.button-wrapper .btn span:nth-of-type(45) {
animation-delay: 0.6428571429s;
}
.button-wrapper .btn span:nth-of-type(46) {
animation-delay: 0.6571428571s;
}
.button-wrapper .btn span:nth-of-type(47) {
animation-delay: 0.6714285714s;
}
.button-wrapper .btn span:nth-of-type(48) {
animation-delay: 0.6857142857s;
}
.button-wrapper .btn span:nth-of-type(49) {
animation-delay: 0.7s;
}
.button-wrapper .btn span:nth-of-type(50) {
animation-delay: 0.7142857143s;
}
.button-wrapper .btn span:nth-of-type(51) {
animation-delay: 0.7285714286s;
}
.button-wrapper .btn span:nth-of-type(52) {
animation-delay: 0.7428571429s;
}
.button-wrapper .btn span:nth-of-type(53) {
animation-delay: 0.7571428571s;
}
.button-wrapper .btn span:nth-of-type(54) {
animation-delay: 0.7714285714s;
}
.button-wrapper .btn span:nth-of-type(55) {
animation-delay: 0.7857142857s;
}
.button-wrapper .btn span:nth-of-type(56) {
animation-delay: 0.8s;
}
.button-wrapper .btn span:nth-of-type(57) {
animation-delay: 0.8142857143s;
}
.button-wrapper .btn span:nth-of-type(58) {
animation-delay: 0.8285714286s;
}
.button-wrapper .btn span:nth-of-type(59) {
animation-delay: 0.8428571429s;
}
.button-wrapper .btn span:nth-of-type(60) {
animation-delay: 0.8571428571s;
}
.button-wrapper .btn span:nth-of-type(61) {
animation-delay: 0.8714285714s;
}
.button-wrapper .btn span:nth-of-type(62) {
animation-delay: 0.8857142857s;
}
.button-wrapper .btn span:nth-of-type(63) {
animation-delay: 0.9s;
}
.button-wrapper .btn span:nth-of-type(64) {
animation-delay: 0.9142857143s;
}
.button-wrapper .btn span:nth-of-type(65) {
animation-delay: 0.9285714286s;
}
.button-wrapper .btn span:nth-of-type(66) {
animation-delay: 0.9428571429s;
}
.button-wrapper .btn span:nth-of-type(67) {
animation-delay: 0.9571428571s;
}
.button-wrapper .btn span:nth-of-type(68) {
animation-delay: 0.9714285714s;
}
.button-wrapper .btn span:nth-of-type(69) {
animation-delay: 0.9857142857s;
}
.button-wrapper .btn span:nth-of-type(70) {
animation-delay: 1s;
}
.button-wrapper .btn span:nth-of-type(71) {
animation-delay: 1.0142857143s;
}
.button-wrapper .btn span:nth-of-type(72) {
animation-delay: 1.0285714286s;
}
.button-wrapper .btn span:nth-of-type(73) {
animation-delay: 1.0428571429s;
}
.button-wrapper .btn span:nth-of-type(74) {
animation-delay: 1.0571428571s;
}
.button-wrapper .btn span:nth-of-type(75) {
animation-delay: 1.0714285714s;
}
.button-wrapper .btn span:nth-of-type(76) {
animation-delay: 1.0857142857s;
}
.button-wrapper .btn span:nth-of-type(77) {
animation-delay: 1.1s;
}
.button-wrapper .btn span:nth-of-type(78) {
animation-delay: 1.1142857143s;
}
.button-wrapper .btn span:nth-of-type(79) {
animation-delay: 1.1285714286s;
}
.button-wrapper .btn span:nth-of-type(80) {
animation-delay: 1.1428571429s;
}
.button-wrapper .btn span:nth-of-type(81) {
animation-delay: 1.1571428571s;
}
.button-wrapper .btn span:nth-of-type(82) {
animation-delay: 1.1714285714s;
}
.button-wrapper .btn span:nth-of-type(83) {
animation-delay: 1.1857142857s;
}
.button-wrapper .btn span:nth-of-type(84) {
animation-delay: 1.2s;
}
.button-wrapper .btn span:nth-of-type(85) {
animation-delay: 1.2142857143s;
}
.button-wrapper .btn span:nth-of-type(86) {
animation-delay: 1.2285714286s;
}
.button-wrapper .btn span:nth-of-type(87) {
animation-delay: 1.2428571429s;
}
.button-wrapper .btn span:nth-of-type(88) {
animation-delay: 1.2571428571s;
}
.button-wrapper .btn span:nth-of-type(89) {
animation-delay: 1.2714285714s;
}
.button-wrapper .btn span:nth-of-type(90) {
animation-delay: 1.2857142857s;
}
.button-wrapper .btn span:nth-of-type(91) {
animation-delay: 1.3s;
}
.button-wrapper .btn span:nth-of-type(92) {
animation-delay: 1.3142857143s;
}
.button-wrapper .btn span:nth-of-type(93) {
animation-delay: 1.3285714286s;
}
.button-wrapper .btn span:nth-of-type(94) {
animation-delay: 1.3428571429s;
}
.button-wrapper .btn span:nth-of-type(95) {
animation-delay: 1.3571428571s;
}
.button-wrapper .btn span:nth-of-type(96) {
animation-delay: 1.3714285714s;
}
.button-wrapper .btn span:nth-of-type(97) {
animation-delay: 1.3857142857s;
}
.button-wrapper .btn span:nth-of-type(98) {
animation-delay: 1.4s;
}
.button-wrapper .btn span:nth-of-type(99) {
animation-delay: 1.4142857143s;
}
.button-wrapper .btn span:nth-of-type(100) {
animation-delay: 1.4285714286s;
}
@keyframes slide {
0% {
transform: translateX(0);
}
75% {
transform: translateX(-20px) rotate(-5deg);
}
90% {
transform: translateX(2px) rotate(1deg);
}
100% {
transform: translateX(0);
}
}
.fixed-top{
top:12px;
}
header a.nav-link::after {
content: "";
position: absolute;
display: block;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 100%;
background: #f06700;
z-index: -1;
transition: width 150ms ease-in-out;
border-radius: 50px;
}
header a.nav-link.active:after {
width: 100%;
}
@media (min-width:576px){
.box__wrapper{
margin-left: 7px;
margin-right:7px;
}
}