:root {
--interactiveDefault: #4d4d4d24;
--interactiveActive: #3635f1;
--border-subtle: #1c1a7952;
--body-color: #fff;
--font-primary: Roboto, sans-serif;
--text-primary: #151516;
--font-secondary: Roboto, sans-serif;
--color-primary: #3635f1;
--black: black;
--text-secondary: #929292;
--border-radius-xl: 12rem;
--color-nav: #ffffff5c;
--color-secondary: #1e329b;
--text-invert: white;
--color-accent: #20f49e;
--white: white;
--color-primary-transparent: #1fffa65e;
--border-radius: 1.6rem;
--component-background: white;
--section-background: #fcfcff;
--background-invert: #222;
--border-radius-m: 2.4rem;
--inner-wrapper-desktop: 1400px;
--color-transparent-dark: #15151608;
--border-radius-xs: .2rem;
--border-radius-s: .8rem;
--section-background-2: #f3f4f5;
--waves-library--black: #131313;
--waves-library--dark-elevation: var(--color-nav);
--animationshero: #ffffff4a;
--herobackground: #3635f1;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
@media screen and (max-width: 991px) {
label span.wpcf7-form-control-wrap .wpcf7-checkbox {
display: flex !important;
flex-direction: column;
}
.navbar_logo{
width: 179px !important;
}
.menu-items li a {font-size: 12px !important; padding: 2px !important; }
.w-layout-blockcontainer {
max-width: 728px;
}
}
.flat-grid-item.expand-trigger .category-label.level-1 {
display: inline-flex !important;
}
@media screen and (max-width: 767px) {
.group-items .flat-grid-item.expand-trigger{
display: none !important;
}
.flat-grid-item .category-label.level-1 {
display: inline-flex;
}
.w-layout-blockcontainer {
max-width: none;
}
.flat-grid-group.collapsed{
width: 95% !important;
margin-right: 0 !important;
}
.flat-grid-item{height: auto !important;/* max-height: 140px !important; */}
.flat-grid-item.expanded {
transform: scale(1.05) !important;
}
.collapsed .flat-grid-item{
min-height: 140px !important;
}
div.process-steps{
display: grid;
grid-template-columns: repeat(1, 1fr) !important;
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 0;
grid-row-gap: 32px;
}
}
body {
border-color: var(--border-subtle);
background-color: var(--body-color);
font-family: var(--font-primary), Sans-serif;
color: var(--text-primary);
font-size: 1.1rem;
font-weight: 400;
line-height: 1.2;
}
h1 {
font-family: var(--font-primary), Sans-serif;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 1;
}
h2 {
font-family: var(--font-primary) Sans-serif;
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 1;
}
h3 {
text-align: center;
font-family: var(--font-primary) Sans-serif;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 2.25rem;
font-weight: 500;
line-height: 1;
}
h4 {
font-family: var(--font-primary) Sans-serif;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 500;
line-height: 1;
/* min-height: 50px; */
}
h5 {
font-family: var(--font-primary) Sans-serif;
margin-top: 0;
margin-bottom: 0;
font-size: 1.1rem;
font-weight: 500;
line-height: 1.15;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
p {
font-family: var(--font-secondary);
margin-bottom: 0;
}
a {
border-color: var(--border-subtle);
font-family: var(--font-secondary);
color: #3a5afe;
/* text-decoration: underline; */
}
ul {
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 1.25rem;
}
ol {
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 1.5rem;
}
li {
margin-top: .25rem;
margin-bottom: .25rem;
padding-left: .5rem;
margin-right: .25rem;
}
img {
object-fit: cover;
width: 100%;
max-width: 100%;
height: 100%;
display: inline-block;
}
label {
margin-bottom: .25rem;
font-size: .8rem;
font-weight: 500;
}
strong {
font-weight: 600;
}
em {
font-style: italic;
}
blockquote {
border-left: .1875rem solid var(--black);
font-family: var(--font-primary) Sans-serif;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 2rem;
font-weight: 500;
line-height: 1.5;
}
figure {
margin-top: 3rem;
margin-bottom: 3rem;
}
figcaption {
text-align: center;
margin-top: .25rem;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.form-message-error {
margin-top: .75rem;
padding: .75rem;
}
.utility_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;
}
.utility_form-block {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
text-align: center;
flex-direction: column;
max-width: 20rem;
display: flex;
}
.utility_form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.main-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: block;
background-color: #fafafe;
}
.margin-xsmall {
margin: 1rem;
}
.margin-small {
margin: 1.5rem;
}
.padding-xxsmall {
padding: .5rem;
}
.margin-bottom, .margin-bottom.margin-small, .margin-bottom.margin-xsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-style-quote {
font-family: var(--font-primary) Sans-serif;
margin-bottom: 0;
padding: 0;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.5;
}
.heading-style-h6 {
color: var(--text-secondary);
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
font-size: .8rem;
font-weight: 400;
line-height: 1;
}
.icon-rect-medium {
z-index: 1;
border-radius: var(--border-radius-xl);
background-color: var(--color-nav);
color: var(--color-primary);
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
padding: 2rem;
display: flex;
position: relative;
}
.heading {
font-family: var(--font-primary) Sans-serif;
/* color: var(--color-primary); */
font-size: 2rem;
font-weight: 500;
line-height: 1;
}
.text-size-tiny {
font-size: .75rem;
}
.button, #contact-us-template .contact-form [type=submit] {
border-radius: var(--border-radius-xl);
background-color: var(--color-primary);
background-image: linear-gradient(99.86deg, var(--color-primary), var(--color-secondary));
color: var(--text-invert);
text-align: center;
letter-spacing: .01em;
border-style: solid;
border-width: 0;
justify-content: center;
align-items: center;
padding: 1rem 2rem;
font-weight: 400;
line-height: 1.15;
text-decoration: none;
transition: background-color .5s;
display: flex;
box-shadow: 1px 1px 2px #1018280d;
}
.button:hover {
color: #fff;
background-color: #0000;
background-image: linear-gradient(99.86deg, var(--color-primary), var(--color-primary));
}
.button.is-icon {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-image: linear-gradient(99.86deg, var(--color-primary), var(--color-secondary));
justify-content: center;
align-items: center;
padding: 0.6rem 1.2rem;
display: flex;
}
.button.is-icon.is-invert {
background-color: var(--body-color);
color: var(--text-primary);
background-image: none;
}
.button.is-secondary {
border: 1px solid var(--border-subtle);
color: var(--text-primary);
background-color: #0000;
background-image: none;
transition: color .25s, background-color .35s;
}
.button.is-secondary:hover {
/* background-image: linear-gradient(to bottom, var(--color-accent), var(--color-accent)); */
background-color: var(--color-primary);
color: var(--body-color);
}
.button.is-secondary.text-size-regular.text-weight-semibold:hover {
background-image: linear-gradient(to bottom, var(--color-primary), var(--color-primary));
}
.button.is-secondary.text-size-regular.text-weight-semibold.main-part {
border-color: var(--color-primary);
color: var(--color-primary);
-webkit-text-stroke-color: var(--color-primary);
}
.button.is-secondary.text-size-regular.text-weight-semibold.main-part:hover {
border-color: var(--white);
color: var(--white);
}
.button.is-secondary.is-small {
border-color: var(--border-subtle);
}
.button.is-small {
padding: 8px 16px;
font-size: .9rem;
line-height: 1;
display: flex;
}
.button.form-button {
margin-top: 2rem;
}
.text-weight-normal {
font-weight: 400;
}
.text-weight-normal.text-size-tiny {
color: var(--text-secondary);
}
.heading-style-h4 {
text-align: left;
margin-bottom: 1rem;
font-size: 1.75rem;
line-height: 1;
}
.icon-1x1-xxsmall {
width: 1rem;
height: 1rem;
}
.text-size-regular {
text-align: left;
font-size: 1rem;
}
.text-size-regular.text-weight-semibold {
text-align: left;
}
.footer_form-input {
border: 1px solid var(--border-subtle);
background-color: var(--body-color);
color: var(--text-primary);
border-radius: .5rem;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.footer_form-input:focus {
border-color: var(--color-primary);
}
.footer_form-input:focus-visible {
color: #ccc6c6;
}
.footer_form-input[data-wf-focus-visible] {
color: #ccc6c6;
}
.footer_form-input::placeholder {
color: var(--text-secondary);
}
@keyframes rotate335 {
0% {
transform: rotate(360deg);
}
100% {
opacity: 1;
transform: rotate(335deg);
}
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
margin-top: 0;
display: flex;
}
.button-group.align-center {
justify-content: center;
align-items: center;
}
.text-color-invert {
color: var(--text-invert);
}
.background-color-white {
background-color: var(--body-color);
}
.text-weight-semibold {
font-weight: 600;
}
.text-weight-semibold.text-size-regular {
font-weight: 500;
}
.text-align-left {
text-align: left;
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.icon-embed-xsmall {
display: none !important;
border-radius: var(--border-radius-xl);
background-color: var(--white);
color: var(--color-primary);
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
padding: .5rem;
display: flex;
}
.icon-embed-xsmall.is-invert {
background-color: var(--color-primary-transparent);
}
.text-align-center {
text-align: center;
}
.text-size-small {
font-family: var(--font-secondary);
font-size: .875rem;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.padding-section-large {
padding: 8rem 0;
}
.section_hero {
background-size: contain;
background-color: var(--body-color);
justify-content: space-between;
align-items: center;
max-width: 2800px;
padding-top: 40px;
display: flex;
position: relative;
overflow: hidden;
/* min-height: 85vh; */
}
.hero_image-wrapper {
z-index: 1;
aspect-ratio: auto;
flex: none;
width: 50%;
min-width: 25rem;
min-height: 26rem;
position: relative;
overflow: visible;
}
.testimonial_rating-wrapper {
margin-bottom: 1.5rem;
display: flex;
display: none;
}
.testimonial_client {
text-align: left;
align-items: center;
display: flex;
}
.testimonial_client-image-wrapper {
margin-right: 1rem;
}
.testimonial_inner-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.testimonial_rating-icon {
color: var(--color-primary);
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: .25rem;
display: flex;
filter: drop-shadow(0px 0px 7px #fff);
}
.testimonial_customer-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.testimonial_content {
border-radius: var(--border-radius);
background-color: var(--component-background);
border: 1px solid #f1f9ff;
flex-flow: column;
flex: 0 auto;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
width: 100%;
padding: 3.2rem;
transition: border-color .35s;
display: flex;
}
.custom-shape-divider-bottom {
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
overflow: hidden;
line-height: 0;
transform: rotate(180deg);
}
.custom-shape-divider-bottom svg {
position: relative;
display: block;
width: calc(146% + 1.3px);
height: 200px;
}
.custom-shape-divider-bottom .shape-fill {
fill: #f6f6ff;
}
.mainfeatures_content-wrapper {
grid-column-gap: 3.2rem;
grid-row-gap: 3.2rem;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.mainfeatures_pane-content {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
padding: 2rem;
display: flex;
}
.mainfeatures_image {
border-radius: var(--border-radius);
position: relative;
}
.mainfeatures_image-wrapper {
aspect-ratio: 1;
flex: 0 auto;
order: -1;
width: 50%;
max-height: 300px;
position: relative;
}
.faq_answer {
flex: 0 auto;
padding: 0;
overflow: hidden;
}
.faq_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
display: flex;
}
.faq_accordion {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: 1px solid var(--border-subtle);
border-radius: var(--border-radius);
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding: 1.6rem;
display: flex;
width: 100%;
}
.faq {background: linear-gradient(0deg, #f7f8ff, transparent);}
.faq_question {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 0;
display: flex;
}
.faq_icon {
align-self: flex-start;
margin-left: 0;
}
.error-message {
color: var(--section-background);
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.success-message {
background-color: var(--section-background);
border-radius: .5rem;
padding: 1.5rem;
}
.error-text {
color: var(--color-accent);
}
.success-text {
color: var(--black);
font-weight: 600;
}
.signup-form-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: 1rem;
display: grid;
}
.cta_form-block {
max-width: 30rem;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.section_cta {
background: radial-gradient(#e4fdf2, #f5f6ff, #f9f9f9);
/* color: var(--body-color); */
position: relative;
}
.footer_logo-link {
width: 8.625rem;
padding-left: 0;
}
.line-divider {
background-color: var(--black);
width: 100%;
height: 1px;
}
.line-divider.background-color-white {
background-color: var(--body-color);
}
.section_footer {
background-color: var(--text-primary);
color: var(--text-invert);
}
.footer_form-block {
max-width: 35rem;
margin-bottom: 0;
}
.footer_top-wrapper {
grid-column-gap: 9.6rem;
grid-row-gap: 4.8rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
align-items: start;
padding-bottom: 3.2rem;
display: flex;
}
.footer_link {
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
text-decoration: none;
transition: color .35s;
}
.footer_link:hover {
color: var(--color-primary);
}
.footer_social-link {
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-size: .875rem;
text-decoration: none;
transition: color .35s;
display: flex;
}
.footer_social-link:hover {
color: var(--color-primary);
}
.footer_legal-link {
font-size: .875rem;
text-decoration: none;
transition: color .35s;
}
.footer_legal-link:hover {
color: var(--color-primary);
}
.not-clickable{color: #000000 !important;text-decoration: none !important;}
.footer_bottom-wrapper {
justify-content: space-between;
align-items: center;
padding-top: 3.2rem;
display: flex;
}
.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;
}
.footer_credit-text {
font-size: .875rem;
}
.footer_legal-list {
grid-column-gap: 1.5rem;
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: flex-start;
align-items: flex-start;
display: flex;
}
.footer_form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
margin-bottom: .75rem;
display: grid;
}
.footer_menu-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
}
.footer_left-wrapper {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-direction: column;
display: flex;
}
.navbar_logo-link {
margin-right: 2.5rem;
}
.navbar_logo-link.w--current {
cursor: pointer;
}
.navbar_menu-left {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
font-size: .9rem;
line-height: 1;
display: flex;
}
.navbar_menu-right {
grid-column-gap: .3rem;
grid-row-gap: .3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: flex;
}
.navbar_component {
background-color: var(--color-nav);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
align-items: center;
width: 100%;
padding: 0 2rem;
display: flex;
position: static;
}
.navbar_link {
cursor: pointer;
padding: 0;
transition: color .35s;
display: inline-block;
}
.navbar_link:hover {
color: var(--color-primary);
}
.navbar_link.w--current {
color: var(--black);
}
.navbar_container {
/* position: fixed; */
top: 0;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: var(--inner-wrapper-desktop);
height: 100%;
margin-left: auto;
margin-right: auto;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 2.5rem;
padding-right: 0.25rem;
display: flex;
}
.navbar_menu-button {
padding: 0;
}
.navbar_menu {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
position: static;
}
.navbar_logo {
width: 14rem;
}
.form-input {
background-color: var(--body-color);
color: var(--text-primary);
border-radius: .5rem;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.form-input:focus {
color: #ccc6c6;
border-color: #000;
}
.form-input:focus-visible {
border: 1px solid var(--body-color);
color: #ccc6c6;
}
.form-input[data-wf-focus-visible] {
border: 1px solid var(--body-color);
color: #ccc6c6;
}
.form-input::placeholder {
color: var(--text-secondary);
}
.text-color-highlighted {
color: var(--color-primary);
}
.insights_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
color: #fff;
text-shadow: 1px 1px 20px #3635f16e;
}
.features_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
flex: 1;
min-width: 26rem;
max-width: 26rem;
display: flex;
}
.features_component {
grid-column-gap: 3.75rem;
grid-row-gap: 25vh;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .8fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.section_features {
background-color: var(--body-color);
}
.features_image-wrapper {
width: 300px;
max-width: 300px;
height: 320px;
max-height: 320px;
flex: 1;
order: 0;
justify-content: center;
align-items: center;
max-width: 320px;
display: flex;
position: relative;
overflow: visible;
background: radial-gradient(ellipse at top, #467fff, transparent), radial-gradient(ellipse at bottom, #7dffc4, transparent);
overflow: hidden;
border-radius: 16px;
box-shadow: 0 2px 5px #c9f2ee, inset 0px 2px 4px 0px #ffffff;
}
.features_top {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr .65fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
flex-direction: row-reverse;
}
.features_bottom {
grid-column-gap: 3.75rem;
grid-row-gap: 3.75rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: .65fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.features_image {
display: none;
border-radius: 16px;
width: 300px;
max-width: 300px;
height: 300px;
max-height: 300px;
margin: 10px;
display: none;
overflow: hidden;
}
.features_image.smaller_feature {
width: 320%;
height: 320px;
}
.mainfeatures_tabs-menu {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
max-width: 80rem;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.mainfeatures_tabs-link {
border-radius: var(--border-radius-xl);
color: var(--text-secondary);
letter-spacing: .02em;
background-color: #0000;
border-style: solid;
border-width: 1px;
padding-left: .5rem;
padding-right: .5rem;
font-size: 1rem;
font-weight: 400;
}
.mainfeatures_tabs-link:hover {
border: 1px solid var(--color-primary);
}
.mainfeatures_tabs-link.w--current {
background-color: var(--text-invert);
color: var(--color-primary);
padding-left: .5rem;
padding-right: .5rem;
}
.mainfeatures_tabs-pane {
border-radius: var(--border-radius-m);
background-color: var(--component-background);
}
.mainfeatures_heading {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-flow: column;
display: flex;
}
.hero_column-wrapper {
z-index: 1;
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
text-align: center;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
align-items: center;
}
.section-header.text-align-center {
align-self: center;
}
.testimonial_image-wrapper {
border-radius: var(--border-radius);
color: var(--text-invert);
background-position: 0 0;
background-size: cover;
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
min-width: 21rem;
padding: 2.4rem;
display: flex;
}
.insights_tile {
grid-column-gap: 4.2rem;
grid-row-gap: 4.2rem;
border-radius: var(--border-radius);
/* background-color: var(--component-background); */
background-image: none;
flex-flow: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-self: flex-start;
align-items: flex-start;
height: 100%;
padding: 3rem 1.5rem 1.5rem;
display: flex;
position: relative;
/* box-shadow: 0 2px 16px #fcfcfe, inset 3px 4px 3px 0px #ffffff; */
}
.insights_tile.insight_1 {
background-position: 50% 100%;
background-size: 480px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.insights_tile.insight_2 {
background-position: 0 100%;
background-size: 480px;
}
.insights_tile.insight_3 {
background-position: 50% 0;
background-size: 480px;
}
.insights_tile.insight_4 {
background-position: 50% 100%;
background-size: cover;
}
.insights_text-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
display: flex;
}
.icon-user_embed {
width: 1.5rem;
height: 1.5rem;
font-size: 1%;
line-height: 1;
}
.icon-large {
width: 2rem;
height: 2rem;
}
.faq_cta {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-flow: column;
display: flex;
}
.mainfeatures_content {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: column;
display: flex;
}
.heading-style-h3 {
/*text-align: left;*/
font-size: 2.25rem;
line-height: 1;
/* padding: 2px; */
/* text-align: center; */
/* background-image: linear-gradient(180deg, #0100cf, #1f319d); */
/* -webkit-text-fill-color: transparent; */
/* -webkit-background-clip: text; */
/* background-clip: text; */
}
.heading-style-h3.money {
color: var(--color-secondary);
font-family: Roboto, sans-serif;
font-size: 4rem;
}
.section_partners {
overflow: hidden;
/* margin-top: 140px; */
padding: 32px;
/* background: #ebf0ff6e; */
/* margin: 48px 0; */
}
.padding-global {
max-width: var(--inner-wrapper-desktop);
width: calc(100% - 32px);
margin-left: auto;
margin-right: auto;
}
.padding-global.padding-section-large {
padding-top: 9rem;
}
.padding-global.padding-section-medium {
z-index: 1;
padding-top: 8rem;
padding-bottom: 8rem;
position: relative;
}
.padding-global.padding-section-small {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-global.padding-section-bottom {
padding-bottom: 4rem;
}
.padding-global.padding-section-hero {
padding-bottom: 2rem;
position: relative;
overflow: visible;
}
.hero_wrapper {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
border-radius: var(--border-radius-m);
background-image: radial-gradient(circle farthest-corner at 50% 0%, var(--color-primary-transparent), var(--body-color) 94%);
flex-flow: column;
place-content: center;
align-items: center;
margin-top: 2rem;
padding: 4.8rem 4.8rem .125rem;
display: flex;
}
.insights_wrapper {
grid-column-gap: 3.2rem;
grid-row-gap: 3.2rem;
flex-flow: column;
display: flex;
/* min-width: 400px; */
}
.section_testimonials {
position: relative;
background: #f7f8ff;
}
.testimonials_wrapper {
/* grid-column-gap: 3.2rem; */
/* grid-row-gap: 3.2rem; */
flex-flow: column;
display: flex;
}
.features_wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 10.4rem;
flex-flow: column;
display: flex;
}
.faq_wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
border-radius: var(--border-radius-m);
background-image: linear-gradient(180deg, var(--color-primary-transparent), var(--section-background) 46%);
flex-flow: column;
padding: 4.8rem;
display: flex;
}
.cta_wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-flow: column;
display: flex;
}
.utility_header {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 80%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.faq_header {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.faq_answer-wrapper {
margin-top: .8rem;
}
.hero_text {
grid-column-gap: 2.1rem;
grid-row-gap: 2.1rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-top: 60px;
margin-bottom: 100px;
display: flex;
z-index: 1;
padding: 0 16px;
}
.post-thumbnail {
max-height: 300px;
}
.section_smallhero {
background-image: linear-gradient(180deg, var(--body-color), var(--section-background));
}
.smallhero_wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.smallhero_text {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero_text-paragraph {
width: 70%;
filter: drop-shadow(0px 0px 16px #fff);
}
.section_pricing {
background-color: var(--section-background);
}
.pricing_wrapper {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
display: flex;
}
.pricing_tile {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
border-radius: var(--border-radius);
background-color: var(--white);
flex-flow: column;
flex: 1;
padding: 1.6rem;
display: flex;
}
.pricing_tile.is-highlighted {
background-image: linear-gradient(180deg, var(--color-secondary), var(--color-primary));
color: var(--text-invert);
}
.pricing_price {
margin-top: .4rem;
}
.pricing_features {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
flex-flow: column;
margin-top: 1rem;
display: flex;
}
.pricing_singlefeature {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
font-family: var(--font-secondary);
justify-content: flex-start;
align-items: center;
display: flex;
}
.styleguide-title {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: column;
flex: none;
width: 20rem;
display: flex;
}
.styleguide_component {
flex-flow: column;
display: flex;
}
.styleguide_component-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: var(--color-transparent-dark);
flex-flow: wrap;
justify-content: flex-start;
padding: 1rem;
display: flex;
}
.styleguide_component-wrapper.is-invert {
background-color: var(--text-primary);
}
.styleguide_divider {
border-top: 1px solid var(--border-subtle);
width: 100%;
height: 1px;
margin-top: .8rem;
margin-bottom: .8rem;
}
.styleguide_tag {
border-radius: var(--border-radius-xs);
font-family: var(--font-secondary);
color: var(--text-secondary);
text-transform: none;
background-color: #ced7ff;
align-self: flex-start;
width: auto;
padding: .2rem .4rem;
font-size: .8rem;
}
.styleguide_tag.is-h {
background-color: #ff55c633;
flex: 0 auto;
}
.styleguide_tag.is-c {
background-color: #00ff3c33;
}
.styleguide_tag.is-text {
font-family: var(--font-secondary);
background-color: #fff0;
}
.styleguide_components-list {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
background-color: var(--white);
flex-flow: column;
flex: 1;
padding: 1.2rem;
display: flex;
}
.styleguide_flex {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
display: flex;
}
.styleguide_mainwrapper {
grid-column-gap: 4.8rem;
grid-row-gap: 4.8rem;
flex-flow: column;
display: flex;
}
.heading-style-h2 {
font-size: 3.3rem;
}
.heading-style-h5 {
font-size: 1.1rem;
line-height: 1.15;
}
.heading-2 {
font-family: var(--font-primary) Sans-serif;
letter-spacing: .5px;
-webkit-text-stroke-color: var(--text-secondary);
text-transform: uppercase;
font-size: .8rem;
font-weight: 400;
line-height: 1;
}
.link {
color: var(--color-primary);
}
.link:hover {
text-decoration: underline;
}
.link.w--current {
color: var(--color-primary);
}
.text-align-right {
text-align: right;
}
.styleguide_smalldivider {
margin-top: .8rem;
margin-bottom: .8rem;
}
.styleguide_smalldivider-label {
text-align: left;
text-transform: uppercase;
font-size: .8rem;
font-weight: 500;
}
.styleguide_button-wrapper {
width: 30%;
display: flex;
}
.cta_header {
text-align: center;
max-width: 32rem;
margin-left: auto;
margin-right: auto;
}
.button-icon {
border: 1px solid var(--border-subtle);
border-radius: var(--border-radius-xl);
color: var(--text-secondary);
padding: .7rem;
}
.smallhero_header, .smallhero_paragraph {
flex: 1;
width: 50%;
}
.styleguide_color {
border: 1px solid var(--border-subtle);
border-radius: var(--border-radius-s);
flex-flow: column;
flex: 1;
justify-content: space-between;
width: 50%;
min-width: 14rem;
height: 10rem;
padding: 1.6rem;
display: flex;
}
.styleguide_color.is-bodycolor {
background-color: var(--body-color);
}
.styleguide_color.is-section-background {
background-color: var(--section-background);
}
.styleguide_color.is-color-accent {
background-color: var(--color-accent);
}
.styleguide_color.is-text-primary {
background-color: var(--text-primary);
}
.styleguide_color.is-text-secondary {
background-color: var(--text-secondary);
}
.styleguide_color.is-color-primary {
background-color: var(--color-primary);
}
.styleguide_color.is-color-secondary {
background-color: var(--color-secondary);
}
.styleguide_color.is-component-background {
background-color: var(--component-background);
}
.styleguide_color.is-white {
background-color: var(--white);
}
.styleguide_color.is-border-subtle {
background-color: var(--border-subtle);
}
.styleguide_color.is-color-transparent-dark {
background-color: var(--color-transparent-dark);
}
.styleguide_color.is-color-primary-transparent {
background-color: var(--color-primary-transparent);
}
.styleguide_color.is-text-invert {
background-color: var(--text-invert);
}
.styleguide_color.is-background-invert {
background-color: var(--background-invert);
}
.styleguide_color.is-section-background-2 {
background-color: var(--section-background-2);
}
.styleguide_colortag {
padding: .2rem .4rem;
font-size: .8rem;
line-height: 1;
}
.styleguide_colortag.is-invert {
color: var(--text-invert);
}
.paragraph-2 {
font-family: var(--font-secondary);
text-align: left;
font-weight: 500;
}
.subhero_wrapper {
display: flex;
}
.subhero_column {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
text-align: left;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-start;
display: flex;
}
.subhero_column.is-center {
text-align: center;
justify-content: center;
align-items: center;
}
.subhero_text {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: column;
max-width: 25rem;
display: flex;
}
.section_icons {
background-color: var(--white);
}
.icons_wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.icon_tile {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex: 1;
display: flex;
}
.icon_text-wrapper {
grid-column-gap: .4rem;
grid-row-gap: .4rem;
flex-flow: column;
display: flex;
}
.section_features2 {
background-color: var(--white);
}
.icongrid_header {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: column;
flex: 1;
display: flex;
}
.icons_component {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
display: flex;
}
.grid_component {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-flow: wrap;
flex: 1;
order: 0;
display: flex;
}
.icongrid_tile {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: column;
flex: 1;
min-width: 40%;
display: flex;
}
.text-field {
border-radius: var(--border-radius-s);
background-color: #fff0;
flex: 1;
order: 0;
margin-bottom: 2rem;
padding: .8rem;
font-size: .8rem;
display: block;
}
.text-field:focus {
border: 1px solid var(--color-primary);
}
.text-field::placeholder {
color: var(--text-secondary);
}
.text-field.is-large {
padding-bottom: 2.4rem;
}
.form {
flex-flow: column;
width: 100%;
display: flex;
}
.form-block {
min-width: 50%;
}
.form_mainwrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-flow: column;
width: 50%;
display: flex;
}
.form_header {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 2.4rem;
display: flex;
}
.success-message-2 {
background-color: var(--section-background);
}
.section_abouttheteam {
background-color: var(--text-primary);
color: var(--text-invert);
}
.meettheteam_header {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.meettheteam_image {
aspect-ratio: 1;
border-radius: var(--border-radius-m);
}
.meettheteam_wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
justify-content: center;
align-items: center;
display: flex;
}
.meettheteam_innerwrapper, .teamgrid_wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-flow: column;
display: flex;
}
.teamgrid_grid {
grid-column-gap: 1.6rem;
grid-row-gap: 3.2rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.teamgrid_tile {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
min-width: 20rem;
display: flex;
}
.teamgrid_name {
text-align: center;
}
.teamgrid_image {
border-radius: var(--border-radius);
flex: 0 auto;
max-height: 25rem;
display: block;
}
.changelog_tablerow {
border-bottom: 1px solid var(--border-subtle);
display: flex;
}
.changelog_tablecolumn {
flex: 1;
justify-content: flex-start;
align-items: center;
padding: 2rem;
font-weight: 500;
display: flex;
}
.changelog_tablecolumn.is-small {
color: var(--text-secondary);
flex: 0 auto;
justify-content: center;
align-items: center;
font-size: .9rem;
}
.text-block-3 {
font-weight: 400;
}
.utility_textblock {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-flow: column;
display: flex;
}
.contact_wrapper {
text-align: left;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.styleguide_image {
width: auto;
max-height: 15rem;
}
.styleguide_image.is-small {
object-fit: contain;
flex: 0 auto;
max-width: 10rem;
height: auto;
}
.styleguide_logo {
flex: none;
width: auto;
max-width: none;
height: 4rem;
padding: .8rem;
}
.rich-text-block {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-flow: column;
display: flex;
}
.logo-img {
opacity: .8;
object-fit: contain;
flex: 0 auto;
min-width: 7rem;
max-width: 12rem;
height: 4rem;
}
.partners-logos {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
place-content: center space-between;
align-items: center;
display: flex;
position: relative;
padding: 8px 0;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
.img_hero-1 {
border-radius: var(--border-radius-s);
width: 80%;
height: 80%;
margin: 10%;
position: absolute;
}
.img_hero-2 {
border: 1px solid var(--white);
border-radius: var(--border-radius-s);
opacity: 1;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
mix-blend-mode: normal;
width: 275px;
height: 200px;
margin-top: 20%;
margin-left: 44%;
position: absolute;
overflow: clip;
box-shadow: 0 2px 4px #0000001c;
}
.img_hero-3 {
border: 1px solid var(--white);
border-radius: var(--border-radius-s);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
width: 160px;
height: 68px;
margin-top: 75%;
margin-left: 25%;
position: absolute;
box-shadow: 0 2px 5px #00000014;
}
.img_hero-4 {
border: 1px solid var(--white);
border-radius: var(--border-radius-s);
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
vertical-align: baseline;
object-fit: cover;
width: 195px;
height: 75px;
margin-top: 45%;
margin-left: -4%;
margin-right: -1%;
display: block;
position: absolute;
}
.img_hero-mobile {
display: none;
}
.heading-3 {
max-width: 25ch;
}
.text-span {
color: var(--color-primary);
}
.heading-4 {
max-width: 25ch;
text-align: center;
}
.heading-5 {
color: var(--text-primary);
text-transform: uppercase;
margin-top: .25rem;
margin-bottom: -.25rem;
font-weight: 500;
}
.bold-text {
font-weight: 400;
}
.text-span-2 {
font-size: .5rem;
}
.image-graphic {
-webkit-backdrop-filter: blur(80px);
/* backdrop-filter: blur(80px); */
vertical-align: baseline;
}
.image-graphic.howitworks {
width: 318px;
height: 318px;
inset: 0%;
}
.image-graphic.howitworks.longimage {
width: 80%;
}
.image-graphic.howitworks.longimage.horizontal {
top: 20%;
}
.image-graphic.howitworks.rightside {
left: 0;
right: auto;
}
.text-span-3, .text-span-4 {
color: var(--color-primary);
}
.image {
height: 10%;
position: absolute;
inset: 0% 0 0 0%;
}
.heading-3-no-margins {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 120%;
text-align: left;
}
.waves-icon-32 {
width: 32px;
height: 32px;
}
.mg-bottom-16 {
margin-bottom: 16px;
}
.tile-features {
/* transform: none !important; */
grid-row-gap: 0px;
counter-increment: cardtop 4 cardangle 6;
background-color: var(--body-color);
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 2px 5px #0003;
margin: 8px;
/* position: sticky; */
/* top: calc(50vh - 310px); */
box-shadow: 0 2px 5px #0003, inset 0px 2px 4px 0px #ffffff;
}
.tile-features {}
.master-tiles-features {
grid-row-gap: 50vh;
flex-direction: column;
width: 100%;
max-width: 545px;
display: flex;
/* grid-row-gap: 24px; */
/* background: linear-gradient(180deg, #ffffff, #f5f5ff); */
border-radius: 16px;
}
/* Individual tile transformations */
.page-template-genericpage-template .master-tiles-features .tile-features:nth-child(1) {
transform: translateY(0px) rotate(0deg);
}
.page-template-genericpage-template .master-tiles-features .tile-features:nth-child(2) {
transform: translateY(-5px) rotate(-1deg);
}
.page-template-genericpage-template .master-tiles-features .tile-features:nth-child(3) {
transform: translateY(-10px) rotate(-2deg);
}
.page-template-genericpage-template .master-tiles-features .tile-features:nth-child(4) {
transform: translateY(-15px) rotate(-3deg);
}
.page-template-genericpage-template .master-tiles-features .tile-features:nth-child(5) {
transform: translateY(-20px) rotate(-4deg);
}
/* Responsive adjustments */
@media (max-width: 991px) {
.master-tiles-features .tile-features:nth-child(1),
.master-tiles-features .tile-features:nth-child(2),
.master-tiles-features .tile-features:nth-child(3),
.master-tiles-features .tile-features:nth-child(4),
.master-tiles-features .tile-features:nth-child(4) {
transform: none;
}
.cta_right {display: none;}
}
.waves---cta-dark {
background-color: var(--waves-library--black);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 52px;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
transition: background-color .2s;
display: flex;
}
.waves---cta-dark:hover {
background-color: #131313e6;
}
.waves---mg-top-16 {
margin-top: 16px;
}
.waves---paragraph-big {
font-size: 20px;
line-height: 130%;
}
.waves---heading-2-no-margins {
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 130%;
}
.content-sticky-features {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 420px;
display: flex;
}
.sticky-halves {
position: sticky;
top: calc(50vh - 220px);
text-align: left;
}
.sticky-halves-left {
position: relative;
}
.grid-halves-sticky {
grid-column-gap: 40px;
grid-template-rows: auto;
}
.main-container {
max-width: 1352px;
padding-left: 24px;
padding-right: 24px;
}
.section-medium {
padding-top: 0;
padding-bottom: 0;
}
.heading-6 {
max-width: 22ch;
text-align: left;
font-size: 5.8rem;
font-weight: 400;
display: block;
background-image: linear-gradient(180deg, #3635ee, #000000);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.bold-text-2 {
font-weight: 500;
}
.featurescontent {
grid-row-gap: 16px;
background-color: var(--body-color);
border-radius: 12px;
flex-direction: column;
align-items: flex-start;
padding: 44px 40px;
display: flex;
position: relative;
min-height: 330px;
}
.benefit_image-wrapper {
color: var(--text-invert);
background-color: #dbdbdb;
background-position: 0 0, 0 0;
background-size: auto, cover;
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-self: auto;
align-items: flex-end;
width: 100%;
min-width: 21rem;
min-height: 360px;
padding: 0;
display: flex;
/* The .image-container class needs to be applied to a div wrapped around the image you want to apply this filter to */
.image-container {
display: inline-block;
position: relative;
line-height: 0;
background: #ffffff;
}
.image-container::after
after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
mix-blend-mode: multiply;
background: #00e1fa;
opacity: 0.5;
}
.image-container >
img {
-webkit-filter: brightness(104%) contrast(104%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
filter: brightness(104%) contrast(104%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
mix-blend-mode: normal;
};
}
.rive {
z-index: 1;
display: block;
position: absolute;
inset: 0%;
}
.text-span-5, .text-span-6 {
color: var(--color-primary);
}
.img_hero-5 {
border-radius: var(--border-radius-s);
opacity: 1;
-webkit-backdrop-filter: blur(80px);
backdrop-filter: blur(80px);
mix-blend-mode: normal;
background-position: 50% 0;
background-size: 300px 300px;
width: 180px;
height: 180px;
margin-left: 0%;
position: absolute;
}
.rivelines {
width: 100%;
height: 33%;
}
.text-span-7, .text-span-8 {
color: var(--color-primary);
}
.testimonialdescription {
color: var(--text-secondary);
font-size: 10px;
line-height: 130%;
}
.waves---heading-3-no-margins {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 120%;
}
.name-wrap-testimonial-3 {
grid-row-gap: 0px;
text-align: left;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.tile-testimonial-3 {
grid-row-gap: 16px;
background-color: #ffffff;
/* background-color: var(--waves-library--dark-elevation); */
/* background-image: linear-gradient(180deg, var(--color-transparent-dark), var(--section-background-2)); */
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 32px 16px;
display: flex;
box-shadow: 0 2px 5px #0003;
font-size: 14px;
}
.grid-testimonials-3 {
grid-column-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 64px;
}
.waves---subtitle {
font-size: 24px;
line-height: 40px;
}
.waves---heading-2-no-margins-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 130%;
}
.waves---center-heading {
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.waves---main-container {
max-width: 1352px;
padding-left: 24px;
padding-right: 24px;
}
.waves---section-medium {
padding-top: 100px;
padding-bottom: 100px;
}
.text-span-9 {
color: var(--color-primary);
}
.rivelines-insights {
width: 100%;
height: 40%;
position: absolute;
inset: 0% auto auto 0%;
rotate: 180deg;
}
.rive-2 {
width: 1400px;
height: 800px;
position: static;
inset: 0%;
}
.div-block {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.metricsanimation {
border-radius: 20px;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
overflow: hidden;
}
.features_1 {
width: 320px;
min-width: 320px;
height: 320px;
min-height: 320px;
}
.section_dashboard {
position: relative;
}
.moneyinout {
grid-column-gap: .7rem;
grid-row-gap: .7rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: flex;
}
.money_tile {
grid-column-gap: 3.4rem;
grid-row-gap: 3.4rem;
border-radius: var(--border-radius);
background-color: #ffffff61;
background-image: linear-gradient(180deg, var(--body-color), #fff0 35%);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
border: 1px solid #fff;
flex-flow: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: flex-start;
align-items: stretch;
max-width: 400px;
height: 100%;
padding: 1rem;
display: flex;
position: relative;
box-shadow: 0 2px 5px #0003;
}
.money_tile.insight_1 {
background-position: 50% 100%;
background-size: 480px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.money_tile.insight_2 {
background-position: 0 100%;
background-size: 480px;
}
.money_tile.insight_3 {
background-position: 50% 0;
background-size: 480px;
}
.money_tile.insight_4 {
background-position: 50% 100%;
background-size: 480px;
}
.money_tile.tileout {
justify-content: space-between;
align-items: stretch;
margin-left: auto;
margin-right: 32px;
min-width: 380px;
}
.money_tile.tilein {
text-align: right;
border-top-left-radius: 1.6rem;
justify-content: center;
align-items: center;
width: 100%;
min-width: 380px;
margin-left: auto;
margin-right: auto;
margin-left: 32px;
}
.insights_tile-copy {
grid-column-gap: 4.2rem;
grid-row-gap: 4.2rem;
border-radius: var(--border-radius);
background-color: var(--component-background);
flex-flow: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: flex-start;
align-items: stretch;
height: 100%;
padding: 1.5rem;
display: flex;
position: relative;
}
.insights_tile-copy.insight_1 {
background-position: 50% 100%;
background-size: 480px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.insights_tile-copy.insight_2 {
background-position: 0 100%;
background-size: 480px;
}
.insights_tile-copy.insight_3 {
background-position: 50% 0;
background-size: 480px;
}
.insights_tile-copy.insight_4 {
background-position: 50% 100%;
background-size: 480px;
}
.div-block-2 {
opacity: 0;
box-sizing: content-box;
object-fit: fill;
flex-flow: row;
justify-content: center;
align-items: center;
width: 1400px;
height: 520px;
display: flex;
position: absolute;
top: auto;
bottom: 13%;
left: 20%;
overflow: hidden;
/* -webkit-transform: rotate(337deg); */
/* transform: rotate(337deg); */
animation: rotate335 1.5s cubic-bezier(0.66, -0.04, 0.46, 1.22) 1s forwards;
}
.rive-3 {
width: 1400px;
height: 520px;
}
.money_text-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
align-items: stretch;
display: flex;
}
.testimonial-faces {
position: absolute;
left: 0;
top: -103px;
border-radius: 50%;
width: 80px;
height: 80px;
border-radius: 999px;
overflow: hidden;
border: 1px solid #eeeff6;
}
.testimonial-faces.face-3 {
background-position: 50%;
background-size: 90px 90px;
}
.testimonial-faces.face-2 {
background-position: 51% 11%;
background-size: 120px 120px;
}
.testimonial-faces.face-1 {
background-position: 34% 22%;
background-size: 200px 200px;
}
.testimonial-block {
top: 31px;
position: relative;
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
flex-direction: column-reverse;
}
.text-span-10, .text-span-11, .text-span-12, .text-span-13, .text-span-14, .text-span-15 {
color: var(--color-primary);
}
.text-size-regular-high {
text-align: left;
font-size: 1rem;
}
.heromainwrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: -40px;
display: flex;
position: relative;
transform: scale(.75);
}
.heroleftblocks {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: flex-end;
padding-bottom: 1px;
display: flex;
overflow: visible;
}
.hero_toprightblocks, .hero_bottomrightblocks {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.hero_rightblocks {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.hero_reliabilitywrapper {
border: 1px solid var(--body-color);
background-color: var(--animationshero);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 8px;
width: 200px;
height: 100px;
overflow: hidden;
}
.hero_moneyinwrapper {
border: 1px solid var(--body-color);
background-color: var(--animationshero);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 8px;
width: 360px;
height: 200px;
}
.hero_customermetricwrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.hero_supportwrapper {
border: 1px solid var(--body-color);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 8px;
width: 360px;
height: 104px;
padding: 2px;
overflow: hidden;
}
.hero_securitywrapper {
border: 1px solid var(--body-color);
background-color: var(--animationshero);
border-radius: 8px;
width: 200px;
height: 106px;
}
.hero_customerwrapper {
border-radius: 8px;
width: 200px;
height: 200px;
overflow: hidden;
}
.hero_metricwrapper {
border: 1px solid var(--body-color);
background-color: var(--animationshero);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 8px;
width: 200px;
height: 200px;
overflow: hidden;
}
.hero_businesswrapper {
border-radius: 8px;
width: 200px;
height: 200px;
overflow: hidden;
}
.hero_moneyoutwrapper {
border: 1px solid var(--body-color);
background-color: var(--animationshero);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 8px;
width: 360px;
height: 200px;
}
.hero_moneybalancewrapper {
border: 1px solid var(--body-color);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 8px;
width: 360px;
height: 360px;
overflow: hidden;
}
.hero_supplierwrapper {
border-radius: 8px;
width: 200px;
height: 200px;
overflow: hidden;
}
.hero_images {
width: auto;
max-width: none;
height: auto;
}
.rive-4 {
border-radius: 8px;
width: 360px;
height: 200px;
overflow: hidden;
}
.rive-5 {
width: 200px;
height: 200px;
}
.rive-6 {
width: 200px;
height: 100px;
}
.rive-7 {
background-color: var(--animationshero);
width: 360px;
height: 100px;
margin: 2px;
padding: 2px;
}
.rive-8 {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
border-radius: 8px;
overflow: hidden;
}
.rive-9 {
background-color: var(--animationshero);
width: 360px;
height: 360px;
}
.paragraph-3 {
color: #656565;
text-align: left;
font-size: 1.4rem;
filter: drop-shadow(2px 4px 6px #fafafe);
}
.heropair {
justify-content: flex-end;
align-items: center;
padding-bottom: 40px;
display: flex;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 18px;
}
h2 {
font-size: 16px;
}
h4 {
font-size: 1.75rem;
}
.align-center {
text-align: center;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading {
font-size: 3.25rem;
}
.button.is-secondary.is-small {
white-space: nowrap;
flex: 1;
align-self: center;
/* margin-left: 20%; */
}
.heading-style-h4 {
text-align: center;
font-size: 1.4rem;
}
.footer_form-input:focus-visible {
color: var(--text-primary);
}
.footer_form-input[data-wf-focus-visible] {
color: var(--text-primary);
}
.button-group {
justify-content: center;
align-items: center;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.section_hero {
padding-top: 0;
}
.hero_image-wrapper {
flex: 0 auto;
justify-content: center;
align-items: center;
}
.testimonial_inner-wrapper {
column-count: 2;
}
.mainfeatures_content-wrapper {
margin-left: 0%;
margin-right: 0%;
}
.mainfeatures_pane-content {
grid-column-gap: 1.6rem;
grid-row-gap: 4rem;
flex-flow: wrap;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.footer_top-wrapper {
grid-column-gap: 8vw;
grid-row-gap: 8vw;
grid-template-columns: 1fr;
}
.menu-icon_line-middle {
background-color: var(--text-primary);
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.navbar_menu-left {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.navbar_menu-right {
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-content: center;
align-items: stretch;
/* margin-top: 1.5rem; */
/* padding-bottom: 5rem; */
}
.navbar_component {
border-bottom: 1px solid var(--border-subtle);
min-height: 4.75rem;
padding-left: 2rem;
padding-right: 2rem;
}
.navbar_link {
text-align: center;
border-bottom-style: solid;
border-bottom-width: 1px;
width: 100%;
padding: 2rem 1rem;
font-size: 2rem;
}
.menu-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon_line-bottom {
background-color: var(--text-primary);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar_container {
border: 0 solid #000;
padding: 8px 16px;
/* border-bottom: 1px solid var(--e-a-bg-active); */
/* position: fixed; */
/* top: 0; */
/* left: 0; */
/* z-index: 3; */
/* margin: 0; */
}
.navbar_menu-button.w--open {
background-color: #0000;
}
.menu-icon_line-top {
background-color: var(--text-primary);
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar_menu {
background-color: var(--body-color);
-webkit-text-fill-color: inherit;
background-clip: border-box;
align-items: flex-start;
height: 100vh;
margin-left: 0;
padding: 1rem 5% 5rem;
position: absolute;
overflow: auto;
}
.form-input:focus {
color: var(--text-primary);
}
.insights_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-wrap: wrap;
display: flex;
max-width: 90vw;
}
.features_content {
flex: 1;
order: -1;
}
.features_component {
grid-column-gap: 3rem;
grid-row-gap: 1.6rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.features_image-wrapper {
flex: 0 auto;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.features_top {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border: 0px solid var(--border-subtle);
border-radius: var(--border-radius-m);
text-align: center;
flex-flow: column-reverse wrap;
flex: 0 auto;
grid-template-columns: 1fr;
justify-content: space-between;
align-self: auto;
align-items: center;
padding: 2.4rem;
}
.features_bottom {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
border: 0px solid var(--border-subtle);
border-radius: var(--border-radius-m);
text-align: center;
flex-flow: wrap-reverse;
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
padding: 2.4rem;
}
.features_image {
max-width: 30rem;
}
.mainfeatures_tabs-menu {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
margin-bottom: 2rem;
}
.hero_column-wrapper {
justify-content: center;
align-items: center;
width: 100%;
}
.testimonial_image-wrapper {
flex: 1;
}
.insights_tile {
min-width: 16rem;
}
.heading-style-h3 {
font-size: 2rem;
text-align: center !important;
}
.padding-global.padding-section-large {
padding-top: 8rem;
padding-bottom: 4rem;
}
.padding-global.padding-section-small {
padding-top: 2rem;
}
.padding-global.padding-section-hero {
padding-top: 5rem;
overflow: visible;
}
.hero_wrapper {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
padding: 2rem 2rem 1rem;
}
.features_wrapper {
grid-column-gap: 3.2rem;
grid-row-gap: 3.2rem;
}
.smallhero_wrapper {
flex-flow: column;
}
.smallhero_text {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
text-align: center;
flex-flow: column;
}
.hero_text-paragraph {
width: 100%;
}
.pricing_wrapper {
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.pricing_tile {
flex: 1;
min-width: 18rem;
max-width: 18rem;
}
.button-icon {
flex: 0 auto;
align-self: center;
}
.subhero_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.subhero_column {
text-align: center;
flex: 0 auto;
justify-content: center;
align-items: center;
}
.logo-img {
flex: 0 auto;
min-width: 5rem;
}
.partners-logos {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
}
.img_hero-mobile {
display: none;
}
.subhero_image {
flex: 1;
max-width: 25rem;
}
.master-tiles-features {
margin-left: auto;
margin-right: auto;
grid-row-gap: 24px;
background: none;
}
.tile-features{
position: static;
top: initial;
margin: 0;
}
.content-sticky-features {
text-align: center;
align-items: center;
}
.sticky-halves {
flex-direction: column;
align-items: center;
}
.sticky-halves-left {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.grid-halves-sticky {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.heading-6 {
width: 90%;
font-size: 4rem;
max-width: 100%;
}
.benefit_image-wrapper {
flex: 1;
}
.grid-testimonials-3 {
grid-row-gap: 32px;
grid-template-columns: 1fr;
width: 100%;
max-width: 480px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.moneyinout {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-wrap: wrap;
}
.money_tile, .insights_tile-copy {
min-width: 16rem;
margin: auto !important;
}
.div-block-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center stretch;
width: 1400px;
margin-left: auto;
margin-right: auto;
display: flex;
top: auto;
bottom: 0%;
right: 0%;
overflow: visible;
left: calc(50vw - 700px) !important;
}
.heromainwrapper {
transform: scale(.55);
}
.heropair {
flex-flow: column;
justify-content: flex-end;
align-items: center;
overflow: hidden;
}
}
@media screen and (max-width: 767px) {
div.insights_wrapper{
max-width: 100%;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.5rem;
line-height: 1.4;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1.125rem;
}
.margin-xsmall {
margin: .75rem;
}
.margin-small {
margin: 1.25rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-size-medium {
font-size: 1rem;
}
.text-style-quote {
font-size: 1.125rem;
}
.heading-style-h6 {
font-size: .8rem;
}
.heading {
text-align: left;
font-size: 2.5rem;
}
.button {
width: 100%;
}
.button.is-secondary {
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
border-radius: 8px;
}
.heading-style-h4 {
text-align: center;
font-size: 1.7rem;
line-height: 1;
}
.text-size-regular {
text-align: left;
}
.footer_form-input {
padding-top: .75rem;
padding-bottom: .75rem;
}
.button-group {
width: 100%;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.section_hero {
padding-top: 0;
}
.hero_image-wrapper {
width: 100%;
min-width: auto;
max-width: 25rem;
min-height: auto;
}
.testimonial_client {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.testimonial_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.testimonial_inner-wrapper {
column-count: 1;
flex-flow: column;
}
.testimonial_content {
padding: 1.5rem;
}
.mainfeatures_content-wrapper {
margin-left: 0%;
margin-right: 0%;
}
.mainfeatures_pane-content {
grid-row-gap: 2.4rem;
flex-flow: column;
}
.mainfeatures_image-wrapper {
width: 100%;
max-height: 20rem;
}
.faq_answer {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.faq_question {
padding: 1rem 1.25rem;
}
.faq_icon {
width: 1.75rem;
}
.footer_top-wrapper {
grid-row-gap: 4.8rem;
flex-flow: column;
}
.footer_link, .footer_social-link, .footer_legal-link {
font-size: 1.2rem;
}
.footer_bottom-wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-direction: column-reverse;
align-items: flex-start;
padding-bottom: 1rem;
}
.footer_link-list {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
}
.footer_credit-text {
margin-top: 1.5rem;
font-size: 1.2rem;
}
.footer_legal-list {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
}
.footer_menu-wrapper {
grid-column-gap: 1.5rem;
flex: 1;
width: 100%;
}
.navbar_component {
min-height: 4rem;
}
.form-input {
padding-top: .75rem;
padding-bottom: .75rem;
}
.features_content {
order: 0;
min-width: 1rem;
}
.features_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.features_image-wrapper {
flex: 1;
order: -1;
}
.features_top {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
}
.features_bottom {
flex-flow: column-reverse wrap;
}
.mainfeatures_tabs-menu {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: row;
align-items: flex-start;
margin-bottom: 2rem;
}
.hero_column-wrapper {
max-width: 100%;
}
.section-header.text-align-center {
text-align: center;
justify-content: center;
align-items: center;
}
.testimonial_image-wrapper {
min-width: auto;
}
.insights_tile.insight_1, .insights_tile.insight_2, .insights_tile.insight_3, .insights_tile.insight_4 {
min-width: 12rem;
align-items: flex-start;
color: #fff;
}
.text-block {
font-size: 1.2rem;
}
.padding-global.padding-section-small {
padding-bottom: 2rem;
}
.padding-global.padding-section-hero {
padding-top: 0;
}
.hero_wrapper {
padding: 2.4rem;
}
.faq_wrapper {
padding: 1.6rem;
}
.hero_text {
max-width: 100%;
}
.smallhero_text {
flex-flow: column;
}
.hero_text-paragraph {
width: 100%;
}
.styleguide_flex, .styleguide_mainwrapper {
flex-flow: column;
}
.heading-style-h2 {
font-size: 3rem;
}
.smallhero_header, .smallhero_paragraph {
width: 100%;
}
.icons_wrapper {
flex-flow: column;
}
.icons_component {
flex-flow: wrap;
}
.form_mainwrapper {
width: 100%;
}
.meettheteam_image {
flex: 1;
min-width: 12rem;
min-height: 12rem;
}
.meettheteam_wrapper {
flex-flow: column;
}
.logo-img {
max-width: 12rem;
margin: 8px 0;
}
.partners-logos {
grid-row-gap: 0rem;
flex-flow: wrap;
margin: 16px 0 0;
}
.img_hero-1, .img_hero-2, .img_hero-3, .img_hero-4 {
display: none;
}
.img_hero-mobile {
border-radius: var(--border-radius);
display: block;
}
.subhero_image {
flex: 0 auto;
}
.waves---heading-2-no-margins {
font-size: 44px;
line-height: 125%;
}
.main-container {
padding-left: 16px;
padding-right: 16px;
}
.section-medium {
/* padding-top: 80px; */
/* padding-bottom: 80px; */
}
.heading-6 {
max-width: 100%;
font-size: 42px;
}
.bold-text-2 {
font-size: 20px;
}
.benefit_image-wrapper {
min-width: auto;
min-height: 200px;
}
.img_hero-5 {
display: none;
}
.waves---subtitle {
font-size: 22px;
line-height: 34px;
}
.waves---heading-2-no-margins-2 {
font-size: 44px;
line-height: 125%;
}
.waves---main-container {
padding-left: 16px;
padding-right: 16px;
}
.waves---section-medium {
padding-top: 80px;
padding-bottom: 80px;
}
.text-size-regular-high {
text-align: left;
}
.heromainwrapper {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
position: relative;
overflow: visible;
transform: scale(1);
}
.heroleftblocks {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.hero_toprightblocks, .hero_bottomrightblocks {
flex-flow: column;
}
}
@media screen and (max-width: 479px) {
p {
font-size: 1rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h6, .heading-style-h4 {
text-align: center;
}
.section_hero {
padding-top: 0;
background: linear-gradient(360deg, #f9fafa, transparent);
}
.hero_image-wrapper {
width: 150%;
}
.mainfeatures_pane-content {
grid-template-columns: 1fr;
}
.faq_accordion {
padding: 1.2rem;
}
.signup-form-wrapper {
grid-row-gap: .75rem;
flex-direction: column;
grid-template-columns: 1fr;
}
.line-divider.background-color-white {
display: none;
}
.footer_top-wrapper {
grid-row-gap: 48px;
}
.footer_bottom-wrapper {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
border: 0 solid #000;
}
.footer_link-list {
border-bottom: 1px solid var(--border-subtle);
padding-bottom: 2.4rem;
}
.footer_form {
grid-row-gap: 12px;
flex-direction: column;
grid-template-columns: 1fr;
}
.footer_menu-wrapper {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.navbar_logo-link.w--current {
padding-left: 0;
}
.navbar_menu-right {
align-items: stretch;
}
.navbar_component {
padding-left: .5rem;
padding-right: .5rem;
}
.menu-icon {
width: 3rem;
height: 3rem;
}
.features_content {
width: auto;
}
.features_component {
grid-template-columns: 1fr;
}
.features_image-wrapper {
order: -1;
}
.features_top, .features_bottom {
flex-flow: column;
padding: 1.2rem;
}
.features_image {
/* width: 200px; */
/* height: 200px; */
}
.mainfeatures_tabs-menu {
flex-flow: column;
justify-content: center;
align-items: center;
}
.insights_tile {
min-width: 9rem;
max-width: 90vw !important;
}
.heading-style-h3 {
font-size: 1.5rem;
text-align: center !important;
}
.padding-global.padding-section-large {
padding-top: 6rem;
padding-bottom: 3rem;
}
.padding-global.padding-section-hero {
padding-top: 5rem;
}
.features_wrapper {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
}
.utility_header, .hero_text {
width: 100%;
}
.pricing_tile {
flex: 0 auto;
min-width: auto;
}
.pricing_tile.is-highlighted {
padding: .8rem;
}
.pricing_title {
text-align: left;
}
.icons_wrapper {
flex-flow: column;
}
.icon_tile {
flex-flow: column;
flex: 0 auto;
}
.grid_component, .meettheteam_wrapper {
flex-flow: column;
}
.teamgrid_tile {
min-width: auto;
}
.image-graphic.howitworks {
/* width: 240px; */
/* height: 240px; */
/* inset: auto 0% 0% auto; */
}
.heading-3-no-margins {
font-size: 22px;
}
.waves---heading-2-no-margins {
font-size: 34px;
}
.section-medium {
padding-top: 64px;
padding-bottom: 64px;
}
.featurescontent {
padding: 20px 16px;
min-height: 0;
}
.benefit_image-wrapper {
min-height: 200px;
}
.waves---heading-3-no-margins {
font-size: 22px;
}
.waves---subtitle {
font-size: 20px;
}
.waves---heading-2-no-margins-2 {
font-size: 34px;
}
.waves---section-medium {
padding-top: 64px;
padding-bottom: 64px;
}
.features_1 {
/* width: 240px; */
/* min-width: 240px; */
/* height: 240px; */
/* min-height: 240px; */
}
.money_tile, .insights_tile-copy {
min-width: 9rem;
background: rgba(255, 255, 255, 0.81);
min-width: 90% !important;
}
}
#w-node-_885d7473-5a93-f2ed-a010-d30192e80596-ef9d9108 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_885d7473-5a93-f2ed-a010-d30192e805a0-ef9d9108 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
/* grid-row-gap: 24px; */
}
#w-node-_8344dfc9-6ca4-08d9-6f0c-ff1742656c33-ef9d9108, #w-node-_8344dfc9-6ca4-08d9-6f0c-ff1742656c41-ef9d9108, #w-node-_8344dfc9-6ca4-08d9-6f0c-ff1742656c4f-ef9d9108, #w-node-c5516d98-0025-c9f2-6277-654d92780f1d-ef9d9108, #w-node-c5516d98-0025-c9f2-6277-654d92780f1d-ef9d9114, #w-node-c5516d98-0025-c9f2-6277-654d92780f1d-ef9d9115 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-_344d5423-7ab3-e47d-78d6-aaaefbff9a42-ef9d9114 {
order: -9999;
}
.legal-section-wrap {
width: 100%;
padding: 4px !important;
border: none !important;
}
}
@media screen and (max-width: 767px) {
#w-node-a9ba5952-76d7-bbf4-1198-efd90cc6c95c-ef9d9108, #w-node-_344d5423-7ab3-e47d-78d6-aaaefbff9a44-ef9d9108, #w-node-b2475c63-0aab-7575-fa77-3277e6d24ee9-ef9d9108, #w-node-_8010a99d-29b5-b44a-7665-80e3fdcb8ab2-ef9d9108, #w-node-a9ba5952-76d7-bbf4-1198-efd90cc6c95c-ef9d9114, #w-node-_344d5423-7ab3-e47d-78d6-aaaefbff9a44-ef9d9114, #w-node-a9ba5952-76d7-bbf4-1198-efd90cc6c95c-ef9d9115 {
order: -9999;
}
.all-grids-wrapper{/* display: flex; */flex-direction: column !important;}
.flat-grid-group {
width: 100% !important;
}
}
.grid-lines-block{
height: 24px;
}
.grid-lines-wrapper {
display: flex;
}
.grid-lines-wrapper .grid-lines-block {
flex: 1;
box-sizing: border-box;
}
.top-grid-lines-wrapper {
display: flex;
margin-top: 16px;
}
.top-grid-lines-wrapper .grid-lines-block{
flex: 1;
}
.top-grid-lines-wrapper .grid-lines-block:first-child {
border-right: 1px solid #545ad6;
}
/* Odd children get a right border */
.grid-lines-wrapper .grid-lines-block:nth-child(odd) {
border-right: 1px solid #545ad6;
}
/* Everything except the first and last child get a top border */
.grid-lines-wrapper .grid-lines-block:not(:first-child):not(:last-child) {
border-top: 1px solid #545ad6;
}
@media (max-width: 761px) {
aside.sidebar{
padding-left: 0 !important;
min-width: auto !important;
}
.grid-lines-wrapper, .top-grid-lines-wrapper {
display: none;
}
div section.contact-layout-section {
flex-direction: column-reverse;
}
}
.hidden{
transition: all 1s;
opacity: 0;
filter: blur(2px);
transform: translateY(200px);
}
.show{
background-color: #fafafe;
opacity: 1;
filter: blur(0);
transform: translateY(0);
}
/* Menu */
/* style.css */
/* style.css */
/* Base navbar container (desktop) */
.header-menu {
display: flex;
align-items: center;
justify-content: space-between;
/* background: #fff; */
/* padding: 0 15px; */
position: relative; /* helps with overlayed menus */
width: 100%;
}
/* Logo and toggle in one row */
.logo-and-toggle {
display: flex;
align-items: center;
}
/* Logo link */
.navbar_logo-link {
display: inline-block;
margin-right: 20px;
/* min-width: 33% !important; */
}
.navbar_logo {
max-height: 40px;
width: auto;
}
/* Toggle button (desktop hidden by default) */
.menu-toggle {
display: none !important;
}
/* Main menu items (desktop) */
.menu-items {
/* border-top: 1px solid; */
display: flex;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
flex-direction: row;
flex-grow: 1;
align-content: center;
justify-content: space-around;
}
/* Submenu hides by default */
.sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
list-style: none;
margin: 0;
padding: 0;
min-width: 150px;
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
z-index: 10;
border-radius: 8px;
}
/* Menu items */
.menu-items li {
position: relative;
}
.menu-items li a {
display: inline-block;
padding: 8px 8px;
text-decoration: none;
color: #000;
font-size: 14px;
border-radius: 8px;
}
.menu-items li a:hover {
background: #f0f0f0;
}
/* Indicate children */
.menu-item-has-children > a::after {
content: " â–¼";
font-size: 0.55em;
margin-left: 5px;
}
/* Active states */
.menu-items li > a[aria-current="page"],
.menu-items li.current-menu-item > a,
.menu-items li.current_page_item > a {
/* background: #ddd; */
/* color: #333; */
font-weight: 600;
}
/* Right side custom links */
.navbar_menu-right {
display: flex;
gap: 10px;
}
.recent-posts-wrapper {
display: flex;
gap: 20px;
margin: 20px 0;
justify-content: space-between;
}
.post-card {
border: 1px solid #e8e8e8;
border-radius: 16px;
width: 32%;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
}
.post-thumbnail img {
width: 100%;
height: auto;
}
.post-content {
padding: 16px 16px 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
flex-grow: 1;
background: #fcfcfe;
}
.post-content h2 {
margin-top: 0;
font-size: 20px;
}
.read-more-btn {
display: inline-block;
margin-top: 10px;
text-decoration: none;
color: #fff;
background-color: #0073aa;
padding: 8px 12px;
border-radius: 4px;
}
.read-more-btn:hover {
background-color: #005880;
}
/* ---------------------------- */
/* MOBILE STYLES (<= 768px) */
/* ---------------------------- */
@media (max-width: 768px) {
.header-menu {
flex-direction: column;
align-items: flex-start;
padding: 0 15px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
margin: 0;
padding: 16px;
background: #fff;
}
.hero_buttons {
flex-direction: column;
max-width: 210px!important;!importan;!importa;!import;!impor;!impora;!imporan;!impora;!impor;!import;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.logo-and-toggle {
width: 100%;
justify-content: space-between;
}
/* Show toggle button on mobile */
.menu-toggle {
/* border: none !important; */
display: inline-block !important;
margin-left: auto;
padding: 10px 15px;
box-shadow: none !important;
font-weight: 600;
}
/* Hide main menu and right items by default on mobile */
.menu-items,
.navbar_menu-right {
display: none;
}
/* When active, the menu overlays the page content */
.menu-items.active,
.navbar_menu-right.active {
/* position: fixed; */
top: 0;
left: 0;
width: 100%;
/* height: 100%; */
background: rgba(255,255,255,0.95);
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
z-index: 999;
}
.menu-items.active li a {
padding: 15px 20px;
width: 100%;
font-size: 14px !important;
padding: 12px !important;
}
/* Submenu is automatically shown in mobile overlay (or can be toggled via JS) */
.sub-menu {
position: static;
box-shadow: none;
min-width: auto;
display: block !important;
margin-left: 8px;
}
.menu-items li{
width: 100%;
}
.menu-item-has-children > a::after{
display: none;
}
#menu-menu > li > a{
background: #fff !important;
font-weight: 600;
font-size: 16px !important;
}
}
.sub-menu a {
width: 100%;
}
.content-sticky-features .heading-style-h3 {
text-align: left;
}
.icon_cards_wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.icon_card {
display: flex;
max-width: 32%;
flex-direction: column;
padding: 8px;
margin: 4px;
}
img.icon_card_icon {
width: 160px;
height: 160px;
margin: auto;
}
/*Footer*/
.footer-section {
background-color: #f7fbff;
padding: 3em 5em;
font-size: 16px;
/* font-size: 1vw; */
overflow: hidden;
}
.footer-container {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer-content-wrap {
margin-bottom: 4em;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-bottom-wrap {
border-top: 1px solid var(--border-subtle);
justify-content: space-between;
align-items: center;
padding-top: 3em;
display: flex;
flex-wrap: wrap;
}
.footer-logo-wrap {
/* margin-right: 8em; */
}
.footer-logo {
width: 15em;
}
.footer-grid {
/* grid-column-gap: 2.5em; */
/* grid-row-gap: 2.5em; */
/* flex: 1; */
grid-template-rows: auto;
/* grid-template-columns: .75fr 1fr 1fr 1.75fr 1.5fr; */
/* grid-auto-columns: 1fr; */
display: flex;
flex-direction: row;
flex: 1;
justify-content: flex-end;
flex-wrap: wrap;
min-width: 990px;
}
div h4.footer-heading {
color: #1f2124;
margin-top: 0;
margin-bottom: 0;
font-size: 1.5em;
font-weight: 400;
line-height: 1.3em;
text-decoration: none;
}
.footer-link {
color: #121f39;
margin-top: 0;
font-size: 1em;
line-height: 1.3em;
text-decoration: none;
}
.footer-link:hover {
color: var(--color-primary);
text-decoration: underline;
}
.footer-links-column {
flex-direction: column;
display: flex;
padding: 16px 32px;
min-width: 220px;
}
.social-links-wrap {
align-items: center;
display: flex;
width: 140px;
}
.legal-links-wrap {
flex-direction: row;
align-items: stretch;
display: flex;
flex-wrap: wrap;
}
.social-icon-wrap {
margin-right: 1em;
width: 60px;
}
.social-icon {
object-fit: cover;
height: 1.5em;
}
.divider {
background-color: #c8c8c8;
width: .1em;
height: 1.1em;
margin-left: 2em;
margin-right: 2em;
padding-bottom: 0;
}
.divider.show {
display: block;
}
.legal-link {
color: #000000;
font-weight: 600;
font-size: 0.8em;
line-height: 1.3em;
text-decoration: none;
}
.legal-link:hover {
color: var(--color-primary);
text-decoration: underline;
}
.legal-section-wrap {
align-items: center;
display: flex;
padding: 8px 16px 8px 16px;
border-right: 1px solid var(--border-subtle);
}
.legal-section-row {
display: flex;
}
.footer-links-grid {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 2em;
display: grid;
font-weight: 600;
}
@media screen and (max-width: 991px) {
section.homepage-interactivediagram-section .w-layout-grid{grid-template-columns: 1fr 2fr !important;}
.recent-posts-wrapper{
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
align-items: center;
padding: 24px;
}
.post-card {
width: 100%;
max-width: 545px;
}
.footer-logo{
width: 63vw;
max-width: 300px;
margin: 32px 0px;
}
.footer-content-wrap {
display: flex;
flex-direction: column;
}
.footer-grid {
display: flex;
justify-content: flex-start;
}
.legal-links-wrap {
}
.legal-links-wrap .divider {
margin: 0 4px 0 8px;
}
.footer-links-column{min-width: 100%;padding: 16px 0px;}
}
.divider {
/* display: none; */
}
.social-icon-wrap .social {
width: 40px;
height: 40px;
}
.social-icon-wrap img {
width: 60px;
height: 60px;
}
/* Hide the answers by default */
.faq_answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.6s ease;
}
/* Optional: add some spacing inside the open answer */
.faq_answer-wrapper {
padding: 0 0 1rem 0; /* adjust to your needs */
}
/* FAQ icon transition */
.faq_icon svg {
transition: transform 0.6s ease;
/* If your icon gets cut off when rotating, ensure no overflow is hidden in .faq_icon */
}
/* When open, rotate the plus icon to become X (45 degrees) */
.faq_accordion.open .faq_icon svg {
transform: rotate(45deg);
}
/* When open, expand the answer */
.faq_accordion.open .faq_answer {
max-height: 500px; /* or something large enough to accommodate your content */
}
section.section_insights, .section_features {
background: linear-gradient(#eef4ff, transparent);
}
.section_mainfeatures {
background: linear-gradient(0deg, #f7f8ff, transparent);
}
div {}
.metricActive * {
color: red !important;
}
section.section_insights {
/* min-height: 100vh; */
display: flex;
align-content: center;
}
body#customElementor.insights-active * {/* transition: 1s; *//* color: #fff; *//* background: #cbebff; */}
div#fixedHeader {
max-width: 100vw;
width: 100vw;
display: initial;
margin: 0;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
right: 0;
background: #fffffff2;
backdrop-filter: blur(16px);
border-bottom: 1px solid var(--border-subtle);
}
.legal-section-wrap:last-child {
padding-right: 0;
border: none;
}
.post-thumbnail > img {
min-height: 200px;
}
.post-content p {
display: block;
padding: 16px 0px;
}
a.button.is-icon.secondary-button {
/* background: #fff; */
/* color: var(--color-primary); */
border: 1px solid;
width: fit-content;
/* font-weight: 600; */
padding: 8px 16px;
margin-left: auto;
margin-right: auto;
}
section.section_post {
padding: 124px 0;
/* grid-column-gap: 3.2rem; */
/* grid-row-gap: 3.2rem; */
/* flex-flow: column; */
/* display: flex; */
}
section.section_post > div {
grid-column-gap: 3.2rem;
grid-row-gap: 3.2rem;
flex-flow: column;
display: flex;
}
span.legal-link.not-clickable.smaller-text > p {
display: block;
font-size: 12px;
font-weight: 400;
padding: 8px 0;
max-width: 511px;
text-align: left;
}
/**************************************************/
/* MAIN WRAPPER */
/**************************************************/
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
main.main-wrapper {
/* Example: */
/* margin: 0 auto; */
/* max-width: 1200px; */
/* padding: 20px; */
/* overflow-x: hidden; */
}
/**************************************************/
/* HERO SECTION */
/**************************************************/
section.generic_section_hero {
/* ... */
/* background-color: #f9f9f9; */
position: relative;
padding: 124px 0 120px;
min-height: 50vh;
display: flex;
align-content: flex-start;
flex-direction: column;
justify-content: center;
align-items: flex-start;
background-image: url(/wp-content/themes/APG-template/GradientBG3.svg);
background-size: cover;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.hero_wrapper {
/* ... */
max-width: 800px;
margin: 0 auto;
}
/**************************************************/
/* SECTION HEADER TEXT */
/**************************************************/
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
section.section_header_text {
/* ... */
padding: 64px 20px;
background: radial-gradient(#f9fafa, #fff);
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
section.section_header_text h2 {
/* ... */
font-size: 2rem;
margin-bottom: 15px;
text-align: center;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
section.section_header_text p {
/* ... */
margin-bottom: 0;
line-height: 1.6;
}
/**************************************************/
/* ICON CARDS SECTION */
/**************************************************/
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
section.section_icon_cards {
/* ... */
padding: 60px 20px;
background: linear-gradient(179deg, #fafbfb, transparent);
position: relative;
overflow: hidden;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.icon_cards_wrapper {
/* ... */
position: relative;
max-width: 1080px;
margin: auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
}
/* Focus: icon_card & its content */
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.icon_card {
/* ... */
background-color: #f9fafa;
padding: 20px;
border-radius: 8px;
text-align: center;
box-shadow: 0 2px 5px #0003, inset 0px 2px 4px 0px #ffffff;
max-width: 320px;
justify-self: center;
z-index: 1;
}
/* .icon_card img */
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.icon_card img.icon_card_icon {
/* ... */
/* max-width: 80px; */
/* margin-bottom: 15px; */
border-radius: 100%;
margin-top: 0;
margin: 0 auto;
}
/* .icon_card h3 */
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.icon_card h3 {
/* ... */
font-size: 1.5rem;
margin: 16px 0;
}
/* .icon_card p */
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.icon_card p {
/* ... */
line-height: 1.6;
margin-bottom: 0;
}
/**************************************************/
/* PARTNERS SECTION */
/**************************************************/
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
section.section_partners {
/* ... */
background-color: #fff;
padding: 40px 20px 20px;
margin: auto;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.partners-logos {
/* ... */
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
gap: 10px;
padding: 32px 0px;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.partners-logos .logo-img {
/* ... */
max-width: 120px;
height: auto;
display: block;
}
/**************************************************/
/* TESTIMONIALS SECTION */
/**************************************************/
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
section.section_testimonials {
/* ... */
padding: 60px 20px;
background-color: #f9f9f9;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.testimonials_wrapper {
/* ... */
/* max-width: 1000px; */
margin: 0 auto;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.section-header.text-align-center {
/* ... */
/* text-align: center; */
/* margin-bottom: 40px; */
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.testimonial_inner-wrapper {
/* ... */
margin-top: 20px;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.grid-testimonials-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 2fr));
gap: 25px;
justify-content: center;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
.tile-testimonial-3 {
/* ... */
background-color: #fff;
padding: 20px;
border-radius: 8px;
}
/**************************************************/
/* GENERIC TEXT / HEADING EXAMPLES */
/**************************************************/
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
h1,
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
h2,
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
h3,
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
h4,
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
h5,
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
h6 {
/* ... */
/* margin: 0; */
/* font-weight: 600; */
/* text-align: left; */
/* max-width: 26ch; */
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php
p {
/* ... */
font-size: 18px;
margin: 0 0 1.5em;
text-align: center;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php h1 {
margin: 16px 0;
font-size: 44px;
line-height: 1;
margin-bottom: 40px;
text-align: left;
font-size: 4rem;
font-weight: 400;
display: block;
color: #000000b0;
/* text-shadow: -2px 0px 0px #8585ff; */
/* -webkit-text-stroke: 1px #e3e3e3; */
}
h2.heading-style-h6.text-align-center {
text-align: center;
font-family: var(--font-primary) Sans-serif;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 2.25rem;
font-weight: 500;
line-height: 1;
text-transform: none;
color: var(--text-secondary);
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
font-size: .8rem;
font-weight: 400 !important;
line-height: 1;
}
h2.heading-style-h6 {
color: var(--text-secondary);
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
font-size: .8rem;
font-weight: 400 !important;
line-height: 1;
}
h3.heading-4 {
text-align: left;
font-size: 2.25rem;
line-height: 1;
text-align: center;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php .generic_hero_wrapper p {
font-size: 24px;
text-align: left;
/* background: linear-gradient(180deg, #ffffff, #ffffff00); */
/* padding: 32px; */
border-radius: 16px;
/* box-shadow: 1px 2px 11px 3px hsla(0,0%,93.3%,.9); */
color: #000000a8;
max-width: 640px;
line-height: 1.2;
/* margin-bottom: -120px; */
/* control the curvature (a percentage value without unit bigger than 50%)*/
/* HTML: */
.curved-rectangle {
--c: 85; /* control the curvature (a percentage value without unit bigger than 50%)*/
width: 250px;
aspect-ratio: 3/2;
background: #a7237b;
mask: radial-gradient(calc(var(--c)*1%) 100% at 50% calc(100% + 100%*cos(asin(50/var(--c)))),#0000 calc(100% - 1px),#000);
clip-path: ellipse(calc(var(--c)*1%) 100% at bottom);
};
/* HTML: */
.curved-rectangle {
--c: 85; /* control the curvature (a percentage value without unit bigger than 50%)*/
width: 250px;
aspect-ratio: 3/2;
background: #a7237b;
mask: radial-gradient(calc(var(--c)*1%) 100% at 50% calc(100% + 100%*cos(asin(50/var(--c)))),#0000 calc(100% - 1px),#000);
clip-path: ellipse(calc(var(--c)*1%) 100% at bottom);
};
/* HTML: */
.curved-rectangle {
--c: 85; /* control the curvature (a percentage value without unit bigger than 50%)*/
width: 250px;
aspect-ratio: 3/2;
background: #a7237b;
mask: radial-gradient(calc(var(--c)*1%) 100% at 50% calc(100% + 100%*cos(asin(50/var(--c)))),#0000 calc(100% - 1px),#000);
clip-path: ellipse(calc(var(--c)*1%) 100% at bottom);
};
}
#gradient-canvas {
position: absolute;
width: 100%;
height: 100%;
--gradient-color-1: #0075ff;
--gradient-color-2: #6dff5d;
--gradient-color-3: #0027ff;
--gradient-color-4: #f9fafa;
z-index: 0;
opacity: 0.4;
}
.w-container {
width: 96%;
}
#giantWYSIWIG .grid-testimonials-3 {
grid-template-columns: 1fr 1fr 1fr !important;
}
section#giantWYSIWIG .tile-testimonial-3 p {
margin: 0;
}
.generic_hero_wrapper {
position: relative;
width: 100%;
/* background: #ffffff; */
/* padding: 32px 16px; */
/* border-radius: 16px; */
/* box-shadow: 1px 2px 11px 3px #3635f142; */
}
div#gradient-filter {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(0deg, #fff, transparent);
}
div#iconsRiveLines {
position: absolute;
height: auto;
z-index: 0;
/* background: red; */
bottom: 0;
}
p.elementor-image-box-description {
color: #3f444b !important;
}
.flat-grid-section {
margin: 0 auto;
padding: 128px 0;
border-radius: 8px;
position: relative;
background: radial-gradient(#e8ebff, #ffffff);
}
.grid-title {
text-align: center;
margin-bottom: 10px;
}
.grid-description {
text-align: center;
margin-bottom: 20px;
}
.flat-grid {
/* Some sample color variables for borders / highlights */
--light-blue: #B4E4F6;
--columbia-blue: #CCECF8;
--tiffany-blue: #76DDD2;
--aero: #65BCDD;
--blue-group1: #5554ff;
padding: 64px 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 15px;
/* background: radial-gradient(#eee, transparent); */
}
.flat-grid-item {
margin: 8px 0;
/* box-sizing: content-box; */
/* min-height: 180px; */
/* max-width: calc(25%); */
background: #fff;
height: 100%;
border: 1px solid #d6d6d6 !important;
border-radius: 16px;
padding: 16px 24px 16px 16px;
position: relative;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
align-content: flex-start;
flex-wrap: nowrap;
align-items: flex-start;
box-shadow: 0px 0px 5px 0px #f7f6ff;
justify-content: space-between;
}
/* Border colors by group */
.flat-grid-item[data-group="1"] {
border-color: var(--blue-group1);
--glow-color: #E6E6FF; /* lighter shade for glow */
}
.flat-grid-item[data-group="2"] {
border-color: var(--light-blue);
--glow-color: #d8f1fb;
}
.flat-grid-item[data-group="3"] {
border-color: var(--tiffany-blue);
--glow-color: #dafdf9;
}
.flat-grid-item[data-group="4"] {
border-color: var(--columbia-blue);
--glow-color: #ecf5fb;
}
.flat-grid-item[data-group="5"] {
border-color: var(--aero);
--glow-color: #daf0f5;
}
/* Hover lift effect */
.flat-grid-item:hover {
transform: translateY(-3px);
}
/* Category labeling */
.category-label.level-1 {
display: none;
align-items: center;
font-size: 10px;
color: #1f2124;
padding: 4px 8px;
border-radius: 32px;
margin-right: 5px;
text-transform: uppercase;
letter-spacing: 1px;
}
.category-dot {
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 5px;
}
.category-label.level-2 {
display: block;
font-size: 14px;
color: #a5a5a5;
padding: 0px 0;
margin-top: 2px;
}
/* group-based background/dot color for level-1 */
.flat-grid-item[data-group="1"] .category-label.level-1 {
background: #e6e6ff;
color: #5554ff;
}
.flat-grid-item[data-group="1"] .category-dot {
background-color: #5554ff;
}
.flat-grid-item[data-group="2"] .category-label.level-1 {
background: #d8f1fb;
color: #4464FD;
}
.flat-grid-item[data-group="2"] .category-dot {
background-color: #4464FD;
}
.flat-grid-item[data-group="3"] .category-label.level-1 {
background: #dafdf9;
color: #76DDD2;
}
.flat-grid-item[data-group="3"] .category-dot {
background-color: #76DDD2;
}
.flat-grid-item[data-group="4"] .category-label.level-1 {
background: #ecf5fb;
color: #769DF7;
}
.flat-grid-item[data-group="4"] .category-dot {
background-color: #769DF7;
}
.flat-grid-item[data-group="5"] .category-label.level-1 {
background: #daf0f5;
color: #65BCDD;
}
.flat-grid-item[data-group="5"] .category-dot {
background-color: #65BCDD;
}
.item-heading {
display: block;
font-size: 1.4rem;
margin: 8px 0;
/* text-align: center; */
/* width: 100%; */
/* margin: auto 0; */
}
.arrow-indicator {
position: absolute;
bottom: 6px;
right: 8px;
transform: rotate(90deg);
background: #f3f3f3;
padding: 2px;
width: 28px;
height: 28px;
border-radius: 50%;
margin-bottom: 0px;
transition: transform 0.3s ease;
fill: #6a6a6a;
opacity: 0.4;
}
/* rotate arrow if expanded */
.flat-grid-item.expanded .arrow-indicator {
opacity: 1;
transform: rotate(270deg);
}
.item-details {
transition: all 0.3s ease-out;
margin: 0 !important;
font-size: 0.9rem !important;
text-align: left !important;
overflow: hidden;
height: 0;
opacity: 0;
}
/* expanded: reveal item details */
.flat-grid-item.expanded .item-details {
height: auto;
opacity: 1;
padding: 8px 0 28px;
}
/* highlight effect during idle cycle */
.flat-grid-item.highlighted,
.flat-grid-item:hover {
border: #fff;
box-shadow: 1px 1px 20px 0px #dadaff;
}
/* Glow animation for the dot */
@keyframes glowPulse {
0% {
box-shadow: 0 0 0px var(--glow-color);
box-shadow: 0 0 0px #fff;
}
50% {
box-shadow: 0 0 6px var(--glow-color);
box-shadow: 0 0 18px #fff;
}
100% {
box-shadow: 0 0 0px var(--glow-color);
box-shadow: 0 0 0px #fff;
}
}
/* Applied to .category-dot when group is hovered */
.dot-glow {
animation: glowPulse 1s infinite alternate;
}
.flat-grid-item.expanded {
position: relative;
z-index: 2;
transform: scale(1.075);
box-shadow: 1px 3px 16px #7a8cff;
}
.group-items {
margin: 0px 0 16px;
position: relative;
/* display: grid; */
/* grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); */
/* gap: 15px; */
display: flex;
flex-direction: column;
}
.collapsed .group-items .flat-grid-item{
box-shadow: none;
position: absolute;
width: calc(100%);
height: 120px;
overflow: hidden;
padding: 16px;
}
.collapsed .group-items {
}
.grid-wrapper {
padding: 0;
/* display: flex; */
/* flex-direction: column; */
/* align-items: center; */
}
h3 + .flat-grid-group {
margin-top: 64px !important;
}
.collapsed .group-items .flat-grid-item:nth-child(1) {
position: relative !important;
z-index: 5;
top: 0;
left: 0;
margin-bottom: 18px;
/* box-shadow: 6px 10px 20px 2px #3535ef99; */
/* background: linear-gradient(157deg, #ffffff, #ffffff, #d5d5ff); */
}
.collapsed .group-items .flat-grid-item:nth-child(2) {
z-index: 4;
top: 4px;
left: 4px;
}
.collapsed .group-items .flat-grid-item:nth-child(3) {
z-index: 3;
top: 8px;
left: 8px;
}
.collapsed .group-items .flat-grid-item:nth-child(4) {
z-index: 2;
top: 12px;
left: 12px;
}
.collapsed .group-items .flat-grid-item:nth-child(5) {
z-index: 1;
top: 16px;
left: 16px;
}
.collapsed .group-items .flat-grid-item:nth-child(n+6) {
display: none;
}
.flat-grid-group.collapsed {
width: calc(25% - 16px);
min-width: 220px;
display: inline-block;
}
.flat-grid-group {
transition: all 500ms;
width: calc(33% - 16px);
}
.multiple-grids-wrapper {
/* padding: 64px 0; */
/* display: flex; */
/* justify-content: center; */
}
canvas.am5-layer-30 {
/* margin-top: 64px; */
}
div#chartdiv {
margin-top: 64px;
border-radius: 32px;
opacity: 0.95;
}
section.flat-grid-section.my-custom-section.hidden.show {
background: radial-gradient(#1f319d, #7878ff);
color: #fff !important;
border-radius: 0;
}
.my-custom-section h2.heading-style-h6.section-title {
color: #ffffff;
padding: 32px;
}
.all-grids-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.group-items .flat-grid-item.expand-trigger {
/* display: none; */
background: none;
box-shadow: none;
border: 0 !important;
display: flex;
align-content: center;
flex-direction: column;
align-items: center;
transform: none;
}
.collapsed .group-items .flat-grid-item.expand-trigger {
background: #fff;
background: linear-gradient(157deg, #ffffff, #ffffff, #d5d5ff);
display: flex !important;
position: absolute;
z-index: 5;
top: 0;
left: 0;
justify-content: center;
align-items: center;
box-shadow: 6px 10px 20px 2px #3535ef99;
}
.flat-grid-item.expand-trigger span.category-label.level-1 {font-size: 18px;/* background: #fff; *//* color: #151516; */letter-spacing: 2px;/* border: 1px solid #545ad6; */box-shadow: 1px 1px 20px 20px #ffffff;}
.flat-grid-item.expand-trigger .category-dot {
width: 12px;
height: 12px;
}
.flat-grid-section h3.heading-style-h3 {
margin: 16px 0 16px;
}
.flat-grid-group.collapsed h4.item-heading {
display: none;
}
.collapsed .group-items .flat-grid-item.expand-trigger:hover {
background: #d7d7f6;
}
section.error-404.not-found {
min-height: 80vh;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: center;
background: radial-gradient(#efefff, transparent);
}
section.error-404.not-found p {
margin: 32px 0;
}
section.section_process_explainer {
padding: 128px 0;
background: linear-gradient(180deg, #f7f8ff, #ffffff);
}
.process-steps {
padding: 64px 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 32px;
grid-row-gap: 0px;
}
.process-step {
flex: 1 1 0px;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
border: 1px solid rgb(226 226 231) !important;
justify-content: flex-start;
padding: 32px 16px 32px 16px;
border-radius: 8px;
/* background: linear-gradient(180deg, #8f8fff, #dbdbfd, #ffffff); */
/* background: linear-gradient(135deg, #f0f1ff, transparent); */
border-radius: 16px;
box-shadow: 0px 2px 12px 2px #dfe1ff;
text-align: left;
position: relative;
background: #fff;
}
.new_hero_card p {
display: block;
padding: 32px 0 16px;
line-height: 1.5;
opacity: 0.7;
}
.process-step p {
text-align: left !important;
margin: 16px 0 0 !important;
color: #8c8c8c;
font-size: 16px !important;
}
.process-step h4 {
color: #000000;
font-size: 28px;
/* text-align: center; */
}
.proccess-arrow-indicator {
position: absolute;
right: -28px;
top: 44%;
z-index: 1;
opacity: 0.2;
}
.process-step h4 span {
display: block;
width: 30px;
font-size: 14px;
padding: 8px;
border: 1px solid #d7d7de;
line-height: 16px;
border-radius: 50px;
line-height: 12px;
margin-top: -20px;
margin-left: -4px;
margin-bottom: 10px;
text-align: center;
font-weight: 400;
background: #eaecff;
}
.process-step h4 span {
/* display: inline-block; */
width: 30px;
height: 30px;
line-height: 12px;
text-align: center;
border-radius: 50%;
background: transparent;
color: #000;
font-weight: 400;
transition: all 1s;
}
.process-step:nth-child(1) h4 span {
animation: step1 5s infinite;
}
.process-step:nth-child(2) h4 span {
animation: step2 5s infinite;
}
.process-step:nth-child(3) h4 span {
animation: step3 5s infinite;
}
.process-step:nth-child(4) h4 span {
transition: all 1s;
animation: step4 5s infinite;
}
.process-steps {
--active-bg: #3535ee;
--active-color: #ffffff;
--active-font-weight: 600;
--inactive-bg: #f7f8ff;
--inactive-color: #7f7f7f;
--inactive-font-weight: 400;
}
@keyframes step1 {
0%, 10% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
20%, 30% {
background: var(--active-bg);
color: var(--active-color);
font-weight: var(--active-font-weight);
}
40%, 100% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
}
@keyframes step2 {
0%, 30% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
40%, 50% {
background: var(--active-bg);
color: var(--active-color);
font-weight: var(--active-font-weight);
}
60%, 100% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
}
@keyframes step3 {
0%, 50% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
60%, 70% {
background: var(--active-bg);
color: var(--active-color);
font-weight: var(--active-font-weight);
}
80%, 100% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
}
@keyframes step4 {
0%, 70% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
80%, 90% {
background: var(--active-bg);
color: var(--active-color);
font-weight: var(--active-font-weight);
}
100% {
background: var(--inactive-bg);
color: var(--inactive-color);
font-weight: var(--inactive-font-weight);
}
}
@media screen and (max-width: 767px) {
.proccess-arrow-indicator{
right: 50%;
bottom: -32px;
top: auto;
transform: rotate(90deg);
}
.process-step h4 {
font-size: 24px;
}
.process-step p{
margin: 8px 0 0 !important;
}
}
.money_text-wrapper > * {
text-align: center;
}
section.section_cta {
padding: 128px;
}
section.section_cta a.button {margin-top: 32px;/* background: #fff; *//* color: #3435e6; *//* box-shadow: 1px 1px 16px 6px #1e329f; */font-weight: 600;position: relative;}
.section_cta .section-header.text-align-center {
max-width: 900px;
margin: auto;
}
section#giantWYSIWIG * {
text-align: left;
}
section#giantWYSIWIG hr {
margin: 32px 0 64px;
border-color: #ffffff;
background: #ffffff;
color: #ffffff;
}
.page-template-genericpage-template .tile-features {
position: sticky;
top: calc(50vh - 310px);
}
.wrapper_recent {
display: flex;
}
.wrapper_archive {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.insights-news .heropair {
align-items: center;
}
section.section_featured {
background: no-repeat url('/wp-content/themes/APG-template/GradientBG3.svg');
}
section.section_recent {
background: linear-gradient(0deg, #eaf0fe, #ffffff);
/* background-image: url(/wp-content/themes/APG-template/GradientBG3.svg); */
}
section.section_archive {
background: linear-gradient(2deg, #fafbff, #ebf0fe);
}
main.main-wrapper.insights-news {
background: #fff;
}
/* Base container for the insights news section */
.insights-news {
/* Your base styles here */
}
/* Wrapper for the featured content */
.insights-news .wrapper_featured {
/* Styles for the featured wrapper */
}
/* Container for the paired hero content */
.insights-news .wrapper_featured .heropair {
/* Styles for the hero pair container */
display: flex;
flex-direction: column-reverse;
}
/* Left side: text content */
.insights-news .wrapper_featured .heropair .hero_text {
/* Styles for the hero text container */
}
/* The main heading */
.insights-news .wrapper_featured .heropair .hero_text h1.heading-6 {
/* Styles for the heading (h1) element */
}
/* The paragraph container inside hero_text */
.insights-news .wrapper_featured .heropair .hero_text .hero_text-paragraph {
/* Styles for the text paragraph container */
}
/* Paragraph elements inside the hero_text-paragraph */
.insights-news .wrapper_featured .heropair .hero_text .hero_text-paragraph p {
/* Styles for paragraphs */
}
/* Button link */
.insights-news .wrapper_featured .heropair .hero_text a.button {
/* Styles for the button link */
}
/* Text inside the button */
.insights-news .wrapper_featured .heropair .hero_text a.button .text-weight-semibold {
/* Styles for the button text */
}
/* Right side: image container */
.insights-news .wrapper_featured .heropair .insights_wrapper {
/* Styles for the insights wrapper */
}
/* Image within the insights wrapper */
.insights-news .wrapper_featured .heropair .insights_wrapper img {
/* Styles for the image */
border-radius: 18px;
}
/* Container for all recent tiles */
.insights-news .wrapper_recent {
/* Styles for the recent posts wrapper */
}
/* Each individual tile */
.insights-news .wrapper_recent .tile-features {
/* Styles for each tile featuring a post */
}
/* The image container with background image */
.insights-news .wrapper_recent .tile-features .benefit_image-wrapper {
/* Styles for the image wrapper */
max-height: 170px !important;
min-height: 170px !important;
height: 180px;
background-position: center;
}
/* Container for the textual content */
.insights-news .wrapper_recent .tile-features .featurescontent {
/* Styles for the features content container */
padding: 18px;
display: flex;
justify-content: space-between;
height: 100%;
align-items: center;
}
/* The heading element inside the textual content */
.insights-news .wrapper_recent .tile-features .featurescontent h3.heading-3-no-margins {
/* Styles for the heading */
}
/* The bold text inside the heading */
.insights-news .wrapper_recent .tile-features .featurescontent h3.heading-3-no-margins .bold-text-2 {
/* Styles for the bold text in the heading */
}
/* The div wrapping the paragraph content inside the features content */
.insights-news .wrapper_recent .tile-features .featurescontent > div {
/* Styles for the paragraph container */
}
/* The anchor/button element inside the features content */
.insights-news .wrapper_recent .tile-features .featurescontent a.button {
/* Styles for the button link */
background: #d7dbfd;
padding: 8px 24px;
color: #3535ee;
}
/* The text within the button */
.insights-news .wrapper_recent .tile-features .featurescontent a.button .text-weight-semibold {
/* Styles for the button text */
}
.insights-news .wrapper_recent .tile-features p {
font-size: 16px;
color: #797979;
}
/* Container for archive content within .insights-news */
.insights-news .wrapper_archive {
/* Styles for the archive wrapper */
}
/* Each individual tile (post) within the archive */
.insights-news .wrapper_archive .tile-features {
/* Styles for each tile */
padding: 16px;
display: flex;
min-height: auto !important;
height: auto;
margin: 0;
background: none;
border: none;
box-shadow: none;
flex-direction: row;
align-items: center;
background: radial-gradient(#ffffff8c, transparent);
border-radius: 32px;
}
/* The image wrapper (background image container) inside each tile */
.insights-news .wrapper_archive .tile-features .benefit_image-wrapper {
/* Styles for the image wrapper */
margin: auto;
min-height: 128px;
max-height: 128px;
max-width: 128px !important;
width: 128px !important;
min-width: 128px;
border-radius: 9999px;
background-position: center;
border: 1px solid #ffffff;
/* box-shadow: 1px 1px 17px 7px #ffffff; */
}
/* The content container (textual part) inside each tile */
.insights-news .wrapper_archive .tile-features .featurescontent {
/* Styles for the features content container */
padding: 8px;
min-height: auto;
display: flex;
align-items: center;
background: none;
text-align: center;
justify-content: center;
}
/* The heading within the features content */
.insights-news .wrapper_archive .tile-features .featurescontent h3.heading-3-no-margins {
/* Styles for the heading */
font-size: 16px;
font-weight: 400;
}
/* The bold text inside the heading */
.insights-news .wrapper_archive .tile-features .featurescontent h3.heading-3-no-margins {
/* Styles for the bold text */
text-align: center !important;
}
/* The button link inside the features content */
.insights-news .wrapper_archive .tile-features .featurescontent a.button {
/* Styles for the button link */
background: #d7dbfd;
padding: 8px 24px;
color: #3535ee;
}
/* The text inside the button */
.insights-news .wrapper_archive .tile-features .featurescontent a.button .text-weight-semibold {
/* Styles for the button text */
}
/* The pagination navigation container */
.insights-news .wrapper_archive nav.navigation.pagination {
/* Styles for the pagination navigation */
display: none;
}
/* The screen-reader text inside pagination */
.insights-news .wrapper_archive nav.navigation.pagination .screen-reader-text {
/* Styles for the screen reader text */
}
/* The container for pagination links */
.insights-news .wrapper_archive nav.navigation.pagination .nav-links {
/* Styles for the nav links container */
}
/* The current page number in pagination */
.insights-news .wrapper_archive nav.navigation.pagination .nav-links .page-numbers.current {
/* Styles for the current page number */
}
/* Regular pagination page numbers */
.insights-news .wrapper_archive nav.navigation.pagination .nav-links .page-numbers {
/* Styles for pagination page numbers */
}
/* The next button in pagination */
.insights-news .wrapper_archive nav.navigation.pagination .nav-links .next {
/* Styles for the next button */
}
.featurescontent a.button.is-icon.w-inline-block.w--current {
background: #d7dbfd;
padding: 8px 24px;
color: #3535ee;
}
.recent-posts-wrapper a.button.is-icon.w-inline-block.w--current.secondary-button {
background: #d7dbfd;
padding: 8px 24px;
color: #3535ee;
border: none;
font-size: 16px;
font-weight: 600;
}
.insights-news h3.heading-style-h3 {
margin: 32px 0;
}
.coming-soon {
position: absolute;
top: 8px;
right: 8px;
font-size: 12px;
background: #f5f5f5;
color: #c3c3c3;
padding: 2px 8px;
border-radius: 8px;
}
.insights-news .wrapper_featured .heropair .insights_wrapper {
margin-top: 64px;
}
.insights-news .wrapper_featured .heropair .hero_text {
margin-top: -25vh;
background: linear-gradient(0deg, #ffffff, #ffffff);
padding: 32px 16px;
}
button#menu-toggle {
display: none;
}
@media screen and (max-width: 991px) {
.page-template-genericpage-template.page-template.page-template-genericpage-template-php h1{
font-size: 44px;
margin-left: 32px;
max-width: 100%;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php .cta_left h1 {
margin: 16px 0px;
font-size: 50px !important;
width: 100% !IMPORTANT;
max-width: 100% !important;
}
section.generic_section_hero{padding: 78px 0;min-height: auto;}
.padding-global.padding-section-medium{
padding: 64px 0;
}
.new_hero_cards {
grid-template-columns: 1fr !important;!i;!;
}
section.section_cta{
padding: 64px 32px;
}
.insights-news .padding-global.padding-section-medium{
padding-top: 1rem;
padding-bottom: 1rem;
}
.insights-news .wrapper_recent {
display: flex;
flex-direction: column;
}
.insights-news .tile-features .featurescontent {
min-height: auto;
}
.insights-news .tile-features {
margin-top: 16px;
}
.wrapper_archive {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.tile-testimonial-3 {
background: #ffffff;
}
.testimonial-block{
display: none;
}
.featurescontent{
padding: 16px;
min-height: auto;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php .icon_card{
display: flex;
flex-direction: row;
background: none;
border: none;
box-shadow: none;
padding: 0;
text-align: left !important;
max-width: 100%;
}
.icon_card *{
text-align: left !important;
}
img.icon_card_icon{
width: 64px;
height: 64px;
margin-right: 16px !important;
}
button#menu-toggle{
display: block !important;
}
section.section_cta{
padding: 32px 16px;
}
.wrapper_archive {
grid-template-columns: repeat(1, 1fr);
}
.insights-news .wrapper_featured .heropair .hero_text {
margin-top: -140px;
}
.insights-news .wrapper_featured .heropair .hero_text{
margin: 0;
}
}
.lines-button {
position: relative;
float: right;
overflow: hidden;
margin: 0;
padding: 0;
width: 48px;
height: 48px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: 0;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
/* border-radius: 100%; */
}
.lines-button:focus {
outline: none;
}
.lines-button span {
display: block;
position: absolute;
left: 4px;
right: 4px;
height: 2px;
background: #2532b2;
border-radius: 0.57143rem;
}
.lines-button span::before,
.lines-button span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background-color: #2532b2;
border-radius: 0.57143rem;
content: "";
}
.lines-button span::before {
top: -15px;
}
.lines-button span::after {
bottom: -15px;
}
.lines {
background: none;
}
.lines span {
-webkit-transition: background 0s 0.3s;
transition: background 0s 0.3s;
}
.lines span::before,
.lines span::after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
}
.lines span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform;
}
.lines span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
}
.lines.close {
background: none;
}
.lines.close span {
visibility: hidden;
}
.lines.close span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
visibility: visible;
}
.lines.close span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
visibility: visible;
}
#overlay {
display: none;
}
img.icon_card_icon {}
section.section_insights .insights_component .insights_tile {
background: radial-gradient(ellipse at top, #81a5f6, transparent), radial-gradient(ellipse at bottom, #bff6dd, transparent);
border: 1px solid #ffffff;
display: flex;
justify-content: space-between;
}
.money_tile .heading-style-h3 {
padding: 2px;
text-align: center;
background-image: linear-gradient(180deg, #0100ff, #1f319d);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.money_tile {
transition: all 2s;
animation: glow 8s infinite;
}
.tilein { animation-delay: 0s; }
.tileout { animation-delay: -5s; }
@keyframes glow { 50% {box-shadow: 0 4px 14px #3535edba;transform: scale(1.01);z-index: 1;} 100% {box-shadow: 0 2px 5px #0003;} }
h1.generic-pageTitle {
font-size: 24px;
}
.walkthrough {
display: flex;
align-items: center;
position: relative;
overflow: scroll;
}
.walkthrough__track {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
padding: 16px;
}
.walkthrough__card {
max-width: 90vw;
display: flex;
flex-direction: column;
min-width: 560px;
margin-right: 16px;
margin-bottom: 32px;
padding: 16px;
box-sizing: border-box;
flex-direction: column;
flex-wrap: nowrap;
border: 1px solid rgb(226 226 231) !important;
justify-content: flex-start;
padding: 8px 8px 32px 8px;
border-radius: 8px;
/* background: linear-gradient(180deg, #8f8fff, #dbdbfd, #ffffff); */
/* background: linear-gradient(135deg, #f0f1ff, transparent); */
border-radius: 16px;
box-shadow: 0px 2px 12px 2px #dfe1ff;
text-align: left;
background: #fff;
}
.walkthrough__arrow {
cursor: pointer;
/* position: relative; */
/* padding: 8px; */
}
section.section_walkthrough {
background: #fafbfb;
overflow: hidden;
padding: 32px 0 64px;
}
.walkthrough_buttons {
width: 100%;
max-width: var(--inner-wrapper-desktop);
margin: auto;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 32px 16px 0;
}
.spacer_left {
height: 1px;
min-width: calc(calc(calc(100vw / 2) - var(--inner-wrapper-desktop)/ 2) - 16px);
}
#walkthrough .walkthrough__card .stepNumber {
display: block;
color: #cccccc;
text-align: center;
letter-spacing: .5px;
text-transform: uppercase;
font-size: .8rem;
font-weight: 400 !important;
line-height: 1;
padding-bottom: 6px;
text-align: left;
}
#walkthrough .walkthrough__card h2 {font-size: 32px;padding: 16px 0 16px;}
#walkthrough .walkthrough__card .walkthrough__wrapper{
padding: 32px 16px 0;
}
#walkthrough .walkthrough__card p {text-align: left;margin: 8px 0;}
#walkthrough .walkthrough__card ul, .content-sticky-features ul {
list-style: none;
padding: 0;
}
#walkthrough .walkthrough__card ul li { }
#walkthrough .walkthrough__card .walkthrough_image_wrapper{width: 100%;background: radial-gradient(transparent, #f5f6f9);height: 320px;border-radius: 8px;max-height: 30vh;display: flex;justify-content: center;}
button.walkthrough__arrow {
margin: 0 4px;
background: #2001f024;
border-radius: 100%;
padding: 0;
}
.section_process_explainer h2.heading-style-h6 {}
.section_process_explainer h3 {
text-align: center;
padding-top: 16px;
}
#walkthrough .walkthrough__card .walkthrough_image_wrapper img {
max-height: 95%;
width: auto;
margin: 8px;
}
button.walkthrough__arrow .arrow-indicator {
background: no-repeat;
fill: #2001f0;
opacity: 1;
height: 40px;
width: 40px;
position: static;
display: flex;
justify-content: center;
align-items: center;
}
button.walkthrough__arrow.walkthrough__arrow--next {
transform: rotate(270deg);
}
.arrow-indicator {}
button.walkthrough__arrow.walkthrough__arrow--prev {
transform: rotate(90deg);
}
.cta_left {
display: flex;
flex-direction: column;
align-items: flex-start;
/* background: linear-gradient(146deg, #fafbfb, #fafbfb70, transparent); */
padding: 32px 32px;
border-radius: 32px;
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php .cta_left h1 {
font-size: 72px;
color: #000000;
width: 15ch;
}
.cta_right {
background: linear-gradient(182deg, #0030ff, #fafbfb);
position: absolute;
right: 32px;
top: 20%;
border-radius: 100%;
overflow: hidden;
box-shadow: -1px 2px 14px 0px #ffffff;
}
.cta_right .features_1 {
border: none;
filter: none;
}
.section_cta h3.heading-style-h3 {
max-width: 100% !important;
}
.elementor-widget-theme-post-content h2 {
font-size: 32px;
padding: 32px 0px 8px;
}
.elementor-widget-theme-post-content h3 {
text-align: left;
padding: 32px 0 32px;
}
.elementor-widget-theme-post-content ul.wp-block-list {
margin: 32px 0 !important;
}
.elementor-widget-theme-post-content figure.wp-block-image.size-large {
display: none;
}
.w-container > .generic_hero_wrapper {
position: relative;
width: 100%;
background: linear-gradient(119deg, #ffffff, transparent, transparent) !important;
padding: 32px 32px !important;
border-radius: 16px !important;
/* box-shadow: 1px 2px 11px 3px #3635f142; */
}
.page-template-genericpage-template.page-template.page-template-genericpage-template-php .generic_hero_wrapper h1 {
margin: 0 0 32px;
}
a.button.secondary-button {
background: #ffffff;
/* background: none; */
box-shadow: none;
color: var(--color-primary);
margin-left: 8px;
padding: 8px 32px;
border: 2px solid;
word-wrap: unset;
padding-right: 20px;
}
.hero_buttons {
display: flex;
z-index: 2;
max-width: 100%;
/* margin-bottom: 32px; */
/* min-width: 420px; */
flex-wrap: nowrap;
}
a.button.secondary-button svg {
margin-left: 8px;
fill: #3334e8;
}
a.button:hover {
transform: scale(1.02);
}
@keyframes moveRight {
0% { transform: translateX(0); }
50% { transform: translateX(4px); }
100% { transform: translateX(0); }
}
.button.secondary-button svg {
display: inline-block;
animation: moveRight 1.8s ease-in-out infinite;
}
main.single-post {
background-image: url(/wp-content/themes/APG-template/GradientBG1.svg);
background-size: cover;
background-position: center;
color: #000000bf;
}
.single-post .content {
background: radial-gradient(#ffffffcc, transparent);
}
.single-post .content p {
margin-bottom: 8px;
line-height: 1.2;
}
main.single-post .post-thumbnail {
border-radius: 32px;
}
.cf-container {
margin-top: 32px;
/* max-width: 620px; */
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -8px;
margin-left: -8px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 8px;
padding-left: 8px;
}
@media ( min-width: 991px ) {
.cf-col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.cf-push-1 { margin-left: 8.333333%; }
.cf-col-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.cf-push-2 { margin-left: 16.66667%; }
.cf-col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.cf-push-3 { margin-left: 25%; }
.cf-col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.cf-push-4 { margin-left: 33.33333%; }
.cf-col-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.cf-push-5 { margin-left: 41.66667%; }
.cf-col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.cf-push-6 { margin-left: 50%; }
.cf-col-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.cf-push-7 { margin-left: 58.33333%; }
.cf-col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.cf-push-8 { margin-left: 66.66667%; }
.cf-col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.cf-push-9 { margin-left: 75%; }
.cf-col-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.cf-push-10 { margin-left: 83.33333%; }
.cf-col-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.cf-push-11 { margin-left: 91.66667%; }
.cf-col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
section.contact-leayout-section {
display: flex;
}
section.contact-layout-section {
display: flex;
justify-content: space-between;
}
aside.sidebar {
min-width: 360px;
padding-left: 32px;
padding-bottom: 32px;
}
section.contact-section {
max-width: 620px;
margin: auto;
padding-bottom: 64px;
padding-top: 64px;
}
#contact-us-template .contact-form div * {
/* Add styles here */
font-family: 'Roboto';
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
/* Styles for the paragraph containing the input */
#contact-us-template .contact-form p {
/* Add styles here */
}
/* Styles for the label */
#contact-us-template .contact-form label {
/* Add styles here */
margin-bottom: 16px;
}
/* Styles for the span wrapping the input */
#contact-us-template .contact-form label span {
/* Add styles here */
font-size: 16px;
}
/* Styles for the input field */
#contact-us-template .contact-form label span input,
#contact-us-template .contact-form label span textarea {
/* Add styles here */
font-size: 16px;
background: #ffffff;
border: 1px solid #767676;
border-radius: 8px;
padding: 16px;
margin-top: 8px;
margin-bottom: 4px;
font-weight: 400;
width: 100%;
}
#contact-us-template h4{margin-bottom: 8px;margin-top: 32px;}
#contact-us-template .contact-form label span input:focus,
#contact-us-template .contact-form label span textarea:focus {border-color: var(--color-primary);box-shadow: 0px 0px 4px 1px #3635f14f;}
#contact-us-template .contact-form label span input::placeholder,
#contact-us-template .contact-form label span textarea::placeholder{
color: #dadada;
}
#contact-us-template .contact-form [type=submit] {
font-weight: 400;
margin-top: 16px;
}
/* Make the text "Services" appear above the checkboxes */
label span.wpcf7-form-control-wrap {
display: block;
margin-bottom: 8px;
}
/* Arrange the checkbox items in a 3-column grid */
label span.wpcf7-form-control-wrap .wpcf7-checkbox {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5em;
margin-bottom: 8px;
}
#contact-us-template .contact-form span.wpcf7-list-item {
margin: 0;
}
#contact-us-template .contact-form span.wpcf7-list-item label {
margin: 8px 0 0 0;
}
#contact-us-template .contact-form label span input[type="checkbox"] {
transform: scale(1.5);
margin-right: 8px;
margin-left: 4px;
font-size: 16px;
width: auto;
}
main#contact-us-template {
background-image: url(/wp-content/themes/APG-template/GradientBG3.svg);
background-size: cover;
}
section.contact-section h3.heading-style-h3 {
font-size: 52px;
}
section.contact-section a {
text-decoration: underline !important;
}
main#contact-us-template a {
text-decoration: underline;
font-weight: 500;
}
img.contact-icons {
width: 24px;
height: 24px;
position: absolute;
top: -2px;
}
.sidebar-section li {
position: relative;
padding: 0;
min-height: 24px;
margin: 16px 0;
}
.sidebar-section ul {
padding: 0;
list-style-type: none;
}
.sidebar-section li p {
margin-left: 32px;
}
div#google-location {
border-radius: 8px;
opacity: 0.9;
}
img.social-icon:hover {transform: scale(1.1);}
.grecaptcha-badge {
visibility: hidden !important;
}
section.generic_section_hero.cta_hero + section {
background: #f6f6ff;
}
.insights_wrapper {}
.div-block-2 .rive-3 canvas {<
canvas style="height: 100%;width:100%" width="2520" height="935">;
/* transform: rotate(335deg); */
}
#interactive-diagram_wrapper {
top: 40px;
margin-left: auto;
margin-right: auto;
/* max-width: 677px; */
opacity: 1;
}
#container {
/* float: left; */
padding: 32px 16px;
width: 100%;
}
ol.organizational-chart,
ol.organizational-chart ol,
ol.organizational-chart li,
ol.organizational-chart li > div {
position: relative;
cursor: default;
}
ol.organizational-chart,
ol.organizational-chart ol {
list-style: none;
margin: 0;
padding: 0;
}
ol.organizational-chart {
text-align: center;
}
ol.organizational-chart ol {
padding-top: 1em;
}
ol.organizational-chart ol:before,
ol.organizational-chart ol:after,
ol.organizational-chart li:before,
ol.organizational-chart li:after,
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
background-color: var(--interactiveDefault);
content: '';
position: absolute;
}
ol.organizational-chart ol > li {
padding: 1em 0 0 1em;
}
ol.organizational-chart > li ol:before {
height: 1em;
left: calc(50% - 1px);
top: 0;
width: 2px;
}
ol.organizational-chart > li ol:after {
height: 2px;
left: 1px;
top: 1em;
width: calc(50% - 0px);
}
ol.organizational-chart > li ol > li:not(:last-of-type):before {
height: 2px;
left: 0;
top: 45px;
width: 1em;
}
ol.organizational-chart > li ol > li:not(:last-of-type):after {
height: 100%;
left: 0;
top: 0;
width: 2px;
}
ol.organizational-chart > li ol > li:last-of-type:before {
height: 2px;
left: 0;
top: 3em;
width: 1em;
}
ol.organizational-chart > li ol > li:last-of-type:after {
height: 3em;
left: 0;
top: 0;
width: 2px;
}
ol.organizational-chart li > div {
background-color: #ffffff00;
border-radius: 16px;
min-height: 32px;
min-width: 70px;
/* min-width: 100%; */
padding: 8px;
border: 2px solid;
/* max-width: 160px; */
font-size: 14px;
}
/*** PRIMARY ***/
ol.organizational-chart > li > div.level-1 {
background: linear-gradient(338deg, #ffffff, #ffffff);
color: #efefef !important;
font-size: 24px;
margin-right: 1em;
padding: 8px;
/* background: blue; */
z-index: 2;
}
ol.organizational-chart > li > div:before {
/* bottom: 2em; */
/* height: 2px; */
/* right: -1em; */
/* width: 1em; */
}
ol.organizational-chart > li > div:first-of-type:after {
/* bottom: -6px; */
/* height: 2.3em; */
/* right: -1.1em; */
/* width: 2px; */
}
ol.organizational-chart > li > div + div {
margin-top: 1em;
}
ol.organizational-chart > li > div + div:after {
height: calc(100% + 1em);
right: -1em;
top: -1em;
width: 1px;
}
/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
left: inherit;
right: 0;
}
ol.organizational-chart > li > ol:after {
left: 0;
width: 0%;
}
ol.organizational-chart > li > ol > li > div {
background-color: #ffffff00;
margin: auto;
padding: 8px !important;
}
/*** TERTIARY ***/
ol.organizational-chart > li > ol > li > ol > li > div {
background-color: #fafafe00;
transition: background-color 0s;
.element {
transition: background-color 0.5s ease;
};
}
/*** MEDIA QUERIES ***/
@media only screen and (min-width: 991px) {
ol.organizational-chart {
margin-left: -1em;
margin-right: -1em;
}
/* PRIMARY */
ol.organizational-chart > li > div {
display: inline-block;
float: none;
margin: 0 1em 1em 1em;
vertical-align: bottom;
}
ol.organizational-chart > li > div:only-of-type {
margin-bottom: 0;
width: 100%;
min-width: auto;
/* max-width: calc(100% - 16px)!important; */
max-width: 320px;
margin: 0;
padding: 8px;
margin-left: -7px;
box-shadow: 2px 2px 5px 0px #bdbdbd;
}
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(2) ~ div {
width: calc((100% / 2) - 2em - 4px);
}
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(3) ~ div {
width: calc((100% / 3) - 2em - 4px);
}
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(4) ~ div {
width: calc((100% / 4) - 2em - 4px);
}
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5),
ol.organizational-chart > li > div:first-of-type:nth-last-of-type(5) ~ div {
width: calc((100% / 5) - 2em - 4px);
}
ol.organizational-chart > li > div:before,
ol.organizational-chart > li > div:after {
bottom: -1em!important;
top: inherit!important;
}
ol.organizational-chart > li > div:before {
height: 0em!important;
left: 50%!important;
width: 1px!important;
}
ol.organizational-chart > li > div:only-of-type:after {
display: none;
}
ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after,
ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
bottom: -1em;
height: 1px;
width: calc(50% + 1em + 1px);
}
ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
left: calc(50% + 1px);
}
ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
left: calc(-1em - 1px);
}
ol.organizational-chart > li > div + div:not(:last-of-type):after {
height: 1px;
left: -2em;
width: calc(100% + 4em);
}
/* SECONDARY */
ol.organizational-chart > li > ol {
display: flex;
flex-wrap: nowrap;
}
ol.organizational-chart > li > ol:before,
ol.organizational-chart > li > ol > li:before {
height: 1em!important;
left: 50%!important;
top: 0px !important;
width: 2px!important;
}
ol.organizational-chart > li > ol:after {
display: none;
}
ol.organizational-chart > li > ol > li {
flex-grow: 1;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 1em;
max-width: 25%;
margin: 0 auto;
}
ol.organizational-chart > li > ol > li:only-of-type {
padding-top: 0;
}
ol.organizational-chart > li > ol > li:only-of-type:before,
ol.organizational-chart > li > ol > li:only-of-type:after {
display: none;
}
ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after,
ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
height: 2px;
top: 0;
width: 50%;
}
ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
left: 50%;
}
ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
left: 0;
}
ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
height: 2px;
left: 0;
top: 0;
width: 100%;
}
}
section.homepage-interactivediagram-section {
/* overflow: hidden; */
transform: none !important;
opacity: 1;
background: radial-gradient(#e7ecff, transparent, transparent);
}
section.homepage-interactivediagram-section > div *, section.homepage-interactivediagram-section *:before, section.homepage-interactivediagram-section *:after {
box-sizing: border-box;
margin: 0;
/* padding: 0; */
}
section.homepage-interactivediagram-section .icon {
width: 48px;
margin: auto;
}
section.homepage-interactivediagram-section .icon svg {
fill: #dbdbeb;
}
.level-3 p {
max-height: 0;
opacity: 0;
}
.level-2 p {
color: inherit;
height: auto;
opacity: 1;
color: #ffffff !important;
color: var(--interactiveDefault)!important;
font-weight: 500 !important;
font-size: 14px;
}
.homepage-interactivediagram-section .icon img {
opacity: 0.12;
}
.level-3 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 66px !important;
}
.higher-list > li:has(.active-column) .level-3 .icon img,div.level-3:hover .icon > img {
opacity: 0.1;
}
.higher-list > li:has(.active-column) .level-3 p,.level-3:hover p {
padding: 4px 0 0 0;
max-height: 200px;
opacity: 1;
color: #666666 !important;
font-size: 12px;
font-weight: 600 !important;
}
section.homepage-interactivediagram-section #container * {
color: var(--interactiveDefault);
font-weight: 400;
transition: all 1s;
}
div.level-3:hover .icon > p {}
.higher-list > li:has(.active-column) .level-3, ol.organizational-chart li > div.level-3:hover {
color: #4646468f;
background: radial-gradient(#ffffff, #ffffff);
border: none;
/* box-shadow: 0px 4px 8px 2px #ebebeb; */
max-width: 200px !important;
padding: 10px;
}
.higher-list > li:has(.active-column) .level-3 .icon,div.level-3:hover .icon {
width: 32px;
background: linear-gradient(to bottom right, #00ff3a, #6382ff);
}
.main-wrapper {
--color-1: #ddfff28a;
--color-2: #d4ffff80;
--color-3: #bcc0f27d;
--color-4: #a1a1f1;
}
.higher-list > li:has(.active-column) .level-3::after, ol.organizational-chart li > div.level-3:hover::after {
position: absolute;
content: "";
top: 8px;
left: 0;
right: 0;
z-index: -1;
height: 100%;
width: 100%;
transform: scale(0.75) translateZ(0);
filter: blur(15px);
background: linear-gradient(to left, var(--color-1), var(--color-2), var(--color-3), var(--color-4));
background: var(--interactiveActive) !important;
background-size: 200% 200%;
-webkit-animation: animateGlow 3s linear infinite;
animation: animateGlow 3s linear infinite;
}
.higher-list > li:has(.active-column) .level-3 .icon,
div.level-3.version-1:hover .icon,
.level-3.version-1:hover .icon,
.higher-list > li:has(.active-column) .level-3.version-1::after,
.level-3.version-1:hover::after {
background: linear-gradient(to left, var(--color-3), var(--color-1), var(--color-4), var(--color-2)) !important;
background: var(--interactiveActive) !important;
background-size: 210% 270% !important;
}
.higher-list > li:has(.active-column) .level-3 .icon,
div.level-3.version-2:hover .icon,
.level-3.version-2:hover .icon,
.higher-list > li:has(.active-column) .level-3.version-2::after,
.level-3.version-2:hover::after {
background: linear-gradient(to right, var(--color-4), var(--color-3), var(--color-1), var(--color-2)) !important;
background: var(--interactiveActive) !important;
background-size: 130% 240% !important;
}
.higher-list > li:has(.active-column) .level-3 .icon,
div.level-3.version-3:hover .icon,
.level-3.version-3:hover .icon,
.higher-list > li:has(.active-column) .level-3.version-3::after,
.level-3.version-3:hover::after {
background: linear-gradient(to top, var(--color-2), var(--color-1), var(--color-3), var(--color-4)) !important;
background: var(--interactiveActive) !important;
background-size: 250% 150% !important;
}
.higher-list > li:has(.active-column) .level-3 .icon,
div.level-3.version-4:hover .icon,
.level-3.version-4:hover .icon,
.higher-list > li:has(.active-column) .level-3.version-4::after,
.level-3.version-4:hover::after {
background: linear-gradient(to bottom, var(--color-1), var(--color-4), var(--color-2), var(--color-3)) !important;
background: var(--interactiveActive) !important;
background-size: 180% 280% !important;
}
.higher-list > li:has(.active-column) .level-3 .icon,
div.level-3.version-5:hover .icon,
.level-3.version-5:hover .icon,
.higher-list > li:has(.active-column) .level-3.version-5::after,
.level-3.version-5:hover::after {
background: linear-gradient(45deg, var(--color-4), var(--color-2), var(--color-3), var(--color-1)) !important;
background: var(--interactiveActive) !important;
background-size: 300% 100% !important;
}
.higher-list > li:has(.active-column) .level-3 .icon,
div.level-3.version-6:hover .icon,
.level-3.version-6:hover .icon,
.higher-list > li:has(.active-column) .level-3.version-6::after,
.level-3.version-6:hover::after {
background: linear-gradient(90deg, var(--color-2), var(--color-3), var(--color-4), var(--color-1)) !important;
background: var(--interactiveActive) !important;
background-size: 140% 290% !important;
}
@-webkit-keyframes animateGlow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}
@keyframes animateGlow {
0% {
background-position: 0% 50%;
}
100% {
background-position: 200% 50%;
}
}
ol.organizational-chart li .level-2:hover, ol.organizational-chart li .level-2.active-column, ol.organizational-chart li .level-2:hover *, ol.organizational-chart li .level-2.active-column div {color: var(--interactiveActive) !important;/* font-weight: 600; */background-color: #ffffff;background: var(--interactiveActive);color: #fff !important;border-color: var(--interactiveActive);}
.level-2:hover p, .level-2.active-column p {color: #ffffff !important;}
/* The .image-container class needs to be applied to a div wrapped around the image you want to apply this filter to */
.image-container {
display: inline-block;
position: relative;
line-height: 0;
background: #ffffff;
}
.image-container::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
mix-blend-mode: multiply;
background: #00e1fa;
opacity: 0.5;
}
.image-container > img {
-webkit-filter: brightness(104%) contrast(104%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
filter: brightness(104%) contrast(104%) grayscale(0%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(122%) sepia(0%);
mix-blend-mode: normal;
}
ol.organizational-chart .active-column > li > div.level-1 {
}
.level-2:hover, .level-2.active-column {
color: var(--interactiveActive) !important;
/* background: linear-gradient(180deg, #ffffff, #ffffffd6) !important; */
border-color: var(--interactiveActive) !important;
}
.level-2 {
/* background-color: #2f2ecf !important; */
/* background: linear-gradient(328deg, #cbffc7, #71b1ff, rgba(0, 117, 255, 0.55)); */););
/* background-image: linear-gradient(99.86deg, var(--color-primary), var(--color-secondary)); */
/* color: #ffffff !important; */
/* color: #e6e2ff !important; */
/* border: 2px solid !important; */
min-height: 54px !important;
/* min-height: 0px !important; */
padding: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.level-1 p {
color: #fff !important;
font-size: 20px;
}
.icon-gradient {
background: linear-gradient(to bottom right, #00ff3a, #6382ff);
mask: url('/wp-content/uploads/interactive-diagram-icons/12_money-bill-transfer.svg') no-repeat center;
mask-size: contain;
-webkit-mask: url('/wp-content/uploads/interactive-diagram-icons/12_money-bill-transfer.svg') no-repeat center;
-webkit-mask-size: contain;
}
@media only screen and (max-width: 991px) {
#container{
/* display: none; */
/* max-width: 280px; */
}
.inner-level-1{font-size: 6px !important;}
div.your-business {max-width: 100%;width: 100%;}
ol.organizational-chart > li > div.level-1{
width: 100%;
max-width: calc(100% - 8px);
font-size: 8px;
}
ol.organizational-chart > li > ol > li > div{
margin: 0;
}
}
.active-column ~ ol *::before,
.active-column ~ ol *::after,
.active-column ~ ol::before,
.active-column ~ ol::after {
background: var(--interactiveActive) !important;
box-shadow: 3px 3px 4px 0px #3635f15c;
}
.right-block {
min-height: 60vh;
display: flex;
flex-direction: column;
justify-content: center;
}
section.homepage-interactivediagram-section .w-layout-grid {
grid-template-columns: 2fr 1fr;
}
.w-layout-grid {}
img.API-logo {width: 54px;padding: 2px 4px 2px 16px;/* filter: invert(1); */opacity: 0.5;z-index: 1;}
.padding-global.padding-section-medium {
padding: 32px !important;
}
.your-business {
font-size: 32px;
font-weight: 600;
/* background: linear-gradient(0deg, #eaeaea, #ffffff); */
padding: 16px 16px 64px 16px !important;
margin-bottom: -59px !important;
border-radius: 22px;
/* transition: all 1s !important; */
border: 2px solid;
width: 400px;
margin-left: auto !important;
margin-right: auto !important;
}
@keyframes flicker {
to {
mask-position: 50% 50%, 0 50%;
}
}
.inner-level-1 {font-size: 14px;display: flex;align-items: center;justify-content: center;color: #bebebe !important;}
.your-business.level-2.active-column {
background: var(--interactiveActive);
color: #ffffff !important;
/* background-image: linear-gradient(180deg, #3635ee, #000000); */
/* -webkit-text-fill-color: transparent; */
/* -webkit-background-clip: text; */
/* background-clip: text; */
border-color: #fff;
z-index: 3;
}
.right-column {
padding-top: 64px;
}
.your-business.level-2.active-column::after{
position: absolute;
content: "";
top: 20px;
left: 20%;
right: 0;
z-index: -1;
height: 100px;
width: 60%;
transform: scale(0.9) translateZ(0);
filter: blur(15px);
/* background: linear-gradient(to left, var(--color-3), var(--color-1), var(--color-4)) !important; */
background: var(--interactiveActive);
background-size: 100% 100% !important;
background-position: 0% 0%;);)%;);
-webkit-animation: animateGlow 3s linear infinite;
/* animation: animateGlow 3s linear infinite; */
animation: animateGlow 3s linear infinite;
}
.inner-level-1 strong {
color: #727272 !important;
font-weight: 600 !important;
font-size: 16px;
}
ol.organizational-chart > li > ol::before {
top: 11px !important;
height: 7px !important;
}
.right-block h3.heading-3-no-margins {
padding: 16px 0 8px;
}
.right-block a.button.is-icon.w-inline-block.w--current.secondary-button {
margin: 16px 0;
background: #d7dbfd;
border: none;
font-weight: 500;
font-size: 16px;
}
.section_single h2 {
font-size: 28px;
padding: 16px 0 8px;
}
.section_single h1 {
font-size: 48px;
padding: 8px 0 32px;
text-align: left;
max-width: 29ch;
display: block;
background-image: linear-gradient(180deg, #3635ee, #000000);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
#container .higher-list li:has(.active-column) .level-3 div.icon {
}
#container ol.organizational-chart li .level-2.active-column p {
/* color: #ffffff !important; */
}
.active-column div.inner-level-1 {
filter: invert(1) !important;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
section.section_single {
margin-top: -10%;
background: linear-gradient(0deg, #f8f8f9, #544cfb);
background-size: 100% 100%;
animation: gradient 5s ease infinite;
/* height: 100vh; */
margin-bottom: -1px;
}
.content img {
display: none;
}
.section_single .padding-global.padding-section-medium.w-container {
background: #fff;
border-radius: 16px;
}
.hero-single-post {
overflow: hidden;
height: 47vh;
position: relative;
background: linear-gradient(0deg, #bbb8ff, #f3f2ff);
}
.hero-single-background {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: 45% 20%;
filter: grayscale(1) contrast(0.5);
z-index: 1;
mix-blend-mode: color-burn;
}
.hero-single-post h1 {
z-index: 3;
padding-top: 120px;
color: #fff;
}
.hero-single-post .rivelines {
position: absolute;
bottom: 0;
z-index: 1;
background: linear-gradient(1deg, #5f58fb, #ffffff00 ,#ffffff00);
height: 66%;
width: 133%;
}
section.section_single h3 {
text-align: left;
font-size: 24px;
padding: 32px 0 16px;
}
.element-status {
background: #31313108;
width: fit-content;
padding: 4px 16px;
border-radius: 4px;
text-transform: uppercase;
color: #929292;
font-weight: 300;
font-size: 12px;
border: 1px solid;
letter-spacing: 1px;
}
.home-variation .insights_tile {
color: #2c2bc3;
text-shadow: none;
padding: 16px;
border-radius: 8px;
background: radial-gradient(ellipse at left, #e9edff, transparent), radial-gradient(ellipse at right, #e2fbf2, #e6ecff) !important;
}
.home-variation .heading {
font-size: 34px;
}
section.section_insights.home-variation {
background: radial-gradient(ellipse at top, #ffffff, #e9eeff), radial-gradient(ellipse at bottom, #ffffff, #e6ebff);
}
section.section_insights.home-variation .insights_component {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.features_content p {
text-align: left !important;
}
.bento-grid {
display: grid;
gap: 16px;
padding: 32px 0;
box-sizing: border-box;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(150px, auto);
}
.bento-item {
background: #ffffff;
border-radius: 8px;
padding: 20px;
text-align: left;
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: flex-end;
border: 1px solid #d6d6d6 !important;
transition: all 0.5s;
}
/* Example of making the 4th item 2 columns wide */
.bento-item.long {
grid-column: span 2;
}
/* Example of making the 6th item 2 rows tall */
.bento-item.tall {
grid-row: span 2;
}
.bento-item img {
width: 50px;
height: 50px;
object-fit: cover;
}
.bento-item h3 {
margin: 10px 0 10px;
font-size: 18px;
}
.bento-item p {
margin: 0;
font-size: 14px;
line-height: 1.4;
}
/* Responsive adjustment */
@media (max-width: 768px) {
.bento-grid {
grid-template-columns: 1fr;
}
/* Reset spans for smaller screens */
.bento-item.long {
grid-column: auto;
}
.bento-item.tall {
grid-row: auto;
}
}
#bentoGrid .bento-item * {
text-align: left;
margin: 4px 0;
}
section.section_bento {
background: radial-gradient(#e8ebff, #ffffff);
}
.bento-item:hover {
transform: scale(1.05);
box-shadow: 0px 2px 8px #a4a4fa94;
}
section.new_section_hero {
min-height: 80vh;
}
.new_section_hero .padding-section-hero {
text-align: center;
}
.new_hero_text * {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.new_hero_text {
margin-top: 124px;
}
.new_hero_text .hero_text-paragraph {
display: block;
padding: 32px;
}
.new_hero_text a.button {
margin: 8px;
min-width: 160px;
}
.new_hero_text .hero_buttons {
width: 100%;
display: flex;
justify-content: center;
}
.new_hero_cards {
display: grid;
margin-top: 115px;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.new_hero_card {
transition: 1s all;
background: #e8edff;
padding: 32px;
/* margin: 8px; */
border-radius: 32px;
position: relative;
cursor: pointer;
}
.new_hero_card * {
text-align: left;
}
.new_hero_card h3.heading-3-no-margins {
font-weight: 400;
font-size: 20px;
}
.new_hero_card img {
width: 100%;
height: auto;
object-fit: contain;
border-radius: 16px;
}
img.hover-image {display: none;}
.new_hero_card:hover img.hover-image {display: block;}
.new_hero_card:hover img.default-image {
display: none;
}
img.default-image {
}
.new_hero_card:hover {
transform: translateY(-10px);
background: linear-gradient(178deg, #b3c3ff, transparent, transparent);
}
.hover-arrow {
position: absolute;
top: 32px;
right: 32px;
opacity: 0;
transition: 0.5s all;
}
.new_hero_card:hover .hover-arrow {
opacity: 1;
animation: moveRight 1.8s ease-in-out infinite;
}
.social-icon-wrap a {
width: 60px;
}
img#SOC2 {
width: 60px;
}