html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
scroll-behavior: smooth;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden],
template {
display: none;
}
a {
background-color: #0000;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
margin: 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;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: "Poppins", sans-serif;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
format("truetype");
font-weight: 400;
font-style: normal;
}
[class^="w-icon-"],
[class*="\ w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.setupdata {
background: url("../About\ Us\ page.jpg")
no-repeat center center;
background-size: cover;
opacity: 0.8;
height: 90vh;
position: relative;
}
.setupdata::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.section_about-solutions {
position: relative;
z-index: 1; /* Ensure it has a lower z-index */
/* background-color: #f0f0f0; Adjust the background as necessary */
}
.section_overlap {
position: relative;
margin-top: -100px; /* Adjust to make it overlap */
z-index: 2; /* Ensure this section appears on top */
/* background-color: #fff; Adjust the background as necessary */
}
.overlap-content {
padding: 50px;
}
.section-services {
width: 100%;
padding: 2%;
}
.services-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2%;
}
.service-card {
width: 30%;
height: 45vh;
margin-top: 1%;
border-radius: 20px;
position: relative;
overflow: hidden; /* Uncommented to prevent overflow issues */
transition: all 0.5s ease-in-out;
}
.service-card::after {
content: ""; /* This text can be customized or removed */
width: 100%;
height: 100%;
background-color: rgba(24, 152, 14, 0.14); /* Use rgba for better color control */
position: absolute;
top: 0; /* Changed to 0 to position overlay correctly */
left: 0;
z-index: 10;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.service-card:hover::after {
opacity: 1; /* Show overlay on hover */
}
.service-card:hover img {
transform: scale(1.1); /* Scale image on hover */
filter: blur(5px);
}
.service-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s linear; /* Move transition here to apply on all states */
}
.service-card:hover .textsite {
bottom: 0;
transition: all 0.5s linear; /* Move transition here to apply on all states */
}
.textsite {
width: 100%;
background-color: rgba(29, 28, 28, 0.14);
color: white;
position: absolute;
bottom: -50%;
left: 0;
z-index: 20;
text-align: center;
padding: 1%;
filter: blur(2px) sp;
font-size: 1vw;
transition: all 0.5s ease-in-out;
}
.textspah {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2.5vw;
width: 100%;
color: white;
font-family: "Poppins", sans-serif;
transition: all 0.5s linear;
text-align: center;
z-index: 10; /* Ensure this is on top of other elements */
}
.service-card:hover .textspah{
color: rgb(8, 176, 8);
}
/* Responsive styles */
@media (max-width: 1024px) {
.service-card {
width: 45%; /* 2 cards per row on tablets */
}
}
.strategy_section{
width: 100%;
/* border: 1px solid red; */
padding: 5%;
margin: 3% 0;
}
.section_row{
width: 100%;
/* border: 1px solid blue; */
display: flex;
justify-content: space-around;
align-items: center;
padding: 3%;
}
.strategy_section {
width: 100%;
padding: 10% 3%;
background-color: #074007;
position: relative;
/* clip-path: polygon(0 0, 20% 0, 100% 80%, 100% 100%, 0 100%); */
}
.section_row {
width: 100%;
/* border: 1px solid blue; */
display: flex;
justify-content: space-around;
align-items: center;
padding: 3%;
}
.section_row button{
width: 15%;
/* border: 1px solid blue; */
display: flex;
justify-content: center;
align-items: center;
padding: 1.5% ;
background-color: var(--purple-1);
color: white;
font-size: 1.5vw;
font-weight: 700;
border-radius:40px;
position: relative;
overflow: hidden;
}
.section_row button::after{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -100%;
background-color: white;
transition: all .3s linear;
z-index: 1;
border-radius:40px;
}
.section_row button:hover::after{
left: 0;
}
.section_row button span:nth-child(2){
display: none;
position: relative;
z-index: 5;
}
.section_row button:hover span:nth-child(1){
display: none;
position: relative;
z-index: 5;
}
.section_row button:hover span:nth-child(2){
display: flex;
color: green;
}
.datadisplay {
width: 50%;
/* border: 1px solid red; */
padding: 3%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
color: white;
}
.datadisplay_number {
font-size: 11vw;
margin: 0;
letter-spacing: 0;
}
.datadisplay_title {
font-size: 2.8vw;
position: absolute;
top: 70%;
left: 65%;
transform: translate(-50%, -50%);
color: white;
font-weight: 700;
}
.sectionmobiledata .underdiv{
width:100%;
height: 5vh;
display: flex;
justify-content: center ;
margin: 3% 0;
}
.sectionmobiledata button{
width: 30%;
/* border: 1px solid blue; */
display: flex;
justify-content: center;
align-items: center;
padding: 1.5% ;
background-color: var(--purple-1);
color: white;
font-size: 3vw;
font-weight: 700;
border-radius:40px;
position: relative;
overflow: hidden;
}
.sectionmobiledata button::after{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: -100%;
background-color: white;
transition: all .3s linear;
z-index: 1;
border-radius:40px;
}
.sectionmobiledata button:hover::after{
left: 0;
}
.sectionmobiledata button span:nth-child(2){
display: none;
position: relative;
z-index: 5;
}
.sectionmobiledata button:hover span:nth-child(1){
display: none;
position: relative;
z-index: 5;
}
.sectionmobiledata button:hover span:nth-child(2){
display: flex;
color: green;
}
.strategy_title{
text-align: center;
color: white;
}
.diaplaydescription{
color: white;
}
.displayimagedata {
width: 50%;
/* border: 1px solid blue; */
padding: 1%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.deltaimage{
width: 50px;
height: 80px ;
/* transform: rotate(80deg); */
transform: rotate(-320deg) rotateY(-180deg);
position: absolute;
top: -30%;
right: 0;
}
.deltaimagebackword {
width: 60px;
height: 80px;
transform: rotate(-380deg) rotateY(45deg);
position: absolute;
top: -30%;
bottom: -30%; /* Position it towards the bottom */
left: 0;
}
/*
.displayimagedata::after{
content: "";
background: url("../arrow.png")
no-repeat center center;
top: 0;
left: 0;
} */
.directimage{
width: 20vw;
height: 20vw;
border-radius: 50%;
overflow: hidden;
border: 16px solid rgb(3, 105, 13);
}
.directimage img{
width: 100%;
height: 100%;
object-fit: cover;
}
.diaplaydescription {
width: 50%;
/* border: 1px solid blue; */
padding: 1%;
}
.diaplaydescription p{
font-size: 1.5vw;
}
.onetext{
color: #05b986;
}
.secondtext{
color: var(--peach);
}
.thirdtext{
color: #0173e6;
}
.fourthtext{
color: #969b3d;
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: var(--textcolor);
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 149%;
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;
}
.sub-wrapper{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
transition: all 0.5s linear;
text-transform: uppercase;
}
.data-global{
/* border: 1px solid red; */
width: 100%;
}
.sub-header_heading-span{
/* color: #31f442; */
background: linear-gradient(to bottom, #90ee90, #006400);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 7rem;
}
.sub-header_heading{
transition: all 0.5s ease-in-out;
}
.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;
}
.w-button:hover .sub-header_features_item div{
color: #fff;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge,
.w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
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 #0000;
border-radius: 0;
width: auto;
min-width: 0;
max-width: none;
height: auto;
min-height: 0;
max-height: none;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
inset: auto;
overflow: visible;
transform: none;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
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;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button,
[type="button"],
[type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
position:relative;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block;
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder,
.w-select::placeholder {
color: #999;
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input,
textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: 0.1px;
height: 0.1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: 0.2em 0.5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px 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 {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*="\ w-icon-"],
.w-slider-arrow-right [class*="\ w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
/* transform: translateY(100%); */
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: 0.5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all 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 {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0);
}
.w-lightbox-active {
opacity: 0.3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: 0.8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.section_resources-wrapper{
width: 100%;
height: 200vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4%;
}
.section_resources-wrapper-up-manage{
width: 100%;
height: 50%;
display: flex;
padding: 1%;
}
.sectionone{
display: flex;
justify-content: start;
}
.sectiontwo{
display: flex;
justify-content: center;
}
.sectionthree{
display: flex;
justify-content: end;
}
.section-update{
width: 50%;
/* height: 100%; */
margin-left: 1%;
padding: 1%;
display: flex;
/* gap: 10%; */
flex-direction: column;
}
.maincontent{
width: 100%;
height: 100%;
/* border: 1px solid red; */
border-radius: 10px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 3%;
align-items: start;
padding: 2%;
padding-left: 5%;
transition: all .4s linear;
}
.maincontent p{
font-size: 1.1vw;
}
.maincontent h3{
font-size: 1.6vw;
}
.arrow-icon{
width: 100%;
height: 5vh;
display: flex;
/* justify-content: center; */
align-items: center;
position: relative;
}
.arrow-icon img{
width: 3vw;
height: 4vh;
position: absolute;
top: 0;
left: 0;
transition: all .4s linear;
opacity: 0;
}
.section-update:hover .arrow-icon img{
left: 80%;
opacity: 1;
}
.section-update:hover .maincontent{
height: 50%;
background-color: var(--purple-1);
color: #fff;
}
.maincontenthover {
width: 100%;
height: 50%;
display: none;
justify-content: center;
align-items: center;
transition: all .4s linear;
}
.maincontenthover img{
width: 100%;
}
.section-update:hover .maincontenthover{
display: flex;
}
.section-update {
/* From https://css.glass */
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 1024px) {
.maincontent p {
font-size: 1.5vw;
}
.maincontent h3 {
font-size: 1.5vw;
}
.arrow-icon img {
width: 5vw;
height: auto;
}
.section-update {
width: 100%;
}
}
@media (max-width: 768px) {
.section_resources-wrapper-up-manage {
flex-direction: column;
padding-left: 0;
gap: 5%;
}
.section_update-wrapper{
flex-direction: column;
}
.section-update {
width: 100%;
height: 50%;
gap: 3%;
margin-top: 1%;
}
.maincontent p {
font-size: 1.6vw;
}
.maincontent h3 {
font-size: 1.7vw;
}
.maincontenthover img{
margin: 1% 0;
width: 50%;
height: 100%;
}
}
@media (max-width: 480px) {
.section_update-wrapper {
flex-direction: column;
}
.section_resources-wrapper{
width: 100%;
height: 160vh !important;
}
.section_resources-wrapper-up-manage{
height: 50%;
}
.maincontent p {
font-size: 2.6vw;
}
.maincontent h3 {
font-size: 3vw;
}
}
.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;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: 0.6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-code-component > * {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
:root {
--black: #fff;
--white: black;
--purple-2: #0c5e0c;
--eggplant: #c2bafa;
--purple-1: #2b8b2b;
--slate-grey: #c1c2d5;
--lavender: #f4effd;
--peach: #f2d8d1;
--grey-middle: #80808080;
--transparent: #fff0;
--accessible-components-dark-grey: #9b9b9b;
--accessible-components-dodger-blue: #1378d1;
--white-0-1: #ffffff1a;
--textcolor:#12a812;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.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 {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.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;
}
.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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
body {
background-color: var(--black);
color: var(--white);
font-family: aktiv-grotesk, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1 {
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
h2 {
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
h3 {
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
h4 {
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
h5 {
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
h6 {
letter-spacing: -0.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
p {
margin-bottom: 0;
}
ul,
ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.5rem;
}
li {
margin-bottom: 1rem;
}
img {
max-width: 150%;
display: inline-block;
}
label {
margin-bottom: 0.25rem;
font-weight: 500;
}
blockquote {
border-left: 0.25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
figure {
margin-top: 2rem;
margin-bottom: 2rem;
}
figcaption {
text-align: center;
margin-top: 0.25rem;
}
.utility-page_component {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: flex;
position: relative;
overflow: hidden;
}
.utility-page_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 40rem;
display: flex;
}
.utility-page_form {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.utility-page_image {
margin-left: auto;
margin-right: auto;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.margin-custom2 {
margin: 2.5rem;
}
.padding-xlarge {
padding: 4rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xsmall {
margin: 0.5rem;
}
.padding-xhuge {
padding: 8rem;
}
.margin-custom1 {
margin: 1.5rem;
}
.padding-0 {
padding: 0;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-huge {
padding: 6rem;
}
.margin-large {
margin: 3rem;
}
.padding-xxlarge {
padding: 5rem;
}
.margin-xxsmall {
margin: 0.25rem;
}
.padding-custom3 {
padding: 3.5rem;
}
.padding-large {
padding: 3rem;
}
.margin-tiny {
margin: 0.125rem;
}
.padding-small {
padding: 1rem;
}
.padding-custom2 {
padding: 2.5rem;
}
.margin-custom3 {
margin: 3.5rem;
}
.padding-custom1 {
padding: 1.5rem;
}
.margin-huge {
margin: 6rem;
}
.padding-medium {
padding: 2rem;
}
.padding-xsmall {
padding: 0.5rem;
}
.margin-xxlarge {
margin: 5rem;
}
.padding-xxsmall {
padding: 0.25rem;
}
.margin-xhuge {
margin: 8rem;
}
.padding-tiny {
padding: 0.125rem;
}
.margin-small {
margin: 1rem;
}
.margin-medium {
margin: 2rem;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-0 {
margin: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.form_checkbox {
flex-direction: row;
align-items: center;
margin-bottom: 0.5rem;
padding-left: 0;
display: flex;
}
.form_checkbox-icon {
border-radius: 0.125rem;
width: 0.875rem;
height: 0.875rem;
margin: 0 0.5rem 0 0;
}
.form_checkbox-icon.w--redirected-checked {
background-size: 90%;
border-radius: 0.125rem;
width: 0.875rem;
height: 0.875rem;
margin: 0 0.5rem 0 0;
}
.form_checkbox-icon.w--redirected-focus {
border-radius: 0.125rem;
width: 0.875rem;
height: 0.875rem;
margin: 0 0.5rem 0 0;
box-shadow: 0 0 0.25rem 0 #3898ec;
}
.fs-styleguide_background {
border: 1px solid #0000001a;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.fs-styleguide_spacing {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
background-image: linear-gradient(#fff0, #0073e61a);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.icon-1x1-small {
flex: none;
width: 1rem;
height: 1rem;
display: flex;
}
.overflow-auto {
overflow: auto;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.icon-1x1-large {
width: 2.5rem;
height: 2.5rem;
}
.z-index-2 {
z-index: 2;
position: relative;
}
.fs-styleguide_background-space {
width: 1px;
height: 1px;
margin: 5rem;
}
.text-weight-semibold {
font-weight: 600;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: 1px solid #0000001a;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.fs-styleguide_item.is-stretch {
justify-items: stretch;
}
.max-width-full {
width: 100%;
max-width: none;
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.fs-styleguide_heading-large {
font-size: 6rem;
}
.background-color-black {
background-color: var(--black);
color: #f5f5f5;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.text-color-black {
color: #000;
}
.text-color-grey {
color: gray;
}
.fs-styleguide_2-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.fs-styleguide_2-col.is-align-start {
align-items: start;
}
.form_message-success {
padding: 1.25rem;
}
.fs-styleguide_row {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-style-h3 {
letter-spacing: -0.03em;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
display: inline-block;
}
.text-rich-text h1 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h2,
.text-rich-text h3 {
margin-top: 2.5rem;
margin-bottom: 1rem;
}
.text-rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.text-rich-text h5,
.text-rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.text-rich-text p {
white-space: normal;
margin-bottom: 1rem;
}
.text-rich-text ul,
.text-rich-text ol {
margin-bottom: 1.5rem;
}
.text-rich-text a {
color: var(--purple-2);
font-weight: 700;
text-decoration: underline;
}
.text-rich-text a:hover {
color: var(--eggplant);
}
.text-rich-text blockquote {
border-left-color: var(--purple-1);
margin-bottom: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.container-small.is-links {
max-width: 39.25rem;
}
.container-small.is-richtext {
max-width: 37rem;
}
.icon-height-small {
height: 1rem;
}
.icon-1x1-medium {
width: 2rem;
height: 2rem;
}
.heading-style-h1 {
letter-spacing: -0.03em;
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global.is-nav {
width: 100%;
}
.text-weight-normal {
font-size: 0.75em;
font-weight: 400;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.text-color-white {
color: var(--purple-1);
}
.text-style-italic {
font-style: italic;
}
.text-weight-medium {
font-weight: 500;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-hidden.is-contained {
width: 100vw;
display: block;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.text-size-tiny {
font-size: 0.75rem;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.overflow-visible {
overflow: visible;
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #0073e61a;
border: 1px dashed #0073e6;
min-width: 3rem;
height: 3rem;
position: relative;
}
.text-weight-light {
font-weight: 300;
}
.fs-styleguide_heading-medium {
font-size: 4rem;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.fs-styleguide_4-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.text-size-regular {
font-size: 1rem;
}
.text-weight-xbold {
font-weight: 800;
}
.text-align-right {
text-align: right;
}
.text-weight-bold {
font-weight: 700;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.fs-styleguide_header-block {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.background-color-white {
background-color: #fff;
}
.text-style-muted {
opacity: 0.6;
}
.text-size-small {
font-size: 0.875rem;
}
.text-size-small.text-color-grey {
color: black;
}
.heading-style-h4 {
letter-spacing: -0.03em;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.form_radio-icon {
width: 0.875rem;
height: 0.875rem;
margin-top: 0;
margin-left: 0;
margin-right: 0.5rem;
}
.form_radio-icon.w--redirected-checked {
border-width: 0.25rem;
width: 0.875rem;
height: 0.875rem;
}
.form_radio-icon.w--redirected-focus {
width: 0.875rem;
height: 0.875rem;
box-shadow: 0 0 0.25rem 0 #3898ec;
}
.text-style-nowrap {
white-space: nowrap;
}
.text-align-left {
text-align: left;
}
.background-color-grey {
background-color: #f5f5f5;
}
.form_input {
background-color: #0000;
min-height: 3rem;
margin-bottom: 0.75rem;
padding: 0.5rem 1rem;
}
.form_input.is-text-area {
min-height: 8rem;
padding-top: 0.75rem;
}
.heading-style-h6 {
letter-spacing: -0.03em;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.fs-styleguide_3-col.is-align-start {
align-items: start;
}
.text-style-link {
color: #000;
text-decoration: underline;
}
.text-style-link:hover {
color: var(--purple-1);
}
.text-style-link.is-dark {
color: var(--white);
}
.text-style-link.is-dark:hover {
color: var(--eggplant);
}
.text-style-link.is-purple {
color: var(--purple-1);
}
.text-style-link.is-purple:hover {
color: var(--eggplant);
}
.text-size-large {
font-size: 1.5rem;
}
.fs-styleguide_header {
background-color: #0000000d;
}
.heading-style-h2 {
letter-spacing: -0.03em;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.page-wrapper {
flex-direction: column;
max-width: 100vw;
min-height: 100svh;
display: flex;
}
.page-wrapper.is-mini {
justify-content: center;
overflow: hidden;
}
.fs-styleguide_label {
color: #fff;
background-color: #0073e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0.25rem 0.75rem;
font-weight: 600;
line-height: 1.4;
display: flex;
}
.fs-styleguide_label.is-tag {
background-color: #be4aa5;
}
.fs-styleguide_label.is-hex {
color: #000;
background-color: #f5f5f5;
}
.fs-styleguide_version {
z-index: 5;
color: #000;
font-weight: 500;
text-decoration: none;
}
.heading-style-h5 {
letter-spacing: -0.03em;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.icon-height-medium {
height: 2rem;
font-family: "Fa Sharp 300", sans-serif;
font-size: 2rem;
line-height: 1;
}
.text-style-allcaps {
text-transform: uppercase;
}
.overflow-scroll {
overflow: scroll;
}
.form_message-error {
background-color: #f54646;
margin-top: 0.75rem;
padding: 0.75rem;
}
.icon-height-large {
height: 3rem;
}
.text-align-center {
text-align: center;
}
.form_component {
margin-bottom: 0;
}
.main-wrapper {
flex-direction: column;
flex: 1;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.main-wrapper.is-min {
flex-direction: column;
justify-content: center;
min-height: 100vh;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.text-style-quote {
border-left: 0.25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.button {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
text-align: center;
border-width: 0;
border-radius: 100vw;
padding: 1rem 3rem;
font-size: 1.13rem;
font-weight: 700;
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.button:hover {
transform: scale(1.05);
}
.button.is-text {
color: var(--white);
background-color: #0000;
background-image: none;
border: 2px solid #0000;
text-decoration: underline;
}
.button.is-text.is-gray {
color: var(--slate-grey);
}
.button.is-text.is-gray:hover {
color: var(--white);
}
.button.is-small {
padding: 0.5rem 1.25rem;
}
.button.is-large {
background-image: linear-gradient(45deg, var(--purple-1), var(--purple-2));
padding: 2rem;
font-size: 2rem;
}
.button.is-secondary {
background-color: #ddd;
}
.button.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button.is-line {
background-color: #0000;
background-image: none;
box-shadow: inset 0 0 0 1px #ffffff80;
}
.button.is-line.is-purple {
box-shadow: inset 0 0 0 1px var(--purple-2);
padding-left: 2rem;
padding-right: 2rem;
}
.button.is-calc-banner {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.button.is-links {
background-color: var(--white);
color: var(--black);
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 4.5rem;
font-size: 1.5rem;
line-height: 1.2;
transition: all 0.2s;
display: flex;
}
.button.is-links:hover {
background-color: var(--purple-1);
color: var(--white);
background-image: none;
}
.button.is-view-all {
background-color: var(--lavender);
color: var(--black);
background-image: none;
border: 2px solid #0000;
padding: 0.5rem 1rem;
font-size: 1rem;
}
.button.is-view-all.is-gray {
color: var(--slate-grey);
}
.button.is-view-all.is-gray:hover {
color: var(--white);
}
.button.is-medium {
padding: 1.25rem 3rem;
font-size: 1.5rem;
}
.button.button-peach {
background-image: linear-gradient(180deg, var(--eggplant), var(--peach));
color: var(--black);
}
.button.tab-faded {
opacity: 0.5;
}
.fs-styleguide_classes {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-size-medium {
font-size: 1.25rem;
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.fs-styleguide_section.is-vertical {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.button-group.is-ad-side {
z-index: 3;
position: relative;
}
.blogs-feed_pagination-pagecount {
display: none;
}
.blogs-feed_pagination-pagecount.opacity-0 {
opacity: 0;
}
/* .padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
} */
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.container-medium.is-story {
max-width: 60rem;
}
.form_radio {
flex-direction: row;
align-items: center;
margin-bottom: 0.5rem;
padding-left: 0;
display: flex;
}
.fs-styleguide_spacing-all {
display: none;
}
.fs-styleguide_color.is-1 {
background-color: #000;
}
.fs-styleguide_color.is-2 {
background-color: #f5f5f5;
}
.fs-styleguide_color.is-3 {
background-color: #fff;
}
.cookie-buttons-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 0px;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-items: center;
display: grid;
}
.cookie-layout {
z-index: 40;
grid-column-gap: 2rem;
grid-row-gap: 0.25rem;
background-color: var(--black);
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center;
align-items: center;
width: auto;
padding: 1rem 2.5rem 1.5rem;
display: grid;
position: fixed;
inset: auto auto 0%;
}
.cookie-banner {
justify-content: center;
display: none;
}
.cooke-text-wrapper {
max-width: none;
}
.link-text {
text-decoration: underline;
transition: all 0.2s;
}
.sub-header_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.section_sub-header {
position: relative;
/* border: 1px solid red; */
}
/* .section_sub-header::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #07070700;
} */
/*
.section_sub-header video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
/* opacity: 0.5; */
/* filter: blur(100%);
z-index: -10; */
/* }
*/
.home--_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.spacer-half {
min-height: 50vh;
}
.nav_spacer {
opacity: 0;
/* border: 1px solid red; */
height: 6.25rem;
}
.spacer-full {
min-height: 100vh;
}
.background_section-wrapper {
z-index: -2;
background-color: var(--grey-middle);
position: absolute;
inset: 0%;
overflow: hidden;
}
.menu_icon {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.nav_logo-image {
width: 4.63rem;
max-width: none;
height: 4.63rem;
mix-blend-mode: difference;
fill: green;
}
.nav_dropdown-agency-menu {
background-color: #fff;
}
.nav_dropdown-agency-menu.w--open {
/* background-color: var(--black); */
background:
linear-gradient(135deg, #f8fafba9 0%, #f8f8f8 100%),
rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
max-width: 50rem;
inset: 4rem auto auto 50%;
transform: translate(-10%);
/* margin-top: 2px; */
}
.navwrapper-content{
width: 52.5%;
display: flex;
justify-content: space-between;
align-items: center;
/* border: 1px solid red; */
}
.nav_link {
grid-column-gap: 0.5rem;
padding: 1.25rem;
display: flex;
font-weight: bolder;
color: green;
}
.nav_link.is-dropdown {
margin-left: 0;
margin-right: 0;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-component {
z-index: 20;
background-color: #0000;
align-items: center;
height: 6.25rem;
display: flex;
position: sticky;
inset: 0% 0% auto;
}
.navbar-component.is-2 {
position: relative;
}
.nav_menu-list {
grid-column-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.menu_button {
width: 4rem;
height: 4rem;
padding: 0;
}
.nav_logo-link {
padding: 0;
}
.nav_background {
/* background: linear-gradient(to bottom,#90ee9058, #006400a4),
rgba(255, 255, 255, 0.2); */
background-color: #f8fafbae;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(25px);
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.nav_dropdown-toggle {
opacity: 0.75;
align-items: center;
padding: 0;
display: flex;
}
.nav_dropdown-toggle:hover {
opacity: 1;
}
.nav_dropdown-toggle.w--open {
box-shadow: inset 0 -4px 0 0 var(--purple-1);
opacity: 1;
}
.nav_dropdown-content-wrapper {
text-align: center;
flex-direction: column;
display: flex;
}
.nav_dropdown {
flex-direction: column;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex;
}
.nav_container {
z-index: 2;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.nav_dropdown-icon {
margin-left: 0;
margin-right: 0;
position: static;
}
.footer_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.cta-main_background {
z-index: -2;
background-color: var(--grey-middle);
position: absolute;
inset: 0%;
overflow: hidden;
}
.footer_component {
margin-top: auto;
overflow: hidden;
}
.footer_link-badge {
grid-column-gap: 0.25rem;
color: #027a48;
white-space: nowrap;
mix-blend-mode: multiply;
background-color: #ecfdf3;
border-radius: 10rem;
align-items: center;
padding: 0.125rem 0.5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 0.75rem;
font-weight: 500;
display: flex;
}
.footer_legal-list {
grid-column-gap: 1rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: grid;
}
.success-message {
background-color: #f4f4f4;
padding: 1.5rem;
}
.footer_link-list-heading {
letter-spacing: normal;
margin-bottom: 0.5rem;
}
.footer_social-icon-old {
flex: none;
justify-content: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.footer_wrapper {
margin-top: auto;
display: block;
position: relative;
padding: 2%;
overflow: hidden;
z-index: 50;
transition: opacity 0.5s ease-in-out;
}
.footer_wrapper::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -20;
background: url("../Banner\ Fotter.png") center/cover no-repeat;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
/* .footer_wrapper::after {
content: '';
position: absolute;
top: -90%;
left: 0;
width: 100%;
height: 100%;
background-color: white;
filter: blur(10px);
z-index: -10;
} */
.footer_wrapper:hover::before {
opacity: 0.9; /* Adjust as needed */
}
.footer_wrapper:hover .footer_logo-image img{
filter: invert(0);
}
.footer_wrapper:hover .footer_social-link{
background-color: white;
}
.footer_wrapper:hover .footer_link-list{
color: white;
}
.footer_wrapper:hover .footer_link{
color: white;
}
.footer_wrapper:hover .text-bubble{
background-color: white;
}
.footer_wrapper:hover .text-size-small.text-color-grey{
color: var(--slate-grey);
}
.footer_wrapper:hover .footer_copyright-wrapper {
color: var(--slate-grey);
}
.beyond-lottie {
width: 100%;
height: 100%;
}
.section_cta-main {
position: relative;
}
.footer_embed {
display: none;
}
.cta-main_component {
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.error-message {
margin-top: 1.5rem;
padding: 0.875rem 1rem;
}
.beyond-wrapper {
display: inline-block;
position: relative;
}
.footer-logo_component {
flex-wrap: nowrap;
width: auto;
height: 2rem;
display: flex;
}
.footer_copyright {
flex-wrap: wrap;
align-items: baseline;
font-size: 0.75rem;
display: flex;
}
.footer_top-wrapper {
grid-column-gap: 8vw;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 0.75fr auto;
align-items: start;
}
.footer_form-block {
width: 100%;
max-width: 35rem;
margin-top: 2rem;
margin-bottom: 0;
}
.form {
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.form.is-footer {
flex-direction: row;
}
.form-input {
color: #000;
background-color: #fff;
min-height: 3rem;
margin-bottom: 0;
padding: 0.5rem 1rem;
}
.footer_social-link-old {
grid-column-gap: 0.75rem;
align-items: center;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
text-decoration: none;
transition: all 0.3s;
display: flex;
}
.footer_social-link-old:hover {
color: var(--grey-middle);
}
.beyond-lottie-wrapper {
width: 12.5em;
height: 12.5em;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
.footer_left-wrapper {
flex-direction: column;
align-items: flex-start;
max-width: 12rem;
display: flex;
}
.footer_bottom-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.footer_menu-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
align-items: start;
}
.footer_link {
color: black;
flex-wrap: nowrap;
align-items: center;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
text-decoration: none;
transition: all 0.3s;
display: flex;
}
.footer_link:hover {
color: white;
}
.cta-main_heading-wrapper {
max-width: 30rem;
}
.subheading-style-medium {
letter-spacing: 0.125rem;
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.cta-main_button-group {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.footer_legal-link {
font-size: 0.875rem;
text-decoration: none;
transition: all 0.3s;
}
.footer_legal-link:hover {
color: var(--grey-middle);
}
.section_legal-content {
background-color: var(--white);
color: var(--black);
position: relative;
}
.section_legal-header {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: 100svh;
display: flex;
position: relative;
}
.legal-header_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.legal-content_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.legal-header_background {
z-index: -2;
position: absolute;
inset: 0%;
overflow: hidden;
}
.post-body_component {
grid-row-gap: 3rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 42rem;
display: flex;
}
.share_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
place-items: center start;
display: flex;
}
.section_post-body {
background-color: var(--white);
color: var(--black);
}
.post-body_image-wrapper {
width: 100%;
overflow: hidden;
}
.share_component {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.share_success {
z-index: 10;
background-color: var(--grey-middle);
opacity: 0;
text-align: center;
border-radius: 3em;
justify-content: center;
align-items: center;
width: 150%;
padding: 0.3em 0.2em;
font-size: 0.875rem;
display: flex;
position: absolute;
top: -1rem;
left: -25%;
right: 0;
}
.post-body_image {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.section_post-header {
position: relative;
}
.share_link {
background-color: var(--grey-middle);
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: relative;
}
.share_link:hover {
background-color: #0000;
}
.post-header_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
max-width: 62rem;
display: flex;
}
.share_icon {
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.share_script {
margin-bottom: 0;
}
.header_background-glow {
/* background-image: radial-gradient(circle farthest-side, #525252, #00254900); */
border-radius: 50%;
width: 120vmax;
height: 120vmax;
position: absolute;
inset: auto -56% -73% auto;
}
.header_background-wrapper {
z-index: -2;
background-color: var(--grey-middle);
position: absolute;
inset: 0%;
overflow: hidden;
}
.section_--header,
.section_-- {
position: relative;
}
.component {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.header_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.sitemap-item-list {
grid-column-gap: 0px;
grid-row-gap: 0.5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
justify-items: start;
margin-bottom: 4rem;
display: grid;
}
.sitemap--_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sitemap-link {
transition: all 0.2s;
box-shadow: 0 2px #0000;
}
.sitemap-link:hover {
color: var(--eggplant);
text-decoration: none;
}
.sitemap-item-item {
display: flex;
}
.sitemap-header_background-wrapper {
z-index: -2;
background-color: var(--grey-middle);
position: absolute;
inset: 0%;
overflow: hidden;
}
.sitemap_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
}
.sitemap-header_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.section_sitemap-header {
position: relative;
}
.swiper {
width: 100%;
}
.swiper.is-resources,
.swiper.is-testimonials {
overflow: visible;
}
.swiper.is-reviews {
width: 100%;
overflow: visible;
}
.swiper.is-works {
width: 100%;
height: auto;
overflow: visible;
}
.swiper.is-projects {
overflow: visible;
}
.swiper.is-videos {
width: 100%;
overflow: visible;
}
.swiper-slide {
flex: none;
width: 45%;
height: auto;
}
.swiper-slide.is-resources {
width: 40%;
}
.swiper-slide.is-testimonials {
flex-direction: column;
justify-content: center;
width: 100%;
display: flex;
}
.swiper-slide.is-reviews {
width: 30.5%;
}
.swiper-slide.is-works {
width: 50%;
}
.swiper-slide.is-projects {
width: 60%;
}
.swiper-slide.is-videos {
width: 80%;
}
.swiper-wrapper {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.swiper-wrapper.is-works {
height: auto;
}
.resources-preview_heading-wrapper {
grid-column-gap: 1rem;
align-items: center;
display: flex;
}
.resources-preview_style {
margin-bottom: 0;
}
.section_resources-preview {
width: 100%;
position: relative;
overflow: hidden;
}
.swiper-css {
height: 0;
position: fixed;
inset: 0% 0% auto;
}
.swiper-arrow-icon {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.swiper-arrow-icon.is-projects {
width: 50%;
height: 50%;
}
.swiper-pagination {
grid-column-gap: 0.31rem;
justify-content: center;
align-items: center;
height: 2rem;
display: flex;
}
.resources-preview_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.swiper-arrow {
box-shadow: 0 0 0 1px var(--white);
background-color: #0000;
border-radius: 50%;
flex-direction: row;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
transition: all 0.35s;
display: flex;
}
.swiper-arrow:hover {
background-color: var(--purple-1);
box-shadow: 0 0 0 1px var(--purple-1);
filter: brightness() grayscale(0%);
}
.swiper-arrow:active {
background-color: var(--purple-2);
}
.swiper-arrow.is-prev {
transform-style: preserve-3d;
transform: rotateX(0) rotateY(180deg) rotate(0);
}
.swiper-arrow.is-prev.is-works,
.swiper-arrow.is-prev.is-projects {
transform-style: preserve-3d;
position: absolute;
inset: 50% auto auto 2.5rem;
transform: translateY(-50%) rotateX(0) rotateY(180deg) rotate(0);
}
.swiper-arrow.is-next.is-works {
position: absolute;
inset: 50% 2.5rem auto auto;
transform: translateY(-50%);
}
.swiper-arrow.is-next.is-projects {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 50% 2.5rem auto auto;
transform: translateY(-50%);
}
.swiper-arrow.hide {
justify-content: center;
}
.resources-preview_card {
background-color: var(--black);
border-radius: 1.25rem;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.resources-preview_image-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
transition: all 0.35s;
display: flex;
position: relative;
overflow: hidden;
}
.resources-preview_content-wrapper {
flex-direction: column;
display: flex;
}
.resources-preview_image {
aspect-ratio: 16/9;
object-fit: cover;
width: 100%;
max-width: none;
}
.resources-preview_card-description-mask {
opacity: 0;
flex-direction: column;
height: auto;
transition: all 0.35s;
display: flex;
overflow: hidden;
}
.resources-preview_card-description-wrapper {
flex: none;
padding-top: 1rem;
}
.resources-preview_card-link {
z-index: 2;
position: absolute;
inset: 0%;
}
.timeline_item-texts-wrapper {
grid-row-gap: 2.5rem;
flex-direction: column;
align-items: flex-start;
max-width: 24rem;
display: flex;
}
.track-flex {
justify-content: flex-start;
align-items: stretch;
height: 100%;
margin-right: -100vw;
display: flex;
}
.section-height {
height: 300vh;
position: relative;
}
.track {
flex: none;
height: 100%;
position: relative;
transform: translate(0%);
}
.background_color {
background-color: #fafafa;
width: 100%;
height: 100%;
}
.sticky-element {
z-index: 2;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
inset: 0% 0% auto;
overflow: hidden;
}
.background_wrapper {
z-index: -2;
background-color: #fff;
height: 100vh;
padding: 2.5rem;
position: absolute;
inset: 0%;
overflow: hidden;
}
.timeline_horizaontal-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
perspective: 2000px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding: 5rem;
display: grid;
position: relative;
}
.timeline_item-text {
font-size: 1.375rem;
}
.timeline_year {
font-size: 6rem;
font-weight: 400;
line-height: 1;
}
.marquee {
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
overflow: hidden;
}
.marquee_track {
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.marquee_list-wrapper,
.marquee_list {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.marquee_item {
flex: none;
}
.marquee_logo-wrapper {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 20rem;
height: 11rem;
padding: 2rem 3rem;
display: flex;
}
.marquee_item-logo {
object-fit: contain;
width: 100%;
height: 100%;
}
.image {
width: 100%;
max-width: none;
height: 100%;
}
.spacer-quarter {
min-height: 25vh;
}
.footer_logo-image {
width: 8rem;
height: 2.81rem;
display: flex;
justify-content: center;
align-items: flex-start;
}
.footer_logo-image img{
width: 120%;
transition: all .3s linear ;
filter: invert(100%);
}
.share_link-label {
display: none;
}
.testimonials-swiper_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.section_testimonials-swiper {
width: 100%;
position: relative;
overflow: hidden;
}
.testimonials-swiper_stylesheet {
margin-bottom: 0;
}
.testimonials-swiper_css {
height: 0;
position: fixed;
inset: 0% 0% auto;
}
.swiper-arrow-copy {
background-color: #0000;
width: 2.5rem;
height: 2.5rem;
transition: opacity 0.35s;
}
.swiper-arrow-copy:hover {
filter: brightness() grayscale(0%);
}
.swiper-arrow-copy.is-prev {
transform-style: preserve-3d;
transform: rotateX(0) rotateY(180deg) rotate(0);
}
.testimonials-swiper_heading-wrapper {
grid-column-gap: 1rem;
align-items: center;
display: flex;
}
.testimonials-swiper_card {
grid-row-gap: 1.5rem;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.testimonials-swiper_image-wrapper {
border-radius: 50%;
width: 12rem;
height: 12rem;
transition: all 0.35s;
position: relative;
overflow: hidden;
}
.testimonials-swiper_content-wrapper {
flex-direction: column;
display: flex;
}
.swiper-pagination-bullet {
background-color: #0000;
border-radius: 50%;
width: 1rem;
height: 1rem;
box-shadow: inset 0 0 0 1px #000;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000;
}
.testimonials-swiper_arrows-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.testimonials-swiper_arrow-wrapper {
position: absolute;
}
.testimonials-swiper_arrow-wrapper.is-prev {
left: 0;
}
.testimonials-swiper_arrow-wrapper.is-next {
right: 0;
}
.swiper-scrollbar-drag {
background-color: #000;
width: 20%;
height: 0.5rem;
}
.section_blogs-header {
position: relative;
}
.blogs-header_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.blogs-header_text-wrapper {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.blogs-header_background {
z-index: -2;
min-height: 100vw;
position: absolute;
inset: 0%;
overflow: hidden;
}
.blogs-header_background.background-color-white {
min-height: 100%;
}
.section_blogs-feed {
position: relative;
}
.section_blogs-feed.background-color-white {
color: var(--black);
}
.blogs-feed_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.blogs-feed_list-wrapper {
width: 100%;
}
.blogs-feed_list {
grid-column-gap: 2.38rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.blogs-feed_item {
width: 100%;
}
.blogs-filter_list {
grid-row-gap: 0.25rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.blogs-filter_item {
border-width: 0 1px 0 0;
border-color: black var(--slate-grey) black black;
border-right-style: solid;
padding-right: 0.25rem;
}
.blogs-filter_item:last-child {
border-right-width: 0;
}
.blogs-filter_label {
margin-bottom: 1rem;
}
.blogs-filter_radio-column {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
align-items: center;
display: grid;
}
.blogs-filter_radio-field {
background-color: var(--transparent);
color: var(--white);
cursor: pointer;
border-radius: 0.25rem;
flex-direction: row;
justify-content: space-between;
align-items: center;
min-width: 5rem;
margin-bottom: 0;
padding: 0 0.75rem;
font-size: 1.13rem;
font-weight: 500;
display: flex;
position: relative;
}
.blogs-filter_radio-field:hover {
color: var(--peach);
}
.blogs-filter_radio-field:active {
color: var(--purple-1);
}
.blogs-filter_radio-field.is-active {
color: var(--eggplant);
}
.blogs-filter_radio-field.is-active:hover {
background-color: var(--transparent);
}
.blogs-filter_radio-field.is-light {
color: var(--black);
}
.blogs-filter_radio-field.is-light.is-active {
color: var(--purple-1);
}
.blogs-filter_radio-button {
color: var(--white);
border-style: none;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.blogs-filter_radio-button.w--redirected-focus {
box-shadow: none;
}
.blogs-filter_radio-button.w--redirected-focus-visible {
box-shadow: none;
outline-color: var(--eggplant);
outline-offset: 4px;
outline-width: 2px;
outline-style: solid;
}
.blogs-filter_radio-label {
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.blogs-feed_card {
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.blogs-feed_link {
z-index: 2;
position: absolute;
inset: 0%;
}
.blogs-feed_image-wrapper {
width: 100%;
height: auto;
transition: all 0.35s;
position: relative;
overflow: hidden;
}
.blogs-feed_image {
aspect-ratio: 16/9;
object-fit: cover;
width: 100%;
max-width: none;
height: auto;
}
.blogs-feed_content-wrapper {
flex-direction: column;
display: flex;
}
.blogs-feed_tags-wrapper {
display: flex;
position: absolute;
inset: 1rem 1rem auto auto;
}
.blogs-feed_empty-wrapper {
background-color: var(--grey-middle);
flex-direction: column;
align-items: flex-start;
padding: 2rem 2.5rem;
display: flex;
}
.heading-style-x1 {
letter-spacing: -0.03em;
font-size: 5rem;
font-weight: 700;
line-height: 1.1;
}
.sub-header_content-wrapper {
align-items: center;
justify-content: center;
display: flex;
/* flex-direction: column; */
width: 100%;
height: 80vh;
}
.maindatawraper{
display: flex;
flex-direction: column !important;
}
.home-header_description {
max-width: 36ch;
font-size: 1.5rem;
color: black;
/* color: #; */
}
.datawraper{
width: 50%;
height: 100%;
display: flex;
justify-content: center;
padding: 1%;
align-items: center;
}
.datamanager{
width: 100%;
height: 90%;
}
@media (max-width:768px){
.sub-header_content-wrapper{
display: flex;
flex-direction: column;
}
.datawraper{
width: 70%;
}
.wrappermanager h2 {
font-size: 7vw !important;
}
.wrappermanager p {
font-size: 2vw !important;
margin-bottom: 10px;
}
}
@media (max-width: 480px) {
.sub-header_content-wrapper{
display: flex;
flex-direction: column;
}
.datawraper {
width: 100%;
}
.wrappermanager h2 {
font-size: 7vw !important;
}
.wrappermanager p {
font-size: 2.5vw !important;
margin-bottom: 10px;
}
.dataimagbuilder {
width: 100%;
height: auto;
}
}
.wrappermanager{
display: flex;
justify-content: center;
flex-direction: column;
}
.wrappermanager h2{
font-size: 5vw;
color: #006400;
}
.wrappermanager p{
font-size: 1.5vw;
}
.wrapperingdata{
display: flex;
justify-content: center;
align-items: center;
}
.dataimagbuilder{
width: 70%;
height: 60%;
border-radius: 2%;
}
.dataimagbuilder img{
width: 100%;
height: 100%;
border-radius: 2%;
}
.sub-header_background-wrapper {
z-index: -2;
position: absolute;
inset: -20%;
}
.blogs-feed_tag {
background-color: var(--black);
color: var(--white);
border-radius: 100vw;
padding: 0.5rem 0.75rem;
font-weight: 700;
display: flex;
}
.blogs-feed_pagination {
flex-direction: column;
align-items: center;
}
.nav_dropdown-agency-links-list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
display: flex;
}
.header_image {
width: 100%;
max-width: none;
height: 100%;
}
.faq_accordion_arrow-wrapper {
flex: none;
}
.faq_accordion_embed {
margin-bottom: 0;
}
.fs_accordion-1_message {
color: #9b9b9b;
}
.faq_accordion_paragraph {
margin-bottom: 0;
}
.faq_accordion_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
cursor: pointer;
background-color: #0000;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
display: flex;
}
.faq_accordion_header:focus-visible {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.faq_accordion_header[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.faq_accordion_icon {
margin-right: 0;
font-size: 1.125rem;
position: relative;
}
.faq_accordion_label {
color: black;
font-size: 1.5rem;
font-weight: 700;
}
.faq_accordion_content {
overflow: hidden;
}
.faq_accordion_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.faq_accordion_body {
padding: 0 0 1rem;
}
.section_faq {
position: relative;
}
.faq_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.faq_heading-wrapper {
text-align: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.spacer-tiny {
width: 100%;
padding-top: 0.125rem;
}
.spacer-xxsmall {
width: 100%;
padding-top: 0.25rem;
}
.spacer-xsmall {
width: 100%;
padding-top: 0.5rem;
}
.spacer-small {
width: 100%;
padding-top: 1rem;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.spacer-large {
width: 100%;
padding-top: 3rem;
}
.spacer-xlarge {
width: 100%;
padding-top: 4rem;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.spacer-xhuge {
width: 100%;
padding-top: 8rem;
}
.spacer-xxhuge {
width: 100%;
padding-top: 12rem;
}
.spacer-xxhuge.show-tablet {
display: none;
}
.spacer-0 {
width: 100%;
padding-top: 0;
}
.spacer-custom1 {
width: 100%;
padding-top: 1.5rem;
}
.spacer-custom2 {
width: 100%;
padding-top: 2.5rem;
}
.spacer-custom3 {
width: 100%;
padding-top: 3.5rem;
}
.tooltip_button {
color: #90949a;
flex: none;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
line-height: 1;
display: flex;
position: relative;
}
.tooltip_button.is-pricing {
left: -12px;
}
.tooltip_content {
display: none;
}
.tooltip_content.show {
display: block;
}
.tooltip_area {
cursor: pointer;
width: 2.5rem;
height: 2.5rem;
position: absolute;
}
.announcement-bar_content-wrapper {
text-align: center;
padding: 0.75rem 2.5rem;
}
.announcement-bar_component {
z-index: 21;
background-color: var(--black);
position: relative;
}
.announcement-bar_border {
background-image: linear-gradient(
to right,
var(--black),
#a652fa 30%,
#c893fc 50%,
#a652fa 70%,
var(--black)
);
width: 100%;
height: 0.13rem;
}
.announcement-bar_content-emphasis {
color: var(--peach);
font-weight: 700;
}
.calc_item-value {
color: var(--white);
font-size: 1.13rem;
}
.calc_item-value.is-currency {
font-size: 1rem;
font-weight: 700;
}
.calc_checkbox_currency-button {
border-radius: 999rem;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
}
.calc_checkbox_currency-button:focus-visible {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.calc_checkbox_currency-button[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.sub-calc_top-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 0.5rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.calc_checkbox_mask {
z-index: 1;
background-color: var(--black);
border-radius: 100vw;
position: absolute;
inset: 0%;
}
.calc_checkbox_label {
width: auto;
margin-bottom: 0;
font-weight: 500;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.calc_input-label {
font-size: 1.5rem;
font-weight: 400;
line-height: 1.2;
}
.calc_input-label.is-2 {
font-size: 1.5rem;
}
.calc_item-value-row {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
width: 100%;
height: 100%;
padding-left: 5%;
padding-right: 5%;
display: grid;
position: absolute;
inset: 0%;
}
.calc_item-value-row.is-currency {
padding-left: 2.5%;
padding-right: 2.5%;
}
.calc_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.calc_checkbox_toggle-dot {
z-index: 2;
background-color: var(--purple-2);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
flex: none;
width: 50%;
height: 100%;
display: block;
position: relative;
overflow: hidden;
transform: translate(0%);
}
.calc_checkbox_toggle-dot.is-color {
background-image: linear-gradient(45deg, var(--purple-1), var(--purple-2));
position: absolute;
}
.section_calc {
position: relative;
}
.calc_subscript {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 0.55em;
top: 0;
}
.calc_total-string {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
letter-spacing: -0.03em;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.calc_checkbox_toggle {
cursor: pointer;
border-radius: 999rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.calc_checkbox_toggle.is-currency {
width: 8.5rem;
}
.calc_item {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.calc_item.is-category {
align-items: baseline;
}
.subheading-style-regular {
letter-spacing: 0.125rem;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
line-height: 1.4;
}
.subheading-style-regular.text-gradient-peach-eggplant {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.text-gradient-peach {
/* background-image: linear-gradient(to bottom, var(--peach), var(--eggplant)); */
color: #48b248;
padding-bottom: 0.1em;
}
.sub-header_background-glow {
z-index: -1;
background-color: var(--purple-1);
filter: blur(300px);
border-radius: 50%;
width: 80vw;
height: 8vw;
position: absolute;
inset: 0% 0% auto;
transform: translate(0);
}
.sub-header_heading {
max-width: 10ch;
font-size: 5.63rem;
font-weight: 700;
text-align: center;
line-height: 1.1;
color: #fff;
}
.sub-header_heading.text-gradient-purple {
padding-bottom: 0.1em;
}
.text-gradient-purple {
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.sub-header_features-wrapper {
width: 100%;
max-width: 70rem;
}
.sub-header_features_border {
background-image: linear-gradient(
to right,
transparent,
#0acf2e 30%,
#0fae37 50%,
#0fff4f 70%,
transparent
);
width: 100%;
height: 0.13rem;
}
.sub-header_features_list {
grid-column-gap: 2.5rem;
grid-row-gap: 1.5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.sub-header_features_item {
grid-column-gap: 0.63rem;
align-items: center;
font-size: 1.375rem;
display: flex;
}
.nav_button {
background-color: var(--purple-1);
color: #fff;
text-align: center;
border-radius: 100vw;
position: relative;
display: flex;
padding: 0.75rem 2.5rem;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
/* font-weight: 700; */
z-index: 25;
overflow: hidden;
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
font-size: 1.5vw;
transition: all 0.2s ease-in-out;
}
.hiddentextbtn{
display: none;
}
.nav_button:hover {
transform: scale(1.05);
}
.nav_button::after {
content: "";
position: absolute;
top: 0;
right: 100%;
background-color: white;
width: 100%;
transition: all 0.2s linear;
height: 100%;
z-index: 4;
}
.nav_button:hover::after{
right: 0;
border-radius: 100vw;
}
.navhidetext{
font-weight: bold;
}
.nav_button:hover .navhidetext{
display: none;
position: relative;
z-index: 20;
}
.nav_button:hover .hiddentextbtn{
display: flex;
position: relative;
z-index: 20;
color: green;
font-size: 1.8vw;
font-weight: bolder;
}
.nav_button.is-text {
color: #000;
background-color: #0000;
border: 2px solid #0000;
}
.nav_button.is-small {
padding: 0.5rem 1.25rem;
}
.nav_button.is-large {
padding: 1rem 2rem;
}
.nav_button.is-secondary {
color: #000;
background-color: #ddd;
}
.nav_button.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.nav_button.is-line {
background-color: #0000;
box-shadow: inset 0 0 0 1px #ffffff80;
}
.sub-header_bottom-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.sub-header_review-top-wrapper {
align-items: center;
display: flex;
}
.sub-header_review-heading {
justify-content: flex-end;
width: 4.74rem;
font-size: 2rem;
font-weight: 700;
line-height: 1;
display: flex;
}
.sub-header_review-description {
color: var(--slate-grey);
}
.sub-header_review-avatars {
display: flex;
}
.sub-header_review-avatar-image-wrapper {
border: 3px solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
margin-left: -0.7rem;
display: flex;
overflow: hidden;
}
.sub-header_review-avatar-image-wrapper.is-first {
margin-left: 0;
}
.sub-header_review-avatar-image {
width: 120%;
min-width: 120%;
height: 120%;
min-height: 120%;
}
.section_sub-video {
position: relative;
}
.sub-video_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.sub-video_background-glow {
z-index: -2;
filter: blur(300px);
background-color: #1e1351;
border-radius: 50%;
width: 80vw;
min-width: 80vw;
height: 80vw;
min-height: 80vw;
position: absolute;
top: 50%;
left: 10vw;
transform: translateY(-50%);
}
.calc_item-label-wrapper {
grid-column-gap: 0.2rem;
display: flex;
}
.calc_item-label-wrapper.is-show-mobile {
display: none;
}
.calc_item-toggle-wrapper {
justify-content: center;
width: 6.25rem;
height: 2.38rem;
display: flex;
position: relative;
}
.calc_item-toggle-wrapper.is-currency {
width: 8rem;
}
.calc_checkbox_button {
border-radius: 999rem;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
}
.calc_checkbox_button:focus-visible {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.calc_checkbox_button[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.section_sub-benefits {
position: relative;
}
.sub-benefits_list {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.sub-benefits_item {
text-align: center;
max-width: 19.1875rem;
margin-left: auto;
margin-right: auto;
}
.sub-benefits_item-heading {
font-size: 3.75rem;
font-weight: 700;
line-height: 1;
}
.sub-benefits_item-subheading {
font-size: 1.63rem;
font-weight: 700;
}
.sub-benefits_item-description {
color: var(--slate-grey);
font-size: 1.125rem;
}
.section_sub-inclusions {
position: relative;
}
.sub-inclusions_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.sub-inclusions_item-image-wrapper.is-1 {
width: 100%;
max-width: 31.62rem;
max-height: 20.81rem;
}
.sub-inclusions_item-image-wrapper.is-2,
.sub-inclusions_item-image-wrapper.is-3 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 2.63rem;
padding-bottom: 2.63rem;
display: flex;
}
.sub-inclusions_heading {
text-align: center;
font-size: 3.75rem;
}
.sub-inclusions_list {
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex;
position: relative;
}
.sub-inclusions_item-block {
background-image: linear-gradient(#121a37, #3b2076);
border-radius: 1.88rem;
padding: 1px;
overflow: hidden;
}
.sub-inclusions_item-layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--black);
border-radius: 1.88rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 20.31rem;
padding-left: 3rem;
padding-right: 3rem;
display: grid;
overflow: hidden;
}
.sub-inclusions_item-content-wrapper {
max-width: 37rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.sub-inclusions_item-image {
width: 100%;
max-width: none;
height: 100%;
}
.sub-inclusions_item-description {
color: var(--slate-grey);
font-size: 1.38rem;
}
.sub-inclusions_item-heading {
font-size: 2.5rem;
font-weight: 700;
}
.sub-inclusions_item-account-image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.sub-inclusions_item-account-glow {
/* background-image: linear-gradient(#0f1a38, #fff0); */
border-radius: 50%;
min-width: 140%;
min-height: 140%;
position: absolute;
}
.sub-inclusions_item-account-image {
z-index: 2;
border-radius: 50%;
width: 11.25rem;
height: 11.25rem;
position: relative;
}
.sub-inclusions_item-account-label {
font-size: 1.5rem;
font-weight: 500;
}
.sub-inclusions_item-badge.is-google {
width: 10.69rem;
height: 2.44rem;
}
.sub-inclusions_item-badge.is-websites {
width: 9.5rem;
height: 3.25rem;
}
.sub-inclusions_item-badge-group {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.sub-inclusions_item-team-list {
grid-row-gap: 0.5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.sub-inclusions_item-team-item {
border: 2px solid var(--white);
box-shadow: -4px 20px 26px 0 var(--black);
border-radius: 50%;
width: 5.25rem;
height: 5.25rem;
margin-left: -1.75rem;
position: relative;
overflow: hidden;
}
.sub-inclusions_item-team-item.is-first {
margin-left: 0;
}
.sub-inclusions_background-glow {
z-index: -2;
filter: blur(300px);
background-color: #1e1351;
border-radius: 50%;
width: 80vw;
min-width: 80vw;
height: 80vw;
min-height: 80vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section_sub-perks {
position: relative;
}
.sub-perks_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.sub-perks_item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.sub-perks_list {
grid-column-gap: 4.5rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sub-perks_icon {
width: 5.63rem;
height: 5.63rem;
}
.sub-perks_heading {
text-align: center;
font-size: 3.75rem;
}
.sub-header_background-video {
z-index: -3;
width: 100%;
height: 100%;
/* border: 1px solid red ; */
}
.sub-header_background-video-shade {
background-color: #0a0a0a99;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sub-header_background-video-fade {
background-color: #0a0a0a99;
background-image: linear-gradient(to bottom, #0a0a0a00 68%, var(--black));
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sub-perks_item-heading {
font-size: 2rem;
font-weight: 700;
}
.sub-perks_item-description {
color: var(--slate-grey);
font-size: 1.75rem;
}
.section_sub-vs {
position: relative;
}
.sub-vs_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.sub-perks_heading-copy,
.sub-vs_heading {
text-align: center;
font-size: 3.75rem;
}
.sub-vs_heading-wrapper {
text-align: center;
}
.sub-vs_heading-decription {
color: var(--slate-grey);
font-size: 1.63rem;
}
.sub-vs_row {
grid-column-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
display: grid;
}
.sub-vs_row.is-heading {
padding-top: 1rem;
padding-bottom: 1rem;
}
.sub-vs_row.is-heading.is-sticky {
position: sticky;
top: 6.25rem;
}
.sub-vs_row.is-heading.is-sticky.is-2 {
z-index: 2;
top: 0;
}
.sub-vs_row.is-spacer {
padding-top: 0;
padding-bottom: 4rem;
display: flex;
}
.sub-vs_row.is-background {
z-index: -2;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.sub-vs_row-label {
color: var(--slate-grey);
font-size: 1.63rem;
line-height: 1.25;
}
.sub-vs_table {
grid-column-gap: 3rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
display: flex;
position: relative;
}
.sub-vs_icon {
width: 2rem;
height: 2rem;
}
.sub-vs_row-heading {
color: var(--white);
font-size: 1.88rem;
font-weight: 700;
}
.sub-vs_logo-beyond {
width: 6.63rem;
max-width: 90%;
height: 2.25rem;
}
.sub-vs_competitor-text {
color: var(--slate-grey);
text-align: center;
font-size: 1.375rem;
line-height: 1.2;
}
.sub-vs_column {
z-index: -2;
background-image: linear-gradient(
to right,
var(--purple-1),
var(--peach) 50%,
var(--purple-1)
);
border-radius: 1.88rem;
width: 100%;
max-width: 75%;
height: 107%;
margin-left: auto;
margin-right: auto;
padding: 1px;
position: relative;
}
.sub-vs_column-fill {
background-image: linear-gradient(170deg, #121a37, #3b2076);
border-radius: 1.88rem;
width: 100%;
height: 100%;
}
.sub-vs_row-background {
z-index: -1;
opacity: 0;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #0a0a0ab3;
position: absolute;
inset: 0%;
}
.icon-fontawesome {
font-family: "Fa Sharp 300", sans-serif;
}
.sub-header_features_item div {
color: white;
}
.sub-header_features_list-icon {
color: var(--purple-1) !important;
font-family: "Fa 300", sans-serif;
font-size: 1.5rem;
font-weight: 300;
}
.sub-perks_item-icon {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--purple-1);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa 100", sans-serif;
font-size: 5rem;
font-weight: 100;
line-height: 1;
}
.sub-vs_faicon {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa Sharp 300", sans-serif;
font-size: 1.875rem;
line-height: 1;
}
.sub-vs_faicon.is-x {
color: var(--purple-1);
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
font-size: 1.69rem;
}
.section_sub-how {
position: relative;
}
.sub-how_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.sub-how_item {
background-color: var(--black);
border-radius: 1.88rem;
width: 100%;
height: 100%;
min-height: 24rem;
padding: 2.5rem;
}
.sub-how_heading {
text-align: center;
font-size: 3.75rem;
}
.sub-how_list {
grid-column-gap: 3rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sub-how_item-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2rem;
font-weight: 700;
}
.sub-how_item-number {
font-family: aktiv-grotesk-thin, sans-serif;
font-size: 5.625rem;
font-weight: 200;
line-height: 1;
}
.sub-how_item-border {
background-image: linear-gradient(#121a37, #3b2076);
border-radius: 1.88rem;
padding: 1px;
}
.sub-how_background-glow {
z-index: -2;
filter: blur(300px);
background-color: #1e1351;
border-radius: 50%;
width: 80vw;
min-width: 80vw;
height: 80vw;
min-height: 80vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sub-calc_heading-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 0.5rem;
text-align: center;
justify-content: flex-start;
align-items: center;
display: flex;
}
.calc_heading {
font-size: 3.75rem;
}
.sub-calc_column-icon {
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa 300", sans-serif;
font-size: 1.88rem;
font-weight: 300;
line-height: 1;
}
.sub-calc_column-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.sub-calc_column-title-wrapper {
align-items: flex-start;
display: flex;
}
.sub-calc_column-title {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.875rem;
font-weight: 700;
line-height: 1;
}
.sub_border {
background-image: linear-gradient(
to right,
var(--black),
#a652fa 30%,
#c893fc 50%,
#a652fa 70%,
var(--black)
);
width: 100%;
height: 0.13rem;
}
.calc_border {
background-image: linear-gradient(
to right,
var(--black),
#a652fa 30%,
var(--peach) 50%,
#a652fa 70%,
var(--black)
);
width: 100%;
height: 0.13rem;
}
.calc_item-check-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.sub-calc_icon {
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa Sharp 300", sans-serif;
font-size: 1.875rem;
line-height: 1;
}
.sub-calc_icon.is-x {
color: var(--purple-1);
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
font-size: 1.69rem;
}
.calc_input-label-category {
color: var(--slate-grey);
font-size: 1.5rem;
}
.calc_input-label-category.is-3 {
font-size: 1.5rem;
}
.calc_input-label-category-description {
color: var(--slate-grey);
text-align: center;
position: static;
}
.calc_category-item {
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.calc_category-item.is-add {
margin-top: 1rem;
}
.calc_category-list {
grid-row-gap: 2rem;
flex-direction: column;
display: flex;
}
.calc_list {
grid-row-gap: 1.25rem;
flex-direction: column;
display: flex;
}
.calc_list.is-2 {
grid-row-gap: 0.75rem;
}
.calc_item-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.calc_item-row.is-category {
flex-direction: column;
align-items: stretch;
display: flex;
}
.calc_item-row.is-cta {
grid-template-columns: 4.5fr 1fr;
}
.calc_item-row.is-header {
align-items: center;
}
.calc_category-item-link,
.calc_item-link {
display: none;
}
.calc_checkbox_mask-border {
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
border-radius: 100vw;
padding: 1px;
position: absolute;
inset: 0%;
}
.calc_checkbox_mask-fill {
background-color: var(--black);
border-radius: 100vw;
width: 100%;
height: 100%;
}
.calc_item-value-currency {
color: var(--slate-grey);
font-weight: 400;
}
.calc_nest-target {
grid-row-gap: 1.25rem;
flex-direction: column;
display: none;
}
.calc_total-block {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.calc_total-price-wrapper,
.calc_total-save-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.calc_cta-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 30rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.calc_banner-border {
background-image: linear-gradient(
to right,
var(--purple-1),
var(--peach) 50%,
var(--purple-1)
);
border-radius: 1.25rem;
width: 100%;
padding: 1px;
overflow: hidden;
}
.calc_banner-layout {
grid-column-gap: 2.5rem;
grid-row-gap: 1rem;
background-color: var(--black);
border-radius: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1fr;
grid-auto-columns: 1fr;
padding: 2.5rem;
display: grid;
}
.calc_banner-price {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
letter-spacing: -0.03em;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2.25rem;
font-weight: 700;
line-height: 1.2;
}
.calc_banner-price-block {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.calc_banner-price-description {
color: var(--slate-grey);
font-size: 1.25rem;
}
.calc_banner-price-pill {
background-color: var(--purple-1);
text-transform: uppercase;
border-radius: 0.31rem;
padding: 0.25rem 0.45rem;
font-size: 0.75rem;
font-weight: 700;
}
.calc_banner-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2.625rem;
font-weight: 700;
}
.calc_banner-description {
color: var(--slate-grey);
font-size: 1.4375rem;
}
.calc_total-description {
color: var(--slate-grey);
max-width: 36ch;
font-size: 1.125rem;
}
.calc_total-description-link {
color: var(--white);
text-decoration: underline;
}
.calc_total-save-text {
font-size: 0.94rem;
font-weight: 700;
line-height: 1.2;
}
.calc_total-discount-text {
color: var(--slate-grey);
line-height: 1.2;
}
.section_sub-gifts {
position: relative;
}
.sub-gifts_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.sub-gifts_heading-wrapper {
text-align: center;
}
.sub-gifts_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: grid;
}
.sub-gifts_item-border {
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
border-radius: 1.88rem;
width: 100%;
max-width: 25.33rem;
padding: 0.13rem;
}
.sub-gifts_item-fill {
background-color: var(--black);
background-image: radial-gradient(
circle farthest-corner at 50% 0%,
var(--purple-1),
#6b28e900
),
radial-gradient(circle farthest-side at 50% 15%, var(--purple-1), #6b28e900);
border-radius: 1.88rem;
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
padding: 1.5rem 2.88rem 3.38rem;
display: flex;
}
.sub-gifts_item-image {
transform-origin: 50% 100%;
object-fit: contain;
width: 100%;
max-width: 17.13rem;
height: 100%;
max-height: 18.13rem;
}
.sub-gifts_item-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.88rem;
font-weight: 700;
line-height: 1.25;
}
.sub-gifts_item-highlight {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: #fff;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-weight: 700;
}
.sub-gifts_item-description {
color: var(--slate-grey);
text-align: center;
font-size: 1rem;
}
.section_sub-refer {
position: relative;
}
.sub-refer_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--black);
border-radius: 1.88rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 2fr 1.25fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.sub-refer_image-wrapper {
width: 18rem;
height: 18rem;
margin-top: -2.5rem;
margin-bottom: -2.5rem;
}
.sub-refer_image {
width: 100%;
max-width: none;
height: 100%;
}
.sub-refer_content-wrapper {
flex-direction: column;
align-items: flex-start;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
display: flex;
}
.sub-refer_component-border {
background-image: linear-gradient(
45deg,
#b0d3ef 7.5%,
#c6f2e7 40%,
#daf0e3 70%,
#fab8cc 92.5%
);
border-radius: 1.88rem;
padding: 0.19rem;
}
.sub-refer_content-heading {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(
45deg,
#b0d3ef 7.5%,
#c6f2e7 40%,
#e3f9f3 70%,
#fab8cc 92.5%
);
-webkit-background-clip: text;
background-clip: text;
font-size: 2.625rem;
}
.sub-refer_content-description {
color: var(--slate-grey);
font-size: 1.4375rem;
line-height: 1.25;
}
.faq_heading {
text-align: center;
font-size: 3.75rem;
}
.faq_rich-text {
color: black;
max-width: 40rem;
font-size: 1.125rem;
}
.faq_rich-text h1 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.faq_rich-text h2,
.faq_rich-text h3 {
color: var(--white);
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 1.5rem;
}
.faq_rich-text h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.faq_rich-text h5,
.faq_rich-text h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.faq_rich-text p {
margin-bottom: 1rem;
}
.faq_rich-text ul,
.faq_rich-text ol {
margin-bottom: 1.5rem;
}
.faq_rich-text a {
text-decoration: underline;
}
.faq_rich-text a:hover {
color: var(--eggplant);
}
.section_sub-quiz {
position: relative;
}
.sub-quiz_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
max-width: 54rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.sub-quiz_content-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.sub-quiz_heading {
text-align: center;
font-size: 3.75rem;
}
.sub-quiz_heading_description {
max-width: 36ch;
font-size: 1.5rem;
}
.sub-quiz_features_list {
grid-column-gap: 2.5rem;
grid-row-gap: 1.5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.sub-quiz_background-glow {
z-index: -2;
filter: blur(300px);
background-color: #1e1351;
border-radius: 50%;
width: 80vw;
min-width: 80vw;
height: 80vw;
min-height: 80vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.reviews-preview_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.section_reviews-preview {
width: 100%;
position: relative;
overflow: hidden;
}
.reviews-preview_arrows-wrapper {
grid-column-gap: 1rem;
align-items: center;
display: flex;
}
.reviews-preview_bottom-wrapper {
justify-content: space-between;
display: flex;
}
.reviews-preview_card-border {
background-image: linear-gradient(#f7d7d0, #17223f);
border-radius: 1.88rem;
height: 100%;
padding: 1px;
}
.reviews-preview_card {
background-color: var(--black);
border-radius: 1.88rem;
flex-direction: column;
align-items: flex-start;
height: 100%;
padding: 4.5rem 3rem;
display: flex;
transition: all .3s linear;
position: relative;
}
.reviews-preview_card:hover{
background-color: var(--purple-1);
border-radius: 1.88rem;
flex-direction: column;
align-items: flex-start;
height: 100%;
padding: 4.5rem 3rem;
display: flex;
color: white;
position: relative;
}
.reviews-preview_card:hover .reviews-preview_content-wrapper{
color: white;
}
.expert-partners_component {
color: white; /* Text color adjustment */
padding: 50px; /* Adjust padding as needed */
}
.reviews-preview_image-wrapper-copy {
width: 100%;
height: 5rem;
transition: all 0.35s;
display: flex;
position: relative;
overflow: hidden;
}
.reviews-preview_image {
object-fit: scale-down;
object-position: 0% 50%;
width: 100%;
height: 100%;
position: relative;
inset: 0%;
}
.reviews-preview_content-wrapper {
flex-direction: column;
display: flex;
color: black;
}
.reviews-preview_card-description-mask {
opacity: 0;
flex-direction: column;
height: auto;
transition: all 0.35s;
display: flex;
overflow: hidden;
}
.reviews-preview_card-description-wrapper {
flex: none;
padding-top: 1rem;
}
.reviews-preview_author-wrapper {
grid-column-gap: 0.88rem;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
margin-top: auto;
display: grid;
}
.reviews-preview_author-image {
border-radius: 50%;
width: 3rem;
height: 3rem;
}
.reviews-preview_author-name {
font-weight: 700;
}
.reviews-preview_author-position {
font-size: 0.75rem;
}
.section_sub-cta {
flex-direction: column;
justify-content: center;
display: flex;
position: relative;
}
.sub-cta_background-glow {
z-index: -2;
filter: blur(300px);
/* background-color: #1e1351; */
/* background-color: #1e4d31; Dark Green */
border-radius: 50%;
width: 80vw;
min-width: 80vw;
height: 80vw;
min-height: 80vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sub-cta_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.sub-cta_heading {
text-align: center;
font-size: 5.625rem;
}
.sub-cta_heading_description {
max-width: 46ch;
font-size: 1.6rem;
}
.sub-cta_heading_description.is-affiliate {
max-width: none;
}
.sub-cta_content-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.sub-cta_features-wrapper,
.sub-quic_features-wrapper {
width: 100%;
max-width: 70rem;
}
.sub-marquee {
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
overflow: hidden;
}
.sub-marquee_track {
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.sub-marquee_list-wrapper {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.sub-marquee_list {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.sub-marquee_item {
flex: none;
}
.sub-marquee_logo-wrapper {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 17rem;
height: 6rem;
padding: 0;
display: flex;
filter: invert(1);
}
.sub-marquee_item-logo {
object-fit: scale-down;
width: 100%;
height: 100%;
}
.page-styles {
overflow: hidden;
}
.sub-inclusions_item-team-spacer {
width: 0;
height: 0;
margin-left: 1.75rem;
}
.calc_sticky {
z-index: 2;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #0a0a0ae6;
position: sticky;
bottom: 0;
}
.calc_sticky-parent {
z-index: 1;
position: relative;
}
.sub-cta_background-wrapper {
z-index: -2;
background-color: var(--black);
position: absolute;
inset: 0%;
}
.sub-cta_background-video {
z-index: -3;
width: 100%;
height: 100%;
}
.sub-cta_background-video-fade {
background-color: #0a0a0a4d;
background-image: radial-gradient(
circle farthest-corner at 50% 50%,
#fff0,
#0a0a0ab5
),
linear-gradient(
to bottom,
#0a0a0a,
#0a0a0a00 30%,
#0a0a0a00 70%,
var(--black)
);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.calc_item-total-label-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.tippy-box {
border-radius: 0.63rem;
padding: 1rem;
}
.calc_styling {
display: none;
}
.tippy-content {
font-size: 0.88rem;
}
.calc_total-description-wrapper {
display: flex;
}
.fs_inputcounter-1_message {
color: var(--accessible-components-dark-grey);
}
.fs_inputcounter-1_button {
background-color: var(--accessible-components-dodger-blue);
color: #fff;
cursor: pointer;
flex-direction: row;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-size: 1.5rem;
display: flex;
}
.fs_inputcounter-1_button:focus-visible {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.fs_inputcounter-1_button[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.fs_inputcounter-1_input {
text-align: center;
background-color: #f5f5f5;
border: 1px #000;
min-height: 3rem;
margin-bottom: 0;
font-size: 1rem;
}
.fs_inputcounter-1_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: var(--black);
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
justify-items: start;
display: grid;
}
.fs_inputcounter-1_embed {
margin-bottom: 0;
}
.fs_inputcounter-1_component,
.calc-counter_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.calc-counter_embed {
margin-bottom: 0;
display: none;
}
.calc-counter_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
justify-items: start;
width: 5rem;
height: 2.38rem;
display: flex;
position: relative;
}
.calc-counter_input {
box-shadow: inset 0 0 0 1px var(--purple-2);
text-align: center;
background-color: #0000;
border: 1px solid #0000;
border-radius: 100vw;
width: 100%;
height: 100%;
margin-bottom: 0;
font-size: 1.13rem;
}
.calc-counter_button {
z-index: 2;
color: var(--purple-2);
cursor: pointer;
background-color: #0000;
flex-direction: row;
justify-content: center;
align-items: center;
width: 2.38rem;
height: 2.38rem;
font-size: 1.5rem;
line-height: 1;
display: flex;
position: absolute;
}
.calc-counter_button:focus-visible {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.calc-counter_button[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.calc-counter_button.is-increment {
right: 0;
}
.sub-calc_column-title-description {
margin-top: 0.5rem;
}
.calc_item-row-divider {
display: none;
}
.sub-vs_row-heading-2 {
z-index: 2;
grid-column-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 2.5fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
display: grid;
position: sticky;
top: 0;
}
.sub-vs_row-spacer {
width: 100%;
padding-top: 5rem;
}
.calc_sticky-header {
z-index: 2;
align-items: stretch;
position: sticky;
top: auto;
}
.calc_row-background {
z-index: -1;
opacity: 0;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #0a0a0ab3;
position: absolute;
inset: 0%;
}
.white-embed-container {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
min-width: 45rem;
max-width: 45rem;
margin-top: 40px;
padding: 30px;
display: flex;
}
.centre-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
._3-stack {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
min-width: 65rem;
max-width: 65rem;
margin-top: 40px;
padding: 30px;
display: flex;
}
.sub-perks_heading-description {
color: var(--slate-grey);
text-align: center;
font-size: 1.5rem;
}
.section_sub-features {
position: relative;
}
.sub-features_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.sub-features_heading {
text-align: center;
font-size: 3.75rem;
}
.sub-features_heading-description {
color: var(--slate-grey);
text-align: center;
font-size: 1.5rem;
}
.sub-features_list {
grid-column-gap: 2.81rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sub-features_item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.sub-features_item-icon {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--purple-1);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa 100", sans-serif;
font-size: 5rem;
font-weight: 100;
line-height: 1;
}
.sub-features_item-heading {
font-size: 1.63rem;
font-weight: 700;
}
.sub-features_item-description {
color: var(--slate-grey);
max-width: 20rem;
font-size: 1.19rem;
}
.section_stripe {
position: relative;
}
.stripe_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.stripe_embed {
background-color: var(--white);
border-radius: 1.25rem;
width: 100%;
padding: 2rem 2.5rem;
}
.stripe_heading {
text-align: center;
font-size: 3.75rem;
}
.sub-video_embed {
width: 100%;
}
.section_unli-expertise {
position: relative;
}
.unli-expertise_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.unli-expertise_heading {
text-align: center;
font-size: 3.75rem;
}
.unli-expertise_list {
grid-column-gap: 2.5rem;
grid-row-gap: 1.63rem;
grid-template: ".Area." ". . ." ". . ." ". .Area-2"/1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.unli-expertise_item {
grid-column-gap: 1.69rem;
margin-bottom: 0;
display: flex;
}
.unli-expertise_item-check {
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
flex: none;
margin-top: 0.1rem;
font-family: "Fa Sharp 300", sans-serif;
font-size: 1.875rem;
line-height: 1;
display: flex;
}
.unli-expertise_item-check.is-x {
color: var(--purple-1);
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
font-size: 1.69rem;
}
.unli-expertise_item-text {
color: rgb(215, 215, 215);
font-size: 1.63rem;
line-height: 1.25;
font-family: 'Poppins', sans-serif;
transition: all 0.3s ease;
}
.unli-expertise_item-text:hover {
color: var(--purple-1);
}
.unli-expertise_cta-text {
color: var(--slate-grey);
font-size: 1.63rem;
}
.section_works-preview {
width: 100%;
position: relative;
overflow: hidden;
}
.works-preview_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: flex;
position: relative;
}
.works-preview_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.works-preview_arrows-wrapper {
grid-column-gap: 1rem;
align-items: center;
height: auto;
display: flex;
position: relative;
}
.works-preview_bottom-wrapper {
justify-content: center;
display: flex;
}
.works-preview_text-link {
color: var(--white);
text-decoration: underline;
transition: color 0.2s;
}
.works-preview_text-link:hover {
color: var(--eggplant);
}
.works-preview_image-wrapper {
border-radius: 1.25rem;
width: 100%;
height: auto;
padding-top: 81%;
position: relative;
overflow: hidden;
}
.container-page {
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.affiliate-header_slider-text-monthly {
font-size: 2rem;
font-weight: 700;
}
.affiliate-header_slider-handle {
z-index: 1;
background-color: var(--white);
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
cursor: grab;
border-radius: 999rem;
flex: none;
justify-content: center;
width: 2.38rem;
height: 2.38rem;
display: flex;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.affiliate-header_slider-handle:focus-visible {
outline-offset: 2px;
outline: 2px solid #b5f2ff;
}
.affiliate-header_slider-handle[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #b5f2ff;
}
.affiliate-header_form {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: flex;
}
.hide-2 {
display: none;
}
.affiliate-header_slider-component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 28rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.affiliate-header_slider-wrapper {
align-items: center;
width: 100%;
margin-top: 3rem;
padding: 1rem;
display: block;
position: relative;
}
.affiliate-header_form-blocl {
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.affiliate-header_slider-input {
display: block;
}
.affiliate-header_slider-track {
background-color: var(--grey-middle);
border-radius: 100vw;
width: 100%;
height: 0.75rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.affiliate-header_slider-fill {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
border-radius: 100vw;
width: 20%;
height: 100%;
position: absolute;
}
.affiliate-header_slider-handle-text {
text-align: center;
word-break: keep-all;
background-color: #ffffff1a;
border-radius: 100vw;
margin-bottom: 2.5rem;
padding: 0.63rem;
font-size: 0.88rem;
position: absolute;
inset: auto auto 0%;
}
.affiliate-header_form-embed {
margin-bottom: 0;
display: none;
}
.affiliate-header_slider-text-yearly {
font-size: 3rem;
font-weight: 700;
line-height: 1.3;
}
.affiliate-header_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.section_affiliate-header {
position: relative;
}
.affiliate-header_heading {
max-width: 16ch;
font-size: 4.38rem;
font-weight: 300;
}
.affiliate-header_badge-text {
letter-spacing: 0.12em;
text-transform: uppercase;
font-weight: 700;
}
.affiliate-header_badge-block {
background-color: var(--white-0-1);
border-radius: 100vw;
padding: 1rem;
}
.affiliate-header_text {
color: var(--slate-grey);
max-width: 40ch;
font-size: 1.38rem;
}
.section_affiliate-features {
position: relative;
}
.affiliate-features_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.affiliate-features_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 3.75rem;
}
.affiliate-features_list {
grid-column-gap: 2.81rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.affiliate-features_item {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.affiliate-features_item-icon {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--purple-1);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa 100", sans-serif;
font-size: 5rem;
font-weight: 100;
line-height: 1;
}
.affiliate-features_item-heading {
font-size: 1.63rem;
font-weight: 700;
}
.affiliate-features_item-description {
color: var(--slate-grey);
max-width: 20rem;
font-size: 1.19rem;
}
.section_affiliate- {
position: relative;
}
.affiliate--_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.affiliate--_image {
width: 100%;
max-width: none;
height: 100%;
}
.sub-cta_bottom-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.sub-cta_review-top-wrapper {
align-items: center;
display: flex;
}
.sub-cta_review-description {
color: var(--slate-grey);
}
.sub-cta_review-heading {
justify-content: flex-end;
width: 4.74rem;
font-size: 2rem;
font-weight: 700;
line-height: 1;
display: flex;
}
.sub-cta_review-avatars {
display: flex;
}
.sub-cta_review-avatar-image-wrapper {
border: 3px solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2.25rem;
margin-left: -0.7rem;
display: flex;
overflow: hidden;
}
.sub-cta_review-avatar-image-wrapper.is-first {
margin-left: 0;
}
.sub-cta_review-avatar-image {
width: 120%;
min-width: 120%;
height: 120%;
min-height: 120%;
}
.section_affiliate-how {
position: relative;
}
.affiliate-how_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.affiliate-how_heading {
text-align: center;
font-size: 3.75rem;
}
.affiliate-how_list {
grid-column-gap: 3rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.affiliate-how_item-border {
background-image: linear-gradient(#121a37, #3b2076);
border-radius: 1.88rem;
padding: 1px;
}
.affiliate-how_item {
background-color: var(--black);
border-radius: 1.88rem;
width: 100%;
height: 100%;
padding: 2.5rem;
}
.affiliate-how_item-number {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: aktiv-grotesk-thin, sans-serif;
font-size: 5.625rem;
font-weight: 200;
line-height: 1;
}
.affiliate-how_item-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.8rem;
font-weight: 700;
}
.affiliate-perks_item-description {
color: var(--slate-grey);
font-size: 1.13rem;
}
.section_affiliate-earners {
position: relative;
}
.affiliate-earners_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.affiliate-earners_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 3.75rem;
}
.affiliate-earners_list {
grid-column-gap: 2.81rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.affiliate-earners_item {
flex-direction: column;
align-items: center;
display: flex;
}
.affiliate-earners_item-image {
border-radius: 50%;
width: 100%;
max-width: none;
height: 100%;
}
.affiliate-earners_item-image-wrapper {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
border-radius: 50%;
width: 5.88rem;
height: 5.88rem;
padding: 0.19rem;
overflow: hidden;
}
.affiliate-earners_item-total {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 3.13rem;
font-weight: 700;
line-height: 1;
}
.affiliate-earners_item-name {
font-size: 1.38rem;
font-weight: 700;
}
.affiliate-earners_item-label {
color: var(--slate-grey);
font-size: 1.38rem;
}
.affiliate-how_background-glow {
z-index: -2;
background-color: var(--purple-1);
filter: blur(300px);
border-radius: 50%;
width: 80vw;
min-width: 80vw;
height: 80vw;
min-height: 80vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.affiliate-header_slider-text-group,
.affiliate-header_button-group {
align-items: center;
}
.sub-header_features_list-icon-2 {
color: #5500f9;
font-size: 1.75rem;
font-weight: 300;
}
.text-gradient-peach-2 {
color: #fff;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#f2d8d1, #c2bafa);
-webkit-background-clip: text;
background-clip: text;
}
.result-header_header-divider {
background-color: #f4effd;
width: 1px;
height: 3rem;
}
.container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.result-header_header-superscript {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#f2d8d1, #c2bafa);
-webkit-background-clip: text;
background-clip: text;
font-size: 0.5em;
top: -0.8em;
}
.home-header_component {
z-index: 50;
grid-column-gap: 1.88rem;
grid-row-gap: 4rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.chart_padding-vertical {
z-index: 2;
padding-top: 8rem;
padding-bottom: 8rem;
position: relative;
}
.sub-header_background-glow-2 {
filter: blur(300px);
background-color: #5500f9;
border-radius: 50%;
width: 80vw;
height: 80vw;
position: absolute;
top: -65vw;
left: 10vw;
transform: translate(0);
}
.home-header_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 15ch;
padding-bottom: 0.1em;
font-size: 5.63rem;
}
.section_home-header {
position: relative;
}
.cr-button-2 {
color: #fff;
text-align: center;
background-color: #5500f9;
background-image: linear-gradient(#5500f9, #6b28e9);
border-radius: 100vw;
padding: 1rem 3rem;
font-size: 1.13rem;
font-weight: 700;
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cr-button-2:hover {
transform: scale(1.05);
}
.home-header_background-wrapper {
z-index: -2;
position: absolute;
inset: 0%;
overflow: hidden;
}
.result-header_header-logo-beyond {
width: 8.38rem;
height: 2.81rem;
}
.sub-header_features_border-2 {
background-image: linear-gradient(
90deg,
#0a0a0a,
#a652fa 30%,
#c893fc 50%,
#a652fa 70%,
#0a0a0a
);
width: 100%;
height: 0.13rem;
}
.result-header_header {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#f2d8d1, #c2bafa);
-webkit-background-clip: text;
background-clip: text;
padding-bottom: 0.1em;
font-size: 1.5rem;
}
.home-header_description-2 {
color: #9b9b9b;
max-width: 50ch;
font-size: 1.5rem;
}
.section_market-header {
position: relative;
}
.market-header_description {
color: #9b9b9b;
max-width: 55ch;
font-size: 1.5rem;
}
.market-header_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 15ch;
padding-bottom: 0.1em;
font-size: 5.63rem;
}
.market-header_content-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.market-header_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.market-nav_component {
z-index: 50;
grid-column-gap: 1.88rem;
grid-row-gap: 4rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.market-nav_logo-beyond {
width: 8.38rem;
height: 2.81rem;
}
.market-nav_divider {
background-color: #f4effd;
width: 1px;
height: 3rem;
}
.market-nav_header-brand {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#f2d8d1, #c2bafa);
-webkit-background-clip: text;
background-clip: text;
padding-bottom: 0.1em;
font-size: 1.5rem;
}
.market-header_bottom-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.badge_block {
z-index: 39;
grid-column-gap: 0.38rem;
color: #6b6b6b;
background-color: #fff;
border-radius: 0.31rem;
align-items: center;
padding: 0.75rem 1rem;
display: flex;
position: fixed;
inset: auto 2.63rem 4rem auto;
}
.badge_logo {
color: #0a0a0a;
width: 4.69rem;
height: 1.56rem;
}
.market-how_background-glow {
z-index: -2;
filter: blur(300px);
background-color: #1e1351;
border-radius: 50%;
width: 80vw;
min-width: 80vw;
height: 80vw;
min-height: 80vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.section_market-how {
position: relative;
}
.market-how_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.market-how_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
padding-bottom: 0.1em;
font-size: 3.75rem;
}
.market-how_list {
grid-column-gap: 3rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.market-how_item-border {
background-image: linear-gradient(#121a37, #3b2076);
border-radius: 1.88rem;
padding: 1px;
}
.market-how_item {
background-color: var(--black);
border-radius: 1.88rem;
width: 100%;
height: 100%;
padding: 2.5rem;
}
.market-how_item-number {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: aktiv-grotesk-thin, sans-serif;
font-size: 5.625rem;
font-weight: 200;
line-height: 1;
}
.market-how_item-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2rem;
font-weight: 700;
}
.market-perks_item-description {
color: var(--slate-grey);
font-size: 1.75rem;
}
.section_market-features {
position: relative;
}
.market-features_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.market-features_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 3.75rem;
}
.market-features_list {
grid-column-gap: 2.81rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.market-features_item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.market-features_item-icon {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--purple-1);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa 100", sans-serif;
font-size: 5rem;
font-weight: 100;
line-height: 1;
}
.market-features_item-heading {
font-size: 1.63rem;
font-weight: 700;
}
.market-features_item-description {
color: var(--slate-grey);
max-width: 21rem;
font-size: 1.5rem;
}
.section_market-banner {
position: relative;
}
.button-group-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.results-banner_image-wrapper {
z-index: 2;
margin-top: -3.25rem;
margin-bottom: -3.25rem;
position: relative;
}
.results-banner_image-page {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: none;
height: 100%;
}
.results-banner_component-border {
background-image: linear-gradient(225deg, #f2d8d1, #5500f9);
border-radius: 1.88rem;
padding: 1px;
}
.results-banner_content-wrapper {
z-index: 2;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 31.25rem;
display: flex;
position: relative;
}
.results-banner_content-wrapper.is-cs {
max-width: 28rem;
}
.sub-refer_content-description-2 {
color: #979bbd;
font-size: 1.4375rem;
line-height: 1.25;
}
.results-banner_content-heading {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#f2d8d1 7.5%, #c2bafa 92.5%);
-webkit-background-clip: text;
background-clip: text;
font-size: 2.625rem;
}
.results-banner_component {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
background-color: #0a0a0a;
border-radius: 1.88rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1.2fr;
grid-auto-columns: 1fr;
align-items: stretch;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-left: 4.5rem;
display: grid;
position: relative;
overflow: hidden;
}
.results-banner_glow {
z-index: 1;
filter: blur(200px);
background-color: #5500f9;
border-radius: 50%;
width: 78rem;
height: 78rem;
position: absolute;
inset: auto -30.6rem -59.64rem auto;
}
.market-banner_component-border {
background-image: linear-gradient(225deg, #f2d8d1, #5500f9);
border-radius: 1.88rem;
padding: 1px;
}
.market-banner_component {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
background-color: #0a0a0a;
border-radius: 1.88rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
padding: 3.25rem 4.5rem;
display: grid;
position: relative;
overflow: hidden;
}
.market-banner_content-wrapper {
z-index: 2;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 27.3rem;
display: flex;
position: relative;
}
.market-banner_content-wrapper.is-cs {
max-width: 28rem;
}
.market-banner_content-heading {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#f2d8d1 7.5%, #c2bafa 92.5%);
-webkit-background-clip: text;
background-clip: text;
font-size: 2.625rem;
}
.market-refer_content-description {
color: #979bbd;
font-size: 1.4375rem;
line-height: 1.25;
}
.market-banner_image-wrapper {
z-index: 2;
position: relative;
}
.market-banner_image-page {
width: 100%;
max-width: none;
height: 128%;
margin-bottom: -4.78rem;
}
.market-banner_glow {
z-index: 1;
filter: blur(200px);
background-color: #5500f9;
border-radius: 50%;
width: 78rem;
height: 78rem;
position: absolute;
inset: auto -30.6rem -59.64rem auto;
}
.section_market-calc {
position: relative;
}
.component-copy,
.market-calc_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.market-calc_heading-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: block;
}
.market-calc_heading-duration {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--black);
border-radius: 0.63rem;
padding: 0.88rem 1rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1;
display: inline-block;
position: relative;
top: -1rem;
}
.market-calc_heading {
font-size: 3.75rem;
display: inline;
}
.market-calc_form-blocl {
width: 100%;
margin-bottom: 0;
}
.market-calc_form {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.market-calc_summary-wrapper {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.market-calc_summary-sticky {
background-image: linear-gradient(45deg, var(--peach), var(--purple-1));
border-radius: 0.63rem;
width: 100%;
padding: 1px;
position: sticky;
top: 6.5rem;
}
.affiliate-header_form-styling {
margin-bottom: 0;
display: none;
}
.calc_slider-component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.market-calc_slider-wrapper {
align-items: center;
width: 100%;
padding-top: 1rem;
display: block;
position: relative;
}
.market-calc_slider-track {
background-color: #2a2a2a;
border-radius: 100vw;
width: 100%;
height: 1.88rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.calc_label-wrapper {
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
flex-wrap: wrap;
justify-content: flex-start;
line-height: 1;
display: flex;
}
.calc_label-text {
text-align: left;
font-size: 1.88rem;
}
.market-calc_slider-label-number {
text-align: right;
margin-top: auto;
margin-left: auto;
font-size: 1.88rem;
}
.market-calc_border {
background-image: linear-gradient(
to right,
var(--black),
#a652fa 30%,
#c893fc 50%,
#a652fa 70%,
var(--black)
);
width: 100%;
height: 0.13rem;
}
.market-calc_summary-border {
border-radius: 0.63rem;
width: 100%;
padding: 1px;
overflow: hidden;
}
.market-calc_summary-block {
background-color: var(--black);
text-align: center;
border-radius: 0.56rem;
align-items: stretch;
padding: 2.5rem 1.75rem;
}
.calc_summary-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
}
.calc_summary-heading.is-small {
font-size: 1.25rem;
}
.calc-summary_price {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
transform: scale3d(1none, 1none, 1none);
transform-origin: 50% 100%;
text-align: center;
-webkit-text-fill-color: transparent;
transform-style: preserve-3d;
-webkit-background-clip: text;
background-clip: text;
font-size: 3.75rem;
font-weight: 700;
line-height: 1.2;
transition: transform 0.1s;
}
.calc-summary_price.is-update {
transform: scale(1.05);
}
.calc-summary_price-subscript {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 0.55em;
}
.market-calc_slider-input {
display: block;
}
.affiliate-header_slider-input-wrapper {
color: #000;
display: block;
}
.market-calc_summary-unit-wrapper {
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
justify-content: center;
display: flex;
}
.market-calc_summary-unit-text {
color: var(--slate-grey);
font-size: 1.25rem;
}
.market-calc_summary-disclaimer {
color: var(--slate-grey);
max-width: 30ch;
margin-left: auto;
margin-right: auto;
font-size: 0.88rem;
}
.market-calc_summary-disclaimer-link {
color: var(--white);
text-decoration: underline;
}
.market-calc_summary-disclaimer-link:hover {
color: var(--eggplant);
}
.fs_radio-2_message {
color: var(--accessible-components-dark-grey);
}
.fs_radio-2_label {
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.fs_radio-2_button {
border-style: none;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.fs_radio-2_button.w--redirected-focus {
box-shadow: none;
border-style: none;
}
.fs_radio-2_button.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.fs_radio-2_field {
cursor: pointer;
background-color: #f5f5f5;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-height: 3rem;
margin-bottom: 0;
padding: 0.75rem 1.5rem;
display: flex;
position: relative;
}
.fs_radio-2_field:hover {
color: #696969;
border-color: #696969;
}
.fs_radio-2_field.is-active-inputactive {
color: #fff;
background-color: #1378d1;
}
.fs_radio-2_group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
align-items: center;
display: grid;
}
.fs_radio-2_embed {
margin-bottom: 0;
}
.fs_radio-2_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fs_checkbox-2_message {
color: var(--accessible-components-dark-grey);
}
.market-calc_checkbox-label {
z-index: 1;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.market-calc_checkbox-button {
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.market-calc_checkbox-button.w--redirected-checked {
background-color: #0000;
background-image: none;
border-style: none;
}
.market-calc_checkbox-button.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
}
.market-calc_checkbox-button.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.market-calc_checkbox-field {
border: 1px solid var(--purple-1);
cursor: pointer;
background-color: #0000;
border-radius: 100vw;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-height: 3rem;
margin-bottom: 0;
padding: 1.25rem 1.88rem;
font-size: 1.13rem;
transition: box-shadow 0.2s;
display: flex;
position: relative;
}
.market-calc_checkbox-field:hover {
box-shadow: inset 0 0 20px 5px var(--eggplant);
}
.market-calc_checkbox-field.is-active-inputactive {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
}
.market-calc_checkbox-field.is-active-inputactive:hover {
box-shadow: none;
}
.market-calc_checkbox-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
align-items: start;
min-height: 3rem;
display: flex;
}
.fs_checkbox-2_embed {
margin-bottom: 0;
}
.fs_checkbox-2_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.market-calc_radio-field {
border: 1px solid var(--purple-1);
text-align: center;
cursor: pointer;
background-color: #0000;
border-radius: 100vw;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-height: 3rem;
margin-bottom: 0;
padding: 1.25rem 1.88rem;
font-size: 1.13rem;
transition: box-shadow 0.2s;
display: flex;
position: relative;
}
.market-calc_radio-field:hover {
box-shadow: inset 0 0 20px 5px var(--eggplant);
}
.market-calc_radio-field.is-active-inputactive {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
}
.market-calc_radio-field.is-active-inputactive:hover {
box-shadow: none;
}
.market-calc_radio-button {
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.market-calc_radio-button.w--redirected-checked {
background-color: #0000;
background-image: none;
border-style: none;
}
.market-calc_radio-button.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
}
.market-calc_radio-button.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.market-calc_radio-label {
z-index: 1;
width: 100%;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.market-calc_radio-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
align-items: start;
min-height: 3rem;
display: flex;
}
.market-calc_radio-list.is-growth {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: auto;
width: 100%;
display: flex;
}
.market-calc_radio-list-wrapper {
flex-direction: column;
width: 100%;
display: flex;
}
.market-calc_radio-item {
width: 100%;
}
.market-calc_radio2-field {
border: 1px solid var(--purple-1);
text-align: center;
cursor: pointer;
background-color: #0000;
border-radius: 0.63rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-height: 6.25rem;
margin-bottom: 0;
padding: 1.25rem 1.88rem;
font-size: 1.13rem;
transition: box-shadow 0.2s;
display: flex;
position: relative;
}
.market-calc_radio2-field:hover {
box-shadow: inset 0 0 20px 5px var(--eggplant);
}
.market-calc_radio2-field.is-active-inputactive {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
}
.market-calc_radio2-field.is-active-inputactive:hover {
box-shadow: none;
}
.market-calc_radio2-button {
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.market-calc_radio2-button.w--redirected-checked {
background-color: #0000;
background-image: none;
border-style: none;
}
.market-calc_radio2-button.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
}
.market-calc_radio2-button.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.market-calc_radio2-label {
z-index: 1;
width: 100%;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.affiliate-header_slider-range-text-wrapper {
color: var(--slate-grey);
justify-content: space-between;
margin-top: 0.88rem;
display: flex;
}
.market-calc_instruction-wrapper {
align-items: center;
}
.market-calc_instruction-text {
text-align: center;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.2;
}
.market-calc_summary-percent {
color: var(--slate-grey);
font-size: 1.25rem;
}
.calc-breakdown_toggle {
color: var(--slate-grey);
justify-content: space-between;
display: flex;
overflow: hidden;
}
.calc-breakdown_toggle:hover {
color: var(--white);
}
.calc-breakdown_toggle-text {
font-size: 1.25rem;
}
.calc-breakdown_toggle-icon {
font-family: "Fa 300", sans-serif;
font-size: 1.25rem;
transform: perspective(2000px);
}
.calc-breakdown_mask {
flex-direction: column;
display: flex;
overflow: hidden;
}
.calc-breakdown_service-block {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
text-align: left;
justify-content: space-between;
align-items: center;
width: 100%;
font-size: 1.25rem;
display: flex;
}
.calc-breakdown_service-name {
background-image: url(https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/65698d9949c26cdb95290916_icon-check.svg);
background-position: 0 4.5px;
background-repeat: no-repeat;
background-size: 1rem;
margin-right: auto;
padding-left: 1.5rem;
font-size: 1rem;
}
.calc-breakdown_service-list {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
flex-direction: column;
align-items: stretch;
display: flex;
}
.market-calc_summary-button-wrapper {
align-items: stretch;
width: 100%;
max-width: 16rem;
margin-left: auto;
margin-right: auto;
}
.calc_breakdown_service-percent-text {
color: var(--slate-grey);
}
.market-calc_breakdown_disclaimer {
color: var(--slate-grey);
text-align: left;
max-width: 34ch;
font-size: 0.88rem;
}
.web-calc_subheading {
color: var(--slate-grey);
font-size: 1.88rem;
}
.web-calc_form-block {
width: 100%;
margin-bottom: 0;
}
.web-calc_form {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
}
.calc_input-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
align-items: start;
min-height: 3rem;
display: flex;
}
.calc_input-list.is-growth {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: auto;
width: 100%;
display: flex;
}
.calc_input-list.is-toggle {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
max-width: 16.25rem;
display: grid;
}
.calc_input-list.is-col3 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.calc_radio-field {
border: 1px solid var(--purple-1);
text-align: center;
cursor: pointer;
background-color: #0000;
border-radius: 100vw;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-height: 3rem;
margin-bottom: 0;
padding: 1.25rem 1.88rem;
font-size: 1.13rem;
transition: box-shadow 0.2s;
display: flex;
position: relative;
}
.calc_radio-field:hover {
box-shadow: inset 0 0 20px 5px var(--eggplant);
}
.calc_radio-field.is-active-inputactive {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
}
.calc_radio-field.is-active-inputactive:hover {
box-shadow: none;
}
.calc_radio-field.is-medium {
min-width: 8.25rem;
}
.calc_radio-button {
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.calc_radio-button.w--redirected-checked {
background-color: #0000;
background-image: none;
border-style: none;
}
.calc_radio-button.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
}
.calc_radio-button.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.calc_radio-label {
z-index: 1;
width: 100%;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.calc_summary-wrapper {
flex-direction: column;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.calc-summary_sticky {
width: 100%;
position: sticky;
top: 6.5rem;
}
.calc-summary_block {
background-color: var(--black);
text-align: center;
border-radius: 0.56rem;
align-items: stretch;
padding: 3rem 1.75rem;
}
.web-calc_summary-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
}
.calc-summary_total-label {
color: var(--slate-grey);
font-size: 1.25rem;
}
.calc-summary_deadline {
color: var(--slate-grey);
font-size: 1.25rem;
display: inline;
}
.web-calc_emphasis {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
}
.calc-summary_deadline-wrapper {
align-items: center;
display: block;
}
.calc-summary_deadline-emphasis {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--slate-grey);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.25rem;
font-weight: 700;
display: inline;
}
.calc-summary_disclaimer {
color: var(--slate-grey);
text-align: center;
max-width: 30ch;
margin-left: auto;
margin-right: auto;
font-size: 0.88rem;
}
.calc-summary_disclaimer-link {
color: var(--white);
text-decoration: underline;
}
.calc-summary_disclaimer-link:hover {
color: var(--eggplant);
}
.web-calc_toggle-wrapper-old {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.calc_toggle-wrapper {
justify-content: center;
width: 8rem;
height: 2.38rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.calc_toggle-wrapper.is-currency {
width: 8rem;
}
.web-calc_border {
background-image: linear-gradient(
to right,
var(--black),
#a652fa 30%,
#c893fc 50%,
#a652fa 70%,
var(--black)
);
width: 100%;
height: 0.13rem;
}
.web-calc_slider-component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.web-calc_slider-label-wrapper {
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
justify-content: flex-start;
line-height: 1;
display: flex;
}
.web-calc_slider-wrapper {
align-items: center;
width: 100%;
padding-top: 1rem;
display: block;
position: relative;
}
.web-calc_slider-track {
background-color: #2a2a2a;
border-radius: 100vw;
width: 100%;
height: 1.88rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.web-calc_slider-handle {
z-index: 1;
background-color: var(--white);
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
cursor: grab;
border-radius: 999rem;
flex: none;
justify-content: center;
width: 2.38rem;
height: 2.38rem;
display: flex;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.web-calc_slider-handle:focus-visible {
outline-offset: 2px;
outline: 2px solid #b5f2ff;
}
.web-calc_slider-handle[data-wf-focus-visible] {
outline-offset: 2px;
outline: 2px solid #b5f2ff;
}
.web-calc_slider-handle-text {
text-align: center;
word-break: keep-all;
background-color: #ffffff1a;
border-radius: 100vw;
margin-bottom: 2.5rem;
padding: 0.63rem;
font-size: 0.88rem;
position: absolute;
inset: auto auto 0%;
}
.web-calc_slider-fill {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
border-radius: 100vw;
width: 20%;
height: 100%;
position: absolute;
}
.web-calc_slider-input-wrapper {
color: #000;
display: block;
}
.web-calc_slider-input {
display: block;
}
.web-calc_slider-range-text-wrapper {
color: var(--slate-grey);
justify-content: space-between;
margin-top: 0.88rem;
display: flex;
}
.fs-checkbox_row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
align-items: start;
min-height: 3rem;
display: grid;
}
.fs-checkbox_field-4 {
color: #000;
cursor: pointer;
background-color: #fff;
border: 2px solid #000;
border-radius: 0.25rem;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 1rem 1.5rem;
font-weight: 500;
display: flex;
position: relative;
}
.fs-checkbox_field-4:hover {
color: #696969;
border-color: #696969;
}
.fs-checkbox_field-4.is-active {
color: #fff;
background-color: #000;
}
.fs-checkbox_button-4 {
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.fs-checkbox_button-4.w--redirected-checked {
background-color: #0000;
background-image: none;
border-style: none;
}
.fs-checkbox_button-4.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
}
.fs-checkbox_button-4.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.fs-checkbox_label-4 {
z-index: 1;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.web-calc_checkbox-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
align-items: start;
min-height: 3rem;
display: flex;
}
.web-calc_checkbox-list.is-growth {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: auto;
width: 100%;
display: flex;
}
.web-calc_checkbox-list.is-toggle {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
max-width: 16.25rem;
display: grid;
}
.calc_checkbox-field {
border: 1px solid var(--purple-1);
text-align: center;
cursor: pointer;
background-color: #0000;
border-radius: 100vw;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 8.25rem;
min-height: 3rem;
margin-bottom: 0;
padding: 1.25rem 1.88rem;
font-size: 1.13rem;
transition: box-shadow 0.2s;
display: flex;
position: relative;
}
.calc_checkbox-field:hover {
box-shadow: inset 0 0 20px 5px var(--eggplant);
}
.calc_checkbox-field.is-active-inputactive {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
}
.calc_checkbox-field.is-active-inputactive:hover {
box-shadow: none;
}
.calc_checkbox-field.is-medium {
min-width: 8.25rem;
}
.web-calc_checkbox-button {
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.web-calc_checkbox-button.w--redirected-checked {
background-color: #0000;
background-image: none;
border-style: none;
}
.web-calc_checkbox-button.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
}
.web-calc_checkbox-button.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.web-calc_checkbox-label {
z-index: 1;
width: 100%;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.web-calc_styleguide {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.calc-summary_block-border {
background-image: linear-gradient(45deg, var(--peach), var(--purple-1));
border-radius: 0.63rem;
width: 100%;
padding: 1px;
}
.web-calc_cta-block-border {
background-image: linear-gradient(225deg, var(--peach), var(--purple-1));
border-radius: 0.63rem;
width: 100%;
padding: 1px;
}
.web-calc_cta-block {
background-color: var(--black);
text-align: center;
background-image: radial-gradient(circle at 50% 0, #5500f9bf, #5500f900);
border-radius: 0.56rem;
align-items: stretch;
padding: 3rem 1.75rem;
}
.market-calc_cta-heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 18ch;
margin-left: auto;
margin-right: auto;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
}
.web-calc_cta-button-wrapper {
margin-left: auto;
margin-right: auto;
}
.market-calc_button-reset-old2 {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
text-align: center;
border-radius: 100vw;
padding: 1rem 3rem;
font-size: 1.13rem;
font-weight: 700;
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.market-calc_button-reset-old2:hover {
transform: scale(1.05);
}
.market-calc_button-reset-old2.is-text {
color: var(--white);
background-color: #0000;
background-image: none;
border: 2px solid #0000;
text-decoration: underline;
}
.market-calc_button-reset-old2.is-text.is-gray {
color: var(--slate-grey);
}
.market-calc_button-reset-old2.is-text.is-gray:hover {
color: var(--white);
}
.market-calc_button-reset-old2.is-small {
padding: 0.5rem 1.25rem;
}
.market-calc_button-reset-old2.is-large {
padding: 1rem 2rem;
}
.market-calc_button-reset-old2.is-secondary {
color: #000;
background-color: #ddd;
}
.market-calc_button-reset-old2.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.market-calc_button-reset-old2.is-line {
background-color: #0000;
background-image: none;
box-shadow: inset 0 0 0 1px #ffffff80;
}
.market-calc_button-reset-old2.is-calc-banner {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.market-calc_button-reset-old {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
text-align: center;
border-radius: 100vw;
padding: 1rem 3rem;
font-size: 1.13rem;
font-weight: 700;
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.market-calc_button-reset-old:hover {
transform: scale(1.05);
}
.market-calc_button-reset-old.is-text {
color: var(--white);
background-color: #0000;
background-image: none;
border: 2px solid #0000;
text-decoration: underline;
}
.market-calc_button-reset-old.is-text.is-gray {
color: var(--slate-grey);
}
.market-calc_button-reset-old.is-text.is-gray:hover {
color: var(--white);
}
.market-calc_button-reset-old.is-small {
padding: 0.5rem 1.25rem;
}
.market-calc_button-reset-old.is-large {
padding: 1rem 2rem;
}
.market-calc_button-reset-old.is-secondary {
color: #000;
background-color: #ddd;
}
.market-calc_button-reset-old.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.market-calc_button-reset-old.is-line {
background-color: #0000;
background-image: none;
box-shadow: inset 0 0 0 1px #ffffff80;
}
.market-calc_button-reset-old.is-calc-banner {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.market-calc_button-reset {
border: 1px solid var(--purple-1);
text-align: center;
cursor: pointer;
background-color: #0000;
border-radius: 100vw;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
margin-left: 1rem;
padding: 0.5rem 1rem;
font-size: 1rem;
transition: box-shadow 0.2s;
display: flex;
position: relative;
}
.market-calc_button-reset:hover {
box-shadow: inset 0 0 20px 5px var(--eggplant);
}
.market-calc_button-reset.is-active-inputactive {
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
}
.market-calc_button-reset.is-active-inputactive:hover {
box-shadow: none;
}
.web-calc_form-styles,
.web-calc_form-scripts {
margin-bottom: 0;
display: none;
}
.calc_summary-label {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--slate-grey);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 1.5rem;
font-weight: 700;
display: inline;
}
.calc-breakdown_service-subtext {
color: var(--slate-grey);
text-align: left;
background-image: url(https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/65698d9949c26cdb95290916_icon-check.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: 1rem;
padding-left: 1.5rem;
}
.calc_summaru-disclaimer {
color: var(--slate-grey);
text-align: center;
max-width: 28ch;
margin-left: auto;
margin-right: auto;
font-size: 0.88rem;
}
.blogs-header_heading {
font-size: 5.63rem;
}
.subheading-style-small {
letter-spacing: 0.125rem;
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.4;
}
.section_results-banner {
position: relative;
}
.container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.sub-refer_content-description-3 {
color: var(--slate-grey);
font-size: 1.4375rem;
line-height: 1.25;
}
.button-group-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.button-group-3.is-center {
justify-content: center;
}
.post-body_layout {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 329px;
grid-auto-columns: 1fr;
display: grid;
}
.post-header_read-wrapper {
text-transform: uppercase;
font-weight: 700;
display: block;
}
.post-header_read-text {
display: inline;
}
.post-header_background-wrapper {
z-index: -2;
background-color: var(--black);
position: absolute;
inset: 0%;
overflow: hidden;
}
.post-header_background-glow {
z-index: -2;
background-color: var(--purple-1);
filter: blur(300px);
border-radius: 50%;
width: 69rem;
height: 69rem;
position: absolute;
bottom: -233%;
right: -64%;
transform: translate(-50%, -50%);
}
.affiliate-text,
.post-body_affiliate-text {
color: #c2c8d6;
font-style: italic;
font-weight: 400;
}
.post-body_thanks-wrapper {
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.post-body_avatar {
background-image: url(https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/65489e61f9eb4bee42f19e35_Emma%20Fieldhouse.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 100px;
width: 70px;
height: 70px;
box-shadow: 0 0 19px #c2c8d6;
}
.post-body_thanks-message {
z-index: 2;
background-color: #f3f3f3;
flex-direction: column;
flex: 1;
margin-left: 27px;
padding: 23px;
display: flex;
position: relative;
}
.post-body_thanks-message-tail {
z-index: 0;
background-color: #f3f3f3;
flex-direction: row;
width: 40px;
height: 40px;
display: flex;
position: absolute;
bottom: 31px;
left: -9px;
transform: rotate(45deg);
}
.post-body_thanks-content {
z-index: 1;
position: relative;
}
.post-body_thanks-content-title {
color: #08101e;
letter-spacing: 0.01em;
margin-bottom: 8px;
font-size: 1.2em;
font-weight: 700;
line-height: 145%;
}
.no-bottom-margin {
margin-bottom: 0;
}
.post-side_layout {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
display: flex;
}
.post-side_ad-image {
width: 100%;
}
.post-side_ramp-embed {
margin-bottom: 0;
}
.post-side_content-heading {
font-size: 1.25rem;
font-weight: 700;
}
.post-side_content-divider {
background-color: var(--slate-grey);
width: 100%;
height: 1px;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.post-side_richtext h1,
.post-side_richtext h2,
.post-side_richtext h3,
.post-side_richtext h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.post-side_richtext h5,
.post-side_richtext h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.post-side_richtext ul {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
margin-bottom: 1.5rem;
padding-left: 0;
list-style-type: none;
display: flex;
}
.post-side_richtext ol {
margin-bottom: 1.5rem;
}
.post-side_richtext a {
color: var(--slate-grey);
background-image: url(https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/657941db03162e337bff04ec_icon-bullet-arrow-link.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0;
text-decoration: none;
transition: all 0.2s;
display: block;
box-shadow: 0 1px #0003;
}
.post-side_richtext a:hover {
color: var(--purple-1);
background-position: 95%;
padding-left: 1rem;
text-decoration: underline;
}
.post-side_richtext li {
margin-bottom: 0;
display: block;
}
.post-side_ad-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.progress-bar {
z-index: 1000;
background-color: var(--purple-1);
width: 100%;
height: 6px;
position: sticky;
top: 0;
}
.section_projects-header {
position: relative;
}
.projects-header_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.projects-header_heading {
font-size: 5.63rem;
}
.projects-header_background {
z-index: -2;
min-height: 100vw;
position: absolute;
inset: 0%;
overflow: hidden;
}
.projects-header_background-glow {
background-color: var(--purple-1);
filter: blur(300px);
border-radius: 50%;
width: 80vw;
height: 80vw;
position: absolute;
top: -65vw;
left: 10vw;
transform: translate(0);
}
.section_projects-feed {
position: relative;
}
.projects-feed_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.projects-feed_list {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.projects-feed_item {
border-bottom: 1px solid var(--white);
width: 100%;
}
.projects-feed_list-wrapper {
width: 100%;
}
.projects-feed_card {
flex-direction: column;
align-items: flex-start;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
position: relative;
}
.projects-feed_link {
z-index: 2;
cursor: pointer;
display: block;
position: absolute;
inset: 0%;
}
.projects-feed_image-wrapper {
width: 26.25rem;
height: 32.5rem;
position: absolute;
overflow: hidden;
}
.projects-feed_image {
z-index: 1;
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
position: relative;
}
.projects-feed_image.is-preview {
z-index: 2;
position: relative;
}
.projects-feed_content-layout {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 0.5fr 1.75fr 0.25fr;
grid-auto-columns: 1fr;
align-items: end;
width: 100%;
display: grid;
}
.blogs-feed_tag-copy {
background-color: var(--black);
border-radius: 100vw;
padding: 0.5rem 0.75rem;
font-weight: 700;
display: flex;
}
.projects-feed_tags-wrapper {
display: flex;
}
.projects-feed_tag {
text-align: right;
border-radius: 100vw;
line-height: 1.2;
display: inline;
}
.projects-feed_tag.is-industry {
color: var(--slate-grey);
}
.projects-feed_tag-list {
text-align: right;
display: block;
}
.projects-feed_tag-item {
display: inline;
}
.projects-feed_image-null {
z-index: 10;
justify-content: center;
align-items: center;
width: 0;
height: 0;
position: fixed;
inset: 50% auto auto 50%;
}
.section_project-header {
flex-direction: column;
align-items: center;
min-height: 90svh;
display: flex;
position: relative;
overflow: hidden;
}
.project-header_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.project-header_background-wrapper {
z-index: -2;
background-color: var(--transparent);
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
overflow: hidden;
}
.project-header_image {
z-index: -3;
object-fit: cover;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
inset: 0%;
}
.project-header_background-scrim {
z-index: -2;
background-image: linear-gradient(#0006, #0000);
width: 100%;
height: 11rem;
position: absolute;
inset: 0% 0% auto;
}
.project-header_arrow-block {
background-color: var(--black);
border-top-left-radius: 100vw;
border-top-right-radius: 100vw;
justify-content: flex-end;
align-items: center;
width: 5.25rem;
height: 2.625rem;
margin-top: auto;
}
.project-header_arrow-icon {
width: 0.88rem;
height: 0.88rem;
display: flex;
}
.section_project-intro {
position: relative;
}
.project-intro_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 4fr 5fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.project-intro_content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.project-intro_content-subheading {
font-size: 1.13rem;
font-weight: 700;
}
.project-intro_tag {
background-color: #ffffff1a;
border-radius: 100vw;
padding: 0.5rem 1.25rem;
font-size: 1.13rem;
}
.project-intro_tag:hover {
background-color: var(--purple-1);
}
.project-intro_tag-list {
grid-column-gap: 0.75rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
display: flex;
}
.section_project- {
position: relative;
}
.project--_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.section_project-body {
position: relative;
}
.project-body_richtext {
text-align: center;
flex-direction: column;
align-items: center;
font-size: 1.5rem;
display: flex;
}
.project-body_richtext h1 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.project-body_richtext h2 {
max-width: 53.75rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
font-size: 3.6rem;
}
.project-body_richtext h3,
.project-body_richtext h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.project-body_richtext h5,
.project-body_richtext h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.project-body_richtext p {
max-width: 53.75rem;
margin-bottom: 1rem;
}
.project-body_richtext ul,
.project-body_richtext ol {
margin-bottom: 1.5rem;
}
.project-body_richtext a {
color: var(--purple-1);
text-decoration: underline;
}
.project-body_richtext a:hover {
color: var(--purple-2);
-webkit-text-stroke-color: var(--purple-2);
}
.project-body_richtext blockquote {
margin-bottom: 1rem;
}
.project-body_richtext.is-testimonials {
width: 100%;
max-width: 47rem;
margin-left: auto;
margin-right: auto;
}
.section_project-stats {
position: relative;
}
.project-stats_list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.project-stats_richtext {
border: 1px solid var(--white);
border-radius: 1.25rem;
padding: 3.25rem;
font-size: 1.13rem;
}
.project-stats_richtext h1 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.project-stats_richtext h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 4rem;
}
.project-stats_richtext h3,
.project-stats_richtext h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.project-stats_richtext h5,
.project-stats_richtext h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.project-stats_richtext p {
margin-bottom: 0;
}
.project-stats_richtext ul,
.project-stats_richtext ol {
margin-bottom: 1.5rem;
}
.project-stats_richtext a {
text-decoration: underline;
}
.project-stats_richtext a:hover {
color: #0173e6;
}
.project-testimonial_richtext {
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 10rem;
padding-bottom: 10rem;
font-size: 1.5rem;
display: flex;
}
.project-testimonial_richtext h1 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.project-testimonial_richtext h2 {
max-width: 53.75rem;
margin-bottom: 1rem;
font-size: 4rem;
}
.project-testimonial_richtext h3,
.project-testimonial_richtext h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.project-testimonial_richtext h5,
.project-testimonial_richtext h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.project-testimonial_richtext p {
max-width: 53.75rem;
margin-bottom: 2rem;
}
.project-testimonial_richtext ul,
.project-testimonial_richtext ol {
margin-bottom: 1.5rem;
}
.project-testimonial_richtext a {
text-decoration: underline;
}
.project-testimonial_richtext a:hover {
color: #0173e6;
}
.project-body_component {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
align-items: stretch;
}
.project-body_gallery-list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.project-body_gallery-list.is-2,
.project-body_gallery-list.is-single {
grid-template-columns: 1fr;
}
.project-body_gallery-image {
width: 100%;
}
.section_projects-preview {
width: 100%;
position: relative;
overflow: hidden;
}
.projects-preview_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.projects-preview_card {
border-radius: 1.25rem;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.projects-preview_heading-wrapper {
grid-column-gap: 1rem;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.projects-preview_swiper-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
/* grid-template-rows: auto; */
justify-items: center;
align-items: center;
position: relative;
width: 100%;
height: auto; /* You can adjust the height as needed */
padding: 5%;
gap: 20px;
}
.projects-preview_content-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.wrapper-element {
width: 100%;
border-radius: 10px;
height: 100vh;
overflow: hidden;
position: relative;
transition: all 0.3s linear;
}
.wrapper-element img {
width: 100%;
height: 100%;
transition: all 0.3s linear;
}
.mainimage {
object-fit: cover;
}
.wrapper-element:hover .mainimage {
transform: scale(1.05);
}
.wrapper-element:hover .datahiddentext {
opacity: 1;
width: 60%;
height: 70%;
transform: scale(0.95) translate(-50%, -50%);
}
.datahiddentext {
position: absolute;
width: 20%;
height: 55%;
top: 50%;
left: 50%;
opacity: 0;
transform: translate(-50%, -50%);
transition: all 0.3s linear;
z-index: 10 ;
border-radius: 10%;
}
.dataimage {
width: inherit;
height: inherit;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
/* object-fit: cover; */
border-radius: 10%;
}
.legal-header_background-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.legal-header_background-overlay {
background-color: #0000004d;
position: absolute;
inset: 0%;
}
.blogs-feed_heading-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: baseline;
display: flex;
}
.section_legal-feed {
position: relative;
}
.section_legal-feed.background-color-white {
color: var(--black);
}
.legal-feed_list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.legal-feed_item {
margin-top: 0;
margin-bottom: -1px;
}
.empty-state-4 {
color: #141414;
text-align: center;
background-color: #f8f8f8;
border-radius: 8px;
padding: 48px;
}
.card-2 {
direction: ltr;
color: #08101e;
background-color: #f8f8f8;
border-radius: 8px;
flex-direction: column;
display: flex;
position: relative;
}
.card-2.bg-offset-white {
background-color: #ffffff0d;
}
.card-2.bg-offset-white.career-link {
transition: transform 0.2s;
}
.card-2.bg-offset-white.career-link:hover {
transform: translate(20px);
}
.card-body-2 {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
padding: 36px;
display: flex;
}
.card-body-2.career-link-card-body {
border-top: 1px solid #08101e;
border-bottom: 1px solid #08101e;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.career-link-arrow {
width: 3.44rem;
height: 2.44rem;
}
.legal-feed_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.legal-feed_card-link {
direction: ltr;
flex-direction: column;
transition: transform 0.2s;
display: flex;
position: relative;
}
.legal-feed_card-link:hover {
transform: translate(20px);
}
.legal-feed_card-layout {
border-top: 1px solid #08101e;
border-bottom: 1px solid #08101e;
flex-direction: row;
flex: 0 auto;
justify-content: space-between;
align-items: center;
padding-top: 2.25rem;
padding-bottom: 2.25rem;
display: flex;
}
.projects-feed_content-heading-wrapper {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
flex-direction: row;
align-items: center;
display: block;
}
.projects-feed_favorite-icon {
color: var(--purple-1);
margin-left: 0.5rem;
font-family: "Fa Sharp 300", sans-serif;
font-size: 2rem;
line-height: 1;
display: inline-block;
}
.project-body_video {
width: 100%;
}
.test-body {
background-color: #609b65;
}
.sub-header_backgrount-test {
z-index: -2;
background-color: #fff;
position: absolute;
inset: 0%;
}
.sub-header_glow-wrapper {
position: absolute;
inset: 0% 0% auto;
}
.dispatch_partners_logo{
display: none;
}
.expert-partners_logo{
filter: invert(1) ;
}
.header_glow {
z-index: -1;
min-width: 140%;
height: 140vw;
margin-top: -30vw;
margin-left: -20%;
position: absolute;
inset: 0% 0% auto;
}
.header_glow.is-full {
width: 100%;
inset: 0%;
}
.header_glow.is-bottom {
background-image: radial-gradient(
circle closest-corner at 50% 100%,
var(--purple-1),
#5500f900
);
}
.header_glow.is-corner {
background-image: radial-gradient(
circle farthest-side at 100% 100%,
var(--purple-1),
#5500f900
);
min-width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0%;
}
.header_glow.is-light {
background-image: radial-gradient(
circle closest-corner at 50% 0%,
var(--purple-1),
#fff 66%
);
opacity: 1;
height: 100%;
}
.calcs_arrow {
filter: invert();
width: 3.44rem;
height: 2.44rem;
}
.section_calcs-header {
position: relative;
width: 100%;
height: 100vh;
background: url("../Services.jpg") no-repeat center center;
background-size: cover;
}
.section_calcs-header:hover::after{
width: 100%;
height: 100%;
content: "";
background-color: #0000003b;
}
.calcs-header_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.calcs-header_heading {
font-size: 5.63rem;
}
.calcs-header_heading.text-gradient-peach {
padding-bottom: 0.1em;
}
.calcs-header_background {
z-index: -2;
min-height: 100vw;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section_calcs-feed {
position: relative;
}
.calcs-feed_component {
/* flex-direction: column; */
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
margin-bottom: 4%;
gap: 1rem;
}
.calcs-feed_list {
width: 100%;
display: flex;
flex-direction: column;
}
.calcs-feed_card {
border-bottom: 1px solid #fff3;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 1.5rem;
display: flex;
border-top-right-radius: 18px;
border-bottom-right-radius: 18px;
background-color: #077907 ;
margin-top: 12px;
position: relative;
overflow: hidden;
z-index: 4;
transition: all 0.3s ease-in-out;
}
.calcs-feed_card:hover {
color: var(--black);
border: none;
border-radius: 0;
background-color: transparent;
}
.opentab-div {
margin-top: 10px;
width: 100%;
height: 70vh;
background-color: rgba(144, 238, 144, 0.425);
display: none;
border-radius: 10px;
position: relative;
z-index: 100 ;
transition: all 0.3s linear;
color: black;
padding: 4px 15px;
}
.calcs-feed_card:hover .opentab-div {
display: flex;
justify-content: space-between;
align-items: center;
}
.calcs-feed_card:hover .display-none {
display: none ;
}
.open-tab-left p{
font-size: 1.9vw;
line-height: 0.9;
font-family: Arial;
font-weight: 500;
letter-spacing: normal;
}
.open-tab-button{
width: 10%;
padding: 10px 5vw;
background-color: var(--purple-1);
border-radius: 30px;
margin-top: 4px;
color: white;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.open-tab-button::after{
content: "";
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: white;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.open-tab-button:hover::after{
top: 0;
scale: 1.2;
}
.open-tab-left-text{
color: white;
font-weight: bold;
font-size: 3.2vw;
}
.open-tab-right-text{
color: var(--purple-1);
font-weight: bold;
font-size: 3.2vw;
display: none;
position: relative;
z-index: 12;
}
.open-tab-button:hover .open-tab-left-text{
display: none;
}
.open-tab-button:hover .open-tab-right-text{
display: block;
}
.open-tab-left{
width: 50%;
}
.open-tab-right{
width: 70%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.open-tab-right img{
width: 60%;
height: 80%;
object-fit: cover;
border-radius: 12px;
transition: all .3s linear;
}
.open-tab-right img:hover{
scale: 1.1;
filter: brightness(80%);
}
/* Media Queries */
@media (min-width: 768px) {
.open-tab-left-text, .open-tab-right-text {
font-size: 1.2vw;
}
}
@media (min-width: 1024px) {
.open-tab-left-text, .open-tab-right-text {
font-size: 1rem;
}
}
@media (max-width: 500px) {
.opentab-div{
flex-direction: column-reverse;
}
.open-tab-left{
width: 100%;
height: 50%;
font-size: 2.5vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.open-tab-left p{
text-align: center;
}
.open-tab-button .open-tab-left-text{
font-size: 2.5vw;
}
.open-tab-button{
margin-top: 5px;
padding: 2% 10%;
display: flex;
justify-content: center;
}
.open-tab-button .open-tab-right-text{
font-size: 1.5vw;
}
.open-tab-right{
width: 100%;
height: 50%;
font-size: 1.5vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.open-tab-left-text, .open-tab-right-text {
font-size: 0.5vw;
}
}
.calcs-feed_card::after {
content: "";
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: white;
transition: all 0.3s ease-in-out;
}
.calcs-feed_card:hover::after {
top: 0;
}
.calcs-feed_card:hover .calcs-feed_content-layout {
background: linear-gradient(to bottom, #90ee90, #006400);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.calcs-feed_link {
z-index: 20;
position: absolute;
inset: 0%;
}
.calcs-feed_content-layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 0.5fr;
grid-auto-columns: 1fr;
align-items: end;
width: 100%;
position: relative;
z-index: 20;
display: grid;
}
.calcs-feed_content-layout.is-feeds {
flex-direction: row;
justify-content: space-between;
display: flex;
}
.color-animation{
/* filter: brightness(100); */
opacity: 0;
position: absolute;
left: 0;
transition: all 0.3s ease-in-out;
/* transform: rotate(180deg); */
}
.about-solutions_card:hover .color-animation{
opacity: 1;
left: 90%;
/* filter: hue-rotate(90deg) brightness(1.3) saturate(1.5); */
/* icon ka color change krna hai */
}
.calcs-feed_content-heading-wrapper {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
flex-direction: row;
align-items: center;
}
.calcs-feed_tag {
color: var(--slate-grey);
border-radius: 100vw;
line-height: 1.2;
display: inline;
}
.calcs-feed_tag.is-industry {
color: var(--slate-grey);
}
.post-header_category-link:hover {
text-decoration: underline;
}
.projects-feed_content-industry-wrapper {
text-align: right;
align-items: flex-end;
}
.project-intro_tag-link-old:hover {
color: var(--peach);
}
.calcs-feed_spacer {
width: 0;
height: 0;
}
.section_links {
position: relative;
}
.links_component {
text-align: center;
align-items: center;
}
.links_logo-link {
padding: 0;
}
.links_logo-image {
width: 11.5rem;
max-width: none;
height: 3.81rem;
}
.links_subheading {
letter-spacing: 0.1em;
font-size: 1.13rem;
}
.links_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
width: 100%;
display: flex;
}
.links_social-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: center start;
display: flex;
}
.links_social-link {
grid-column-gap: 0.75rem;
background-color: var(--purple-1);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.13rem;
height: 2.13rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
text-decoration: none;
transition: all 0.3s;
display: flex;
}
.links_social-link:hover {
background-color: var(--white);
color: var(--black);
}
.links_social-icon {
flex: none;
justify-content: center;
width: 1rem;
height: 1rem;
display: flex;
}
.thanks_component {
text-align: center;
align-items: center;
}
.section_thanks {
height: 100%;
position: relative;
}
.footer_social-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: center start;
display: flex;
}
.footer_social-link {
grid-column-gap: 0.75rem;
background-color: var(--purple-1);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.13rem;
height: 2.13rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1rem;
text-decoration: none;
transition: all 0.3s;
display: flex;
}
.footer_social-link:hover {
background-color: var(--white);
color: #006400;
}
.footer_social-icon {
flex: none;
justify-content: center;
width: 1rem;
height: 1rem;
display: flex;
}
.footer_social-icon:hover{
color: #006400;
}
.footer_copyright-wrapper {
color: black;
}
.footer_badges-wrapper {
grid-column-gap: 1.63rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.footer_badges-link {
opacity: 0.2;
transition: all 0.2s;
}
.footer_badges-link:hover {
opacity: 1;
}
.footer_copyright-link {
transition: all 0.2s;
}
.footer_copyright-link:hover,
.footer_copyright-link.is-dark {
color: var(--white);
}
.footer_copyright-link.is-dark:hover {
color: var(--eggplant);
}
.nav_menu-button-group {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
flex-direction: row;
}
.nav_menu-links-group {
flex-flow: wrap;
}
.nav_dropdown-agency-menu-layout {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: max-content max-content;
grid-auto-columns: 1fr;
padding: 2.5rem;
display: grid;
}
.nav_dropdown-link {
color: var(--purple-2);
}
.nav_dropdown-link:hover {
color: var(--purple-1);
}
.nav_dropdown-label-icon {
color: var(--textcolor);
font-family: "Fa Sharp 300", sans-serif;
}
.nav_dropdown-label {
color: var(--purple-1);
letter-spacing: 1px;
}
.nav_feed-list {
grid-column-gap: 1.13rem;
grid-row-gap: 1.13rem;
flex-direction: column;
display: flex;
}
.nav_feed-link {
color: var(--slate-grey);
width: 100%;
max-width: 15.44rem;
}
.nav_feed-link:hover {
color: var(--white);
}
.nav_feed-image-wrapper {
overflow: hidden;
}
.nav_feed-image {
aspect-ratio: 16/9;
object-fit: cover;
width: 100%;
}
.nav_dropdown-tools-menu {
background-color: #fff;
}
.nav_dropdown-tools-menu.w--open {
background: linear-gradient(135deg, rgba(9, 117, 18, 0.566) 0%, rgba(7, 91, 14, 0.753) 100%);
inset: 4rem auto auto 50%;
transform: translate(20%);
}
.nav_dropdown-tools-menu-layout {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content;
grid-auto-columns: 1fr;
padding: 2.5rem;
display: grid;
}
.nav_dropdown-links-list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
width: 18rem;
display: flex;
}
.nav_highlight {
pointer-events: none;
position: fixed;
inset: 0%;
}
.section_contact-header {
position: relative;
}
.contact-header_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.contact-header_heading {
font-size: 5.63rem;
}
.contact-header_heading.text-gradient-peach {
padding-bottom: 0.1em;
}
.contact-header_background {
z-index: -2;
min-height: 100vw;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section_contact-body {
position: relative;
}
.contact-body_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.sitemap-header_background {
z-index: -2;
min-height: 100vw;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section_expert-header {
position: relative;
overflow: hidden;
/* border: 1px solid red; */
}
.expert-header_component {
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.leftexpert_header_component{
width: 50%;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-align: start;
padding: 0 1%;
}
.leftexpert_header_component h2{
font-size: 4vw;
color: #006400;
line-height: 0.9;
}
.leftexpert_header_component p{
font-size: 1.2vw;
}
.rightexpert_header_component{
width: 50%;
height: 70vh;
display: flex;
justify-content: center;
align-items: center;
}
.rightexpert_header_component .rightdataimagerheader{
width: 70%;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.rightexpert_header_component .rightdataimagerheader{
width: 70%;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
}
.rightexpert_header_component .rightdataimagerheader {
width: 70%;
height: 60%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 13px;
}
.rightexpert_header_component .rightdataimagerheader img{
width: 100%;
height: 100%;
border-radius: 13px;
}
@media (max-width: 768px) {
.expert-header_component {
flex-direction: column;
height: 150vh;
padding-top: 20%;
}
.leftexpert_header_component {
text-align: center;
align-items: center;
height: 50vh;
width: 100%;
}
.leftexpert_header_component h2 {
font-size: 5vw;
}
.leftexpert_header_component p{
font-size: 2vw;
}
.rightexpert_header_component {
width: 100%;
}
.rightexpert_header_component .rightdataimagerheader{
height: 50%;
}
}
@media (max-width: 1024px) {
.expert-header_component {
flex-direction: column;
height: 200vh;
padding-top: 20%;
}
.leftexpert_header_component {
text-align: center;
align-items: center;
height: 70vh;
width: 100%;
}
.leftexpert_header_component h2 {
font-size: 6vw;
}
.rightexpert_header_component {
width: 100%;
}
.rightexpert_header_component .rightdataimagerheader{
height: 50%;
}
.leftexpert_header_component p{
font-size: 3vw;
}
}
/* @media (max-width: 768px) {
.expert-header_component {
flex-direction: column;
height: 150vh;
padding-top: 20%;
}
.leftexpert_header_component {
text-align: center;
align-items: center;
}
.leftexpert_header_component h2 {
font-size: 5vw;
}
.rightexpert_header_component .rightdataimagerheader {
width: 80%;
}
} */
.expert-header_heading {
letter-spacing: -0.03em;
font-size: 5.63rem;
font-weight: 700;
line-height: 1.1;
}
.text-color-coolgrey {
color: var(--slate-grey);
}
.section_expert-wall {
position: relative;
}
.expert-wall_row {
grid-column-gap: 1.25vw;
grid-row-gap: 1.25vw;
flex-wrap: nowrap;
justify-content: center;
display: flex;
}
.expert-wall_component {
grid-column-gap: 1.25vw;
grid-row-gap: 1.25vw;
align-items: center;
max-width: 100vw;
position: relative;
overflow: hidden;
}
.expert-wall_image {
width: 20vw;
height: auto;
}
.expert-wall_scrim {
background-image: linear-gradient(#0000 10%, #000);
position: absolute;
inset: 0%;
}
.section_expert-services {
position: relative;
}
.expert-services_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.expert-services_content-wrapper {
text-align: center;
}
.expert-services_list {
grid-column-gap: 2rem;
grid-row-gap: 1.38rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
list-style-type: none;
display: grid;
}
.expert-services_item {
color: var(--slate-grey);
background-image: url(https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/65698d9949c26cdb95290916_icon-check.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
min-height: 2.19rem;
margin-bottom: 0;
padding-left: 4rem;
font-size: 1.63rem;
line-height: 1.4;
}
.container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.section_expert-why {
position: relative;
}
.expert-why_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.expert-why_heading {
text-align: center;
font-size: 3.75rem;
}
.expert-why_list {
grid-column-gap: 4.5rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.expert-why_item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.expert-why_item-icon {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: var(--purple-1);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-family: "Fa 100", sans-serif;
font-size: 4.38rem;
font-weight: 100;
line-height: 1;
}
.expert-why_item-heading {
font-size: 2rem;
font-weight: 700;
}
.expert-why_item-description {
color: var(--slate-grey);
font-size: 1.25rem;
}
.solutions-preview_heading {
text-align: center;
font-size: 3.75rem;
}
.section_solutions-preview {
position: relative;
}
.solutions-preview_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.solutions-preview_list {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.section_expert-review {
position: relative;
}
.expert-review_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.display-block {
display: block;
}
.calc-summary_subprice-row {
grid-column-gap: 0.25rem;
grid-row-gap: 0.25rem;
flex-flow: wrap;
justify-content: center;
}
.calc-summary_subprice-text {
color: var(--slate-grey);
font-size: 0.88rem;
}
.calc-breakdown_wrapper {
display: block;
}
.text-size-xregular {
font-size: 1.13rem;
}
.calc-breakdown_list {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
text-align: left;
padding-left: 0;
}
.border-purple {
background-image: linear-gradient(to right, var(--purple-1), var(--purple-2));
width: 100%;
height: 0.13rem;
}
.section_slider-videos {
position: relative;
overflow: hidden;
}
.slider-videos_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.slider-videos_arrows-wrapper {
grid-column-gap: 1rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.slider-video_arrow {
z-index: 2;
box-shadow: 0 0 0 1px var(--white);
background-color: #0000;
border-radius: 50%;
flex-direction: row;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
transition: all 0.35s;
display: flex;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.slider-video_arrow:hover {
background-color: var(--purple-1);
box-shadow: 0 0 0 1px var(--purple-1);
filter: brightness() grayscale(0%);
}
.slider-video_arrow:active {
background-color: var(--purple-2);
}
.slider-video_arrow.is-prev {
transform-style: preserve-3d;
left: 0;
transform: rotateX(0) rotateY(180deg) rotate(0) translateY(-50%);
}
.slider-video_arrow.is-prev.is-works,
.slider-video_arrow.is-prev.is-projects {
transform-style: preserve-3d;
position: absolute;
inset: 50% auto auto 2.5rem;
transform: translateY(-50%) rotateX(0) rotateY(180deg) rotate(0);
}
.slider-video_arrow.is-next {
right: 0;
}
.slider-video_arrow.is-next.is-works {
position: absolute;
inset: 50% 2.5rem auto auto;
transform: translateY(-50%);
}
.slider-video_arrow.is-next.is-projects {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 50% 2.5rem auto auto;
transform: translateY(-50%);
}
.slider-video_arrow.hide {
justify-content: center;
}
.slider-video_arrow-icon {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.slider-video_arrow-icon.is-projects {
width: 50%;
height: 50%;
}
.slider-videos_scrim {
pointer-events: none;
background-image: linear-gradient(90deg, #000, #0000 15% 85%, #000);
flex: none;
width: 100vw;
position: absolute;
inset: 0% 0% 0% 50%;
transform: translate(-50%);
}
.slider-video_arrow-group {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.slider-videos_slide-null {
z-index: 2;
position: absolute;
inset: 0%;
}
.section_expert-partners {
position: relative;
}
.expert-partners_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.snow-embed {
width: 100%;
height: 100%;
}
.type_content {
display: none;
}
.type_text {
/* background-image: linear-gradient(to bottom, white, gray); */
background-color: #006400;
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 10ch;
padding-bottom: 0.1em;
font-size: 5.63rem;
font-weight: 700;
line-height: 1.1;
}
.section_bento {
position: relative;
}
.home-bento_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.bento_grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
inset: 0%;
}
.bento_cell {
background-color: var(--black);
background-image: radial-gradient(
circle farthest-side at 50% 100%,
var(--purple-1),
#6b28e91a
);
border-radius: 2rem;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.bento_cell.is-sub {
background-image: radial-gradient(
circle farthest-side at 50% 100%,
var(--purple-1),
#6b28e900
);
padding-top: 4%;
}
.bento_cell.is-radar {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-image: radial-gradient(
circle farthest-side at 100% 0%,
var(--purple-1),
#6b28e900 56%
);
padding-top: 10%;
}
.bento_cell.is-ramp {
background-image: radial-gradient(
circle farthest-side at 50% 100%,
var(--purple-1),
#6b28e91a 48%
);
}
.bento_cell.is-mw {
background-image: radial-gradient(
circle farthest-side at 100% 100%,
var(--purple-1),
#6b28e91a 68%
);
flex-direction: row;
justify-content: space-between;
}
.bento_cell.is-aff {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
}
.bento_cell.is-soios {
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
padding-top: 2rem;
padding-left: 2rem;
}
.bento_ratio {
width: 100%;
padding-top: 72.7838%;
position: relative;
}
.type_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: #fff;
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 2.94rem;
font-weight: 700;
line-height: 1.1;
}
.type_heading.is-ramp {
margin-top: 5%;
font-size: 2rem;
font-weight: 400;
}
.type_heading.is-mw,
.type_heading.is-aff {
text-align: left;
max-width: 16ch;
margin-top: 5%;
margin-left: 0;
margin-right: 0;
font-size: 1.38rem;
font-weight: 400;
}
.type_heading.is-soios {
text-align: left;
max-width: 10ch;
margin-top: 1rem;
margin-left: 0;
margin-right: 0;
font-size: 1.38rem;
font-weight: 400;
}
.bento-sub_image {
width: 37rem;
max-width: 90%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
}
.bento-sub_image.is-aff {
width: 13.19rem;
max-width: none;
margin-top: 0;
margin-right: 0;
}
.bento-sub_image.is-soios {
width: auto;
max-width: none;
height: 105%;
margin-right: -1.3rem;
}
.bento_radar-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 90%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.bento_radar-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: center;
align-items: center;
display: flex;
}
.bento_radar-item-icon {
font-family: "Fa Sharp 300", sans-serif;
font-size: 2rem;
line-height: 1;
}
.bento_radar-item-text {
font-size: 1.5rem;
line-height: 1.2;
}
.bento_link {
z-index: 2;
position: absolute;
inset: 0%;
}
.bento_ramp-logo {
height: 1.25rem;
margin-top: 10%;
}
.bento_ramp-badge {
background-color: var(--white-0-1);
color: var(--peach);
text-align: center;
border-radius: 100vmax;
margin-top: 8%;
margin-left: auto;
margin-right: auto;
padding: 0.75rem 1rem;
font-size: 0.81rem;
}
.bento_mw-left-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-left: 4%;
display: flex;
}
.bento_mw-logo {
font-size: 1.13rem;
font-weight: 700;
}
.bento_mw-logo-superscript {
font-size: 0.4em;
top: -1.3em;
}
.bento-mw_image {
max-width: 90%;
margin: 3% 6% -7% auto;
}
.bentro-aff_badge {
background-color: var(--white-0-1);
letter-spacing: 0.12em;
text-transform: uppercase;
border-radius: 100vw;
padding: 1rem;
}
.bentro-aff_badge-icon {
font-family: "Fa Sharp 300", sans-serif;
}
.bentro-aff_content {
z-index: 2;
flex-direction: column;
align-items: flex-start;
margin-right: -2.5rem;
font-weight: 700;
display: flex;
position: relative;
}
.bentro-soios_logo1 {
height: 0.88rem;
display: flex;
}
.bentro-soios_content {
flex-direction: column;
align-items: flex-start;
margin-bottom: 2rem;
display: flex;
}
.bentro-soios_logo2 {
height: 1.31rem;
margin-top: 2rem;
display: flex;
}
.section_bot {
position: relative;
}
.bot_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.bot_logo {
width: 5rem;
height: 5rem;
}
.section_need {
position: relative;
}
.need_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.section_partners-data {
position: relative;
}
.partners-data_component {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
gap: 2rem;
}
.partners-data_list {
width: 100%;
gap: 2rem;
display: flex;
justify-content: space-around;
align-items: center;
}
@media (max-width: 640px) { /* Adjust width as needed for mobile breakpoint */
.partners-data_list {
flex-direction: column; /* Change to column layout on mobile */
}
}
.partners-data_data {
background-image: linear-gradient(225deg, var(--peach), var(--purple-1));
letter-spacing: -0.05em;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 6.25rem;
font-weight: 300;
line-height: 1.25;
}
.partners-data_item {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.section_home-wall {
position: relative;
}
.home-wall_heading-wrapper {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
max-width: 34rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.section_widget {
position: relative;
}
.widget_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.section_partner-logos {
position: relative;
}
.partner-logos_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.partner-logos_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.partner-logos_image {
width: 100%;
max-width: none;
height: 100%;
}
.section_store-feed {
position: relative;
}
.store-feed_component {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.store-feed_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.store-filter_list {
flex-wrap: wrap;
display: flex;
}
.store-feed_card-image {
aspect-ratio: 1;
object-fit: contain;
width: 100%;
max-width: none;
height: 100%;
}
.store-feed_card-content {
text-align: center;
}
.store-feed_item {
flex-direction: column;
}
.store-feed_card-price-row {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
color: var(--slate-grey);
flex-direction: row;
justify-content: center;
font-size: 1.5rem;
}
.store-feed_card {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.store-feed_card-link {
z-index: 2;
position: absolute;
inset: 0%;
}
.section_why-header {
position: relative;
overflow: hidden;
}
.why-header_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.why-header_content-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.why-header_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
padding-bottom: 0.1em;
font-size: 5.63rem;
font-weight: 700;
line-height: 1.1;
}
.section_why-story {
position: relative;
}
.why-story_list {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
letter-spacing: -0.02em;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.why-story_item {
text-align: center;
flex-flow: column wrap;
justify-content: center;
font-size: 3rem;
font-weight: 700;
line-height: 2;
display: flex;
}
.why-story_item.is-styler {
outline-offset: 0px;
outline: 3px solid #fff;
display: none;
}
.why-story_item.is-closer {
margin-top: -8rem;
}
.line-mask {
z-index: 2;
background-color: #0a0a0b80;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.why-story_paragraph {
overflow-wrap: normal;
position: relative;
}
.line {
z-index: 1;
display: block;
position: relative;
}
.about-header_list {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: column;
display: flex;
}
.why-story_element-styles {
display: flex;
}
.section_header104 {
position: relative;
}
.header104_component {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.header104_heading {
font-size: 5rem;
font-weight: 700;
line-height: 1.2;
}
.header104_heading-span {
background-image: none;
background-position: 100%;
background-repeat: no-repeat;
background-size: contain;
padding-right: 11.5rem;
}
.why-story_image {
object-fit: contain;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
top: -0.1em;
}
.why-story_image.is-single {
height: auto;
}
.section-theme-light {
background-color: var(--white);
color: var(--black);
}
.section_preview-blog {
background-color: var(--purple-1);
position: relative;
}
.section_preview-blog.is-light {
background-color: var(--white);
color: var(--black);
}
.preview-blog_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.preview-blog_image-wrapper {
flex: none;
width: 10.63rem;
position: relative;
overflow: hidden;
}
.preview-blog_card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: row;
align-items: center;
position: relative;
}
.preview-blog_image {
aspect-ratio: 16/9;
}
.preview-blog_item {
border-bottom: 1px solid #000;
margin-bottom: 1.25rem;
padding-bottom: 1.25rem;
}
.preview-blog_item:last-child {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.preview-blog_card-link {
z-index: 2;
position: absolute;
inset: 0%;
}
.calc-breakdown_service-label {
margin-right: auto;
font-size: 1.25rem;
}
.text-bubble {
background-color: var(--purple-1);
color: var(--white);
border-radius: 100vw;
margin-left: 0.25em;
margin-right: 0.25em;
padding: 0.3em 0.5em;
font-size: 0.75em;
font-weight: 400;
line-height: 1;
display: inline-block;
position: relative;
top: -0.1em;
}
.splitter_component {
cursor: pointer;
width: 100%;
height: 46rem;
display: flex;
position: relative;
overflow: hidden;
}
.splitter_before {
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
position: absolute;
inset: 0%;
}
.background-video {
width: 100%;
height: 100%;
}
.background-video.is-after {
width: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.spliter_after {
z-index: 2;
width: 50%;
height: 100%;
position: absolute;
inset: 0% 0% auto auto;
overflow: hidden;
}
.spliter_after.is-4 {
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
width: 60%;
}
.splitter_handle-component {
z-index: 2;
background-color: #0000;
width: 2px;
height: 100%;
position: absolute;
left: 50%;
}
.splitter_handle-component.is-4 {
left: 40%;
}
.splitter_handle-wrapper {
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.splitter_handle-circle {
background-color: var(--white);
color: var(--black);
border-radius: 100vmax;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
display: flex;
}
.splitter_handle-circle:hover {
background-color: var(--purple-1);
color: var(--white);
}
.splitter_handle-circle.is-4 {
outline-offset: 0px;
border-width: 2px;
outline-style: none;
outline-color: #000;
justify-content: center;
align-items: center;
width: 3.575rem;
height: 3.575rem;
transition: background-color 0.3s;
display: flex;
position: relative;
}
.splitter_handle-circle.is-4:hover {
background-color: var(--purple-1);
}
.splitter_handle-circle.is-4:active {
border-color: #746d6d;
}
.text-style-button {
z-index: 3;
text-transform: uppercase;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 700;
line-height: 1.21;
position: relative;
}
.splitter_ratio {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.video_embed {
margin-top: 1.5rem;
margin-bottom: 0;
}
.display-inlinetext {
display: inline;
}
.section_service-spread {
position: relative;
}
.service-spread_image {
width: 100%;
max-width: none;
height: 100%;
}
.service-spread_scrim {
z-index: 2;
background-image: linear-gradient(to top, var(--black), #0000);
width: 100%;
height: 75%;
position: absolute;
inset: auto 0% 0%;
}
.section_service-body {
position: relative;
}
.service-body_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.section_service-features {
position: relative;
}
.service-features_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.service-features_heading {
text-align: center;
font-size: 3.75rem;
}
.service-features_list {
grid-column-gap: 2.81rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.service-features_item-heading {
font-size: 2rem;
font-weight: 700;
}
.service-features_item-description {
color: var(--slate-grey);
max-width: 20rem;
font-size: 1.19rem;
}
.service-features_richtext {
color: var(--slate-grey);
font-size: 1.25rem;
}
.service-features_richtext h1,
.service-features_richtext h2,
.service-features_richtext h3,
.service-features_richtext h4 {
color: var(--white);
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.service-features_richtext h5,
.service-features_richtext h6 {
color: var(--white);
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.service-features_richtext p {
margin-bottom: 1rem;
}
.service-features_richtext ul,
.service-features_richtext ol {
margin-bottom: 1.5rem;
}
.service-features_richtext a {
color: var(--purple-1);
font-weight: 700;
text-decoration: underline;
}
.service-features_richtext a:hover {
color: var(--eggplant);
}
.section_service-video {
position: relative;
}
.service-video_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.service-video_heading {
text-align: center;
font-size: 3.75rem;
}
.service-expertise_richtext h1,
.service-expertise_richtext h2,
.service-expertise_richtext h3,
.service-expertise_richtext h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.service-expertise_richtext h5,
.service-expertise_richtext h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.service-expertise_richtext p {
margin-bottom: 1rem;
}
.service-expertise_richtext ul {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 1.5rem;
padding-left: 0;
list-style-type: none;
display: grid;
}
.service-expertise_richtext ol {
margin-bottom: 1.5rem;
}
.service-expertise_richtext a {
color: var(--purple-1);
font-weight: 700;
text-decoration: underline;
}
.service-expertise_richtext a:hover {
color: var(--eggplant);
}
.service-expertise_richtext li {
color: var(--slate-grey);
background-image: url(https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/65698d9949c26cdb95290916_icon-check.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
min-height: 2.19rem;
margin-bottom: 0;
padding-left: 4rem;
font-size: 1.63rem;
line-height: 1.4;
}
.section_gallery-team {
position: relative;
}
.gallery-team_layout {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: 15rem 20rem 7.5rem 15rem;
grid-template-columns: 0.75fr 0.25fr 1fr 2rem 1fr;
grid-auto-rows: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.gallery-team_image {
object-fit: cover;
border-radius: 0.63rem;
width: 100%;
max-width: none;
height: 100%;
}
.section_awards {
position: relative;
}
.awards_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.awards_list {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.awards_item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 112px auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.awards_item-text {
color: var(--slate-grey);
text-align: center;
max-width: 8.13rem;
font-size: 0.88rem;
}
.awards_image {
width: 100%;
max-width: 9.5rem;
height: 100%;
max-height: 6.95rem;
filter: invert(1);
}
.section_team-feed {
position: relative;
}
.team-feed_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.team-feed_list {
grid-column-gap: 5%;
grid-row-gap: 4rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: flex;
}
.team-feed_item {
width: 30%;
}
.team-feed_card {
text-align: center;
}
.team-feed_card-image-wrapper {
border-radius: 100vmax;
position: relative;
overflow: hidden;
}
.team-feed_card-image {
object-fit: cover;
border-radius: 100vmax;
width: 100%;
}
.team-feed_card-image.is-hover {
z-index: 2;
position: absolute;
inset: 0%;
}
.team-feed_card-name {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.team-feed_card-position {
color: var(--purple-1);
font-size: 1.5rem;
font-weight: 700;
}
.store-header_background-wrapper {
z-index: -2;
position: absolute;
inset: 0%;
}
.section_store-header {
position: relative;
}
.store-header_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: auto;
display: grid;
}
.store-header_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.store-header_image {
aspect-ratio: 1;
object-fit: contain;
width: 100%;
}
.store-header_image-promo {
position: absolute;
inset: auto 7% 20% auto;
}
.store-breadcrumb_component {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
flex-direction: row;
align-items: center;
}
.store-breadcrumb_link-block {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
align-items: center;
display: flex;
}
.store-breadcrumb_link-block:hover {
text-decoration: underline;
}
.store-breadcrumb_link-text {
font-weight: 700;
}
.store-header_price {
color: var(--slate-grey);
font-size: 1.5rem;
font-weight: 400;
}
.store-header_price-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
align-items: baseline;
}
.section_store-body {
position: relative;
}
.store-body_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.section_about-solutions {
position: relative;
}
.about-solutions_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 0.75fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.about-solutions_content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.about-solutions_card {
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 0 2vw;
padding-top: 1rem;
margin-top: 1%;
padding-bottom: 1rem;
display: flex;
position: relative;
overflow: hidden;
z-index: 20;
transition: all 0.3s linear;
border-top-left-radius: 16px ;
border-bottom-right-radius: 16px;
background-color: var(--purple-1);
color: #fff;
}
.about-solutions_card::after {
content: '';
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
border: transparent;
/* background-color: red; */
border: white;
background: white;
border-radius: none;
z-index: 10;
transition: top 0.3s linear;
}
.database-feed {
width: 100%;
height: 20vh;
display: flex;
justify-content: space-between;
padding: 0 2vw;
border-top-left-radius: 16px;
border-bottom-right-radius: 16px;
background-color: green;
position: relative;
align-items: center;
overflow: hidden; /* To hide the overflowing ::after element */
}
.heading-style-h3{
color: white;
}
.about-solutions_card:hover{
border: 1px solid white;
border-radius: 0;
}
.about-solutions_card:hover .heading-style-h3 {
background: linear-gradient(to bottom, #90ee90, #006400);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.about-solutions_card:hover::after {
top: 0;
border: white;
}
.about-solutions_layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
width: 100%;
display: flex;
}
.section_careers-perks {
position: relative;
}
.careers-perks_component {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.careers-perks_list {
grid-column-gap: 2rem;
grid-row-gap: 10rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
display: grid;
}
.careers-perks_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: center;
}
.careers-perks_item-label {
max-width: 15ch;
margin-left: auto;
margin-right: auto;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.careers-perks_item-icon {
object-fit: contain;
flex-direction: column;
justify-content: center;
width: 7rem;
height: 7rem;
font-family: "Fa Sharp 300", sans-serif;
font-size: 5.63rem;
line-height: 1;
display: flex;
}
.careers-perks_background {
z-index: -1;
background-image: linear-gradient(to bottom, var(--black), #0000 8%),
radial-gradient(circle farthest-corner at 0% 30%, #5500f966, #5500f900 33%);
height: 120%;
margin-top: -10%;
position: absolute;
inset: 0%;
}
.careers-perks_background.is-flip {
transform-style: preserve-3d;
transform: rotateX(180deg) rotateY(180deg) rotate(0);
}
.store-feed_layout {
align-items: center;
}
.career-body_layout,
.career-form_block {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 329px;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.footer_divider {
background-image: linear-gradient(to bottom, var(--purple-1), var(--peach));
width: 100%;
height: 1px;
}
.section_body {
position: relative;
}
.body_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.body_embed {
border-radius: 1.25rem;
overflow: hidden;
}
.why-story_paragrap {
display: inline-block;
}
.footer_light-wrapper {
display: block;
overflow: hidden;
}
.form-block {
margin-bottom: 0;
}
.section_resource-headeer {
background-color: var(--white);
color: var(--black);
position: relative;
}
.resource-headeer_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.resource-headeer_content-wrapper {
flex-flow: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.resource-headeer_image-wrapper {
width: 100%;
}
.resource-headeer_image {
width: 100%;
max-width: none;
height: 100%;
}
.ad-banner_component-border {
background-image: linear-gradient(225deg, #d1f2e5, #075b29);
border-radius: 1.88rem;
padding: 1px;
}
.ad-banner_component {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
background-color: #0a0a0a;
border-radius: 1.88rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1.2fr;
grid-auto-columns: 1fr;
align-items: stretch;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-left: 4.5rem;
display: grid;
position: relative;
overflow: hidden;
}
.ad-banner_content-wrapper {
z-index: 2;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
max-width: 28rem;
display: flex;
position: relative;
}
.ad-banner_content-wrapper.is-cs {
max-width: 28rem;
}
.ad-banner_content-heading {
-webkit-text-fill-color: transparent;
/* background-image: linear-gradient(#f2d8d1 7.5%, #c2bafa 92.5%); */
background-image: linear-gradient(to bottom, #90ee90, #006400);
-webkit-background-clip: text;
background-clip: text;
font-size: 2.625rem;
}
.ad-banner_content-description {
color: var(--slate-grey);
font-size: 1.4375rem;
line-height: 1.25;
}
.ad-banner_image-wrapper {
z-index: 2;
margin-top: -3.25rem;
margin-bottom: -3.25rem;
position: relative;
}
.ad-banner_image-page {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: none;
height: 100%;
}
.ad-banner_glow {
z-index: 1;
filter: blur(200px);
background-color: #075b0e;
border-radius: 50%;
width: 78rem;
height: 78rem;
position: absolute;
inset: auto -30.6rem -59.64rem auto;
}
.section_ad-banner,
.section_ad-header {
position: relative;
}
.ad-header_background-wrapper {
z-index: -2;
position: absolute;
inset: 0%;
overflow: hidden;
}
.ad-header_list {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
display: flex;
}
.announcement-bar_text-link {
border: 1px solid var(--white);
border-radius: 100vmax;
padding: 0.15em 0.5em;
font-size: 0.88rem;
font-weight: 700;
transition: all 0.2s;
display: inline-block;
}
.announcement-bar_text-link:hover {
transform: scale(1.1);
}
.section_ebook-header {
position: relative;
}
.ebook-header_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.ebook-header_content-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.ebook-header_subheading {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
flex-direction: row;
justify-content: center;
align-items: baseline;
font-size: 1.06rem;
}
.ebook-header_subheading-free {
background-color: var(--black);
border-radius: 0.5rem;
padding: 0.25rem 0.75rem;
}
.ebook-header_subheading-free-border {
background-image: linear-gradient(30deg, var(--purple-1), var(--peach));
border-radius: 0.56rem;
padding: 1px;
}
.ebook-header_background-wrapper {
z-index: -2;
position: absolute;
inset: 0%;
overflow: hidden;
}
.ebook-header_heading {
font-size: 5.63rem;
}
.ebook-header_heading-wrapper {
background-image: linear-gradient(45deg, var(--purple-1), var(--peach));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 34rem;
padding-bottom: 0.1em;
font-size: 5.63rem;
}
.ebook-header_tagline {
text-transform: uppercase;
max-width: 22ch;
font-size: 2.25rem;
font-weight: 700;
}
.ebook-header_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 63rem;
display: flex;
position: relative;
}
.ebook-header_image {
width: 100%;
max-width: none;
height: 100%;
}
.ebook-header_glow {
z-index: -1;
background-image: radial-gradient(
circle farthest-side at 50% 50%,
var(--purple-1),
#5602f8f0 24%,
#6b28e900
);
filter: blur(100px);
width: 110%;
height: 100%;
margin-left: -5%;
position: absolute;
inset: 0%;
}
.button-gradient {
background-image: linear-gradient(225deg, var(--purple-1), var(--peach));
border-radius: 100vmax;
padding: 1px;
font-size: 2.25rem;
font-weight: 700;
transition: all 0.2s;
}
.button-gradient:hover {
transform: scale(1.05);
}
.button-fill {
background-color: var(--black);
border-radius: 100vmax;
padding: 1.75rem 3rem;
}
.section_review-stars {
position: relative;
}
.review-stars_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
align-items: stretch;
display: flex;
}
.review-stars_item {
grid-column-gap: 0.88rem;
grid-row-gap: 0.88rem;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 13.88rem;
font-size: 1.5rem;
display: flex;
}
.section_ebook-content {
position: relative;
}
.container-xsmall {
width: 100%;
max-width: 40rem;
margin-left: auto;
margin-right: auto;
}
.container-xsmall.is-links {
max-width: 39.25rem;
}
.container-xsmall.is-richtext {
max-width: 37rem;
}
.ebook-content_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.text-gradient-purple-peach {
background-image: linear-gradient(45deg, var(--peach), #995de8);
color: #fff;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
padding-bottom: 0.1em;
}
.ebook-content_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
padding-left: 0;
display: flex;
}
.ebook-content_item {
letter-spacing: -0.01em;
background-image: url(https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/657fe3bc2e875b447a7ed0c2_checklist-check-solid.svg);
background-position: 0 2px;
background-repeat: no-repeat;
padding-left: 3.5rem;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
list-style-type: none;
}
.ebook-content_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 120%;
max-width: 63rem;
margin-left: -10%;
display: flex;
position: relative;
}
.section_bundle-header {
position: relative;
overflow: hidden;
}
.bundle-header_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.bundle-header_content-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.bundle-header_heading-wrapper {
background-image: linear-gradient(45deg, var(--purple-1), var(--peach));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 36rem;
padding-bottom: 0.1em;
font-size: 5.63rem;
}
.bundle-header_badge-block {
background-color: var(--white-0-1);
border-radius: 100vw;
padding: 0.5rem 1rem;
}
.bundle-header_heading {
font-size: 5.63rem;
}
.button-slide {
grid-column-gap: 0.63rem;
grid-row-gap: 0.63rem;
background-color: var(--purple-1);
background-image: linear-gradient(
to bottom,
var(--purple-1),
var(--purple-2)
);
color: #fff;
text-align: center;
border-width: 0;
border-radius: 100vw;
align-items: center;
padding: 0.5rem 0.5rem 0.5rem 1.25rem;
font-size: 1.25rem;
font-weight: 400;
transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
display: flex;
}
.button-slide:hover {
transform: scale(1.05);
}
.button-slide.is-text {
color: var(--white);
background-color: #0000;
background-image: none;
border: 2px solid #0000;
text-decoration: underline;
}
.button-slide.is-text.is-gray {
color: var(--slate-grey);
}
.button-slide.is-text.is-gray:hover {
color: var(--white);
}
.button-slide.is-small {
padding: 0.5rem 1.25rem;
}
.button-slide.is-large {
background-image: linear-gradient(45deg, var(--purple-1), var(--purple-2));
padding: 2rem;
font-size: 2rem;
}
.button-slide.is-secondary {
background-color: #ddd;
}
.button-slide.is-icon {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-slide.is-line {
background-color: #0000;
background-image: none;
box-shadow: inset 0 0 0 1px #ffffff80;
}
.button-slide.is-line.is-purple {
box-shadow: inset 0 0 0 1px var(--purple-2);
padding-left: 2rem;
padding-right: 2rem;
}
.button-slide.is-calc-banner {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.button-slide.is-links {
background-color: var(--white);
color: var(--black);
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 4.5rem;
font-size: 1.5rem;
line-height: 1.2;
transition: all 0.2s;
display: flex;
}
.button-slide.is-links:hover {
background-color: var(--purple-1);
color: var(--white);
background-image: none;
}
.button-slide.is-view-all {
background-color: var(--lavender);
color: var(--black);
background-image: none;
border: 2px solid #0000;
padding: 0.5rem 1rem;
font-size: 1rem;
}
.button-slide.is-view-all.is-gray {
color: var(--slate-grey);
}
.button-slide.is-view-all.is-gray:hover {
color: var(--white);
}
.button-slide-icon {
width: 2.63rem;
height: 2.63rem;
}
.bundle-header_image-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 63rem;
display: flex;
position: relative;
}
.bundle-header_image {
width: 100%;
max-width: none;
height: 100%;
}
.bundle-header_glow {
z-index: -1;
background-image: radial-gradient(
circle farthest-side at 50% 50%,
var(--purple-1),
#5602f8f0 24%,
#6b28e900
);
filter: blur(100px);
width: 120%;
height: 130%;
margin-left: -10%;
position: absolute;
inset: 0%;
}
.section_bundle-content {
position: relative;
overflow: hidden;
}
.bundle-content_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.bundle-content_content-wrapper {
max-width: 30.94rem;
}
.bundle-content_image-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.bundle-content_image {
width: 100%;
max-width: none;
height: 100%;
}
.bundle-content_image-glow {
z-index: -1;
filter: blur(100px);
background-image: linear-gradient(90deg, #ed00ec 33%, #4c35de 66%);
border-radius: 50%;
width: 60%;
height: 60%;
position: absolute;
}
.bundle-content_button-row {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
align-items: center;
display: flex;
position: relative;
}
.bundle-content_price {
font-size: 3rem;
font-weight: 700;
line-height: 1;
}
.bundle-content_price-unit {
font-size: 0.5em;
top: -0.1em;
}
.bundle-content_button-arrow {
width: 3.19rem;
height: 2.19rem;
position: absolute;
top: 2rem;
left: -5rem;
}
.bundle-content_button-arrow.is-right {
transform-style: preserve-3d;
left: auto;
right: -5rem;
transform: rotateX(0) rotateY(180deg) rotate(0);
}
.bundle-main_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.bundle-main_content-wrapper {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 30.94rem;
display: flex;
}
.bundle-main_button-row {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.bundle-main_glow {
z-index: -1;
background-image: radial-gradient(
circle farthest-side at 50% 50%,
var(--purple-1),
#5602f8f0 24%,
#6b28e900
);
filter: blur(100px);
width: 160%;
height: 130%;
margin-left: -30%;
position: absolute;
inset: 0%;
}
.section_campaign-header {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
}
.campaign-header_background-wrapper {
z-index: -2;
position: absolute;
inset: 0%;
overflow: hidden;
}
.campaign-header_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.campaign-header_component.is-blog {
grid-template-columns: 1.5fr 1fr;
}
.campaign-header_content-wrapper {
max-width: 30rem;
}
.campaign-header_embed-wrapper {
background-color: var(--white);
border-radius: 0.63rem;
padding: 1rem;
}
.campaign-header_embed {
margin-bottom: 0;
}
.align-stretch {
flex-direction: column;
align-items: stretch;
display: flex;
}
.section_campaign-body {
background-color: var(--white);
color: var(--black);
position: relative;
}
.campaign-body_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.campaiign-header_content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.project-header-video {
aspect-ratio: auto;
background-color: var(--transparent);
object-fit: cover;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.unli-expertise_list_heading {
grid-column-gap: 2.5rem;
grid-row-gap: 1.63rem;
grid-template: ".Area Area-2"/1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.unli-expertise_lis_1stack {
grid-column-gap: 2.5rem;
grid-row-gap: 1.63rem;
grid-template: ".Area." ". . ." ". . ." ". .Area-2"/1fr;
grid-auto-columns: 1fr;
width: 100%;
display: block;
}
.exerptise_cell {
grid-row-gap: 53px;
padding: 0;
}
.unli-expertise_ite_stack {
grid-column-gap: 1.69rem;
margin-bottom: 1rem;
display: flex;
}
.discovery_call__component {
text-align: center;
justify-content: center;
align-items: stretch;
}
.discovery_call_embed {
flex: 1;
}
.section_tools_overview {
position: relative;
}
.soldout-toggle-wapper {
z-index: 100;
border: 1px solid var(--grey-middle);
background-color: var(--black);
border-radius: 20px;
display: inline-block;
position: absolute;
inset: 10% 10% auto auto;
}
.soldout-text-toggle {
padding: 0.15rem 0.5rem;
}
.store-feed-wrapper {
position: relative;
}
.waitlist-toggle-wapper-copy {
z-index: 100;
border: 1px solid var(--purple-1);
background-color: var(--black);
border-radius: 20px;
display: inline-block;
position: absolute;
inset: 10% 10% auto auto;
}
.waitlist-text-toggle-copy {
padding: 0.15rem 0.5rem;
}
.ad-banner {
margin-top: 1.5rem;
}
.utility-description {
color: var(--slate-grey);
font-size: 1.3rem;
}
.project-header_video {
z-index: -3;
object-fit: cover;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.ad-side_component-border {
background-image: linear-gradient(225deg, #f2d8d1, #5500f9);
padding: 1px;
}
.ad-side_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
background-color: #0a0a0a;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: stretch center;
max-width: 22em;
margin-bottom: 2rem;
padding-top: 2.5rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
display: grid;
position: relative;
overflow: hidden;
}
.ad-side_content-wrapper {
z-index: 2;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 28rem;
display: flex;
position: relative;
}
.ad-side_content-wrapper.is-cs {
max-width: 28rem;
}
.ad-side_content-heading {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#f2d8d1 7.5%, #c2bafa 92.5%);
-webkit-background-clip: text;
background-clip: text;
font-size: 2.25rem;
}
.ad-side_content-heading.is-small {
font-size: 2rem;
}
.ad-side_content-description {
color: var(--slate-grey);
font-size: 1rem;
line-height: 1.25;
}
.ad-side_image-wrapper {
z-index: 2;
width: 100%;
position: relative;
}
.ad-side_image-page {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: none;
height: 100%;
}
.ad-side_glow {
z-index: 1;
filter: blur(100px);
background-color: #5500f9;
border-radius: 50%;
width: 150%;
height: 70%;
position: absolute;
inset: auto 0% -25% -25%;
}
.ad-side_logo {
height: 1.25rem;
}
.ad-side_logo.is-small {
height: 1rem;
}
.ad-side_link {
z-index: 2;
position: absolute;
inset: 0%;
}
.exit_wrapper {
z-index: 30;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.exit_wrapper.is-show {
display: flex;
}
.exit_card {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: 1px solid var(--white);
background-color: var(--black);
text-align: center;
border-radius: 1.25em;
flex-direction: column;
align-items: center;
padding: 2.5rem;
display: none;
position: relative;
}
.exit_card.is-show {
display: flex;
}
.exit_heading {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
color: #fff;
letter-spacing: -0.03em;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
padding-bottom: 0.1em;
font-size: 3em;
font-weight: 700;
line-height: 1.2;
display: inline-block;
}
.exit_image {
width: 100%;
max-width: 20rem;
}
.exit_card-close-button {
opacity: 0.5;
cursor: pointer;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
font-family: "Fa Sharp 300", sans-serif;
font-size: 2rem;
font-weight: 300;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.exit_card-close-button:hover {
opacity: 1;
}
.exit_background {
z-index: 1;
background-color: var(--black);
opacity: 0.8;
position: absolute;
inset: 0%;
}
.exit_description {
color: var(--slate-grey);
font-size: 1.25rem;
}
.exit_script {
display: none;
}
.star-embed {
width: 26.25rem;
height: 26.25rem;
}
.section-y21-header {
color: var(--white);
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 51vw;
display: flex;
position: relative;
overflow: hidden;
}
.section-y21-header.is-0 {
opacity: 0;
}
.y21-cta_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
position: relative;
}
.y21-cta_button-link {
z-index: 5;
text-align: center;
background-color: #6d59fa;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 30rem;
height: 30rem;
font-size: 3.125rem;
transition: all 0.2s;
display: flex;
position: relative;
}
.y21-cta_button-link:hover {
background-color: #5e3d9b;
}
.y21-timeline_progress-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.header-year {
z-index: -4;
width: 100%;
max-width: none;
position: absolute;
inset: auto 0% 0;
}
.y21-intro_heading {
color: #fff;
text-align: left;
max-width: 11ch;
font-size: 7.5rem;
font-weight: 500;
line-height: 1;
}
.y21-timeline_gif-image {
width: 100%;
max-width: 30rem;
transition: box-shadow 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0 0 #fff;
}
.y21-timeline_gif-image:hover {
box-shadow: -6px 6px #fff;
}
.y21-header_logo {
width: auto;
max-width: none;
height: 2.6875rem;
}
.y21-timeline_text-wrapper {
z-index: 5;
grid-column-gap: 0px;
grid-row-gap: 1rem;
color: #fff;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.y21-timeline_text-wrapper.is-right {
text-align: left;
width: 100%;
}
.y21-timeline_list {
flex-direction: column;
display: flex;
}
.overlay-glow1 {
background-image: radial-gradient(circle farthest-side, #5e3d9b, #00254900);
border-radius: 50%;
width: 120vmax;
height: 120vmax;
position: absolute;
inset: 9% auto auto -62%;
}
.overlay-glow1.is-3 {
inset: 63% auto auto -64%;
}
.overlay-glow1.is-2 {
inset: 38% -58% auto auto;
}
.section-y21-cta {
color: #fff;
position: relative;
}
.section-y21-cta_background-glow {
z-index: 2;
background-image: radial-gradient(circle farthest-side, #5e3d9b, #00254900);
border-radius: 50%;
width: 120vmax;
height: 120vmax;
position: absolute;
inset: auto -56% -62vw auto;
}
.y21-timeline_progress-track {
z-index: -2;
background-color: var(--purple-2);
flex-direction: column;
width: 0.5rem;
height: 100%;
display: flex;
position: absolute;
top: -50svh;
bottom: 0%;
left: 50%;
transform: translate(-50%);
}
.y21-timeline_progress-track.is-cta {
background-color: var(--purple-1);
height: 16rem;
}
.y21-cta_button-color-purple {
z-index: 2;
background-color: var(--purple-1);
border-radius: 50%;
width: 95%;
height: 95%;
position: relative;
inset: auto;
}
.y21-intro_subheading-wrapper {
z-index: 1;
text-align: left;
flex-wrap: wrap;
max-width: 72ch;
display: block;
}
.section-y21-intro {
color: #fff;
flex-direction: column;
justify-content: center;
min-height: 50svh;
display: flex;
position: relative;
overflow: hidden;
}
.section-y21-intro_background-wrapper {
z-index: -1;
background-color: var(--black);
position: absolute;
inset: 0%;
overflow: hidden;
}
.y21-timeline-item {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 10rem 1fr;
grid-auto-columns: 1fr;
padding-top: 4rem;
padding-bottom: 4rem;
display: grid;
position: relative;
}
.y21-cta_button-color-wrapper {
background-color: #5e3d9b;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.y21-intro_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.main-wrapper-old.is-relative {
position: relative;
}
.star-component {
z-index: -2;
color: #fff;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
inset: 0%;
}
.star-component.hide {
display: none;
}
.section-y21-timeline_background-wrapper {
z-index: -5;
background-color: #080f1e;
position: absolute;
inset: 0%;
overflow: hidden;
}
.section-y21-cta_background-wrapper {
z-index: -5;
background-color: var(--black);
position: absolute;
inset: 0%;
overflow: hidden;
}
.is-relative {
position: relative;
}
.y21-timeline_progress-fade {
z-index: -1;
background-image: linear-gradient(
6deg,
#6d59fa00,
#6d59fa99 30% 66%,
#6d59fa00
);
width: 100%;
height: 100%;
display: none;
position: relative;
}
.y21-intro_subheading {
color: #fff;
text-align: left;
font-size: 2.8125rem;
font-weight: 700;
line-height: 1.6;
display: inline;
}
.y21-intro_subheading.highlight {
background-color: var(--purple-1);
border-radius: 100vw;
padding: 0 0.4em 0.05em;
display: inline-block;
}
.y21-intro_subheading.highlight:hover {
font-style: italic;
}
.section-y21-timeline {
color: #fff;
position: relative;
}
.y21-timeline_progress-dot-wrapper {
z-index: 3;
background-color: #5e3d9b;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
position: relative;
}
.y21-cta_gif {
width: 80%;
max-width: none;
}
.y21-cta_gif.is-1,
.y21-cta_gif.is-3 {
width: 70%;
position: absolute;
inset: auto;
}
.y21-cta_gif.is-2 {
width: 60%;
position: absolute;
inset: auto;
}
.y21-timeline_progress-bar {
z-index: -2;
background-image: linear-gradient(
6deg,
#b0d3ef,
#c6f2e7 30%,
#daf0e3 66%,
#fab8cc
);
width: 0.5rem;
height: 50svh;
position: sticky;
inset: 0% 0% auto;
}
.y21-cta_content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.y21-timeline_progress-dot-purple {
z-index: 2;
background-color: var(--purple-1);
border-radius: 50%;
width: 80%;
height: 80%;
position: relative;
inset: auto;
}
.page-wrapper-old.is-y21 {
cursor: none;
}
.timeline-shadow {
z-index: -1;
background-image: linear-gradient(to bottom, var(--black), #080f1e00);
width: 0.5rem;
height: 2rem;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.section-y21-timeline_background-glow {
background-image: radial-gradient(circle farthest-side, #5e3d9b, #00254900);
border-radius: 50%;
width: 120vmax;
height: 120vmax;
position: absolute;
inset: auto -56% -73% auto;
}
.y21-timeline_rich-text {
font-size: 1rem;
line-height: 1.5;
}
.section-y21-intro_background-glow {
background-image: radial-gradient(circle farthest-side, #5e3d9b, #00254900);
border-radius: 50%;
width: 100rem;
height: 100rem;
position: absolute;
inset: -55rem -55% auto auto;
}
.y21-header_background {
z-index: -5;
background-color: var(--purple-1);
color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
height: 60vw;
max-height: 102svh;
display: flex;
position: fixed;
inset: 0%;
}
.y21-header_background.is-mono {
z-index: -4;
color: var(--purple-1);
background-color: #6d59fa;
}
.y21-timeline_progress-dot-gradient {
z-index: 1;
background-color: #6d59fa;
background-image: linear-gradient(
321deg,
#b0d3ef,
#c6f2e7 30%,
#daf0e3 66%,
#fab8cc
);
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.main-overlay {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.main-overlay.clickable-off {
z-index: -1;
overflow: hidden;
}
.y21-header_logo-link {
justify-content: center;
display: flex;
position: absolute;
inset: 4rem auto auto;
}
.page-padding {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.y21-timeline_gif-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.y21-header_component {
z-index: -2;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
overflow: hidden;
}
.y21-cta_button-color-gradient {
z-index: 1;
background-color: #6d59fa;
background-image: linear-gradient(
321deg,
#b0d3ef,
#c6f2e7 30%,
#daf0e3 66%,
#fab8cc
);
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.y21-timeline_heading {
color: #fff;
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
.y21-cta_button-text {
z-index: 4;
max-width: 80%;
font-weight: 700;
line-height: 1.1;
position: relative;
}
.y21-header_background-cover {
z-index: -3;
border: 1px solid var(--black);
background-color: var(--black);
position: absolute;
inset: 0%;
transform: translateY(100%);
}
.y21-timeline_richtext {
overflow-wrap: normal;
max-width: 23rem;
font-size: 1.25rem;
}
.y21-timeline_richtext h1,
.y21-timeline_richtext h2,
.y21-timeline_richtext h3,
.y21-timeline_richtext h4 {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.y21-timeline_richtext h5,
.y21-timeline_richtext h6 {
margin-top: 1.25rem;
margin-bottom: 1rem;
}
.y21-timeline_richtext p {
margin-bottom: 1rem;
}
.y21-timeline_richtext ul,
.y21-timeline_richtext ol {
margin-bottom: 1.5rem;
}
.y21-timeline_richtext a {
color: var(--purple-1);
font-weight: 700;
text-decoration: underline;
}
.y21-timeline_richtext a:hover {
color: var(--eggplant);
}
.y21-timeline_richtext blockquote {
border-left-color: var(--purple-1);
margin-bottom: 1rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.yearheader {
z-index: -4;
text-align: center;
font-size: 40vw;
font-weight: 700;
position: absolute;
inset: 15% 0% 0 5%;
}
.cta_wrapper {
margin-top: auto;
display: block;
}
.results-section {
position: relative;
}
.section_discovery {
height: 100%;
position: relative;
}
.webflow_exerptise_cell {
grid-row-gap: 53px;
padding: 0;
}
.exit_subheader {
color: var(--white);
font-size: 1.25rem;
}
.service-wrapper {
width: 18rem;
display: flex;
}
.service-icon-wrapper {
min-width: 2rem;
max-width: 2rem;
}
.nav_dropdown-service-icon {
color: var(--purple-1);
font-family: "Fa Sharp 300", sans-serif;
}
.nav_dropdown-solutions-menu {
background-color: #fff;
}
.nav_dropdown-solutions-menu.w--open {
background:
linear-gradient(135deg, #f8fafba9 0%, #f8f8f8 100%),
rgba(255, 255, 255, 0.2);
color: var(--textcolor);
inset: 4rem auto auto 50%;
transform: translate(-10%);
mix-blend-mode: difference;
}
.nav_dropdown-solutions-menu-layout {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content;
grid-auto-columns: 1fr;
padding: 2.5rem;
display: grid;
}
.nav_dropdown-pricing-menu {
background-color: #fff;
}
.nav_dropdown-pricing-menu.w--open {
/* background-color: var(--black); */
background: linear-gradient(135deg, rgba(9, 117, 18, 0.566) 0%, rgba(7, 91, 14, 0.753) 100%);
inset: 4rem auto auto 50%;
transform: translate(-50%);
}
.nav_dropdown-pricing-menu-layout {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
padding: 2.5rem;
display: grid;
}
.nav_dropdown-pricing-links-list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
display: flex;
}
.price-wrapper {
flex-flow: column;
width: 18rem;
display: flex;
}
.services-cms {
margin-bottom: 1.25rem;
}
.nav_icon_label {
color: var(--purple-2);
letter-spacing: 1px;
font-family: "Fa Sharp 300", sans-serif;
}
.section_pricing {
position: relative;
}
.pricing_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.pricing_heading {
text-align: center;
font-size: 3.75rem;
}
.pricing_list {
grid-column-gap: 3rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing_item-border {
background-image: linear-gradient(#121a37, #3b2076);
border-radius: 1.88rem;
flex: 1;
padding: 1px;
}
.pricing_item {
border: 1px solid var(--black);
background-color: var(--black);
border-radius: 1.88rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
min-height: 24rem;
padding: 2.5rem;
display: flex;
}
.pricing_item.accelerator-plus {
background-image: radial-gradient(
circle farthest-corner at 100% 0%,
var(--purple-1),
var(--purple-1) 0%,
#5500f945
);
}
.pricing-title-container {
display: flex;
}
.pricing-icon {
color: var(--purple-1);
align-self: center;
margin-right: 1rem;
font-family: "Fa Sharp 300", sans-serif;
font-size: 2rem;
}
.pricing_item-description {
color: var(--slate-grey);
font-size: 1.2rem;
}
.pricing_item-heading {
background-image: linear-gradient(180deg, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2.3rem;
font-weight: 700;
}
.pricing_item-heading.discount {
color: var(--purple-2);
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
text-decoration: line-through;
}
.pricing-text {
background-image: linear-gradient(to bottom, var(--peach), var(--eggplant));
letter-spacing: -0.03em;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2.25rem;
font-weight: 700;
line-height: 1.2;
}
.pricing_list_items {
grid-column-gap: 2.5rem;
grid-row-gap: 1.63rem;
grid-template: ".Area." ". . ." ". . ." ". .Area-2"/1fr;
grid-auto-columns: 1fr;
width: 100%;
display: block;
}
.unli-pricing_stack {
grid-column-gap: 1rem;
margin-bottom: 0.75rem;
display: flex;
}
.unli-pricing_stack.text-faded {
opacity: 0.4;
}
.pricing_item-check {
background-image: linear-gradient(180deg, var(--purple-1), var(--purple-2));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
flex: none;
margin-top: 0.1rem;
font-family: "Fa Sharp 300", sans-serif;
font-size: 1.5rem;
line-height: 1;
display: flex;
}
.pricing_item-check.is-x {
color: var(--purple-1);
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
font-size: 1.69rem;
}
.pricing_item-text {
color: var(--white);
font-size: 1.2rem;
line-height: 1.25;
}
.button-stretch-container {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.accelerator_banner-border {
background-image: linear-gradient(
90deg,
var(--purple-1),
var(--peach) 50%,
var(--purple-1)
);
border-radius: 1.25rem;
flex-flow: column;
justify-content: flex-end;
width: 100%;
padding: 1px;
display: flex;
overflow: hidden;
}
.accelerator_banner-layout {
grid-column-gap: 2.5rem;
grid-row-gap: 1rem;
background-color: var(--black);
background-image: radial-gradient(
circle farthest-corner at 100% 0%,
var(--purple-1),
var(--black) 46%
);
border-radius: 1.25rem;
grid-template-rows: auto auto;
grid-template-columns: 2.5fr 1fr;
grid-auto-columns: 1fr;
padding: 3rem 2.5rem;
display: grid;
}
.accelerator-list {
display: flex;
}
.accelerator_banner-price-block {
text-align: center;
flex-direction: column;
justify-content: flex-end;
align-items: center;
display: flex;
}
.sitemap-style-heading {
letter-spacing: -0.03em;
font-size: 1rem;
font-weight: 700;
line-height: 1.5;
}
.accelerator-pricing {
grid-column-gap: 3rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.included_item-subheading {
font-size: 1.3rem;
font-weight: 700;
}
.included_item-subheading.text-gradient-peach.text-faded {
opacity: 0.4;
}
.accelerator_plus_banner-border {
background-image: linear-gradient(
90deg,
var(--purple-1),
var(--peach) 50%,
var(--purple-1)
);
border-radius: 1.88rem;
flex-flow: column;
justify-content: flex-end;
width: 100%;
padding: 1px;
display: flex;
overflow: hidden;
}
.packages-heading {
background-image: linear-gradient(180deg, var(--peach), var(--eggplant));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
font-size: 2.3rem;
font-weight: 700;
}
.packages-description {
color: var(--slate-grey);
font-size: 1.2rem;
}
.packages-description-link {
color: var(--purple-2);
font-size: 1.2rem;
}
.packages-description-link:hover {
color: var(--eggplant);
}
.packages-include-wrapper {
text-align: center;
}
.accelerator-header_description {
max-width: 40ch;
font-size: 1.5rem;
}
.section_accelerator-included {
position: relative;
}
.accelerator-included_component {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.accelerator-included_heading {
text-align: center;
font-size: 3.75rem;
}
.accelerator-included-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.included_item-text-wrapper {
border: 1px solid var(--slate-grey);
color: var(--white);
border-radius: 5px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 0.3rem;
margin-bottom: 0.3rem;
padding: 0.5rem 1rem;
font-size: 1.2rem;
line-height: 1.25;
display: inline-flex;
}
.accelerator-included_item-border {
background-image: linear-gradient(#121a37, #3b2076);
border-radius: 1.88rem;
flex: 1;
padding: 1px;
}
.accelerator-included_item {
border: 1px solid var(--black);
background-color: var(--black);
border-radius: 1.88rem;
flex-flow: column;
justify-content: space-between;
width: 100%;
height: 100%;
min-height: 24rem;
padding: 2.5rem;
display: flex;
}
.accelerator-included_item.accelerator-plus {
background-image: radial-gradient(
circle farthest-corner at 100% 0%,
var(--purple-1),
var(--purple-1) 0%,
#5500f945
);
}
.accelerator-included-container {
flex-flow: column;
align-items: flex-start;
display: flex;
}
.section_calcs-header-copy {
position: relative;
}
.bundle_item-description {
color: var(--slate-grey);
text-align: center;
font-size: 1.38rem;
}
.div-block {
align-self: center;
max-width: 50rem;
}
.tabs-menu {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.tab {
border: 2px solid var(--purple-1);
background-color: #fff0;
border-radius: 1px 100px 100px 1px;
padding-left: 10px;
padding-right: 20px;
font-weight: 700;
}
.tab.w--current {
background-color: var(--purple-1);
}
.tab.left {
border-radius: 100px 1px 1px 100px;
padding-left: 20px;
padding-right: 10px;
}
.tab.left.w--current {
background-color: var(--purple-1);
}
.price-discount {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.summary_disclaimer {
color: var(--slate-grey);
text-align: center;
max-width: 30ch;
margin-left: auto;
margin-right: auto;
font-size: 0.88rem;
}
.calc_item-row-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.calc_item-row-2.is-category {
flex-direction: column;
align-items: stretch;
display: flex;
}
.calc_item-row-2.is-header {
grid-template-columns: 2fr 1fr;
align-items: center;
}
.section_service-results {
position: relative;
}
.intent-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.ppc_header_wrapper{
width: 100%;
display: flex;
/* border: 1px solid red; */
/* gap: 2%; */
}
.padingheader{
padding-top: 15vh;
padding-bottom: 4vh;
}
.leftppcheader{
width: 50%;
height: 100vh;
/* border: 1px solid red; */
}
.rightppcheader{
width: 50%;
height: 100vh;
/* border: 1px solid red; */
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.coin {
width: 170px;
height: 170px;
border-radius: 50%;
perspective: 1000px;
transform-style: preserve-3d;
position: relative;
transition: transform 1s ease-in-out;
position: absolute;
top: 13%;
right: 10%;
color: white ;
}
.coin2 {
width: 170px;
height: 170px;
border-radius: 50%;
perspective: 1000px;
transform-style: preserve-3d;
position: relative;
transition: transform 1s ease-in-out;
position: absolute;
top: 0%;
right: 50%;
color: white ;
}
.elementdistributedcard{
width: 45%;
height: 40%;
/* border: 1px solid red; */
border-radius: 12px;
z-index: -1;
}
.front, .back {
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
backface-visibility: hidden;
}
.front {
background-color: var(--purple-1);
}
.back {
background-color: var(--purple-2);
transform: rotateY(180deg);
font-size: 0.8vw;
text-align: center;
}
.coin:hover {
transform: rotateY(180deg);
}
.coin2:hover {
transform: rotateY(180deg);
}
.leftppcheader{
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 3%;
padding: 2%;
}
.leftppcheader h2{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: "Poppins" , sans-serif;
font-size: 3.5vw;
font-weight: 900;
letter-spacing: 0;
line-height: 1;
/* background-image: linear-gradient(to bottom, #90ee90, #006400); */
color: #006400;
/* -webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text; */
padding-bottom: 0.1em;
}
.leftppcheader span{
font-size: 2vw;
font-weight: 900;
color: blue;
}
.leftppcheader p{
font-size: 1.5vw;
color: black;
}
.roundedform {
width: 100%;
height: 12vh;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 1%;
padding: 0 2%;
background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white */
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Optional shadow for depth */
}
.roundedform input[type="text"] {
width: 100%;
padding: 12px;
border: none;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.2);
color: black;
font-size: 16px;
outline: none;
transition: 0.3s;
}
.roundedform input[type="text"]::placeholder {
color: black;
}
.roundedform input[type="text"]:focus {
background-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 0 5px rgba(144, 238, 144, 0.8); /* Light green shadow */
}
.roundedform button {
width: 100%;
padding: 12px;
border: none;
border-radius: 30px;
background-color: #006400;
color: white;
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}
/* Hover effect for button */
.roundedform button:hover {
opacity: 0.9;
transform: scale(1.02);
}
/* .twocirclediameter:hover{
transform: rotateX(180deg);
} */
.text-slider {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 12px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 24px;
white-space: nowrap;
background-color: #DEFFCA;
}
.slide{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.text-slider .slide {
position: absolute;
width: 100%;
opacity: 0;
animation: slide-animation 12s infinite;
}
.text-slider .slide:nth-child(1) {
animation-delay: 0s;
}
.text-slider .slide:nth-child(2) {
animation-delay: 4s;
}
.text-slider .slide:nth-child(3) {
animation-delay: 8s;
}
.maintext{
font-family: sans-serif;
font-size: 4vw;
}
.secondmaintext{
font-size: large;
font-family: sans-serif;
color: red;
}
@keyframes slide-animation {
0% {
opacity: 0;
transform: translateX(100%);
}
10%, 30% {
opacity: 1;
transform: translateX(0);
}
40% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}
.section_card-review{
padding: 5% 3%;
width: 100%;
/* border: 1px solid red; */
display: flex;
flex-direction: column;
gap: 2%;
justify-content: center;
align-items: center;
}
.blog_elements{
width: 100%;
min-height: 60vh;
/* border: 1px solid red; */
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 2%;
}
.blogdata{
display: flex;
}
.containimager {
width: 100%;
height: 30vh;
/* border: 1px solid red; */
display: flex;
justify-content: center;
align-items: center;
background-color: #f8fafb;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}
.containimager img {
width: 60%;
border-radius: 12px;
height: 70%;
object-fit: cover;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}
.textelement {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 12px; /* Rounded corners */
padding: 20px; /* Inner spacing */
max-width: 400px; /* Limit the width */
margin: 20px auto; /* Center it with margin */
}
.textelement h3 {
font-size: 24px; /* Size of the heading */
color: var(--purple-1); /* Darker text color */
margin-bottom: 10px; /* Space below heading */
text-align: center; /* Center the text */
}
.textelement p {
font-size: 16px; /* Size of the paragraph */
color: black; /* Slightly lighter text color */
text-align: center; /* Center the text */
margin-bottom: 20px; /* Space below paragraph */
}
.textelement button {
padding: 10px 20px;
font-size: 16px; /* Font size for button */
color: #fff; /* White text color */
background-color: var(--purple-1); /* Primary button color */
border: none; /* Remove default border */
border-radius: 8px; /* Rounded corners for button */
cursor: pointer; /* Pointer cursor on hover */
transition: background-color 0.3s; /* Smooth color transition */
}
.textelement button:hover {
background-color: var(--purple-2); /* Darker shade on hover */
}
.titlenamebar h2{
margin-bottom: 1%;
font-size: 4vw;
text-align: center;
line-height: 1;
color: #006400;
padding-bottom: 0.1em;
}
.headerofSMM{
width: 100%;
padding: 4%;
display: flex;
justify-content: center ;
align-items: center;
}
.headerofSMM2{
width: 100%;
padding: 0 4%;
display: flex;
justify-content: center ;
align-items: center;
}
.section_cardelement{
width: 100%;
padding: 4%;
display: flex;
flex-direction: column;
justify-content: center ;
align-items: center;
gap: 1%;
}
.paddingheader{
width: 100%;
padding: 0 2%;
padding-top: 5%;
display: flex ;
justify-content: center ;
align-items: center;
gap: 1%;
}
.paddingsection{
width: 100%;
padding: 4% 2%;
padding-top: 5%;
display: flex ;
flex-direction: column;
justify-content: center ;
align-items: center;
gap: 1%;
}
.silverdata{
display: flex;
}
.leftmainheadersec{
width: 50%;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 1%;
/* border: 1px solid red; */
padding: 1%;
gap: 5%;
}
.leftsectionside {
width: 50%;
height: 70vh;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center ;
padding: 2%;
/* border: 1px solid red; */
gap: 2%;
}
.leftsectionside h4 {
font-size: 2.5vw;
margin-bottom: 1%;
text-align: left;
/* color: var(--purple-1); */
color: #006400;
padding-bottom: 0.1em;
}
.leftsectionside p {
font-size: 1.2vw;
display: flex;
color: black;
align-items: center;
}
.leftsectionside i {
color: green;
margin-right: 0.5em;
font-size: 2vw;
}
.maincontentelement{
width: 50%;
height: 42vh;
/* border: 1px solid red; */
display: flex ;
flex-direction: column;
justify-content: start;
gap: 2%;
align-items: center ;
}
.maincontentelement img{
width: 100%;
height: 50%;
border-radius: 12px;
}
.maincontentelement h3{
font-size: 2vw;
color: var(--purple-1);
line-height: 1;
}
.maincontentelement p{
text-align: center ;
color: var(--textcolor);
font-size: 1vw;
}
.leftmainheadersec h4{
font-size: 3vw;
line-height: 1;
}
.leftmainheadersec h4 span{
color: #006400;
}
.leftmainheadersec p{
font-size: 1.4vw;
color: black;
line-height: 1;
}
.rightmainheadersec{
width: 50%;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/* border: 1px solid red; */
}
.rightsectionside{
width: 50%;
height: 70vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
/* border: 1px solid red; */
}
.rightsectionside img{
width: 0;
height: 0;
opacity: 0;
object-fit: cover;
transition: transform 0.5s;
border-radius:12px;
}
.rightmainheadersec img {
width: 0; /* Start with zero width */
height: 0; /* Start with zero height */
opacity: 0;
border-radius:12px; /* Start with invisible image */
object-fit: cover;
transition: transform 0.5s; /* Smooth scaling */
}
.stagger-text span {
display: inline-block;
opacity: 0; /* Start with invisible text */
transform: translateY(20px); /* Start from below */
}
.sectionmobiledata{
width: 100%;
display: none;
}
.datamanage{
display: flex;
gap: 1%;
}
.headerbanneraCTA{
width: 100%;
display: flex;
align-items: center;
margin-top: 2%;
justify-content: center;
}
.headerbanneraCTA button{
padding: 1% 3%;
width: 10vw;
height: 4vw;
border-radius: 30px;
background-color: var(--purple-1);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
position: relative;
display: flex;
align-items: center;
justify-content: center ;
z-index: 12;
margin-top: 3%;
}
.headerbanneraCTA button::after{
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: white;
top: 0;
left: -100%;
transition: all .3s linear;
z-index: 5;
}
.headerbanneraCTA button:hover::after{
left: 0;
border-radius: 30px;
}
.headerbanneraCTA button:hover span:nth-child(2){
display: flex;
color: green;
}
.headerbanneraCTA button:hover span:nth-child(1){
display: none;
}
.headerbanneraCTA button span:nth-child(2){
display: none;
position: relative;
z-index: 6;
font-weight: 900;
font-size: 1.5vw;
}
.headerbanneraCTA button span:nth-child(1){
color: white;
font-weight: 700;
font-size: 1.5vw;
}
@media screen and (max-width: 991px) {
.padding-xlarge {
padding: 3rem;
}
.margin-xlarge {
margin: 3rem;
}
.padding-xhuge {
padding: 6rem;
}
.padding-xxhuge {
padding: 8rem;
}
.padding-huge {
padding: 5rem;
}
.margin-large {
margin: 2.5rem;
}
.padding-xxlarge {
padding: 4rem;
}
.padding-large {
padding: 2.5rem;
}
.margin-huge {
margin: 5rem;
}
.padding-medium {
padding: 1.5rem;
}
.margin-xxlarge {
margin: 4rem;
}
.margin-xhuge {
margin: 6rem;
}
.margin-medium {
margin: 1.5rem;
}
.margin-xxhuge {
margin: 8rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-tablet {
display: none;
}
.fs-styleguide_2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.max-width-full-tablet {
width: 100%;
max-width: none;
}
.padding-global.is-nav {
padding-right: 0;
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.fs-styleguide_4-col {
grid-template-columns: 1fr;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.sub-header_component,
.home--_component {
grid-template-columns: 1fr;
}
.nav_spacer {
height: 4rem;
}
.nav_dropdown-agency-menu.w--open {
max-width: none;
position: relative;
top: 0;
left: 0%;
transform: none;
}
.nav_link {
justify-content: center;
width: 100%;
}
.nav_menu {
background-color: #0000;
width: auto;
position: fixed;
inset: 0%;
}
.navbar-component {
height: 4rem;
}
.nav_menu-list {
grid-row-gap: 1rem;
background-color: var(--black);
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
height: 100%;
padding: 8rem 2.5rem;
overflow: auto;
}
.menu_button.w--open {
background-color: var(--purple-1);
}
.nav_logo-link,
.nav_background {
z-index: 1;
}
.nav_dropdown-toggle {
justify-content: center;
width: 100%;
}
.nav_dropdown {
align-items: stretch;
}
.cta-main_component {
grid-template-columns: 1fr;
}
.footer_top-wrapper {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.footer_menu-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 2rem;
flex-flow: wrap;
width: 100%;
display: flex;
}
.section_legal-header {
height: 37.5rem;
}
.legal-header_component,
.legal-content_component,
.post-body_component,
.post-header_component,
.component,
.header_component,
.sitemap--_component,
.sitemap-header_component {
grid-template-columns: 1fr;
}
.swiper.is-reviews,
.swiper.is-works,
.swiper.is-videos {
width: 100%;
}
.swiper-slide.is-resources,
.swiper-slide.is-reviews,
.swiper-slide.is-works,
.swiper-slide.is-projects {
width: 50%;
}
.swiper-slide.is-videos {
width: 90%;
}
.resources-preview_component {
grid-template-columns: 1fr;
}
.timeline_item-texts-wrapper {
padding-top: 4rem;
}
.timeline_horizaontal-item-image {
height: 70vw;
}
.background_wrapper {
padding: 2rem;
}
.timeline_horizaontal-item {
grid-row-gap: 2rem;
grid-template-rows: min-content min-content auto;
grid-template-columns: 1fr;
padding: 4rem;
}
.timeline_year {
font-size: 7vw;
}
.marquee_logo-wrapper {
width: 40vw;
height: 22vw;
padding: 4vw 6vw;
}
.testimonials-swiper_component,
.blogs-header_component,
.blogs-feed_component {
grid-template-columns: 1fr;
}
.blogs-feed_list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr 1fr;
}
.nav_dropdown-agency-links-list {
width: 18rem;
}
.faq_component {
grid-template-columns: 1fr;
}
.spacer-medium {
padding-top: 1.5rem;
}
.spacer-large {
padding-top: 2.5rem;
}
.spacer-xlarge {
padding-top: 3rem;
}
.spacer-xxlarge {
padding-top: 4rem;
}
.spacer-huge {
padding-top: 5rem;
}
.spacer-xhuge {
padding-top: 6rem;
}
.spacer-xxhuge {
padding-top: 8rem;
}
.spacer-xxhuge.show-tablet {
display: block;
}
.calc_component,
.sub-video_component,
.sub-benefits_list,
.sub-inclusions_component,
.sub-inclusions_item-layout {
grid-template-columns: 1fr;
}
.sub-inclusions_item-content-wrapper {
text-align: center;
padding-bottom: 0;
}
.sub-perks_component {
grid-template-columns: 1fr;
}
.sub-perks_item {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: min-content auto;
grid-template-columns: 3.75rem 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.sub-perks_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.sub-perks_item-heading {
margin-top: 0.2rem;
font-size: 1.75rem;
}
.sub-perks_item-description {
font-size: 1.125rem;
}
.sub-vs_component {
grid-template-columns: 1fr;
}
.sub-vs_row.is-heading,
.sub-vs_row.is-heading.is-sticky {
top: 4rem;
}
.sub-vs_column {
max-width: none;
height: 105%;
}
.sub-perks_item-icon {
font-size: 3rem;
}
.sub-how_component {
grid-template-columns: 1fr;
}
.sub-how_item {
min-height: auto;
}
.sub-how_list {
grid-template-columns: 1fr;
}
.calc_banner-layout {
grid-template-columns: 2fr 1fr;
}
.calc_banner-left-wrapper {
width: 100%;
}
.calc_banner-description {
font-size: 1.25rem;
}
.sub-gifts_component {
grid-template-columns: 1fr;
}
.sub-gifts_list {
grid-template-columns: 1fr 1fr;
display: flex;
}
.sub-gifts_item-description {
text-align: center;
}
.sub-refer_component {
grid-template-columns: 1fr;
padding-bottom: 2.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.sub-refer_content-wrapper {
text-align: center;
align-items: center;
}
.sub-quiz_component,
.reviews-preview_component,
.sub-cta_component {
grid-template-columns: 1fr;
}
.sub-cta_heading {
font-size: 4rem;
}
.sub-marquee_logo-wrapper {
width: 30vw;
height: 10vw;
}
.sub-calc_column-title-description {
margin-top: 0.25rem;
}
.sub-vs_row-spacer {
padding-top: 4rem;
}
.white-embed-container,
._3-stack {
min-width: 100%;
}
.sub-features_component {
grid-template-columns: 1fr;
}
.sub-features_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.sub-features_item {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: min-content auto;
grid-template-columns: 3.75rem 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.sub-features_item-icon {
font-size: 3rem;
}
.sub-features_item-heading {
margin-top: 0.2rem;
font-size: 1.4rem;
}
.sub-features_item-description {
font-size: 1.125rem;
}
.stripe_component {
grid-template-columns: 1fr;
}
.stripe_embed {
padding-top: 0;
}
.unli-expertise_component {
grid-template-columns: 1fr;
}
.unli-expertise_list {
grid-template-columns: 1fr 1fr;
grid-auto-columns: 0.25fr;
padding-left: 0;
}
.unli-expertise_item-check,
.unli-expertise_item-text {
font-size: 1.2rem;
}
.works-preview_component {
grid-template-columns: 1fr;
}
.affiliate-header_slider-handle {
width: 2rem;
height: 2rem;
}
.affiliate-header_component {
grid-template-columns: 1fr;
}
.affiliate-header_heading {
font-size: 3.5rem;
}
.affiliate-features_component {
grid-template-columns: 1fr;
}
.affiliate-features_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.affiliate-features_item {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: min-content auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start center;
display: grid;
}
.affiliate-features_item-icon {
font-size: 3rem;
}
.affiliate-features_item-heading {
margin-top: 0.2rem;
font-size: 1.4rem;
}
.affiliate-features_item-description {
font-size: 1.125rem;
}
.affiliate--_component,
.affiliate-how_component,
.affiliate-how_list {
grid-template-columns: 1fr;
}
.affiliate-how_item {
min-height: auto;
}
.affiliate-perks_item-description {
font-size: 1.125rem;
}
.affiliate-earners_component {
grid-template-columns: 1fr;
}
.affiliate-earners_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.result-header_header-divider {
height: 2.5rem;
}
.home-header_component {
grid-template-columns: 1fr;
}
.chart_padding-vertical {
padding-top: 6rem;
padding-bottom: 6rem;
}
.home-header_heading {
font-size: 3.5rem;
}
.result-header_header-logo-beyond {
width: 6rem;
height: 2.1rem;
}
.result-header_header {
font-size: 1.25rem;
}
.market-header_heading {
font-size: 3.5rem;
}
.market-header_component,
.market-nav_component {
grid-template-columns: 1fr;
}
.market-nav_logo-beyond {
width: 6rem;
height: 2.1rem;
}
.market-nav_divider {
height: 2.5rem;
}
.market-nav_header-brand {
font-size: 1.25rem;
}
.badge_block {
padding: 0.375rem 0.5rem;
font-size: 0.75rem;
bottom: 3.5rem;
left: auto;
right: 5%;
}
.badge_logo {
width: 3.7rem;
height: 1.2rem;
}
.market-how_component,
.market-how_list {
grid-template-columns: 1fr;
}
.market-how_item {
min-height: auto;
}
.market-perks_item-description {
font-size: 1.5rem;
}
.market-features_component {
grid-template-columns: 1fr;
}
.market-features_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.market-features_item {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: min-content auto;
grid-template-columns: 3.75rem 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.market-features_item-icon {
font-size: 3rem;
}
.market-features_item-heading {
margin-top: 0.2rem;
font-size: 1.4rem;
}
.market-features_item-description {
font-size: 1.25rem;
}
.results-banner_image-wrapper {
margin: 0 -2.5rem;
}
.results-banner_content-wrapper {
text-align: center;
align-items: center;
}
.results-banner_component {
grid-template-columns: 1fr;
padding-bottom: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.market-banner_component {
grid-template-columns: 1fr;
padding-bottom: 2.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.market-banner_content-wrapper {
text-align: center;
align-items: center;
}
.market-banner_image-page {
margin-bottom: -10vw;
}
.component-copy,
.market-calc_component {
grid-template-columns: 1fr;
}
.market-calc_heading-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.market-calc_heading-duration {
padding: 0.5rem 0.75rem;
font-size: 1rem;
top: -0.5rem;
}
.market-calc_heading {
font-size: 3rem;
}
.market-calc_form {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.market-calc_summary-sticky {
top: 4.5rem;
}
.market-calc_summary-block {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.web-calc_subheading {
font-size: 1.5rem;
}
.web-calc_form {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.calc-summary_sticky {
top: 4.5rem;
}
.calc-summary_block {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.web-calc_slider-handle {
width: 2rem;
height: 2rem;
}
.calc-summary_block-border,
.web-calc_cta-block-border {
top: 4.5rem;
}
.web-calc_cta-block {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.blogs-header_heading {
font-size: 4.5rem;
}
.post-body_layout {
grid-template-columns: 1fr;
}
.post-header_background-glow {
bottom: -63.2vw;
}
.projects-header_component {
grid-template-columns: 1fr;
}
.projects-header_heading {
font-size: 4rem;
}
.projects-feed_component {
grid-template-columns: 1fr;
}
.projects-feed_list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr 1fr;
}
.projects-feed_image-wrapper {
aspect-ratio: 4/5;
width: 100%;
height: auto;
position: relative;
}
.projects-feed_content-layout {
align-items: flex-start;
padding-top: 1.5rem;
display: flex;
}
.projects-feed_tag.is-industry,
.projects-feed_tag-list {
text-align: left;
}
.projects-feed_image-null {
width: 100%;
height: auto;
position: static;
}
.section_project-header {
height: 56vw;
min-height: auto;
}
.project-header_component {
grid-template-columns: 1fr;
}
.project-intro_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.project-intro_tag {
font-size: 1rem;
}
.project-intro_tag-list {
grid-column-gap: 0.5rem;
grid-row-gap: 0.75rem;
}
.project--_component {
grid-template-columns: 1fr;
}
.project-body_richtext h2 {
font-size: 3.6rem;
}
.project-body_richtext p {
font-size: 1.25rem;
}
.project-stats_list {
grid-template-columns: 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.project-stats_richtext {
text-align: center;
font-size: 1rem;
}
.project-stats_richtext h2,
.project-testimonial_richtext h2 {
font-size: 3.5rem;
}
.project-testimonial_richtext p {
font-size: 1.25rem;
}
.project-body_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.projects-preview_component {
grid-template-columns: 1fr;
}
.card-body-2 {
flex: 0 auto;
padding: 24px;
}
.legal-feed_component {
grid-template-columns: 1fr;
}
.legal-feed_card-layout {
flex: 0 auto;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.header_glow.is-bottom {
height: 100vh;
margin-top: 0;
}
.calcs-header_component {
grid-template-columns: 1fr;
}
.calcs-header_heading {
font-size: 4rem;
}
.calcs-feed_component {
grid-template-columns: 1fr;
}
.projects-feed_list-feed_list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr 1fr;
}
.calcs-feed_card {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.calcs-feed_content-layout {
align-items: flex-start;
}
.calcs-feed_tag.is-industry {
text-align: left;
}
.projects-feed_content-industry-wrapper {
text-align: left;
align-items: flex-start;
}
.links_logo-link {
z-index: 1;
}
.nav_menu-button-group {
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.nav_menu-links-group {
flex-direction: column;
align-items: stretch;
}
.nav_dropdown-agency-menu-layout {
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 1.25rem;
display: flex;
}
.nav_dropdown-tools-menu.w--open {
max-width: none;
position: relative;
top: 0;
left: 0%;
transform: none;
}
.nav_dropdown-tools-menu-layout {
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 1.25rem;
display: flex;
}
.nav_dropdown-links-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.contact-header_component {
grid-template-columns: 1fr;
}
.contact-header_heading {
font-size: 4rem;
}
.contact-body_component,
.expert-header_component,
.expert-services_component {
grid-template-columns: 1fr;
}
.expert-services_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.expert-services_item {
background-size: 2rem;
padding-left: 3rem;
font-size: 1.6rem;
}
.expert-why_component {
grid-template-columns: 1fr;
}
.expert-why_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.expert-why_item {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: min-content auto;
grid-template-columns: 3.75rem 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.expert-why_item-icon {
font-size: 3rem;
}
.expert-why_item-heading {
margin-top: 0.2rem;
font-size: 1.75rem;
}
.expert-why_item-description {
font-size: 1.125rem;
}
.solutions-preview_component,
.expert-review_component,
.slider-videos_component {
grid-template-columns: 1fr;
}
.slider-video_arrow {
position: static;
transform: none;
}
.slider-video_arrow.is-prev {
transform: rotateX(0) rotateY(180deg) rotate(0);
}
.slider-video_arrow-group {
margin-top: 1rem;
}
.expert-partners_list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.home-bento_component {
grid-template-columns: 1fr;
}
.bento_grid {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
margin-left: auto;
margin-right: auto;
position: relative;
}
.bento_cell.is-sub {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.bento_cell.is-radar {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
}
.bento_cell.is-aff {
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 4vw;
}
.bento_cell.is-soios {
padding-top: 4vw;
padding-left: 4vw;
}
.bento_ratio {
padding-top: 0%;
}
.type_heading {
font-size: 2.5rem;
}
.type_heading.is-radar {
font-size: 5vw;
}
.type_heading.is-ramp,
.type_heading.is-mw,
.type_heading.is-aff {
margin-top: 3vw;
font-size: 5vw;
}
.type_heading.is-soios {
margin-top: 2vw;
font-size: 5vw;
}
.bento-sub_image.is-radara {
margin-bottom: -20%;
}
.bento-sub_image.is-ramp {
margin-bottom: -10%;
}
.bento-sub_image.is-aff {
width: 30vw;
}
.bento-sub_image.is-soios {
height: 28vw;
margin-right: -2vw;
}
.bento_radar-list {
grid-column-gap: 1vw;
grid-row-gap: 1vw;
}
.bento_radar-item {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
}
.bento_radar-item-icon {
font-size: 4vw;
}
.bento_radar-item-text {
font-size: 3vw;
}
.bento_ramp-logo {
height: 4vw;
margin-top: 6vw;
}
.bento_ramp-badge {
margin-top: 3vw;
padding: 1.5vw 2vw;
font-size: 1.75vw;
}
.bento-mw_image.is-radara {
margin-bottom: -20%;
}
.bento-mw_image.is-ramp {
margin-bottom: -10%;
}
.bentro-aff_badge {
padding: 2vw;
font-size: 2.1vw;
}
.bentro-aff_content {
margin-right: -5vw;
}
.bentro-soios_logo1 {
height: 2vw;
}
.bentro-soios_content {
margin-bottom: 4vw;
}
.bentro-soios_logo2 {
height: 3vw;
margin-top: 3vw;
}
.bot_component,
.need_component {
grid-template-columns: 1fr;
}
.partners-data_component {
text-align: center;
grid-template-columns: 1fr;
}
.partners-data_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
}
.partners-data_data {
font-size: 5rem;
}
.partners-data_item {
align-items: center;
}
.home-wall_heading-wrapper,
.widget_component,
.partner-logos_component,
.store-feed_component {
grid-template-columns: 1fr;
}
.store-feed_list {
grid-row-gap: 2rem;
}
.why-header_component,
.why-story_list {
grid-template-columns: 1fr;
}
.why-story_item {
font-size: 2.5rem;
}
.header104_heading {
font-size: 3.25rem;
}
.header104_heading-span {
padding-right: 7.5rem;
}
.preview-blog_component {
grid-template-columns: 1fr;
}
.splitter_component {
height: 52vw;
}
.splitter_before {
background-position: 0%;
background-size: cover;
width: 100%;
}
.spliter_after.is-4 {
background-size: cover;
}
.service-body_component,
.service-features_component {
grid-template-columns: 1fr;
}
.service-features_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.service-features_item-heading {
margin-top: 0.2rem;
font-size: 1.4rem;
}
.service-features_item-description {
font-size: 1.125rem;
}
.service-video_component {
grid-template-columns: 1fr;
}
.service-expertise_richtext ul {
grid-template-columns: 1fr 1fr;
}
.service-expertise_richtext li {
background-size: 2rem;
padding-left: 3rem;
}
.gallery-team_layout {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
grid-template-rows: 15vw 20vw 7.5vw 15vw;
}
.awards_component,
.team-feed_component {
grid-template-columns: 1fr;
}
.team-feed_list {
grid-row-gap: 6vw;
}
.team-feed_card-name {
font-size: 5vw;
}
.team-feed_card-position {
font-size: 3vw;
}
.store-header_component {
grid-template-columns: 1fr;
}
.store-header_content-wrapper {
text-align: center;
flex-flow: column;
align-items: center;
display: flex;
}
.store-body_component {
grid-template-columns: 1fr;
}
.about-solutions_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.about-solutions_card {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.about-solutions_layout {
align-items: flex-start;
}
.careers-perks_component {
grid-template-columns: 1fr;
}
.careers-perks_list {
grid-column-gap: 4vw;
grid-row-gap: 10vw;
}
.career-body_layout,
.career-form_block,
.body_component,
.resource-headeer_component {
grid-template-columns: 1fr;
}
.ad-banner_component {
grid-template-columns: 1fr;
padding-bottom: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.ad-banner_content-wrapper {
text-align: center;
align-items: center;
}
.ad-banner_image-wrapper {
margin: 0 -2.5rem;
}
.ebook-header_component,
.review-stars_list,
.ebook-content_component,
.bundle-header_component {
grid-template-columns: 1fr;
}
.bundle-content_component {
grid-template-columns: 1fr;
justify-items: center;
}
.bundle-content_button-arrow {
display: none;
}
.bundle-main_component {
grid-template-columns: 1fr;
justify-items: center;
}
.campaign-header_component,
.campaign-body_component {
grid-template-columns: 1fr;
}
.unli-expertise_list_heading,
.unli-expertise_lis_1stack {
grid-template-columns: 1fr 1fr;
}
.unli-expertise_ite_stack {
grid-column-gap: 0.75rem;
}
.ad-side_component {
grid-template-columns: 1fr;
padding-bottom: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.ad-side_content-wrapper {
text-align: center;
align-items: center;
}
.ad-side_image-wrapper {
margin: 0 -2.5rem;
}
.section-y21-header {
height: 80vw;
}
.y21-cta_component {
grid-template-columns: 1fr;
}
.y21-cta_button-link {
width: 50vw;
height: 50vw;
}
.y21-timeline_progress-wrapper {
height: 5rem;
}
.y21-intro_heading {
font-size: 5rem;
}
.y21-header_logo {
width: auto;
height: 3rem;
}
.y21-timeline_text-wrapper,
.y21-timeline_text-wrapper.is-right {
text-align: center;
}
.overlay-glow1 {
opacity: 0.5;
}
.y21-timeline_progress-track {
background-color: #5e3d9b1a;
}
.y21-timeline_progress-track.is-cta {
height: 2rem;
}
.y21-timeline-item {
grid-column-gap: 8vw;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
align-items: center;
display: flex;
}
.y21-cta_button-color-wrapper {
position: absolute;
}
.y21-intro_component {
grid-template-columns: 1fr;
}
.y21-timeline_progress-fade {
background-color: #0000;
background-image: linear-gradient(
6deg,
#6d59fa66,
#6d59fa1a 33.33% 66.66%,
#6d59fa66
);
display: flex;
}
.y21-intro_subheading {
font-size: 2rem;
}
.y21-timeline_progress-dot-wrapper {
position: absolute;
top: 4.2rem;
}
.y21-cta_gif.is-1 {
z-index: 6;
width: 40vw;
position: absolute;
inset: auto auto 24% -22%;
transform: rotate(-9deg);
}
.y21-cta_gif.is-3 {
z-index: 8;
width: 40vw;
position: absolute;
inset: auto auto -14% 0%;
transform: rotate(-3deg);
}
.y21-cta_gif.is-2 {
z-index: 7;
width: 35vw;
position: absolute;
inset: auto -22% 0% auto;
transform: rotate(3deg);
}
.y21-timeline_progress-bar {
z-index: -1;
opacity: 0.3;
}
.y21-cta_content-wrapper {
padding-bottom: 50vw;
}
.page-wrapper-old.is-y21 {
cursor: auto;
}
.section-y21-intro_background-glow {
width: 130vw;
height: 130vw;
top: -47.3vw;
right: -42.2vw;
}
.y21-header_background {
height: 80vw;
}
.y21-cta_button-text {
font-size: 8vw;
}
.yearheader {
top: 32%;
}
.nav_dropdown-solutions-menu.w--open {
max-width: none;
position: relative;
top: 0;
left: 0%;
transform: none;
}
.nav_dropdown-solutions-menu-layout {
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 1.25rem;
display: flex;
}
.nav_dropdown-pricing-menu.w--open {
max-width: none;
position: relative;
top: 0;
left: 0%;
transform: none;
}
.nav_dropdown-pricing-menu-layout {
grid-row-gap: 2rem;
flex-flow: wrap;
justify-content: center;
padding: 1.25rem;
display: flex;
}
.nav-sub-text {
display: none;
}
.add-wrapper {
align-self: center;
}
.pricing_component,
.pricing_list {
grid-template-columns: 1fr;
}
.pricing_item {
min-height: auto;
}
.pricing_item-description {
font-size: 1.125rem;
}
.pricing_list_items {
grid-template-columns: 1fr 1fr;
}
.accelerator_banner-layout {
flex-flow: column;
grid-template-columns: 2fr 1fr;
justify-content: space-between;
display: flex;
}
.accelerator-list {
flex-flow: column;
}
.accelerator_banner-price-block {
justify-content: flex-start;
align-items: flex-start;
}
.accelerator-pricing {
grid-template-columns: 1fr;
}
.packages-description,
.packages-description-link {
font-size: 1.125rem;
}
.accelerator-included_component,
.accelerator-included-wrapper {
grid-template-columns: 1fr;
}
.accelerator-included_item {
min-height: auto;
}
.summary_disclaimer {
max-width: 100ch;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 0.875rem;
}
.padding-xlarge {
padding: 2rem;
}
.margin-xlarge {
margin: 2rem;
}
.padding-xhuge {
padding: 4rem;
}
.padding-xxhuge {
padding: 4.5rem;
}
.padding-huge {
padding: 3.5rem;
}
.margin-large {
margin: 1.5rem;
}
.padding-xxlarge {
padding: 3rem;
}
.padding-large {
padding: 1.5rem;
}
.margin-huge {
margin: 3.5rem;
}
.padding-medium {
padding: 1.25rem;
}
.margin-xxlarge {
margin: 3rem;
}
.margin-xhuge {
margin: 4rem;
}
.margin-medium {
margin: 1.25rem;
}
.margin-xxhuge {
margin: 4.5rem;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hide-mobile-landscape {
display: none;
}
.fs-styleguide_heading-large {
font-size: 3rem;
}
.heading-style-h3 {
font-size: 1.5rem;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.text-weight-normal {
font-size: 1rem;
top: -1.25em;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.fs-styleguide_section-header {
font-size: 0.875rem;
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.heading-style-h4 {
font-size: 1rem;
}
.text-style-nowrap {
white-space: normal;
}
.heading-style-h6 {
font-size: 0.75rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-size-large {
font-size: 1.25rem;
}
.heading-style-h2 {
font-size: 2rem;
}
.fs-styleguide_version,
.heading-style-h5 {
font-size: 0.875rem;
}
.button {
padding: 0.75rem 2rem;
}
.button.is-large {
padding: 1rem;
font-size: 1.5rem;
}
.button.is-calc-banner {
width: auto;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.button.is-links {
min-height: auto;
font-size: 1.25rem;
}
.button.is-medium {
padding: 1rem 1.5rem;
font-size: 1.25rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.cookie-buttons-wrapper {
margin-top: 12px;
}
.cookie-layout {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.nav_logo-image {
width: 3.3rem;
height: 3.6rem;
}
.nav_menu-list {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.footer_logo-link {
padding-left: 0;
}
.footer_link-badge {
padding: 0.125rem 0.5rem;
}
.footer_copyright {
order: 1;
}
.footer_top-wrapper {
grid-row-gap: 3rem;
}
.footer_form-block {
margin-top: 1.5rem;
}
.footer_social-link-old {
grid-column-gap: 0.5rem;
}
.footer_link:hover {
color: #667085;
}
.subheading-style-medium {
font-size: 1.25rem;
}
.footer_legal-link:hover {
color: #98a2b3;
}
.share_list {
grid-auto-flow: row;
}
.sitemap-item-list {
grid-row-gap: 0.75rem;
}
.sitemap_component {
grid-template-columns: 1fr 1fr;
}
.swiper.is-reviews,
.swiper.is-works,
.swiper.is-videos {
width: 100%;
}
.swiper-slide.is-resources {
width: 66.6667%;
}
.swiper-slide.is-reviews,
.swiper-slide.is-works {
width: 66.67%;
}
.swiper-slide.is-projects {
width: 66.6667%;
}
.swiper-slide.is-videos {
width: 95%;
}
.resources-preview_heading-wrapper {
grid-column-gap: 0.75rem;
}
.swiper-arrow {
width: 3rem;
height: 3rem;
}
.swiper-arrow.is-prev.is-works,
.swiper-arrow.is-prev.is-projects {
left: 1.25rem;
}
.swiper-arrow.is-next.is-works,
.swiper-arrow.is-next.is-projects {
right: 1.25rem;
}
.timeline_item-texts-wrapper {
grid-row-gap: 1.5rem;
}
.timeline_horizaontal-item-image {
height: 80vw;
}
.background_wrapper {
padding: 1.25rem;
}
.timeline_horizaontal-item {
padding: 2.5rem;
}
.timeline_year {
font-size: 2.5rem;
}
.marquee_item {
margin-right: 4vw;
}
.footer_logo-image {
width: 6rem;
height: 2rem;
}
.swiper-arrow-copy {
width: 2rem;
height: 2rem;
}
.testimonials-swiper_heading-wrapper {
grid-column-gap: 0.75rem;
}
.blogs-filter_radio-column {
grid-auto-flow: row;
}
.blogs-feed_empty-wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.heading-style-x1 {
font-size: 3rem;
}
.home-header_description,
.faq_accordion_label {
font-size: 1.125rem;
}
.spacer-medium {
padding-top: 1.25rem;
}
.spacer-large {
padding-top: 1.5rem;
}
.spacer-xlarge {
padding-top: 2rem;
}
.spacer-xxlarge {
padding-top: 3rem;
}
.spacer-huge {
padding-top: 3.5rem;
}
.spacer-xhuge {
padding-top: 4rem;
}
.spacer-xxhuge {
padding-top: 4.5rem;
}
.tooltip_button.is-calc {
width: 1rem;
height: 1rem;
font-size: 0.75rem;
display: inline-block;
left: 0.7vw;
}
.announcement-bar_content-wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 0.88rem;
}
.announcement-bar_border {
height: 1px;
}
.calc_item-value.is-currency {
font-size: 0.88rem;
}
.calc_input-label {
font-size: 4.5vw;
display: inline;
}
.calc_input-label.is-2 {
font-size: 1.25rem;
}
.calc_component {
position: relative;
}
.calc_total-string {
font-size: 1.5rem;
}
.sub-header_features_border {
height: 1px;
}
.sub-header_features_item {
font-size: 1rem;
}
.calc_item-label-wrapper {
display: block;
}
.calc_item-label-wrapper.is-show-mobile {
display: flex;
}
.calc_item-toggle-wrapper {
width: 5rem;
height: 2rem;
}
.calc_item-toggle-wrapper.is-currency {
width: 6.5rem;
}
.sub-benefits_item-heading {
font-size: 3rem;
}
.sub-benefits_item-subheading {
font-size: 1.125rem;
}
.sub-benefits_item-description {
font-size: 0.88rem;
}
.sub-inclusions_heading {
font-size: 3rem;
}
.sub-inclusions_item-layout {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sub-inclusions_item-description {
font-size: 1rem;
}
.sub-inclusions_item-heading {
font-size: 2rem;
}
.sub-inclusions_item-team-item {
width: 4.5rem;
height: 4.5rem;
margin-left: -1.25rem;
}
.sub-perks_item {
grid-template-columns: 3.25rem 1fr;
}
.sub-perks_list {
grid-template-columns: 1fr;
}
.sub-perks_icon {
width: 5rem;
height: 5rem;
}
.sub-perks_heading {
font-size: 2.5rem;
}
.sub-perks_item-heading {
margin-top: 0.1rem;
font-size: 1.5rem;
}
.sub-perks_item-description {
font-size: 1rem;
}
.sub-vs_heading {
font-size: 2.5rem;
}
.sub-vs_heading-decription {
font-size: 1rem;
}
.sub-vs_row {
grid-column-gap: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.sub-vs_row-label {
font-size: 1rem;
}
.sub-vs_table {
grid-column-gap: 1rem;
}
.sub-vs_row-heading {
font-size: 1.5rem;
}
.sub-vs_logo-beyond {
margin-bottom: -0.2rem;
}
.sub-vs_competitor-text {
font-size: 1rem;
}
.sub-vs_column {
width: 120%;
height: 104%;
margin-left: -10%;
margin-right: -10%;
}
.sub-perks_item-icon {
font-size: 2.5rem;
}
.sub-how_item {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sub-how_heading {
font-size: 2.5rem;
}
.sub-how_item-heading {
font-size: 1.5rem;
}
.sub-how_item-number {
font-size: 4rem;
}
.calc_heading {
background-image: linear-gradient(to bottom, var(--eggplant), var(--peach));
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
max-width: 7.5ch;
padding-bottom: 0.1em;
font-size: 6vw;
}
.sub-calc_column-icon {
display: none;
}
.sub-calc_column-title {
font-size: 5vw;
}
.calc_border {
height: 1px;
}
.calc_input-label-category {
text-align: center;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
font-size: 0.88rem;
display: none;
}
.calc_input-label-category.is-3 {
font-size: 1.25rem;
}
.calc_category-item.is-add {
margin-top: 1rem;
}
.calc_category-list {
grid-row-gap: 1rem;
}
.calc_list.is-2 {
grid-row-gap: 0rem;
}
.calc_item-row {
grid-column-gap: 0rem;
grid-row-gap: 0.25rem;
grid-template-columns: 1.2fr 1fr 1fr;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
position: relative;
}
.calc_item-row.is-category {
grid-row-gap: 0rem;
flex-direction: column;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.calc_item-row.is-banner {
grid-row-gap: 1rem;
border-top-width: 0;
padding-top: 0;
padding-bottom: 0;
}
.calc_item-row.is-cta {
border-top-width: 0;
padding-top: 0;
padding-bottom: 0;
}
.calc_item-row.is-header {
grid-row-gap: 2rem;
padding-top: 0;
padding-bottom: 0;
}
.calc_cta-wrapper {
align-items: stretch;
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.calc_banner-layout {
grid-template-columns: 1fr;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.calc_banner-price {
font-size: 2rem;
}
.calc_banner-heading,
.calc_banner-description {
text-align: center;
}
.calc_total-description {
text-align: center;
font-size: 0.75rem;
line-height: 1.2;
}
.calc_total-save-text,
.calc_total-discount-text {
font-size: 0.88rem;
}
.sub-gifts_item-fill {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sub-gifts_item-image {
max-width: 50vw;
max-height: 60vw;
}
.sub-gifts_item-heading {
font-size: 1.5rem;
}
.sub-refer_component {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.sub-refer_image-wrapper {
width: 40vw;
height: 40vw;
margin-top: -3vw;
margin-bottom: -3vw;
}
.sub-refer_content-heading {
font-size: 2.5rem;
}
.sub-refer_content-description {
font-size: 1.25rem;
}
.faq_heading {
font-size: 2.5rem;
}
.faq_rich-text {
font-size: 1rem;
}
.faq_rich-text h2,
.faq_rich-text h3 {
font-size: 1.125rem;
}
.sub-quiz_heading {
font-size: 2.5rem;
}
.sub-quiz_heading_description {
font-size: 1.125rem;
}
.reviews-preview_arrows-wrapper {
grid-column-gap: 0.75rem;
}
.reviews-preview_card {
padding: 3rem 1.25rem;
}
.reviews-preview_image-wrapper-copy {
max-width: 10rem;
height: 4rem;
}
.sub-cta_heading {
font-size: 2.5rem;
}
.sub-cta_heading_description {
font-size: 1.125rem;
}
.sub-marquee_item {
margin-right: 4vw;
}
.sub-marquee_logo-wrapper {
width: 22vw;
}
.sub-inclusions_item-team-spacer {
margin-left: 1.25rem;
}
.sub-calc_column-title-description {
margin-top: 0.25vw;
font-size: 2.5vw;
}
.calc_item-row-divider {
background-color: #6b28e980;
width: 1px;
height: 100%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: absolute;
inset: 0% 0% 0% 50%;
}
.sub-vs_row-heading-2 {
grid-column-gap: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.sub-vs_row-spacer {
padding-top: 1.5rem;
}
.calc_sticky-header {
padding-top: 1rem;
top: 0;
}
.sub-perks_heading-description {
font-size: 0.88rem;
}
.sub-features_heading {
font-size: 2.5rem;
}
.sub-features_heading-description {
font-size: 0.88rem;
}
.sub-features_list {
grid-template-columns: 1fr;
}
.sub-features_item {
grid-template-columns: 3.25rem 1fr;
}
.sub-features_item-icon {
font-size: 2.5rem;
}
.sub-features_item-heading {
margin-top: 0.1rem;
font-size: 1.25rem;
}
.sub-features_item-description {
font-size: 1rem;
}
.stripe_embed {
padding-bottom: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.stripe_heading,
.unli-expertise_heading {
font-size: 2.5rem;
}
.unli-expertise_list {
grid-column-gap: 1.25rem;
}
.unli-expertise_item {
grid-column-gap: 0.75rem;
}
.unli-expertise_item-check {
margin-top: 0.25rem;
font-size: 1.5rem;
}
.unli-expertise_item-text,
.unli-expertise_cta-text {
font-size: 1.35rem;
}
.works-preview_arrows-wrapper {
grid-column-gap: 0.75rem;
}
.affiliate-header_slider-text-monthly {
font-size: 1.5rem;
}
.affiliate-header_slider-text-yearly {
font-size: 2rem;
}
.affiliate-header_heading {
font-size: 3rem;
}
.affiliate-header_badge-block {
padding: 0.75rem 0.88rem;
font-size: 0.88rem;
}
.affiliate-header_text {
font-size: 1.125rem;
}
.affiliate-features_heading {
font-size: 2.5rem;
}
.affiliate-features_list {
grid-template-columns: 1fr;
}
.affiliate-features_item-icon {
font-size: 2.5rem;
}
.affiliate-features_item-heading {
margin-top: 0.1rem;
font-size: 1.25rem;
}
.affiliate-features_item-description {
font-size: 1rem;
}
.affiliate-how_heading {
font-size: 2.5rem;
}
.affiliate-how_item {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.affiliate-how_item-number {
font-size: 4rem;
}
.affiliate-how_item-heading {
font-size: 1.5rem;
}
.affiliate-perks_item-description {
font-size: 1rem;
}
.affiliate-earners_heading {
font-size: 2.5rem;
}
.affiliate-earners_list {
grid-template-columns: 1fr;
}
.affiliate-earners_item-total {
font-size: 2.5rem;
}
.chart_padding-vertical {
padding-top: 4rem;
padding-bottom: 4rem;
}
.home-header_heading {
font-size: 3rem;
}
.cr-button-2 {
padding: 0.75rem 2rem;
}
.sub-header_features_border-2 {
height: 1px;
}
.home-header_description-2,
.market-header_description {
font-size: 1.125rem;
}
.market-header_heading {
font-size: 3rem;
}
.badge_block {
bottom: 3.5rem;
}
.badge_logo {
width: 3rem;
height: 1rem;
}
.market-how_heading {
font-size: 2.5rem;
}
.market-how_item {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.market-how_item-number {
font-size: 4rem;
}
.market-how_item-heading {
font-size: 1.5rem;
}
.market-perks_item-description {
font-size: 1.25rem;
}
.market-features_heading {
font-size: 2.5rem;
}
.market-features_list {
grid-template-columns: 1fr;
width: auto;
}
.market-features_item {
grid-template-columns: 3.25rem 1fr;
}
.market-features_item-icon {
font-size: 2.5rem;
}
.market-features_item-heading {
margin-top: 0.1rem;
font-size: 1.25rem;
}
.market-features_item-description {
font-size: 1.125rem;
}
.results-banner_image-wrapper {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.sub-refer_content-description-2 {
font-size: 1.25rem;
}
.results-banner_content-heading {
font-size: 2.5rem;
}
.results-banner_component,
.market-banner_component {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.market-banner_content-heading {
font-size: 2.5rem;
}
.market-refer_content-description {
font-size: 1.25rem;
}
.market-banner_image-page {
margin-bottom: -13vw;
}
.market-calc_heading-wrapper {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
}
.market-calc_heading {
font-size: 2.5rem;
}
.calc_label-text,
.market-calc_slider-label-number {
font-size: 1.5rem;
}
.market-calc_border {
height: 1px;
}
.market-calc_summary-block {
padding: 2rem 1.25rem;
}
.calc_summary-heading {
font-size: 1.25rem;
}
.calc_summary-heading.is-small {
font-size: 1rem;
}
.calc-summary_price {
font-size: 2.5rem;
}
.fs_radio-2_group,
.market-calc_checkbox-group {
grid-auto-flow: row;
}
.market-calc_radio-field {
min-height: 2.5rem;
padding: 0.75rem 1.25rem;
font-size: 1rem;
}
.market-calc_radio-list {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
grid-auto-flow: row;
}
.market-calc_radio-list.is-growth {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.market-calc_radio2-field {
min-height: 3rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.affiliate-header_slider-range-text-wrapper {
margin-top: 0.5rem;
}
.web-calc_subheading {
font-size: 1.25rem;
}
.calc_input-list {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
grid-auto-flow: row;
}
.calc_input-list.is-growth {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.calc_input-list.is-col3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
}
.calc_radio-field {
min-height: 2.5rem;
padding: 0.75rem 1.25rem;
font-size: 1rem;
}
.calc-summary_block {
padding: 2rem 1.25rem;
}
.calc_toggle-wrapper {
width: 5rem;
height: 2rem;
}
.calc_toggle-wrapper.is-currency {
width: 6.5rem;
}
.web-calc_border {
height: 1px;
}
.web-calc_slider-range-text-wrapper {
margin-top: 0.5rem;
}
.fs-checkbox_row {
grid-auto-flow: row;
}
.web-calc_checkbox-list {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
grid-auto-flow: row;
}
.web-calc_checkbox-list.is-growth {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.calc_checkbox-field {
min-height: 2.5rem;
padding: 0.75rem 1.25rem;
font-size: 1rem;
}
.web-calc_cta-block {
padding: 2rem 1.25rem;
}
.market-calc_button-reset-old2 {
padding: 0.75rem 2rem;
}
.market-calc_button-reset-old2.is-calc-banner {
width: auto;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.market-calc_button-reset-old {
padding: 0.75rem 2rem;
}
.market-calc_button-reset-old.is-calc-banner {
width: auto;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.market-calc_button-reset {
min-height: 2.5rem;
padding: 0.75rem 1.25rem;
font-size: 1rem;
}
.calc_summary-label {
font-size: 1.25rem;
}
.blogs-header_heading {
font-size: 3.5rem;
}
.subheading-style-small,
.sub-refer_content-description-3 {
font-size: 1.25rem;
}
.post-header_background-glow {
filter: blur(200px);
}
.post-body_thanks-wrapper {
align-items: flex-start;
}
.post-body_thanks-message-tail {
top: 16px;
bottom: auto;
}
.projects-header_heading,
.project-body_richtext h2 {
font-size: 3rem;
}
.project-body_richtext p {
font-size: 1rem;
}
.project-stats_richtext {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.project-stats_richtext h2,
.project-testimonial_richtext h2 {
font-size: 3rem;
}
.project-testimonial_richtext p {
font-size: 1rem;
}
.project-body_gallery-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr;
}
.projects-preview_heading-wrapper {
grid-column-gap: 0.75rem;
}
.card-body-2 {
padding: 24px;
}
.career-link-arrow {
width: 2.6rem;
height: 1.8rem;
}
.projects-feed_favorite-icon {
font-size: 1.5rem;
}
.calcs_arrow {
align-self: flex-start;
width: 2.6rem;
height: 1.8rem;
margin-right: auto;
display: none;
}
.calcs_arrow.is-feeds {
margin-right: 0;
display: block;
}
.calcs-header_heading {
font-size: 3rem;
}
.calcs-feed_content-layout {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
grid-template-columns: 1fr 1fr;
display: flex;
}
.links_logo-image {
width: 9rem;
height: 3rem;
}
.links_subheading {
font-size: 1rem;
}
.links_list {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
}
.links_social-link,
.footer_social-link {
grid-column-gap: 0.5rem;
}
.contact-header_heading {
font-size: 3rem;
}
.expert-header_badge {
height: 1.5rem;
}
.expert-header_heading {
font-size: 3rem;
}
.expert-services_item {
background-size: 1.5rem;
min-height: auto;
padding-left: 2.5rem;
font-size: 1.125rem;
}
.expert-why_heading {
font-size: 2.5rem;
}
.expert-why_list {
grid-template-columns: 1fr;
}
.expert-why_item {
grid-template-columns: 3.25rem 1fr;
}
.expert-why_item-icon {
font-size: 2.5rem;
}
.expert-why_item-heading {
margin-top: 0.1rem;
font-size: 1.5rem;
}
.expert-why_item-description {
font-size: 1rem;
}
.solutions-preview_heading {
font-size: 2.5rem;
}
.border-purple {
height: 1px;
}
.slider-videos_arrows-wrapper {
grid-column-gap: 0.75rem;
}
.slider-video_arrow {
width: 3rem;
height: 3rem;
}
.slider-video_arrow.is-prev.is-works,
.slider-video_arrow.is-prev.is-projects {
left: 1.25rem;
}
.slider-video_arrow.is-next.is-works,
.slider-video_arrow.is-next.is-projects {
right: 1.25rem;
}
.expert-partners_list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr 1fr;
}
.bento_cell {
border-radius: 1.5rem;
}
.type_heading {
font-size: 2rem;
}
.type_heading.is-soios {
max-width: 12ch;
}
.bento-sub_image.is-aff {
width: 34vw;
}
.bento_ramp-badge {
font-size: 0.75rem;
}
.bentro-aff_badge {
font-size: 2.3vw;
}
.bentro-soios_logo1 {
height: 3vw;
}
.bentro-soios_content {
margin-bottom: 7vw;
}
.bentro-soios_logo2 {
height: 4vw;
}
.partners-data_data {
font-size: 4rem;
}
.why-story_item {
font-size: 2rem;
line-height: 1.5;
}
.header104_heading {
font-size: 2.5rem;
}
.header104_heading-span {
padding-right: 5.75rem;
}
.preview-blog_card {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
text-align: center;
flex-direction: column;
}
.background-video.is-after {
width: 90vw;
}
.splitter_handle-circle {
width: 3rem;
height: 3rem;
}
.text-style-button {
font-size: 0.88rem;
}
.service-features_heading {
font-size: 2.5rem;
}
.service-features_list {
grid-template-columns: 1fr;
}
.service-features_item-heading {
margin-top: 0.1rem;
font-size: 1.25rem;
}
.service-features_item-description {
font-size: 1rem;
}
.service-video_heading {
font-size: 2.5rem;
}
.service-expertise_richtext li {
background-size: 1.5rem;
padding-left: 2.5rem;
font-size: 1.125rem;
}
.gallery-team_layout {
grid-template-rows: 25vw;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 25vw;
}
.team-feed_list {
grid-column-gap: 5%;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.team-feed_item {
width: 38%;
}
.team-feed_card-name {
font-size: 6vw;
}
.team-feed_card-position {
font-size: 4vw;
}
.store-header_price {
font-size: 1.25rem;
}
.about-solutions_layout {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
grid-template-columns: 1fr 1fr;
display: flex;
}
.careers-perks_list {
grid-template-columns: 1fr 1fr;
}
.careers-perks_item-label {
font-size: 1.25rem;
}
.ad-banner_component {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.ad-banner_content-heading {
font-size: 2.5rem;
}
.ad-banner_content-description {
font-size: 1.25rem;
}
.ad-banner_image-wrapper {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.ebook-header_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.ebook-header_heading,
.ebook-header_heading-wrapper {
font-size: 12vw;
}
.ebook-header_tagline,
.button-gradient {
font-size: 1.5rem;
}
.button-fill {
padding: 1.25rem 2rem;
}
.review-stars_item {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
max-width: 12rem;
font-size: 1.25rem;
}
.ebook-content_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.ebook-content_item {
background-size: 1.5rem;
padding-left: 2.5rem;
font-size: 1.5rem;
}
.bundle-header_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.bundle-header_heading-wrapper {
font-size: 12vw;
}
.bundle-header_badge-block {
padding: 0.75rem 0.88rem;
font-size: 0.88rem;
}
.bundle-header_heading {
font-size: 12vw;
}
.button-slide {
padding: 0.75rem 2rem;
}
.button-slide.is-large {
padding: 1rem;
font-size: 1.5rem;
}
.button-slide.is-calc-banner {
width: auto;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.button-slide.is-links {
min-height: auto;
font-size: 1.25rem;
}
.bundle-content_component,
.bundle-main_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.campaign-header_component.is-blog {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.unli-expertise_list_heading,
.unli-expertise_lis_1stack {
grid-column-gap: 1.25rem;
}
.unli-expertise_ite_stack {
grid-column-gap: 0.75rem;
justify-content: center;
align-items: flex-start;
}
.soldout-text-toggle,
.waitlist-text-toggle-copy {
font-size: 0.7rem;
}
.ad-side_component {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.ad-side_content-heading {
font-size: 2.5rem;
}
.ad-side_content-description {
font-size: 1.25rem;
}
.ad-side_image-wrapper {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
.exit_card {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.exit_heading {
font-size: 2em;
}
.y21-timeline_progress-wrapper {
height: 2rem;
}
.y21-intro_heading {
font-size: 5rem;
line-height: 1.2;
}
.y21-timeline_gif-image {
max-width: 25rem;
}
.y21-header_logo {
height: 2rem;
}
.overlay-glow1 {
width: 90vmax;
height: 90vmax;
}
.section-y21-cta_background-glow {
width: 150vmin;
height: 150vmin;
}
.y21-timeline_progress-track,
.y21-timeline_progress-fade {
width: 0.25rem;
}
.y21-timeline_progress-dot-wrapper {
width: 2rem;
height: 2rem;
top: 4rem;
}
.y21-cta_gif.is-1 {
bottom: 29%;
}
.y21-cta_gif.is-3 {
width: 44vw;
}
.y21-cta_gif.is-2 {
bottom: 7%;
}
.y21-timeline_progress-bar {
width: 0.25rem;
}
.y21-cta_content-wrapper {
padding-bottom: 60vw;
}
.section-y21-intro_background-glow {
top: -60vw;
right: -45.7vw;
}
.page-padding {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.y21-timeline_heading {
font-size: 1.8rem;
}
.y21-timeline_richtext {
font-size: 1.125rem;
}
.pricing_heading {
font-size: 2.5rem;
}
.pricing_item {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.pricing_item-description {
font-size: 1rem;
}
.pricing_item-heading {
font-size: 1.5rem;
}
.pricing-text {
font-size: 2rem;
}
.pricing_list_items {
grid-column-gap: 1.25rem;
}
.unli-pricing_stack {
grid-column-gap: 0.75rem;
}
.pricing_item-check {
margin-top: 0.25rem;
font-size: 1.5rem;
}
.pricing_item-text {
font-size: 1.35rem;
}
.accelerator_banner-layout {
grid-template-columns: 1fr;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.expertise-cell {
justify-content: flex-start;
align-items: center;
}
.included_item-subheading {
font-size: 1.125rem;
}
.packages-heading {
font-size: 1.5rem;
}
.packages-description,
.packages-description-link {
font-size: 1rem;
}
.accelerator-header_description {
font-size: 1.125rem;
}
.accelerator-included_heading {
font-size: 2.5rem;
}
.included_item-text-wrapper {
font-size: 1.35rem;
}
.accelerator-included_item {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.bundle_item-description {
font-size: 1rem;
}
.calc_item-row-2 {
grid-column-gap: 0rem;
grid-row-gap: 0.25rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
position: relative;
}
.calc_item-row-2.is-category {
grid-row-gap: 0rem;
flex-direction: column;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.calc_item-row-2.is-banner {
grid-row-gap: 1rem;
border-top-width: 0;
padding-top: 0;
padding-bottom: 0;
}
.calc_item-row-2.is-cta {
border-top-width: 0;
padding-top: 0;
padding-bottom: 0;
}
.calc_item-row-2.is-header {
grid-row-gap: 2rem;
padding-top: 0;
padding-bottom: 0;
}
}
@media screen and (max-width: 479px) {
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.max-width-full-mobile-portrait {
width: 100%;
max-width: none;
}
.hide-mobile-portrait {
display: none;
}
.page-wrapper.is-mini {
position: relative;
}
.button.is-calc-banner {
font-size: 1rem;
}
.button.is-links {
font-size: 1.125rem;
}
.cookie-layout {
grid-auto-flow: row;
width: 100%;
}
.nav_dropdown {
width: 100%;
}
.beyond-wrapper {
display: inline;
}
.footer_top-wrapper {
grid-row-gap: 48px;
}
.footer_menu-wrapper {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.section_legal-header {
height: 100svh;
}
.share_icon {
margin-top: 0;
}
.swiper.is-reviews,
.swiper.is-works,
.swiper.is-videos {
width: 100%;
}
.swiper-slide.is-resources,
.swiper-slide.is-reviews,
.swiper-slide.is-works,
.swiper-slide.is-projects {
width: 90%;
}
.swiper-slide.is-videos {
width: 100%;
}
.timeline_horizaontal-item-image {
height: 100vw;
}
.marquee_item {
margin-right: 6vw;
}
.marquee_logo-wrapper {
justify-content: center;
align-items: flex-start;
}
.blogs-feed_list {
grid-template-columns: 1fr;
}
.home-header_description {
font-size: 0.88rem;
}
.faq_accordion_label {
font-size: 1rem;
}
.tooltip_content.show {
display: flex;
}
.calc_input-label {
font-size: 3.8vw;
}
.calc_total-string {
font-size: 6vw;
}
.subheading-style-regular {
font-size: 0.88rem;
}
.sub-header_heading {
max-width: 10ch;
font-size: 13vw;
}
.sub-header_features_list {
grid-row-gap: 0rem;
}
.sub-header_features_item {
font-size: 0.88rem;
}
.sub-inclusions_item-team-item.is-last {
margin-right: -1.25rem;
}
.sub-perks_item {
grid-column-gap: 1rem;
grid-template-columns: 2.5rem 1fr;
}
.sub-perks_item-heading {
font-size: 1.25rem;
}
.sub-vs_row {
grid-row-gap: 0.5rem;
grid-template-columns: 2.5fr 4rem 4rem;
}
.sub-vs_row.is-heading {
grid-row-gap: 0.5rem;
grid-template-columns: 1fr 1fr;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.sub-vs_row-label {
max-width: 15rem;
}
.sub-vs_row-heading {
font-size: 1.25rem;
}
.sub-vs_logo-beyond {
width: 100%;
height: auto;
margin-bottom: -0.3rem;
}
.sub-vs_competitor-text {
color: var(--eggplant);
max-width: 9ch;
font-size: 0.8rem;
font-weight: 700;
}
.sub-header_features_list-icon {
font-size: 1.25rem;
}
.sub-perks_item-icon {
font-size: 2rem;
}
.sub-how_item-number {
font-size: 3rem;
}
.sub-calc_column-title {
font-size: 5vw;
}
.calc_category-item.is-add {
grid-row-gap: 0.5rem;
margin-top: 0;
}
.calc_category-list {
grid-row-gap: 0.5rem;
}
.calc_item-row {
grid-template-columns: 1.3fr 1fr 1fr;
}
.calc_total-description {
font-size: 0.75rem;
}
.calc_total-save-text,
.calc_total-discount-text {
font-size: 2.5vw;
}
.sub-gifts_item-image {
max-width: 60vw;
max-height: 70vw;
}
.sub-refer_image-wrapper {
width: 50vw;
height: 50vw;
margin-top: -5vw;
margin-bottom: -5vw;
}
.faq_rich-text {
font-size: 0.88rem;
}
.sub-quiz_features_list {
grid-row-gap: 0rem;
flex-direction: column;
align-items: center;
}
.sub-marquee_item {
margin-right: 6vw;
}
.sub-marquee_logo-wrapper {
justify-content: center;
align-items: flex-start;
}
.calc_item-total-label-wrapper {
grid-column-gap: 0.5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
display: grid;
}
.sub-calc_column-title-description {
font-size: 3.5vw;
}
.sub-vs_row-heading-2 {
grid-row-gap: 0.5rem;
grid-template-columns: 2.5fr 4rem 4rem;
}
.sub-features_item {
grid-column-gap: 1rem;
grid-template-columns: 2.5rem 1fr;
}
.sub-features_item-icon {
font-size: 2rem;
}
.unli-expertise_list {
grid-column-gap: 0.625rem;
grid-row-gap: 1.25rem;
}
.unli-expertise_item-check {
margin-top: 0.125rem;
font-size: 1.25rem;
}
.unli-expertise_item-text {
font-size: 1.125rem;
}
.affiliate-header_slider-component {
max-width: 90%;
}
.affiliate-header_heading {
font-size: 2.5rem;
}
.affiliate-features_item {
grid-row-gap: 0.5rem;
}
.affiliate-features_item-icon {
font-size: 2rem;
}
.affiliate-how_item-number {
font-size: 3rem;
}
.sub-header_features_list-icon-2 {
font-size: 1.25rem;
}
.home-header_heading {
font-size: 11vw;
}
.home-header_description-2,
.market-header_description {
font-size: 0.88rem;
}
.market-header_heading {
font-size: 11vw;
}
.market-how_item-number {
font-size: 3rem;
}
.market-features_item {
grid-column-gap: 1rem;
grid-template-columns: 2.5rem 1fr;
}
.market-features_item-icon {
font-size: 2rem;
}
.market-banner_image-page {
height: 145%;
margin-bottom: -16vw;
}
.market-calc_heading-duration {
margin-top: 1rem;
}
.calc_label-text {
font-size: 1.5rem;
}
.market-calc_slider-label-number {
font-size: 1.25rem;
}
.calc-breakdown_service-block {
font-size: 1.13rem;
}
.calc-breakdown_service-list {
grid-column-gap: 0.375rem;
grid-row-gap: 0.375rem;
}
.web-calc_toggle-wrapper-old {
grid-column-gap: 0.5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
display: grid;
}
.market-calc_button-reset-old2.is-calc-banner,
.market-calc_button-reset-old.is-calc-banner {
font-size: 1rem;
}
.post-header_background-glow {
filter: blur(100px);
bottom: -91.3vw;
right: -169%;
}
.post-body_thanks-wrapper {
flex-direction: column;
align-items: center;
}
.post-body_thanks-message {
text-align: center;
flex: 0 auto;
align-items: center;
margin-top: 28px;
margin-left: 0;
}
.post-body_thanks-message-tail {
inset: -3% auto auto;
}
.projects-feed_list {
grid-template-columns: 1fr;
}
.project-body_richtext h2 {
font-size: 2rem;
}
.project-stats_list {
max-width: none;
}
.card-2.bg-offset-white.career-link:hover {
transform: translate(10px);
}
.card-body-2 {
padding: 18px;
}
.career-link-arrow {
display: block;
}
.legal-feed_card-link:hover {
transform: translate(10px);
}
.legal-feed_card-layout {
padding-top: 1.13rem;
padding-bottom: 1.13rem;
}
.header_glow.is-bottom {
height: 100vh;
}
.projects-feed_list-feed_list,
.calcs-feed_list {
grid-template-columns: 1fr;
}
.nav_dropdown-agency-menu-layout {
justify-content: flex-start;
}
.nav_dropdown-tools-menu-layout {
flex-direction: column;
align-items: stretch;
}
.expert-services_list {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.expert-services_item {
padding-left: 2rem;
font-size: 1rem;
}
.expert-why_item {
grid-column-gap: 1rem;
grid-template-columns: 2.5rem 1fr;
}
.expert-why_item-icon {
font-size: 2rem;
}
.expert-why_item-heading {
font-size: 1.25rem;
}
.solutions-preview_list {
grid-template-columns: 1fr;
}
.expert-partners_list {
grid-column-gap: 1rem;
}
.expert-partners_logo {
height: 2rem;
}
.type_text {
max-width: 10ch;
font-size: 13vw;
}
.type_heading {
font-size: 10vw;
}
.type_heading.is-sub {
max-width: 10ch;
}
.type_heading.is-ramp,
.type_heading.is-mw,
.type_heading.is-aff {
margin-top: 5vw;
}
.bento-sub_image {
max-width: 97%;
}
.bento_radar-item-text {
max-width: 13ch;
}
.bento_ramp-logo {
height: 5vw;
margin-top: 10vw;
}
.bento-mw_image {
max-width: 45%;
margin-right: -2%;
}
.bentro-aff_badge {
font-size: 3vw;
}
.store-feed_list {
flex-direction: column;
display: flex;
}
.why-header_heading {
max-width: 10ch;
font-size: 13vw;
}
.why-story_item {
font-size: 1.5rem;
}
.header104_heading-wrapper {
grid-row-gap: 0.25rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: flex;
}
.header104_heading {
font-size: 1.75rem;
}
.header104_heading-span {
padding-right: 4rem;
}
.preview-blog_image-wrapper {
width: 70vw;
}
.splitter_handle-component {
width: 2px;
}
.service-expertise_richtext ul {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.service-expertise_richtext li {
padding-left: 2rem;
font-size: 1rem;
}
.awards_item {
grid-template-rows: 22vw auto;
}
.awards_image {
max-width: 30vw;
max-height: 22vw;
}
.awards_image.is-sotd {
max-width: 26vw;
}
.team-feed_list {
grid-row-gap: 8vw;
}
.team-feed_item {
width: 47%;
}
.about-solutions_content-wrapper {
text-align: center;
}
.careers-perks_list {
grid-row-gap: 15vw;
}
.careers-perks_item {
grid-column-gap: 0.5rem;
grid-row-gap: 0.5rem;
}
.careers-perks_item-label {
font-size: 1rem;
}
.careers-perks_item-icon {
width: 30vw;
height: 30vw;
}
.ebook-header_heading,
.ebook-header_heading-wrapper,
.bundle-header_heading-wrapper,
.bundle-header_heading {
font-size: 15vw;
}
.button-slide.is-calc-banner {
font-size: 1rem;
}
.button-slide.is-links {
font-size: 1.125rem;
}
.unli-expertise_list_heading,
.unli-expertise_lis_1stack {
grid-column-gap: 0.625rem;
grid-row-gap: 1.25rem;
}
.section-y21-header {
height: 100vw;
}
.y21-intro_heading {
font-size: 16.5vw;
line-height: 1.4;
}
.y21-intro_subheading {
font-size: 1.75rem;
}
.y21-cta_content-wrapper {
padding-bottom: 65vw;
}
.section-y21-intro_background-glow {
width: 170vw;
height: 170vw;
top: -47.1vw;
right: -59.9vw;
}
.y21-header_background {
height: 100vw;
}
.yearheader {
top: 40%;
}
.service-wrapper {
width: 15rem;
}
.nav_dropdown-solutions-menu-layout {
flex-direction: column;
align-items: stretch;
}
.nav_dropdown-pricing-menu-layout {
justify-content: flex-start;
}
.pricing_list_items {
grid-column-gap: 0.625rem;
grid-row-gap: 1.25rem;
}
.pricing_item-check {
margin-top: 0.125rem;
font-size: 1.25rem;
}
.pricing_item-text {
font-size: 1.125rem;
}
.accelerator-header_description {
font-size: 0.88rem;
}
.included_item-text-wrapper {
font-size: 1.125rem;
}
}
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9d-55e7ac89,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9e-55e7ac89,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fb2-55e7ac89,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fc2-55e7ac89,
#w-node-d057fc47-652a-e123-e14e-c391fcc856e5-55e7ac89,
#w-node-_42edccc4-98cc-b784-15f7-630b6de9abee-55e7ac89,
#w-node-_88e43a62-df93-6493-29d2-bc08be124d0e-55e7ac89,
#w-node-_3d716ee1-c6dd-ef8b-eb6f-610f7a924123-55e7ac89 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c1299648-8d4e-8bcf-74df-28f5bb67b9e8-bb67b9ce {
justify-self: end;
}
#w-node-_33a0ef20-7a02-be01-c342-16505dabd510-5dabd50b,
#w-node-_33a0ef20-7a02-be01-c342-16505dabd511-5dabd50b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a81c20ac-75e0-65ef-daa4-c4c20fc13508-0fc13500 {
place-self: center end;
}
#w-node-f7ee869f-818b-7478-157a-724821ec381e-21ec381b,
#w-node-c1307090-7066-1d1b-ffcf-fc3f4f5925b3-55e7ac8a,
#w-node-_534cf17f-e9eb-aacb-5019-0d30e2eac644-55e7ac8a,
#w-node-c8a76f23-66fc-b7fd-6ac1-ddaaf0711487-55e7ac8a,
#w-node-c8a76f23-66fc-b7fd-6ac1-ddaaf071148b-55e7ac8a,
#w-node-_0a7badd0-2ea5-ea8b-6510-7970c095dfd0-55e7ac8a,
#w-node-_0a7badd0-2ea5-ea8b-6510-7970c095dfd2-55e7ac8a,
#w-node-_0a7badd0-2ea5-ea8b-6510-7970c095dfd3-55e7ac8a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_265b0340-69eb-e817-aa2b-284c2738e996-55e7ac8a {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_265b0340-69eb-e817-aa2b-284c2738e99a-55e7ac8a,
#w-node-b908ff68-0178-af13-5117-befaeef99afa-eef99af5,
#w-node-b908ff68-0178-af13-5117-befaeef99afb-eef99af5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e09f5785-db52-08c6-ccd3-ac53ba66a2fa-55e7ac8b,
#w-node-e09f5785-db52-08c6-ccd3-ac53ba66a2fc-55e7ac8b {
order: -9999;
}
#w-node-e09f5785-db52-08c6-ccd3-ac53ba66a2fe-55e7ac8b,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7ac8d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9e1-55e7ac8d {
order: -9999;
}
#w-node-ba83c53e-8990-b82a-35ca-32eabd8d1f97-bd8d1f91,
#w-node-ba83c53e-8990-b82a-35ca-32eabd8d1f98-bd8d1f91,
#w-node-_52523327-2aa8-753e-a4ea-a22e58e5a8d3-58e5a8c5,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9d-55e7ac8f,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9e-55e7ac8f,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fc9-55e7ac8f,
#w-node-_701e3fe3-c05d-2838-a6e1-fd0687d17342-55e7ac8f,
#w-node-_20815280-6804-71df-df80-85ef85d43274-55e7ac8f,
#w-node-_7552ee61-b078-d767-e7ac-d5add3fba2fe-55e7ac8f,
#w-node-f1785af1-2e8b-a6f0-26d7-514aa582724c-55e7ac8f,
#w-node-_8470cbcb-21e4-7045-bc4e-f485e27fa372-55e7ac8f,
#w-node-_0c2f95c2-6868-8a4b-6c60-f75bba40a677-55e7ac8f,
#w-node-_0c2f95c2-6868-8a4b-6c60-f75bba40a67b-55e7ac8f,
#w-node-a82b8635-f0ac-2143-1b0d-f0be70a5e9c5-55e7ac8f,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7ac92 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9e1-55e7ac92 {
order: -9999;
}
#w-node-_4b941ac4-1639-07bc-6879-294f97ce5257-55e7ac92,
#w-node-_7d9179ec-8386-1d3d-4a56-3f20da4e7a68-55e7ac92,
#w-node-_7d9179ec-8386-1d3d-4a56-3f20da4e7a69-55e7ac92 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c8890cb8-6ed6-77d5-6079-58e918a0fb3f-55e7ac9d,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9e1-55e7ac9d {
order: -9999;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7ac9d,
#w-node-_511abd5d-9706-560a-85b5-5cd5a5ad981c-55e7ac9f,
#w-node-_511abd5d-9706-560a-85b5-5cd5a5ad9825-55e7ac9f,
#w-node-_511abd5d-9706-560a-85b5-5cd5a5ad9837-55e7ac9f,
#w-node-_6d29b59c-fb4c-1bdb-f5e6-01b05687a83c-55e7ac9f,
#w-node-_0f4a92ba-a939-caf9-b15b-a54a0115bcb5-55e7ac9f,
#w-node-_24e18c93-d3db-2ea6-7d7f-d4bfe66fe8a2-55e7ac9f,
#w-node-b6712c57-7438-8a96-d248-e6e4633e87da-633e87d8,
#w-node-b6712c57-7438-8a96-d248-e6e4633e87ea-633e87d8,
#w-node-_7deb5d6a-657a-7dc7-92f9-ba24a043ed81-55e7aca4,
#w-node-_7deb5d6a-657a-7dc7-92f9-ba24a043ed91-55e7aca4,
#w-node-_7deb5d6a-657a-7dc7-92f9-ba24a043edb8-55e7aca4,
#w-node-_7deb5d6a-657a-7dc7-92f9-ba24a043edca-55e7aca4,
#w-node-d42ec9c4-b10c-7a7d-eed4-a7b7b3e60831-55e7aca5,
#w-node-cc59e4b2-a761-e38e-8d6b-67e3d6452af9-55e7acaa,
#w-node-cc59e4b2-a761-e38e-8d6b-67e3d6452afa-55e7acaa,
#w-node-a1317101-e08b-bcae-b3ba-cbb29d6ae9c6-55e7acaa {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_62ceef69-9ad6-ddb5-1fff-ea1df20b147b-55e7acaa {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a14d7849-778a-c918-fcfd-4605598a400a-55e7acaa {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cb02068b-6e7d-6e73-64e7-16f2653aa39b-55e7acaa,
#w-node-_26131ce1-8908-3f5b-4a77-9413b54e03b9-55e7acaa,
#w-node-_193b2017-44d1-a98f-5a2c-ed86ef726789-55e7acaa {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5a0a57a1-5dbd-5ba1-45cc-c9c83232b7d0-55e7acb4,
#w-node-_5ee54b9c-8679-f7e5-8550-bf91f3f75129-55e7acb4,
#w-node-c03d4c99-5882-22c5-c704-c38eff021095-55e7acb4,
#w-node-f9a6f1a6-972a-e576-808b-4f78a2f98eb8-55e7acb4,
#w-node-aaf18645-4f55-4bf5-1229-b9d2208240e6-55e7acb4,
#w-node-f7179ad8-fed7-ac3e-62f4-3465657ae5c1-55e7acb4,
#w-node-f7179ad8-fed7-ac3e-62f4-3465657ae5c2-55e7acb4,
#w-node-_337d892e-23c9-1358-3ddf-1b7e299ccb90-55e7acb4,
#w-node-_3671a3c2-f260-e42b-d616-7bc1de0b810e-55e7acb4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f60e7769-8eca-058c-11c0-96f09dd34623-55e7acb4 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_59fbdfbd-7007-4f8e-ffe9-69c6759a2333-759a2332,
#w-node-_59fbdfbd-7007-4f8e-ffe9-69c6759a2338-759a2332,
#w-node-_59fbdfbd-7007-4f8e-ffe9-69c6759a2339-759a2332,
#w-node-_59fbdfbd-7007-4f8e-ffe9-69c6759a233e-759a2332 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_59fbdfbd-7007-4f8e-ffe9-69c6759a2344-759a2332 {
place-self: center end;
}
#w-node-_94b358a4-905f-010d-3369-8daf9561510c-95615107,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e167-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e16a-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e16b-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e16c-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e16d-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e16e-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e16f-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e170-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e171-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e172-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e173-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e174-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e175-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e176-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e177-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e178-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e179-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e17a-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e17b-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e17c-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e17d-0e38e162,
#w-node-_36197066-41cf-3bca-6df5-8ac30e38e17e-0e38e162,
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6ab-3b25f6a4,
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6ac-3b25f6a4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6af-3b25f6a4 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6b3-3b25f6a4,
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6b7-3b25f6a4,
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6ba-3b25f6a4,
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6bb-3b25f6a4,
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6bf-3b25f6a4,
#w-node-a8ac6443-242d-0e76-363f-cac33b25f6c3-3b25f6a4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d462-87c2d45d {
grid-area: 1/1/3/3;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d463-87c2d45d {
grid-area: 1/3/2/4;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d464-87c2d45d {
grid-area: 1/4/2/6;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d465-87c2d45d {
grid-area: 2/3/3/5;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d466-87c2d45d {
grid-area: 2/5/4/6;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d467-87c2d45d {
grid-area: 3/1/5/2;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d468-87c2d45d {
grid-area: 3/2/5/5;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d469-87c2d45d {
grid-area: 4/5/5/6;
}
#w-node-d2eea958-6491-a926-2332-143cb5b300e4-b5b300de,
#w-node-d2eea958-6491-a926-2332-143cb5b300e5-b5b300de,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7acc0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9e1-55e7acc0 {
order: -9999;
}
#w-node-_4b941ac4-1639-07bc-6879-294f97ce5257-55e7acc0,
#w-node-_0f68779e-1984-d5e0-8f66-c2c5208ca201-55e7acc0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_521da98e-07b5-4679-b17b-0a5658415092-55e7acc0 {
place-self: center end;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7acc2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9e1-55e7acc2 {
order: -9999;
}
#w-node-_4b941ac4-1639-07bc-6879-294f97ce5257-55e7acc2,
#w-node-_0f68779e-1984-d5e0-8f66-c2c5208ca201-55e7acc2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_521da98e-07b5-4679-b17b-0a5658415092-55e7acc2 {
place-self: center end;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7acc4,
#w-node-_4b941ac4-1639-07bc-6879-294f97ce5257-55e7acc4,
#w-node-_581553e2-0e05-a213-43f5-7a7b5ca55e46-55e7acc7,
#w-node-_581553e2-0e05-a213-43f5-7a7b5ca55e4b-55e7acc7,
#w-node-_581553e2-0e05-a213-43f5-7a7b5ca55e4d-55e7acc7,
#w-node-_534cf17f-e9eb-aacb-5019-0d30e2eac644-55e7acc7,
#w-node-_0a7badd0-2ea5-ea8b-6510-7970c095dfd0-55e7acc7,
#w-node-_0a7badd0-2ea5-ea8b-6510-7970c095dfd2-55e7acc7,
#w-node-_0a7badd0-2ea5-ea8b-6510-7970c095dfd3-55e7acc7,
#w-node-edae34a4-95bf-03d1-aa69-adc62a0c9aab-55e7acc7,
#w-node-fb31c145-7695-bab9-60c9-c851e63e7027-55e7acc7,
#w-node-fb31c145-7695-bab9-60c9-c851e63e7028-55e7acc7,
#w-node-aaaf7925-2fe4-4f0b-558f-5c52f325358a-55e7acc7,
#w-node-f0c8118d-b40d-23d5-86c5-a23708719800-55e7acc7,
#w-node-f821b9ab-c79e-4c33-55d8-ba34bc5b3116-55e7acc7,
#w-node-_0be2f326-902f-f15c-cc00-3bf449ab44e4-55e7acc7,
#w-node-_4a2c281d-3f1a-9db1-d5c2-3fdd4d2a9d84-55e7acc7,
#w-node-_4a2c281d-3f1a-9db1-d5c2-3fdd4d2a9d91-55e7acc7,
#w-node-_9359f7bd-613b-df0d-7567-4444741c6eca-55e7acc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_265b0340-69eb-e817-aa2b-284c2738e996-55e7acc7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_265b0340-69eb-e817-aa2b-284c2738e99a-55e7acc7,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7acce {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9e1-55e7acce {
order: -9999;
}
#w-node-_4f9c4600-9004-4822-333f-0c1abcba0750-55e7acce {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-da639a71-b42d-73ab-6e4b-dfcb72a8fc11-55e7acce {
place-self: center end;
}
#w-node-_4228527d-dae9-51af-fc20-fc02e1c39578-55e7accf,
#w-node-dc8deb64-cc94-172f-7f11-69ca2572ffad-55e7accf,
#w-node-b7645844-0ab5-36ed-0063-0ddb8cedd11d-55e7accf,
#w-node-b7645844-0ab5-36ed-0063-0ddb8cedd11e-55e7accf,
#w-node-b7645844-0ab5-36ed-0063-0ddb8cedd124-55e7accf,
#w-node-_4e1a6417-4b85-42d1-45cf-c6e211748beb-55e7accf,
#w-node-_4e1a6417-4b85-42d1-45cf-c6e211748bec-55e7accf,
#w-node-_4e1a6417-4b85-42d1-45cf-c6e211748bf2-55e7accf,
#w-node-f8114e07-7058-94eb-d27c-d7310e34fae1-55e7accf,
#w-node-f8114e07-7058-94eb-d27c-d7310e34fae2-55e7accf,
#w-node-f8114e07-7058-94eb-d27c-d7310e34fae4-55e7accf,
#w-node-_4228527d-dae9-51af-fc20-fc02e1c39593-55e7accf,
#w-node-c701627b-445a-97fd-830c-94eb008d5315-55e7accf,
#w-node-_4228527d-dae9-51af-fc20-fc02e1c39596-55e7accf,
#w-node-_4643d711-910a-5ebc-1ac1-174d61d91c07-55e7accf,
#w-node-_4643d711-910a-5ebc-1ac1-174d61d91c08-55e7accf,
#w-node-_4643d711-910a-5ebc-1ac1-174d61d91c0a-55e7accf,
#w-node-dfc6db89-473c-2725-4f12-222c3a7af783-55e7accf,
#w-node-dfc6db89-473c-2725-4f12-222c3a7af784-55e7accf,
#w-node-dfc6db89-473c-2725-4f12-222c3a7af786-55e7accf,
#w-node-_7e9767c6-f7d7-b0df-489d-e4c6ca47fd86-55e7accf,
#w-node-bb84566e-8e38-ad65-05ec-29a39ff939ed-55e7accf,
#w-node-_7e9767c6-f7d7-b0df-489d-e4c6ca47fd89-55e7accf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4228527d-dae9-51af-fc20-fc02e1c3958a-55e7accf {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: stretch;
}
#w-node-_4228527d-dae9-51af-fc20-fc02e1c3958b-55e7accf {
justify-self: start;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-55e7acd0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9e1-55e7acd0 {
order: -9999;
}
#w-node-_71cc672f-f8f9-7256-96d1-e3a499de1827-55e7acd0,
#w-node-_71cc672f-f8f9-7256-96d1-e3a499de182c-55e7acd0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_71cc672f-f8f9-7256-96d1-e3a499de1832-55e7acd0 {
place-self: center end;
}
#w-node-_573b0ed2-d824-13f1-78f0-908843d7b18d-55e7acd0,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9d-55e7acd9,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9e-55e7acd9,
#w-node-_88e43a62-df93-6493-29d2-bc08be124d0e-55e7acd9,
#w-node-_0c0bef4a-f1e2-d229-3977-f7b0fa16f1cb-55e7acd9,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fb2-55e7acd9,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fc2-55e7acd9,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fc9-55e7acd9,
#w-node-_701e3fe3-c05d-2838-a6e1-fd0687d17342-55e7acd9,
#w-node-_20815280-6804-71df-df80-85ef85d43274-55e7acd9,
#w-node-f1785af1-2e8b-a6f0-26d7-514aa582724c-55e7acd9,
#w-node-_8470cbcb-21e4-7045-bc4e-f485e27fa372-55e7acd9,
#w-node-a82b8635-f0ac-2143-1b0d-f0be70a5e9c5-55e7acd9,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9de-33399aa3,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-33399aa3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_59993ff2-e6e6-77a4-ff5d-320756970268-33399aa3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-f6ee5824-fc68-7392-1ae9-456a44f246fd-33399aa3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89987fa6-6565-75ed-2f04-718dbda204f2-33399aa3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_89987fa6-6565-75ed-2f04-718dbda204f6-33399aa3,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9d-fe82bf23,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88f9e-fe82bf23,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fb2-fe82bf23,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fc2-fe82bf23,
#w-node-b8e5e527-a4e3-1a8e-a22c-64878fc88fc9-fe82bf23,
#w-node-_27f7685e-a727-8557-3b37-9ee231458483-fe82bf23,
#w-node-_27f7685e-a727-8557-3b37-9ee231458493-fe82bf23,
#w-node-_701e3fe3-c05d-2838-a6e1-fd0687d17342-fe82bf23,
#w-node-_20815280-6804-71df-df80-85ef85d43274-fe82bf23,
#w-node-_7e13a4cc-7c4c-ae9d-4949-84304e062fb7-fe82bf23,
#w-node-_7e13a4cc-7c4c-ae9d-4949-84304e062fc7-fe82bf23,
#w-node-_88e43a62-df93-6493-29d2-bc08be124d0e-fe82bf23,
#w-node-_0c0bef4a-f1e2-d229-3977-f7b0fa16f1cb-fe82bf23,
#w-node-_67ab7000-b927-e1d8-e6ac-162e6ac269f6-fe82bf23,
#w-node-_67ab7000-b927-e1d8-e6ac-162e6ac269fa-fe82bf23,
#w-node-a0b994a2-6593-d8a3-a200-250ac90ea230-fe82bf23,
#w-node-a0b994a2-6593-d8a3-a200-250ac90ea240-fe82bf23,
#w-node-_3bcb2ceb-c101-8cbf-d771-076358902707-fe82bf23,
#w-node-_94827a23-6d93-1dc6-e153-6505edd8f315-fe82bf23,
#w-node-_94827a23-6d93-1dc6-e153-6505edd8f325-fe82bf23,
#w-node-a82b8635-f0ac-2143-1b0d-f0be70a5e9c5-fe82bf23,
#w-node-ec134eb5-1884-3910-8720-9b0539343dd8-1970eb4d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6d3702fb-5d02-9377-d472-7bfb6bd445eb-6bd445e3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_25df271e-c5d0-53d6-b70b-0c98b27b9469-0f1830b0,
#w-node-_14823916-64b5-b083-4b1f-64b7d2ca8094-0f1830b0,
#w-node-_81229310-2cd2-1b88-0732-85ec6d74b770-0f1830b0,
#w-node-ec134eb5-1884-3910-8720-9b0539343dd8-25b6b1f9,
#w-node-_9fd87c64-f1e5-7e49-b459-ca807d65375f-25b6b1f9,
#w-node-ec134eb5-1884-3910-8720-9b0539343dd8-7f2b091b,
#w-node-f7c24d29-bf73-b22f-2d6f-9b1d9e1e8971-7f2b091b,
#w-node-f7c24d29-bf73-b22f-2d6f-9b1d9e1e8972-7f2b091b,
#w-node-_9efccc4b-bd91-0629-7f26-ee8b90ce98f1-7f2b091b,
#w-node-_9efccc4b-bd91-0629-7f26-ee8b90ce98f3-7f2b091b,
#w-node-_9fd87c64-f1e5-7e49-b459-ca807d65375f-7f2b091b,
#w-node-_683d2ae8-c092-0113-474f-4d4b8104076f-7f2b091b,
#w-node-_539c96a1-d513-5286-12b6-ea4f3088e085-7f2b091b,
#w-node-_539c96a1-d513-5286-12b6-ea4f3088e086-7f2b091b,
#w-node-_539c96a1-d513-5286-12b6-ea4f3088e099-7f2b091b,
#w-node-_539c96a1-d513-5286-12b6-ea4f3088e0ac-7f2b091b,
#w-node-ec134eb5-1884-3910-8720-9b0539343dd8-32d4277e,
#w-node-db93c9db-f4e5-7b41-613f-b37f2fd78c22-32d4277e,
#w-node-db93c9db-f4e5-7b41-613f-b37f2fd78c21-32d4277e,
#w-node-db93c9db-f4e5-7b41-613f-b37f2fd78c26-32d4277e,
#w-node-_9fd87c64-f1e5-7e49-b459-ca807d65375f-32d4277e,
#w-node-_683d2ae8-c092-0113-474f-4d4b8104076f-32d4277e,
#w-node-af7d1017-35ee-d388-43ac-7acaaff5b76b-32d4277e,
#w-node-_19a579a1-bde2-cbd2-0aa7-f72db25b82cf-32d4277e,
#w-node-_19a579a1-bde2-cbd2-0aa7-f72db25b82d0-32d4277e,
#w-node-efa9ff47-8282-e15a-30d2-a3e3c28aab4a-32d4277e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1b7b352a-017c-ffa3-240a-78cdd65ee3fe-32d4277e {
place-self: center end;
}
#w-node-_6a77c7ec-70a3-594a-7f67-30e6e6812ce3-81b6f894,
#w-node-_9fd87c64-f1e5-7e49-b459-ca807d65375f-0930582c,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9de-914d1702,
#w-node-db10c178-4bfe-ba0d-25dd-efdf2dd2f9df-914d1702 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a080549a-ee18-bb9d-2ddf-b3deed04e585-ed04e573 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-a080549a-ee18-bb9d-2ddf-b3deed04e586-ed04e573 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-a080549a-ee18-bb9d-2ddf-b3deed04e587-ed04e573 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_87afa0fc-8e57-da0c-416a-724dcf61be76-cf61be64,
#w-node-_701bc3ee-5472-6fbe-f70f-a22a74661455-bd9c791c,
#w-node-_701bc3ee-5472-6fbe-f70f-a22a74661456-bd9c791c,
#w-node-_701bc3ee-5472-6fbe-f70f-a22a7466145a-bd9c791c,
#w-node-ec134eb5-1884-3910-8720-9b0539343dd8-927fcd6d,
#w-node-_5af9a5a3-a5de-b6f2-d7fe-c1fb2add7e59-927fcd6d,
#w-node-f3c50d30-6b05-61b1-028f-c08075a59998-927fcd6d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_027da3e1-be21-d599-4c0e-cd7fd82fce1c-927fcd6d {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_027da3e1-be21-d599-4c0e-cd7fd82fce1e-927fcd6d {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_027da3e1-be21-d599-4c0e-cd7fd82fce1f-927fcd6d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_027da3e1-be21-d599-4c0e-cd7fd82fce24-927fcd6d {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-b26dadd9-e98e-4226-7980-5ff7cee97d0c-927fcd6d,
#w-node-b26dadd9-e98e-4226-7980-5ff7cee97d0d-927fcd6d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7df9201b-8400-82ca-6b6b-04e0012e2fbb-012e2fb6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_7df9201b-8400-82ca-6b6b-04e0012e2fbf-012e2fb6,
#w-node-ba6edbc0-3fae-7b85-cee4-f37b69e7a868-69e7a863,
#w-node-ba6edbc0-3fae-7b85-cee4-f37b69e7a86a-69e7a863,
#w-node-ba6edbc0-3fae-7b85-cee4-f37b69e7a86b-69e7a863,
#w-node-f959c280-085e-ab06-9d12-3e0d45499723-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499724-45499717 {
grid-area: 1/1/2/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499725-45499717 {
grid-area: 1/2/2/3;
place-self: center;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499726-45499717 {
grid-area: 1/3/2/4;
place-self: center;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499728-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499729-45499717 {
grid-area: 2/1/2/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549972a-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549972c-45499717 {
grid-area: 3/1/4/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549972d-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499733-45499717 {
grid-area: 4/1/5/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499734-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549973a-45499717 {
grid-area: 5/1/6/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549973b-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499741-45499717 {
grid-area: 6/1/7/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499742-45499717 {
grid-area: 7/1/8/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499743-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499745-45499717 {
grid-area: 8/1/9/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499746-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549974c-45499717 {
grid-area: 9/1/10/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549974d-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499753-45499717 {
grid-area: 10/1/11/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499754-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549975a-45499717 {
grid-area: 11/1/12/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549975b-45499717 {
grid-area: 12/1/13/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549975c-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549975e-45499717 {
grid-area: 13/1/14/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549975f-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499765-45499717 {
grid-area: 14/1/15/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499766-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549976c-45499717 {
grid-area: 15/1/16/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549976d-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499773-45499717 {
grid-area: 16/1/17/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499774-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549977a-45499717 {
grid-area: 17/1/18/4;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549977b-45499717 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f959c280-085e-ab06-9d12-3e0d45499782-45499717 {
grid-area: 1/2/2/3;
}
#w-node-ab74737f-1bec-ffc4-b658-c194ac42c0ab-ac42c0a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ab74737f-1bec-ffc4-b658-c194ac42c0af-ac42c0a2 {
align-self: center;
}
#w-node-ab74737f-1bec-ffc4-b658-c194ac42c0b7-ac42c0a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-ab74737f-1bec-ffc4-b658-c194ac42c0bc-ac42c0a2 {
align-self: center;
}
#w-node-ab74737f-1bec-ffc4-b658-c194ac42c0c2-ac42c0a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-ab74737f-1bec-ffc4-b658-c194ac42c0cc-ac42c0a2 {
align-self: center;
}
#w-node-ab74737f-1bec-ffc4-b658-c194ac42c0d2-ac42c0a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d57-b1077d4f,
#w-node-c7f9ff1c-3d63-eee6-1fe8-eb5db424e52a-9956a2a2,
#w-node-_1ddcd034-ed46-3437-7392-b55b53f8a71d-9956a2a2,
#w-node-_1ddcd034-ed46-3437-7392-b55b53f8a71e-9956a2a2,
#w-node-_439ddc99-95c8-9129-1c32-cfc346488d57-9956a2a2,
#w-node-_8d24b0be-84cd-2aed-1f7c-9072306e71fe-9956a2a2,
#w-node-ab256324-61b5-cdb7-6c6f-023a2f7ee990-9956a2a2,
#w-node-fa381eee-8349-a617-b937-cd6e40aa9972-9956a2a2,
#w-node-_617d30ad-9164-1cbf-7549-2fa32ef6b04f-9956a2a2,
#w-node-_617d30ad-9164-1cbf-7549-2fa32ef6b050-9956a2a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a708c49a-2df5-09eb-9738-880f2448cd61-9956a2a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-a708c49a-2df5-09eb-9738-880f2448cd65-9956a2a2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ce54630a-50ce-a357-460f-c98281aceea9-175ba764,
#w-node-_78150b11-85b1-b7ab-c54c-6132a3b691b6-175ba764 {
justify-self: center;
}
#w-node-d3e0e7ff-6ab3-daa6-9bbe-e735c36ada31-175ba764 {
order: 1;
}
#w-node-_7c743661-f184-cce4-11a5-f058554d5771-175ba764 {
order: 2;
}
#w-node-_46a41754-f1d8-7d0b-bc69-d07022b71c2f-175ba764 {
order: 3;
}
#w-node-_46a41754-f1d8-7d0b-bc69-d07022b71c30-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c1f08228-18a8-8e5e-ba1f-230047c76138-175ba764 {
order: 1;
}
#w-node-c1f08228-18a8-8e5e-ba1f-230047c7613a-175ba764 {
order: 2;
}
#w-node-c1f08228-18a8-8e5e-ba1f-230047c7613e-175ba764 {
order: 3;
}
#w-node-c1f08228-18a8-8e5e-ba1f-230047c7613f-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a0f9a0c-2c22-f60c-459f-2e60d699bf8b-175ba764 {
order: 1;
}
#w-node-_7a0f9a0c-2c22-f60c-459f-2e60d699bf8d-175ba764 {
order: 2;
}
#w-node-_7a0f9a0c-2c22-f60c-459f-2e60d699bf91-175ba764 {
order: 3;
}
#w-node-_7a0f9a0c-2c22-f60c-459f-2e60d699bf92-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8c0ac932-69dd-a3be-eaa9-55ebe1b5f52c-175ba764 {
order: 1;
}
#w-node-_8c0ac932-69dd-a3be-eaa9-55ebe1b5f52e-175ba764 {
order: 2;
}
#w-node-_8c0ac932-69dd-a3be-eaa9-55ebe1b5f532-175ba764 {
order: 3;
}
#w-node-_8c0ac932-69dd-a3be-eaa9-55ebe1b5f533-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d0dfbb86-4d53-177a-d4e7-ae1f014448a7-175ba764 {
order: 1;
}
#w-node-d0dfbb86-4d53-177a-d4e7-ae1f014448a9-175ba764 {
order: 2;
}
#w-node-d0dfbb86-4d53-177a-d4e7-ae1f014448ad-175ba764 {
order: 3;
}
#w-node-d0dfbb86-4d53-177a-d4e7-ae1f014448ae-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b82027aa-ccc6-a048-34ac-b2191e455ef2-175ba764 {
order: 1;
}
#w-node-b82027aa-ccc6-a048-34ac-b2191e455ef4-175ba764 {
order: 2;
}
#w-node-b82027aa-ccc6-a048-34ac-b2191e455ef8-175ba764 {
order: 3;
}
#w-node-b82027aa-ccc6-a048-34ac-b2191e455ef9-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7ef227a2-ee8c-7342-4272-1974227cd0c7-175ba764 {
order: 1;
}
#w-node-_7ef227a2-ee8c-7342-4272-1974227cd0c9-175ba764 {
order: 2;
}
#w-node-_7ef227a2-ee8c-7342-4272-1974227cd0cd-175ba764 {
order: 3;
}
#w-node-_7ef227a2-ee8c-7342-4272-1974227cd0ce-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2050bc9e-973a-c8bd-e42d-edba615bd551-175ba764 {
order: 1;
}
#w-node-_2050bc9e-973a-c8bd-e42d-edba615bd553-175ba764 {
order: 2;
}
#w-node-_2050bc9e-973a-c8bd-e42d-edba615bd557-175ba764 {
order: 3;
}
#w-node-_2050bc9e-973a-c8bd-e42d-edba615bd558-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_096beba8-5c20-3e4b-fe56-2efde80a1893-175ba764 {
order: 1;
}
#w-node-_096beba8-5c20-3e4b-fe56-2efde80a1895-175ba764 {
order: 2;
}
#w-node-_096beba8-5c20-3e4b-fe56-2efde80a1899-175ba764 {
order: 3;
}
#w-node-_096beba8-5c20-3e4b-fe56-2efde80a189a-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bc9d3062-bc76-4c36-8a2b-903b40062fa7-175ba764 {
order: 1;
}
#w-node-bc9d3062-bc76-4c36-8a2b-903b40062fa9-175ba764 {
order: 2;
}
#w-node-bc9d3062-bc76-4c36-8a2b-903b40062fad-175ba764 {
order: 3;
}
#w-node-bc9d3062-bc76-4c36-8a2b-903b40062fae-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cbed5cf0-b1a9-078e-cd90-8576b371002d-175ba764 {
order: 1;
}
#w-node-cbed5cf0-b1a9-078e-cd90-8576b371002f-175ba764 {
order: 2;
}
#w-node-cbed5cf0-b1a9-078e-cd90-8576b3710033-175ba764 {
order: 3;
}
#w-node-cbed5cf0-b1a9-078e-cd90-8576b3710034-175ba764 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5409da89-92a0-839d-6970-bf240d62d201-175ba764 {
order: 1;
}
#w-node-_5409da89-92a0-839d-6970-bf240d62d203-175ba764 {
order: 2;
}
#w-node-_5409da89-92a0-839d-6970-bf240d62d207-175ba764 {
order: 3;
}
#w-node-_5409da89-92a0-839d-6970-bf240d62d208-175ba764,
#w-node-_35bae5c0-1804-d067-6025-f443d6cfdcdb-e56d01dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_35bae5c0-1804-d067-6025-f443d6cfdcdd-e56d01dc {
order: -9999;
}
#w-node-_9dcb28ef-7873-ef67-9c04-729e2707b907-e56d01dc,
#w-node-_9dcb28ef-7873-ef67-9c04-729e2707b909-e56d01dc,
#w-node-_9dcb28ef-7873-ef67-9c04-729e2707b90a-e56d01dc,
#w-node-_14834987-06b9-33ec-a8ec-2f769394002a-e56d01dc,
#w-node-_14834987-06b9-33ec-a8ec-2f769394002e-e56d01dc,
#w-node-_14834987-06b9-33ec-a8ec-2f769394002f-e56d01dc,
#w-node-_88cba358-5c78-ec8f-6ac1-c5008d766cb0-e56d01dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca672181-2ec4-7257-4382-c43f6cf83e4e-e56d01dc {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-ca672181-2ec4-7257-4382-c43f6cf83e50-e56d01dc {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_0c3c0ed3-5a36-309f-c940-f1aea4d21a2a-e56d01dc {
place-self: center;
}
#w-node-ac1b41fe-2510-1d43-d21a-0eb2ad348d3c-e56d01dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a788b8c6-62ea-03fa-8bec-c82ae3b54fe7-e56d01dc,
#w-node-_084ba29a-1bdf-dda0-fb20-4adbf194e91e-e56d01dc {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_5edc0581-fb51-c1c4-df2c-97afa01bdc60-e56d01dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40d01c4d-346f-8b0e-3d1e-6a396c5eac30-e56d01dc {
place-self: center;
}
#w-node-_40d01c4d-346f-8b0e-3d1e-6a396c5eac31-e56d01dc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aec7cbc4-3fbf-b8c8-bbc0-45d0906a39f9-e56d01dc {
align-self: center;
}
#w-node-_4b8f8630-12bb-7264-17f8-0ae23bb36c3c-e56d01dc {
grid-area: 1/2/2/4;
}
#w-node-_0bfba5b3-acfe-3b9a-8bc7-b6a28963102b-e56d01dc {
grid-area: 1/3/2/4;
}
#w-node-_88d21740-2cfe-4c70-9122-adf071806884-e56d01dc {
align-self: center;
}
#w-node-_13771fcd-ad3e-b6e6-f1d5-06ebb3e17032-e56d01dc,
#w-node-b26dadd9-e98e-4226-7980-5ff7cee97d0c-e56d01dc,
#w-node-b26dadd9-e98e-4226-7980-5ff7cee97d0d-e56d01dc,
#w-node-c7339834-b4ac-0c61-1821-8ef14d5d2b7f-ba1bd8f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c7339834-b4ac-0c61-1821-8ef14d5d2b87-ba1bd8f1 {
order: -9999;
}
#w-node-_88cba358-5c78-ec8f-6ac1-c5008d766cb0-ba1bd8f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ca672181-2ec4-7257-4382-c43f6cf83e4e-ba1bd8f1 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-ca672181-2ec4-7257-4382-c43f6cf83e50-ba1bd8f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_0c3c0ed3-5a36-309f-c940-f1aea4d21a2a-ba1bd8f1 {
place-self: center;
}
#w-node-a788b8c6-62ea-03fa-8bec-c82ae3b54fe7-ba1bd8f1,
#w-node-_084ba29a-1bdf-dda0-fb20-4adbf194e91e-ba1bd8f1 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_5edc0581-fb51-c1c4-df2c-97afa01bdc60-ba1bd8f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40d01c4d-346f-8b0e-3d1e-6a396c5eac30-ba1bd8f1 {
place-self: center;
}
#w-node-_40d01c4d-346f-8b0e-3d1e-6a396c5eac31-ba1bd8f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aec7cbc4-3fbf-b8c8-bbc0-45d0906a39f9-ba1bd8f1 {
align-self: center;
}
#w-node-_4b8f8630-12bb-7264-17f8-0ae23bb36c3c-ba1bd8f1 {
grid-area: 1/2/2/4;
}
#w-node-_0bfba5b3-acfe-3b9a-8bc7-b6a28963102b-ba1bd8f1 {
grid-area: 1/3/2/4;
}
#w-node-_88d21740-2cfe-4c70-9122-adf071806884-ba1bd8f1 {
align-self: center;
}
#w-node-_13771fcd-ad3e-b6e6-f1d5-06ebb3e17032-ba1bd8f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-c1299648-8d4e-8bcf-74df-28f5bb67b9e8-bb67b9ce {
justify-self: start;
}
#w-node-_534cf17f-e9eb-aacb-5019-0d30e2eac646-55e7ac8a,
#w-node-_534cf17f-e9eb-aacb-5019-0d30e2eac649-55e7ac8a,
#w-node-_44f2e612-1640-b21c-2be7-c6f35144cc84-55e7ac8a,
#w-node-eedf6771-6e13-6c14-94c1-41325d0fede1-55e7ac8a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_52523327-2aa8-753e-a4ea-a22e58e5a8c7-58e5a8c5,
#w-node-b6712c57-7438-8a96-d248-e6e4633e87da-633e87d8 {
justify-self: center;
}
#w-node-_534cf17f-e9eb-aacb-5019-0d30e2eac646-55e7acc7,
#w-node-_38b692be-fbdc-6946-ddb9-ae073f969f42-55e7acc7,
#w-node-_3a633ee6-b4a2-c0f5-c177-612041598119-55e7acc7,
#w-node-edae34a4-95bf-03d1-aa69-adc62a0c9aad-55e7acc7,
#w-node-edae34a4-95bf-03d1-aa69-adc62a0c9ab6-55e7acc7,
#w-node-edae34a4-95bf-03d1-aa69-adc62a0c9abf-55e7acc7,
#w-node-_9359f7bd-613b-df0d-7567-4444741c6ecc-55e7acc7,
#w-node-_9359f7bd-613b-df0d-7567-4444741c6ed5-55e7acc7,
#w-node-_9359f7bd-613b-df0d-7567-4444741c6ede-55e7acc7 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_573b0ed2-d824-13f1-78f0-908843d7b181-55e7acd0 {
justify-self: center;
}
#w-node-_59993ff2-e6e6-77a4-ff5d-320756970268-33399aa3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-f6ee5824-fc68-7392-1ae9-456a44f246ff-33399aa3,
#w-node-_376d6909-02b2-3d4a-d29f-61287609dcb6-33399aa3,
#w-node-_128fc2a2-0dea-a28e-858b-5d02428ada48-33399aa3 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_87afa0fc-8e57-da0c-416a-724dcf61be6a-cf61be64 {
justify-self: center;
}
#w-node-f3c50d30-6b05-61b1-028f-c08075a5999a-927fcd6d,
#w-node-f3c50d30-6b05-61b1-028f-c08075a599a3-927fcd6d,
#w-node-f3c50d30-6b05-61b1-028f-c08075a599ac-927fcd6d,
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d59-b1077d4f,
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d62-b1077d4f,
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d6b-b1077d4f,
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d74-b1077d4f,
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d7d-b1077d4f,
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d86-b1077d4f {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-d3e0e7ff-6ab3-daa6-9bbe-e735c36ada31-175ba764 {
order: 9999;
}
#w-node-_7c743661-f184-cce4-11a5-f058554d5771-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_46a41754-f1d8-7d0b-bc69-d07022b71c2f-175ba764 {
justify-self: center;
}
#w-node-c1f08228-18a8-8e5e-ba1f-230047c76138-175ba764 {
order: 9999;
}
#w-node-c1f08228-18a8-8e5e-ba1f-230047c7613a-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c1f08228-18a8-8e5e-ba1f-230047c7613e-175ba764 {
justify-self: center;
}
#w-node-_7a0f9a0c-2c22-f60c-459f-2e60d699bf8b-175ba764 {
order: 9999;
}
#w-node-_7a0f9a0c-2c22-f60c-459f-2e60d699bf8d-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a0f9a0c-2c22-f60c-459f-2e60d699bf91-175ba764 {
justify-self: center;
}
#w-node-_8c0ac932-69dd-a3be-eaa9-55ebe1b5f52c-175ba764 {
order: 9999;
}
#w-node-_8c0ac932-69dd-a3be-eaa9-55ebe1b5f52e-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8c0ac932-69dd-a3be-eaa9-55ebe1b5f532-175ba764 {
justify-self: center;
}
#w-node-d0dfbb86-4d53-177a-d4e7-ae1f014448a7-175ba764 {
order: 9999;
}
#w-node-d0dfbb86-4d53-177a-d4e7-ae1f014448a9-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d0dfbb86-4d53-177a-d4e7-ae1f014448ad-175ba764 {
justify-self: center;
}
#w-node-b82027aa-ccc6-a048-34ac-b2191e455ef2-175ba764 {
order: 9999;
}
#w-node-b82027aa-ccc6-a048-34ac-b2191e455ef4-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b82027aa-ccc6-a048-34ac-b2191e455ef8-175ba764 {
justify-self: center;
}
#w-node-_7ef227a2-ee8c-7342-4272-1974227cd0c7-175ba764 {
order: 9999;
}
#w-node-_7ef227a2-ee8c-7342-4272-1974227cd0c9-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7ef227a2-ee8c-7342-4272-1974227cd0cd-175ba764 {
justify-self: center;
}
#w-node-_2050bc9e-973a-c8bd-e42d-edba615bd551-175ba764 {
order: 9999;
}
#w-node-_2050bc9e-973a-c8bd-e42d-edba615bd553-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2050bc9e-973a-c8bd-e42d-edba615bd557-175ba764 {
justify-self: center;
}
#w-node-_096beba8-5c20-3e4b-fe56-2efde80a1893-175ba764 {
order: 9999;
}
#w-node-_096beba8-5c20-3e4b-fe56-2efde80a1895-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_096beba8-5c20-3e4b-fe56-2efde80a1899-175ba764 {
justify-self: center;
}
#w-node-bc9d3062-bc76-4c36-8a2b-903b40062fa7-175ba764 {
order: 9999;
}
#w-node-bc9d3062-bc76-4c36-8a2b-903b40062fa9-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bc9d3062-bc76-4c36-8a2b-903b40062fad-175ba764 {
justify-self: center;
}
#w-node-cbed5cf0-b1a9-078e-cd90-8576b371002d-175ba764 {
order: 9999;
}
#w-node-cbed5cf0-b1a9-078e-cd90-8576b371002f-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-cbed5cf0-b1a9-078e-cd90-8576b3710033-175ba764 {
justify-self: center;
}
#w-node-_5409da89-92a0-839d-6970-bf240d62d201-175ba764 {
order: 9999;
}
#w-node-_5409da89-92a0-839d-6970-bf240d62d203-175ba764 {
order: -9999;
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5409da89-92a0-839d-6970-bf240d62d207-175ba764 {
justify-self: center;
}
}
@media screen and (max-width: 768px) {
#w-node-_62ceef69-9ad6-ddb5-1fff-ea1df20b147b-55e7acaa,
#w-node-cb02068b-6e7d-6e73-64e7-16f2653aa39b-55e7acaa {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_03f6a613-2277-af13-c109-e55985919b56-55e7acaa {
grid-column: span 1 / span 1;
}
#w-node-_26131ce1-8908-3f5b-4a77-9413b54e03b9-55e7acaa,
#w-node-_193b2017-44d1-a98f-5a2c-ed86ef726789-55e7acaa {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d462-87c2d45d {
grid-area: 1/1/3/2;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d463-87c2d45d {
grid-area: 3/1/4/2;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d464-87c2d45d {
grid-area: 4/2/5/3;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d465-87c2d45d {
grid-area: 3/2/4/3;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d466-87c2d45d {
grid-area: 1/2/3/3;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d467-87c2d45d {
grid-area: 4/1/6/2;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d468-87c2d45d {
grid-area: 5/2/6/3;
}
#w-node-d882ec59-f4c2-c80e-4253-d7c787c2d469-87c2d45d {
grid-area: 6/1/8/3;
}
#w-node-_4228527d-dae9-51af-fc20-fc02e1c3958a-55e7accf {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: stretch;
}
#w-node-_59993ff2-e6e6-77a4-ff5d-320756970268-33399aa3,
#w-node-_6d3702fb-5d02-9377-d472-7bfb6bd445eb-6bd445e3 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ca672181-2ec4-7257-4382-c43f6cf83e4e-e56d01dc {
grid-column: span 2 / span 2;
}
#w-node-_0c3c0ed3-5a36-309f-c940-f1aea4d21a22-e56d01dc {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-a788b8c6-62ea-03fa-8bec-c82ae3b54fe7-e56d01dc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ca672181-2ec4-7257-4382-c43f6cf83e4e-ba1bd8f1 {
grid-column: span 2 / span 2;
}
#w-node-_0c3c0ed3-5a36-309f-c940-f1aea4d21a22-ba1bd8f1 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-a788b8c6-62ea-03fa-8bec-c82ae3b54fe7-ba1bd8f1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
.textspah{
font-size: 3.5vw ;
}
.textsite{
font-size: 1.5vw ;
}
.open-tab-left {
font-size: 1.6vw;
}
.open-tab-button{
padding: 1% 4%;
display: flex;
justify-content: center;
align-items: center;
}
.ppc_header_wrapper{
display: flex;
flex-direction: column;
}
.leftppcheader {
width: 100%;
height: 50vh;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4%;
}
.leftppcheader span{
font-size: 3vw;
}
.leftppcheader h2{
font-size: 5.5vw;
margin: 2% 0;
}
.leftppcheader p{
font-size: 2.5vw;
}
.roundedform{
margin: 1% 0;
height: 10vh;
}
.rightppcheader {
width: 100%;
height: 70vh;
}
.roundedform button {
width: 80%;
font-size: 2.2vw;
}
.roundedform input[type="text"] {
font-size: 2.2vw;
}
.coin {
width: 160px;
height: 160px;
position: absolute;
top: 60%;
right: 0%;
}
.coin2 {
width: 160px;
height: 160px;
position: absolute;
top: 0%;
left: 0;
}
.back {
font-size: 1.8vw;
}
.elementdistributedcard {
width: 60%;
height: 48%;
}
.blogdata {
display: flex;
flex-direction: column;
}
.paddingheader{
display: flex;
flex-direction: column;
}
.rightmainheadersec {
width: 100%;
height: 50vh;
}
.leftmainheadersec {
width: 100%;
height: 50vh;
}
.leftmainheadersec h4 {
font-size: 6vw;
}
.leftmainheadersec p {
font-size: 2.4vw;
margin: 2% 0;
}
.silverdata {
display: flex;
flex-direction: column-reverse;
}
.rightsectionside {
width: 100%;
height: 40vh;
}
.leftsectionside h4 {
font-size: 7.5vw;
}
.leftsectionside {
width: 100%;
height: 90vh;
display: flex;
flex-direction: column;
align-items: center;
}
.leftsectionside p {
font-size: 2.5vw;
display: flex;
margin: 2% 0;
text-align: center;
}
.leftsectionside p i{
display: none;
}
.datamanage {
display: flex;
flex-direction: column;
}
.maincontentelement {
width: 100%;
height: 35vh;
display: flex;
flex-direction: column;
justify-content: center;
gap: 2%;
align-items: center;
}
.maincontentelement h3 {
font-size: 3vw;
}
.maincontentelement img {
width: 40%;
}
.maincontentelement p {
font-size: 2vw;
}
.headerbanneraCTA button {
width: 15vw;
height: 6vw;
}
.headerbanneraCTA button span:nth-child(1) {
color: white;
font-weight: 700;
font-size: 2vw;
}
.headerbanneraCTA button span:nth-child(2) {
color: white;
font-weight: 700;
font-size: 2vw;
}
.navwrapper-content {
width: 58%;
}
.opentab-div{
/* display: flex; */
flex-direction: column-reverse;
height: 40vh;
}
.open-tab-left{
width: 100%;
display: flex;
flex-direction: column;
align-items: center ;
}
.open-tab-left p{
text-align: center ;
font-size: 2.5vw;
}
.open-tab-right{
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.open-tab-right img{
width: 50%;
height: 60%;
object-fit: cover;
border-radius: 12px;
transition: all .3s linear;
}
.open-tab-button{
margin: 2% 0;
width: 30%;
padding: 10px 5vw;
background-color: var(--purple-1);
border-radius: 30px;
margin-top: 4px;
color: white;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.strategy_section{
padding: 10% 3%;
}
.directimage{
width: 30vw;
height: 30vw;
}
.datadisplay_number{
font-size: 16vw;
}
.datadisplay_title{
font-size: 3vw;
}
.diaplaydescription p{
font-size: 2vw;
}
}
@media screen and (max-width: 479px) {
#w-node-f959c280-085e-ab06-9d12-3e0d45499726-45499717 {
grid-area: 1/3/2/4;
place-self: center;
}
#w-node-f959c280-085e-ab06-9d12-3e0d4549972a-45499717,
#w-node-f959c280-085e-ab06-9d12-3e0d45499743-45499717,
#w-node-f959c280-085e-ab06-9d12-3e0d4549975c-45499717 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ad39510a-9b78-50ef-009f-bdb7b1077d74-b1077d4f {
grid-area: span 2 / span 1 / span 2 / span 1;
}
.padding-global.is-nav {
padding: 0;
}
.navwrapper-content {
width: 67.5%;
display: flex;
justify-content: space-around;
align-items: center;
}
.nav_logo-image {
width:2.5rem;
height: 2.5rem;
}
.textsite{
font-size: 3vw;
}
.textspah{
font-size: 6.5vw;
}
.open-tab-left{
font-size: 2.5vw;
}
.open-tab-button{
padding: 2% 12%;
}
.service-card {
width: 100%;
height: 30vh;
}
.sub-header_heading-span{
/* color: #31f442; */
font-size: 4rem;
}
.section_row{
display: none;
}
.datadisplay{
width: 100%;
}
.displayimagedata{
width: 100%;
}
.diaplaydescription{
width: 100%;
}
.directimage{
width: 40vw;
height: 40vw;
}
.diaplaydescription p{
font-size: 4vw;
text-align: center ;
}
.datadisplay_title {
font-size: 7.8vw;
position: absolute;
top: 86%;
left: 65%;
transform: translate(-50%, -50%);
color: white;
font-weight: 700;
}
.sectionmobiledata{
display: flex;
flex-direction:column
}
.datadisplay_number{
font-size: 30vw;
}
.nav_button {
padding: 0.55rem 1.5rem;
font-size: 2.5vw;
}
.ppc_header_wrapper{
display: flex;
flex-direction: column ;
}
.rightppcheader{
width: 100%;
}
.leftppcheader{
width: 100%;
height: 40vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.leftppcheader h2 {
font-size: 6.5vw;
margin: 4% 0;
}
.leftppcheader span {
font-size: 4vw;
}
.leftppcheader p {
font-size: 2.6vw;
}
.roundedform button {
width: 60%;
padding: 7px;
border: none;
font-size: 2.3vw;
}
.roundedform {
width: 100%;
height: 8vh;
border-radius: 50px;
gap: 1%;
margin-top: 2%;
padding: 0 2%;
}
.coin {
width: 150px;
height: 150px;
border-radius: 50%;
perspective: 1000px;
transform-style: preserve-3d;
position: relative;
transition: transform 1s ease-in-out;
position: absolute;
top: 70%;
right: 10%;
color: white;
}
.coin2 {
width: 150px;
height: 150px;
position: absolute;
top: 5%;
}
.elementdistributedcard {
width: 72%;
height: 50%;
}
.blogdata {
display: flex;
flex-direction: column;
}
.back {
font-size: 2.2vw;
}
.paddingheader{
display: flex;
flex-direction: column;
margin-top: 3%;
}
.rightmainheadersec {
width: 100%;
height: 40vh;
}
.leftmainheadersec {
width: 100%;
height: 40vh;
}
.leftmainheadersec p {
font-size: 3vw;
margin: 2% 0;
}
.leftmainheadersec h4 {
font-size: 7vw;
}
.roundedform input[type="text"] {
font-size: 12px;
}
.silverdata {
display: flex;
flex-direction: column-reverse;
}
.rightsectionside {
width: 100%;
height: 40vh;
}
.leftsectionside h4 {
font-size: 7.5vw;
}
.leftsectionside {
width: 100%;
height: 62vh;
display: flex;
flex-direction: column;
align-items: center;
}
.leftsectionside p {
font-size: 3.5vw;
display: flex;
margin: 2% 0;
text-align: center;
}
.leftsectionside p i{
display: none;
}
.maincontentelement img {
width: 53%;
}
.maincontentelement h3 {
font-size: 4vw;
}
.maincontentelement p {
font-size: 3vw;
}
.headerbanneraCTA button {
width: 21vw;
height: 7vw;
}
.headerbanneraCTA button span:nth-child(1) {
color: white;
font-weight: 700;
font-size: 3vw;
}
.headerbanneraCTA button span:nth-child(2) {
color: white;
font-weight: 700;
font-size: 3vw;
}
}
@font-face {
font-family: "Fa Sharp 300";
src: url("https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/64d9a2039ba91844cd8c01be_fa-sharp-light-300.woff2")
format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa 300";
src: url("https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/64d9a38144e8a3a419a1478f_fa-light-300.woff2")
format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa 100";
src: url("https://cdn.prod.website-files.com/64d5a5c422bbdb7736bee9ce/64d9a45a97d68df7673f3e3a_fa-thin-100.woff2")
format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
.maincontentelement p {
color: black;
}