@charset 'UTF-8';

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
font-weight: 400;
font-family: var(--font-primary);
--font-primary: "Montserrat", sans-serif;
--primary-color: #12529e;
--link-color: #0094c1;
--btn-corners: 2rem;
--cta-color: #fff;
--cta-fill: #9f08c4;
--footer-color: #333333;
--color-footer: #92a4b2;
--tile-fill: #0094c1;
--tile-subtitle-color: #9f08c4;
--color-black: #000;
} header .container-fluid {
position: relative;
}
footer {
bottom: 0;
}
.top-bg {
position: absolute;
top: 0;
}
header ul,
footer ul {
list-style-type: none;
}
header a { text-decoration: none;
color: var(--primary-color);
transition: 0.2s ease;
}
header a:hover {
color: var(--footer-color);
}
.navigation-icons img {
margin: auto 1rem;
}
@media only screen and (max-width: 1250px) {
header a {
margin: 0;
}
header#navigation1 {
width: 100% !important;
top: 0 !important;
}
}
@media only screen and (max-width: 1450px) {
.navigation-icons {
display: none;
}
} header#navigation {
z-index: 100;
box-shadow: 0 0 23px #646464;
background-color: #fff;
position: relative;
width: 100%; }
.company-logo {
width: fit-content;
height: 4rem;
margin-right: 1rem;
}
.all-nav-items svg {
width: 120px;
height: 60px;
margin-left: 8rem;
}
.all-nav-items.home-hav svg {
margin-left: 5rem;
}
.top-bg-circle {
width: 300px;
height: auto;
}
.custom-logo-link img {
height: 4rem;
margin-right: 1rem;
}
.main-nav {
display: flex;
justify-content: right;
width: 100%;
margin: auto;
align-items: center;
}
#menu-nav-menu-1 {
display: flex;
height: 100%;
}
.menu-nav-menu-container > ul li {
margin: auto 0.75rem;
}
.main-links {
display: flex;
flex-wrap: wrap;
}
.menu-item {
margin: auto;
}
.all-nav-items {
display: flex;
align-items: flex-end;
padding: 1rem;
}
.nav-cta {
align-self: center;
}  .main-links > li > ul {
padding-top: 2rem;
}
.main-links ul ul {
top: 0;
left: auto;
right: -99.5%;
border-top: 0 none;
}
.main-links li:hover > ul {
visibility: visible;
opacity: 1;
transition: 0.4s ease;
}
.main-links li.hover,
.main-links li:hover {
position: relative;
cursor: default;
}
.main-links ul {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
bottom: 0;
margin-top: 0;
}
.main-links ul a {
background: var(--primary-color);
color: #ffffff;
border: 1px solid #efefef;
border-top: 0 none;
padding: 1rem;
}
.main-links ul li {
position: relative;
}
.main-links ul li:first-child > a {
border-top: 1px solid #efefef;
}
.main-links ul li:hover > a {
filter: brightness(90%);
}
.main-links ul li:last-child > a {
border-radius: 0 0 4px 4px;
}
.main-links ul li:last-child:hover > a {
border-radius: 0 0 0 4px;
}
.main-links a {
display: block;
}
@media only screen and (max-width: 1600px) {
.main-links a {
font-size: 14px;
}
}
@media only screen and (max-width: 1480px) {
.main-links a {
font-size: 13.5px;
}
}
.main-links li li {
margin: 0;
width: 14rem;
}  .main-links ul li > a:after {
content: "+";
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px;
} .hamburger-nav {
display: none;
}
.closed {
height: 0 !important;
padding: 0 !important;
}
.hamburger-nav-links {
position: absolute;
top: -0;
z-index: 100;
text-align: center;
overflow-x: hidden;
height: 100vh;
width: 100%;
transition: 0.5s ease;
background-color: var(--primary-color);
list-style-type: none;
line-height: 2.5rem;
padding: 5rem 0;
}
.hamburger-nav-links a {
color: #fff;
padding: 0.5rem;
font-size: 1.5rem;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
}
.hamburger-menu {
z-index: 5;
cursor: pointer;
position: absolute;
top: 30px;
right: 40px;
z-index: 100;
}
.container {
display: inline-block;
cursor: pointer;
}
.ham-bar-1,
.ham-bar-2,
.ham-bar-3 {
width: 35px !important;
height: 5px;
background-color: var(--primary-color);
margin: 6px 0;
transition: 0.4s;
}
.change .ham-bar-1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
background-color: #fff;
}
.change .ham-bar-2 {
opacity: 0;
}
.change .ham-bar-3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
background-color: #fff;
}
.mobile-links a:hover {
color: currentColor;
}
.mobile-links ul a {
font-weight: 300;
}
@media only screen and (max-width: 1250px) {
.main-links li,
.nav-cta {
display: none;
}
.hamburger-nav {
display: block;
}
.all-nav-items svg {
margin-left: 4rem;
}
.all-nav-items.home-nav svg {
margin-left: 0;
}
.top-bg-circle {
width: 230px;
height: auto;
}
}
@media only screen and (max-width: 900px) {
#banner-section.section {
padding-top: calc(50vh);
}
} #mobileNav .menu-mobile-menu-container *,
#mobileNav .menu-nav-menu-container * {
margin: 0;
padding: 0;
}
#mobileNav .menu-mobile-menu-container li,
#mobileNav .menu-nav-menu-container li {
list-style-type: none;
}
#mobileNav .menu-mobile-menu-container ul ul,
#mobileNav .menu-nav-menu-container ul ul {
display: none;
}
#mobileNav .menu-mobile-menu-container li.active > ul,
#mobileNav .menu-nav-menu-container li.active > ul {
display: block;
} #mobileNav .menu-mobile-menu-container > ul > li > a,
#mobileNav .menu-nav-menu-container > ul > li > a {
position: relative;
display: block;
} #mobileNav .menu-mobile-menu-container ul ul li a,
#mobileNav .menu-nav-menu-container ul ul li a {
color: #ffffff;
font-size: 1rem;
font-weight: 400;
}
#mobileNav .menu-mobile-menu-container ul ul li a:hover,
#mobileNav .menu-nav-menu-container ul ul li a:hover {
background: #9f08c4;
} #mobileNav .menu-mobile-menu-container ul ul ul,
#mobileNav .menu-nav-menu-container ul ul ul {
margin-left: 15px;
border-left: 1px dotted rgba(254, 254, 254, 0.5);
} #mobileNav .menu-mobile-menu-container a:not(:only-child):after,
#mobileNav .menu-nav-menu-container a:not(:only-child):after {
content: "\25BC";
margin-left: 1rem;
color: #9f08c4;
font-size: 1rem;
position: relative;
display: inline-block;
transition: 0.2s ease;
}
#mobileNav .menu-mobile-menu-container .active > a:not(:only-child):after,
#mobileNav .menu-nav-menu-container .active > a:not(:only-child):after {
content: "\25BC";
transform: rotate(180deg);
display: inline-block;
color: #fff;
}
header#navigation1 #mobileNav .menu-mobile-menu-container a,
#mobileNav .menu-nav-menu-container a {
margin-top: 10px;
margin-bottom: 10px;
display: block;
}
ul#menu-mobile-menu {
max-width: 100%;
display: contents;
}
header#navigation,
body {
max-width: 100%;
} ul#menu-nav-menu-1 {
padding-right: 0;
left: 0;
} header#navigation1 {
top: 1rem;
z-index: 9998;
box-shadow: 0 0 23px #646464;
background-color: #fff;
position: relative !important;
width: 93%;
margin-left: auto;
background: linear-gradient(
to right,
#efefef 200px,
rgb(255, 255, 255) 200px
);
border-bottom-left-radius: 100px;
border-top-left-radius: 100px;
}
header#navigation1 .all-nav-items {
padding: 0rem;
}
header#navigation1 a {
margin-top: 10px;
margin-bottom: 10px;
}
header#navigation1 .all-nav-items svg {
margin-left: 4rem;
}
.blue-bg {
position: absolute;
top: 0;
left: 0;
width: 98% !important;
left: auto;
right: 0;
height: 15rem;
overflow: hidden;
background: var(--primary-color);
border-bottom-left-radius: 500px;
}
.blue-gradient_bg {
background: rgb(0,148,193);
background: linear-gradient(90deg, rgba(0,148,193,1) 0%, rgba(18,82,158,1) 100%);
}
.gray-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 16rem;
overflow: hidden;
background: gray;
border-bottom-left-radius: 2500px;
}
.gray_bg {
position: relative;
z-index: -1;
}
.content-blocks {
position: relative;
z-index: 1;
}
.stylized_bg {
background: rgb(227,236,240);
background: linear-gradient(90deg, rgba(227,236,240,1) 0%, rgba(255,255,255,1) 100%);
}
.nav-circles {
position: absolute;
left: auto;
right: 10%;
top: 15rem;
}
.section-title {
position: absolute;
display: flex;
width: 100%;
padding: 2rem 1rem;
top: 8rem;
text-align: center;
}
.section-title h1 {
margin-left: auto;
margin-right: auto;
color: white !important;
}
header#navigation1 .all-nav-items {
padding: 0rem;
}
header#navigation1 .all-nav-items svg {
margin-left: 4rem;
}
@media only screen and (max-width: 1250px) {
header#navigation1 .all-nav-items svg {
margin-left: 3rem;
}
header#navigation1 .all-nav-items.home-nav svg {
margin-left: 0;
}
.blue-bg {
width: 100% !important;
height: 16rem;
border-bottom-left-radius: 200px;
}
.gray-bg {
height: 17rem;
border-bottom-left-radius: 180px;
}
.section-title h1 {
max-width: 550px;
}
}
@media only screen and (max-width: 500px) {
.blue-bg {
height: 17rem;
border-bottom-left-radius: 150px;
}
.gray-bg {
height: 18rem;
border-bottom-left-radius: 130px;
}
} #main-footer {
width: 100%;
background-color: var(--footer-color);
}
footer {
padding-top: 80px;
padding-bottom: 100px;
color: white;
}
.footer-container {
padding: 0rem 1rem;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
flex: 25%;
margin-left: auto;
margin-right: auto;
}
.footer-1 .company-logo {
text-align: left;
}
.footer-2 > div:nth-child(3) {
margin-bottom: 40px;
}
.footer-2 p {
margin-top: 0px;
margin-bottom: 0px;
color: var(--color-white);
}
.footer-1 p {
color: var(--color-footer) !important;
}
.social-icons {
display: flex;
flex-direction: row;
}
footer h2 {
margin-bottom: 40px;
color: white;
}
footer ul {
padding-left: 0px;
margin-bottom: 0px;
}
.footer-3 > ul li,
.footer-4 > ul li {
margin-bottom: 20px;
}
.footer-3 > div {
margin-left: 0px;
margin-right: auto;
}
.footer-4 ul {
margin-top: 70px;
}
.footer-3 a,
.footer-4 a {
color: var(--color-footer-link);
margin-top: 0px;
margin-bottom: 0px;
}
.footer-links li {
color: var(--link-color);
}
@media (max-width: 1399px) {
.footer-1,
.footer-2,
.footer-3,
.footer-4 {
width: 50%;
}
.footer-1,
.footer-2,
.footer-3,
.footer-4 {
text-align: center;
}
.footer-2 > div {
justify-content: center;
}
.footer-1 p {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
.footer-container {
justify-content: space-between;
width: 90%;
}
.footer-4 ul {
margin-top: 0px;
}
.footer-1,
.footer-2,
.footer-3,
.footer-4 {
width: 100%;
}
.sap-bp-badge {
max-width: 100% !important;
}
} .social-link-container {
display: flex;
}
.social-link-container .social-link {
padding: 3px;
margin-right: 5px;
}
.footer-2 a {
margin-top: 0 !important;
}
.dashicons {
font-size: 15px;
color: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.dashicons-facebook,
.dashicons-twitter,
.dashicons-linkedin,
.dashicons-instagram {
background: #12529e;
} .btn-margin {
text-align: left;
margin-left: 0rem;
}
.cta-btn {
border: 2px solid var(--cta-fill);
padding: 0.75rem 2rem;
border-radius: var(--btn-corners);
background-color: var(--cta-fill);
color: #fff;
display: inline-block;
font-weight: 700;
font-size: 0.8rem;
position: relative;
opacity: 1;
z-index: 99;
cursor: pointer;
}
.cta-btn::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: scale(1);
background-color: var(--cta-fill);
opacity: 0;
z-index: 1;
transition: all ease-in-out 0.2s;
border-radius: var(--btn-corners);
text-transform: uppercase;
}
.cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 1rem 2rem rgb(0 0 0 / 20%);
color: #fff;
}
.cta-btn:active {
transform: translateY(-1px);
box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 20%);
}
.cta-btn:hover::after {
animation: grow 0.4s ease;
}
.cta-btn.yellow-btn,
.cta-btn.yellow-btn::after {
background-color: #eaa91e;
border: 2px solid #eaa91e;
}
.wpcf7-not-valid-tip {
margin-top: -15px;
padding-left: 10px;
margin-bottom: 10px;
}
button.wpforms-submit.cta-btn {
border: 2px solid var(--cta-fill) !important;
padding: 0.75rem 2rem !important;
border-radius: var(--btn-corners) !important;
background-color: var(--cta-fill) !important;
color: #fff !important;
display: inline-block;
font-weight: 700 !important;
font-size: 0.8rem !important;
position: relative;
opacity: 1;
z-index: 99;
cursor: pointer;
text-transform: uppercase;
}
@keyframes grow {
0% {
transform: scale(1, 1);
opacity: 1;
}
100% {
transform: translateY(3px);
transform: scale(1.4, 1.6);
opacity: 0;
}
}
@media only screen and (max-width: 1100px) {
.main-links,
.nav-cta {
display: none;
}
} .flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.grid {
display: grid;
gap: 1rem;
grid-template-columns: repeat(auto-fill, 20rem);
justify-content: space-around;
}
.full-bg-img {
background-position: center;
background-size: cover;
}
.section .no-bottom-margin {
margin-bottom: 0;
}
.add-bottom-margin {
margin-bottom: 3rem;
}
.contain-width {
max-width: 86rem;
margin: 0 auto;
}
.show-mobile {
display: none;
}
.contain-nav {
max-width: 150rem;
margin: 0 auto;
}
.hidden {
display: none;
}
.center-content {
text-align: center;
}
.fixed-image {
background-attachment: fixed;
} @media only screen and (max-width: 700px) {
.fixed-image {
background-attachment: scroll;
}
}
@media only screen and (max-width: 1100px) {
.show-mobile {
display: block;
}
.hide-mobile {
display: none;
}
}
.section ul,
.section ol {
max-width: 30rem;
text-align: left;
}
.center-content ul {
max-width: 24rem;
margin: 0 1rem;
margin-bottom: 1rem;
font-weight: 300;
color: #000;
}
.wp-block-columns {
max-width: 45rem;
margin: 0 auto;
} .card {
background-color: #ffffff;
padding: 2rem;
}
.card p.pre-title {
color: #04a2c0;
font-size: 1.25rem;
margin-top: 0.5rem;
margin-bottom: -0.5rem;
}
.i-am-a .card {
max-width: 27rem;
margin: 1rem;
}
@media only screen and (max-width: 700px) {
.i-am-a .card {
margin: 1rem 0;
}
} .client-stories h1 {
text-transform: uppercase;
margin-left: 1rem;
text-align: left;
}
.client-card {
background-position: bottom right;
background-repeat: no-repeat;
}
.client-advantage {
margin-top: 2rem;
}
.client-advantage > div {
padding: 1rem 2rem;
}
.client-advantage > div:nth-child(1) {
height: fit-content;
width: 58%;
padding: 1rem 1rem;
}
.client-advantage > div:nth-child(2) {
width: 42%;
}
.client-advantage.client-story > div.client-right {
width: 42%;
}
.client-advantage.client-story > div.client-left {
width: 58%;
}
.client-left {
text-align: left;
}
.client-left img {
width: 100%;
height: auto;
border-bottom-left-radius: 150px;
border-top-right-radius: 150px;
}
.client-right p,
.client-right h3 { text-align: left;
margin-left: 0;
}
@media only screen and (max-width: 1311px) {
.client-card .client-right p,
.client-card .client-right h3 {
max-width: 100%;
margin-left: 0;
margin-top: 1rem;
}
}
@media only screen and (max-width: 1100px) {
.client-stories h1 {
margin-left: 0rem;
}
.client-advantage {
display: flex;
padding: 0rem;
flex-direction: column-reverse;
}
.client-advantage > div:nth-child(1) {
padding: 1rem 0rem;
width: 100%;
}
.client-advantage > div:nth-child(2) {
width: 100%;
padding: 1rem 0rem;
}
.client-advantage.client-story > div.client-left,
.client-advantage.client-story > div.client-right {
width: 100%;
}
.client-left {
order: 1;
}
} .main-links > li:hover {
color: #04a2c0;
}
i {
color: #04a2c0;
font-size: 1.5rem;
}
.icon-bg {
border-radius: 50%;
background-color: rgba(4, 162, 192, 0.15);
padding: 0.65rem;
width: 3rem;
height: 3rem;
margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty,
p:empty {
display: none;
}
.blue-screen-heavy {
background-color: rgba(37, 55, 70, 0.85);
}
.blue-screen {
background-color: rgba(80, 109, 128, 0.4);
}
.gray-bg {
background-color: rgba(37, 55, 70, 0.07);
}
.dark-shadow {
box-shadow: 1px 1px 23px 0px #2e2e2e;
}
.light-shadow {
box-shadow: 0px 0px 26px -11px #506d80;
}
.pink-screen { border-right: 6px solid rgba(162, 0, 128, 1);
height: 100%;
}
.light-green-screen { border-right: 6px solid rgba(170, 219, 30, 1);
height: 100%;
}
.dark-blue-screen { border-right: 6px solid rgba(0, 107, 166, 1);
height: 100%;
}
.dark-purple-screen { border-left: 6px solid rgba(95, 37, 159, 1);
height: 100%;
}
.green-screen { border-left: 6px solid rgba(0, 163, 118, 1);
height: 100%;
}
.yellow-screen { border-right: 6px solid rgba(170, 178, 51, 1);
height: 100%;
}
.orange-screen { border-left: 6px solid rgba(226, 144, 51, 1);
height: 100%;
}
h1,
.new-banner h2 {
font-size: 3.8rem;
line-height: 60px;
font-weight: 800;
color: var(--primary-color);
}
h2 {
font-size: 30px;
line-height: 30px;
font-weight: 400;
color: var(--color-black);
}
h3 {
font-size: 30px;
font-weight: 700;
color: var(--cta-fill);
}
h4 {
font-size: 24px;
line-height: 36px;
font-weight: 400;
color: var(--color-black);
}
h5 {
font-size: 48px;
line-height: 54px;
font-weight: 600;
color: var(--primary-color);
}
h6 {
margin-left: 0;
margin-right: auto;
font-size: 16px;
line-height: 18px;
font-weight: 600;
}
a,
p {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: var(--color-black);
margin-top: 30px;
margin-bottom: 30px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.extendable-field-text {
line-height: 26px;
}
@media only screen and (max-width: 1250px) {
h1,
.new-banner h2 {
font-size: 45px;
line-height: 45px;
}
}
@media only screen and (max-width: 500px) {
h1,
.new-banner h2 {
font-size: 40px;
line-height: 40px;
}
}
ul,
a,
ol {
text-decoration: none;
font-weight: 400;
color: #9f08c4;
}
.white ul,
.white a,
.white ol {
color: #ffffff;
}
.section {
padding: 5rem 1rem;
}  .banner {
position: relative;
padding-top: 0rem;
padding-bottom: 6rem;
}
.banner-cover .banner-cover-1 {
left: 0;
right: auto;
}
.banner-cover-1 {
z-index: -1;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0rem;
left: 0;
right: auto;
height: 885px;
width: 50%;
border-top-right-radius: 150px;
border-bottom-left-radius: 150px;
background-repeat: no-repeat;
background-position: left center !important;
}
.banner-cover-text {
position: relative;
z-index: 99;
}
.banner .title-container {
position: relative;
width: 50%;
margin-left: auto;
margin-right: 0;
height: 885px;
top: 0rem;
z-index: 2;
text-align: left;
padding: auto 1rem auto 1rem;
}
.banner-circle {
position: absolute;
left: -170px;
background-repeat: no-repeat;
top: 720px;
z-index: 9;
}
.banner-cover {
max-width: 100%;
}
.banner-cover-text {
height: fit-content;
margin: auto 1rem auto 1rem;
padding-left: 40px;
}
.title-container h1 {
color: black;
text-align: left;
}
.title-container .btn-margin {
margin-left: 0;
margin-right: auto;
}
.title-container > div {
height: fit-content;
margin: auto 1.5rem auto 1.5rem;
}
.heading-wrap h1 {
color: black;
}
h1 span {
color: var(--primary-color);
font-weight: 800;
}
@media only screen and (max-width: 1399px) {
.banner-cover-1 {
background-position: center center !important;
}
}
@media only screen and (max-width: 1250px) {
.banner-cover-1 {
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 900px) {
.banner-cover-1 {
background-repeat: no-repeat;
height: 500px;
width: 100%;
position: relative;
}
.banner-circle {
position: absolute;
left: auto;
right: -170px;
background-repeat: no-repeat;
top: -170px;
}
.banner .title-container {
overflow: hidden;
height: auto;
min-height: 500px;
height: auto;
max-height: fit-content;
width: 100%;
padding: 2rem 0 2rem 0;
}
} .sap > div {
width: 50%;
padding: 0rem 0rem 0rem 3rem;
}
.sap-circles {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
}
.sap-left-side {
position: relative;
}
.sap-title {
color: var(--cta-fill);
font-size: 20px;
font-weight: 800;
margin-bottom: 10px;
}
.sap-right {
width: 50%;
height: auto;
}
.sap-right-side {
position: relative;
}
.grey-sap-circle {
position: absolute;
bottom: 10%;
max-width: 320px;
left: 9%;
z-index: -2;
}
.small-blue-sap-circle {
position: absolute;
bottom: 45%;
left: 20px;
z-index: -1;
}
.purple-sap-circle {
max-width: 140px;
position: absolute;
bottom: 20%;
left: 45%;
z-index: -3;
}
.text-container {
margin-top: auto;
margin-bottom: auto;
}
.text-container .p1 {
text-align: left;
color: var(--primary-color);
font-size: 20px;
line-height: 22px;
}
@media only screen and (max-width: 1024px) {
.sap > div {
width: 100%;
padding: 0rem 0rem;
}
}
@media only screen and (max-width: 700px) {
.sap-logo {
height: 70px;
width: auto;
left: calc(50% - 100px);
top: calc(50% - 50px);
}
}
@media only screen and (max-width: 500px) {
.sap-logo {
height: 40px;
width: auto;
left: calc(50% - 70px);
top: calc(50% - 20px);
}
} .contact-form-container {
margin: 0 6rem;
display: flex;
flex-direction: column;
}
.contact_form {
display: grid;
grid-template-columns: 1fr 1fr 2fr;
gap: 10px;
}
select {
width: 100%;
padding: 16px;
letter-spacing: 1px;
font-size: 18px;
line-height: 32px;
margin-bottom: 1.2rem;
background: var(--color-primary);
color: var(--color-light);
border: 1px solid var(--color-light);
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 13px;
font-weight: normal;
display: flex;
margin-top: -20px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
padding: 0;
border: none;
color: #46b450;
}
input,
select {
z-index: -1;
width: 100%;
padding: 5px 20px 5px 24px;
letter-spacing: 1px;
font-size: 14px;
line-height: 30px;
border: 1px solid var(--footer-color);
border-radius: 40px;
margin-bottom: 1.2rem;
color: var(--color-light);
}
select {
background-color: #ebf2f6;
padding: 10px 18px;
}
textarea {
width: 100%;
padding: 10px 50px 10px 24px;
letter-spacing: 1px;
font-size: 14px;
line-height: 40px;
border: 1px solid var(--footer-color);
border-radius: 100px;
margin-bottom: 1.2rem;
color: var(--color-light);
height: 100px;
resize: none;
}
@media only screen and (max-width: 1100px) {
.contact-form-container {
margin: 0 0rem;
}
.contact_form {
grid-template-columns: 1fr;
gap: 10px;
}
}
@media only screen and (max-width: 500px) {
.contact_form {
gap: 0px;
}
}  .contact-form-container-2 {
margin: 0 6rem;
display: flex;
flex-direction: row;
padding-top: auto;
padding-bottom: 3%;
}
.contact-form-container-2 > div:nth-child(1) {
width: 60%;
}
.contact-form-container-2 > div:nth-child(2) {
width: 40%;
padding-top: 30px;
}
.phone-image {
width: 75%;
height: auto;
aspect-ratio: 405/638;
margin-top: auto;
margin-bottom: auto;
}
.contact_form-2 h1,
.contact_form-2 h6,
.contact_form-2 p {
text-align: left;
}
.contact-details {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
@media only screen and (max-width: 1100px) {
.contact-form-container-2 {
margin: 0 0rem;
}
.contact-details {
grid-template-columns: 1fr;
gap: 0px;
}
.contact-form-container-2 > div:nth-child(1) {
width: 60%;
}
.contact-form-container-2 > div:nth-child(2) {
width: 40%;
}
}
@media only screen and (max-width: 991px) {
.contact-form-container-2 {
display: grid;
grid-template-columns: 1fr;
}
.contact-form-container-2 > div:nth-child(1) {
width: 100%;
}
.contact-form-container-2 > div:nth-child(2) {
margin: 0 3rem;
margin-left: auto;
margin-right: auto;
width: 70%;
}
} .services-cover-2 {
width: 40%;
height: fit-content;
}
.services-cover-2 img {
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
}
.services > .container-fluid {
width: 55%;
height: fit-content;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 1360px) {
.services > .container-fluid {
width: 60%;
}
.services-cover-2 {
width: 38%;
}
}
@media only screen and (max-width: 1250px) {
.services {
flex-direction: column-reverse;
}
.services > .container-fluid {
width: 100%;
}
.services-cover-2 {
height: 500px;
width: auto;
}
.services-cover-2 img {
margin-left: auto;
margin-right: auto;
width: 100%;
width: auto;
height: 100%;
}
}
@media only screen and (max-width: 1250px) {
.services > .container-fluid {
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 750px) {
.services-cover .services-cover-2 {
width: 100%;
height: auto;
}
.services-cover-2 img {
max-width: 100%;
height: auto;
}
}
@media only screen and (max-width: 500px) {
.services-cover .services-cover-2 {
max-width: 100%;
}
}
#services.grid {
grid-template-columns: repeat(auto-fill, 14.5rem);
}
.flip-card {
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
padding-left: auto;
padding-right: auto;
margin: 0.2rem;
width: 14.5rem;
height: 14.5rem;
perspective: 1000px;
border-bottom-right-radius: 70px;
border-top-left-radius: 40px; }
.section .flip-card h3 {
word-break: normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
color: white;
margin-bottom: 0;
font-size: 1.5rem;
}
.tile-front p {
word-break: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
margin: 0;
color: #07bef5;
font-size: 0.8rem;
}
.tile-back a p {
color: var(--primary-color) !important;
}
.flip-card-inner {
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
padding-left: auto;
padding-right: auto;
margin: 0.2rem;
position: relative;
width: 14.5rem;
height: 14.5rem;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
border-bottom-right-radius: 70px;
border-top-left-radius: 40px;
}
.tile-front {
justify-content: left;
height: fit-content;
margin: auto 1rem 3rem 1rem;
top: 0;
}
.tile-back {
justify-content: left;
height: fit-content;
margin: 2rem 1rem auto 1rem;
margin-bottom: auto;
top: 0;
}
.tile-back a {
margin-top: 0;
margin-bottom: 0;
}
.tile-back p {
word-break: normal;
display: -webkit-box; -webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
margin-top: 1rem;
margin-bottom: 1rem;
color: white;
font-size: 0.8rem;
line-height: 1rem;
} .flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
} .flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
margin: 0 auto 1rem;
box-sizing: border-box;
box-shadow: 0px 38.9px 61.5px rgba(0, 0, 0, 0.24);
-webkit-backface-visibility: hidden; backface-visibility: hidden;
border-bottom-right-radius: 70px;
border-top-left-radius: 40px;
} .flip-card-back {
background: var(--tile-fill);
transform: rotateY(180deg);
} .trust-container,
.quote-container {
margin: 0 6rem;
}
.trust-container h3,
.trust-container p {
max-width: 59rem;
text-align: left;
}
.trust-icons {
margin: 3rem 0rem 1rem 0rem;
}
.trust-icons .flex {
justify-content: space-around;
}
.quote-container .p1 {
color: var(--color-footer);
max-width: 51rem;
text-align: left;
font-size: 20px;
line-height: 22px;
font-weight: 700;
}
.quote-container p {
text-align: left;
}
.grid-item {
color: #fff;
font-size: 1em;
font-weight: 700;
}
.items {
position: relative;
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
transition: all 0.2s;
will-change: transform;
user-select: none;
cursor: pointer;
}
.items.active {
background: rgba(255, 255, 255, 0.3);
cursor: grabbing;
cursor: -webkit-grabbing;
transform: scale(1);
}
.item {
display: inline-block;
margin: 3em 0.4em;
@media screen and (max-width: 500px) {
min-height: 200px;
min-width: 200px;
}
}
.item iframe {
width: 320px;
height: 200px;
} .items::-webkit-scrollbar {
display: none;
} .items {
-ms-overflow-style: none; scrollbar-width: none; }
@media only screen and (max-width: 1100px) {
.trust-container,
.quote-container {
margin: 0 0rem;
}
} .blog-page {
margin: 1rem auto 0rem auto;
}
.blog-intro {
margin-top: 2rem;
}
.blog-intro > div {
padding: 1rem 2rem;
}
.blog-intro > div:nth-child(1) {
height: fit-content;
width: 50%;
padding: 1rem 1rem;
}
.blog-intro > div:nth-child(2) {
width: 50%;
padding: 1rem 1rem;
}
.blog-left {
text-align: left;
}
.blog-right {
height: fit-content;
margin-top: auto;
margin-bottom: auto;
justify-content: left;
}
.featured-word p {
color: var(--primary-color);
font-size: 20px;
line-height: 22px;
}
.featured-blog-post-date {
color: var(--cta-fill);
font-weight: 500;
}
.opaque-blog-img:hover {
opacity: 0.8; }
.featured-word {
text-align: left;
margin-bottom: 2rem;
width: 100%;
}
.blog-right h3 {
text-align: left;
color: var(--primary-color);
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 900;
}
#featured-content {
display: inline;
height: 138px;
overflow: hidden;
}
.featured-post-text p {
word-break: normal;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
.blog-right a {
margin-left: 0;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
}
.blog-right a p {
text-align: left;
color: var(--link-color);
font-weight: 700;
}
.blog-left img {
width: 100%;
height: auto;
border-bottom-left-radius: 150px;
border-top-right-radius: 150px;
}
.next.page-numbers,
.prev.page-numbers {
border-radius: 45px;
padding-left: 20px;
padding-right: 20px;
}
.post-blog-date {
position: absolute;
left: 0;
top: 0;
z-index: 9;
background: var(--cta-fill);
color: #fff;
padding: 12px;
font-weight: 500;
min-width: 120px;
text-align: center;
border-bottom-right-radius: 60px;
}
.blog-card {
position: relative;
max-width: 20rem;
height: 27rem;
}
.blog-card img {
width: 20rem;
height: 15rem;
border-bottom-left-radius: 85px;
border-top-right-radius: 85px;
object-fit: cover;
}
.blog-card .title-card {
padding: 1.5rem;
background: white;
position: absolute;
bottom: 0;
right: 0;
width: 15rem;
height: 16rem;
}
.title-card h3,
.content-blocks .title-card h3 {
word-break: normal;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
text-align: left;
color: var(--primary-color);
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 900;
}
.content-blocks .title-card h3 {
line-height: 1.95rem;
}
.title-card p {
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
color: var(--link-color);
font-weight: 700;
} @media only screen and (max-width: 1100px) {
.blog-intro {
display: flex;
padding: 0rem;
flex-direction: column;
}
.blog-intro > div:nth-child(1) {
padding: 1rem 0rem;
width: 100%;
}
.blog-intro > div:nth-child(2) {
width: 100%;
padding: 1rem 0rem;
}
}
#blog-child.section {
padding-left: 1rem;
padding-right: 1rem;
}
#blog-child.section {
padding-left: 1rem;
padding-right: 1rem;
}
@media only screen and (max-width: 900px) {
#blog-child.section {
padding-top: 0;
}
}
.pagination > .current,
.nav-links .current {
z-index: 2;
color: #fff;
background-color: #9f08c4;
border-color: #9f08c4;
cursor: default;
}
.pagination > a,
.pagination > span,
.nav-links a,
.nav-links span {
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #9f08c4;
font-weight: 700;
background-color: rgba(37, 55, 70, 0.07);
border-radius: 50%;
border: 1px solid #ddd;
margin-left: 5px;
}
.pagination a:hover:not(.active) {
background-color: #ddd;
}
.pagination {
text-align: center;
} .not-front-page-header a {
z-index: 1;
}
.optimization-and-support {
position: relative;
background: transparent;
margin-top: 40px;
z-index: 999;
}
.optimization-and-support h1 {
color: white;
text-transform: uppercase;
}
.content-wrapper-1 {
max-width: 860px;
margin: 4rem auto 5rem auto;
}
.optimization-and-support .content-wrapper-1 {
margin: 6rem auto 5rem auto;
}
@media only screen and (max-width: 1300px) {
.content-wrapper-1 {
margin: 10rem auto 5rem auto;
}
}
.contact-form-2-heading {
font-size: 3.8rem;
line-height: 60px;
font-weight: 800;
color: var(--primary-color);
text-align: left;
margin-bottom: 15px;
}
.contact-form-2-subheading {
font-size: 15px;
font-weight: 700;
color: var(--tile-fill);
}
.supporting-p {
color: #12529e;
font-size: 23px;
line-height: 32px;
margin: 0 auto;
max-width: 710px;
font-weight: 300;
}
.content-blocks .blue_bg .quote-container .p1 {
color: #fff;
}
.os-boxes-flex {
margin-top: 80px;
display: flex;
position: relative;
justify-content: space-evenly;
}
.os-box {
max-width: 320px;
}
.os-box-img {
border-bottom-left-radius: 70px;
border-top-right-radius: 70px;
max-width: 320px;
}
.circle-1 {
position: absolute;
left: -41px;
top: -57px;
}
.circle-2 {
position: absolute;
bottom: -26%;
left: -18%;
z-index: -1;
max-width: 300px;
}
.box-title {
color: #12529e;
font-weight: 800;
font-size: 20px;
margin-top: 20px;
}
.box-text {
margin-top: 20px;
line-height: 26px;
}
.talk-to-experts {
max-width: 710px;
margin: 40px auto;
}
.talk-to-experts img {
margin-bottom: -18px;
}
.talk-to-experts span {
font-weight: 600;
margin-left: 15px;
text-transform: uppercase;
font-size: 14px;
}
.text-left {
text-align: left;
}
.thrive-section {
justify-content: space-evenly;
}
.content-wrapper-2 {
margin-top: 30px;
}
.thrive-text {
max-width: 500px;
line-height: 26px;
align-self: center;
}
.thrive-text h2 {
font-size: 45px;
font-weight: 800;
color: var(--primary-color);
text-transform: uppercase;
}
.thrive-section-image {
border-top-left-radius: 160px;
border-bottom-right-radius: 160px;
max-width: 752px;
}
#grow-service.grid,
#thrive-service.grid {
grid-template-columns: repeat(auto-fill, 14.5rem);
}
.services-card-row {
margin-top: 50px;
justify-content: space-evenly;
}
.contact-form-wrap {
max-width: 650px;
position: relative;
}
.contact-form-wrap .contact_form {
display: block;
width: 100%;
}
.contact-form-wrap .contact-form-container {
margin-left: auto;
}
.contact-form-video-flex {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
}
.cta-btn {
width: fit-content;
text-transform: uppercase;
}
.contact-form-wrap .cta-btn {
width: fit-content;
}
.video-wrap {
margin-left: 40px;
}
.contact-title {
color: var(--cta-fill);
font-weight: 800;
}
.contact-subtitle,
.yt-channel-link a {
color: var(--link-color);
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
margin-top: 10px;
}
.contact-text {
margin-top: 20px;
}
.circle-3 {
max-width: unset;
bottom: 0;
}
.yt-channel-link {
margin-top: 10px;
}
.youtube-icon {
max-width: 30px !important;
margin-bottom: -6px;
margin-right: 10px;
} .banner-content-wrap {
display: flex;
position: relative;
}
.banner-content-wrap .banner-circle {
left: 32%;
z-index: 9;
bottom: -18%;
top: unset;
}
.main-banner-image {
width: 50%;
}
.main-banner-img {
margin-top: -86px;
width: 100%;
}
.banner-heading {
position: relative;
padding-top: 6rem;
background: linear-gradient(
90deg,
rgba(227, 236, 240, 1) 44%,
rgba(255, 255, 255, 1) 100%
);
z-index: 9;
width: 50%;
}
.heading-wrap {
max-width: 40rem;
margin-left: 3rem;
margin-right: 1rem;
position: relative;
z-index: 9;
}
.flex .heading-wrap {
justify-content: left !important;
}
.heading-wrap p {
font-weight: 400;
font-size: 17px;
line-height: 1.95rem;
}
.dots {
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
max-width: 100%;
}
.content-wrap .text-wrap,
.extendable-questions-wrap {
width: 50%;
padding-left: 3rem;
}
.extendable-question {
margin-top: 10px;
}
.extendable-field-title {
background: #ebf1f4;
border-radius: 50px;
cursor: pointer;
padding: 5px 20px;
}
.plus-minus {
color: var(--cta-fill);
font-weight: 800;
}
.extendable-questions-wrap h2 {
color: #5180b8;
margin-bottom: 20px;
}
.extendable-field-text {
padding-top: 20px;
padding-bottom: 30px;
padding-left: 32px;
}
.big-video-section {
position: relative;
}
.big-video-section iframe {
width: 100%;
height: 600px;
}
.big-video-section .video-text {
position: absolute;
left: 15%;
padding: 30px;
top: -12%;
border-radius: 50px;
z-index: 99;
background: white;
cursor: pointer;
color: var(--primary-color);
font-weight: 700;
}
.play-btn {
border-radius: 50%;
padding: 9px 11px;
border: 2px solid var(--cta-fill);
margin-right: 10px;
display: inline-block;
width: 3rem;
height: 3rem;
}
.play-btn img {
margin-bottom: -4px;
margin-left: 5px;
max-width: 17px;
width: 17px;
}
.core-erp-system {
margin-top: 100px;
position: relative;
margin-bottom: 4rem;
}
.core-erp-system .content-wrapper,
.grey-bg-section .content-wrap {
max-width: 1000px;
margin: 0 auto;
position: relative;
}
.grey-bg-section {
background: #d9e1e6;
border-top-right-radius: 165px;
border-bottom-left-radius: 165px;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.dots-2 {
position: absolute;
top: 0;
right: 0;
}
.core-erp-system h2,
.grey-bg-section h2,
.product-child h2 {
font-size: 48px;
color: var(--primary-color);
font-weight: 800;
line-height: 55px;
text-transform: uppercase;
}
.text-image-flex {
display: flex;
justify-content: space-between;
}
strong {
font-weight: 700;
}
.laptop-ill {
max-width: 400px;
}
.text-image-flex .image-wrap {
margin-left: 50px;
position: relative;
}
.enterprise-flex {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.enterprise-description {
}
.logos-image {
max-width: 500px;
margin-top: 20px;
}
.control-flex .lists-wrap {
max-width: 45%;
margin-right: 40px;
}
.text-and-logos {
max-width: 50%;
position: relative;
line-height: 26px;
}
.lists-wrap ul,
.core-erp-system ul { color: #000;
line-height: 24px;
}
ul,
ol {
position: relative;
left: 1rem;
padding-right: 1rem;
} .upper-biz-logos {
display: flex;
align-items: center;
margin-top: 20px;
}
.bizwaver-logo {
max-width: 300px;
margin-left: 20px;
}
.automate-circle {
max-width: 148px;
}
.connect-team-ill {
border-top-right-radius: 90px;
border-bottom-left-radius: 90px;
max-width: 300px;
}
.bizwaver-logo a,
.cs-text-before-logos a {
color: #3aa9cb !important;
font-weight: 700;
}
.screen-circle {
position: absolute;
top: 0;
right: 0;
max-width: 400px;
z-index: -1;
opacity: 0.8;
}
.medium-grey-circle {
position: absolute;
left: 50%;
top: 50%;
max-width: 200px !important;
z-index: -1;
}
.medium-purple-circle {
position: absolute;
right: -42%;
bottom: 20%;
z-index: -1;
max-width: 250px;
}
.cs-logos img {
max-width: 200px;
margin-top: 30px;
}
#big-video iframe {
width: 100%;
height: 600px;
}
.client-advantage .cta-btn {
margin-top: 0;
}
.video-slider-logos-section {
position: relative;
max-width: 100%;
}
.video-circle-big {
max-width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.contact-form-solutions {
margin-top: 120px;
}
.contact-form-solutions h2 {
color: var(--primary-color);
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
}
.solutions-contact-text {
color: #35a2c9;
text-transform: uppercase;
font-weight: 700;
text-align: center;
margin-top: 14px;
margin-bottom: 0;
}
.page-numbers.dots {
position: relative;
background: none;
border: none;
}
@media screen and (max-width: 1024px) {
.gray-bg {
max-width: 100%;
}
.optimization-and-support {
padding: 15px;
}
.optimization-and-support h1 {
margin-top: -21px;
}
.contact-form-video-flex,
.os-boxes-flex {
display: block;
}
.os-boxes-flex .os-box {
margin: 20px auto;
}
.optimization-and-support img {
max-width: 100%;
}
.optimization-and-support iframe {
max-width: 100%;
}
.video-wrap {
margin-left: 0;
}
.solutions-page img,
.main-banner-image {
max-width: 100%;
margin-top: 0;
}
.banner-content-wrap {
flex-direction: column-reverse;
flex-wrap: wrap;
}
.banner-heading {
padding-top: 28px;
}
.extendable-fields-section .content-wrap {
display: block;
margin-top: 59px;
padding: 15px;
}
.extendable-fields-section .text-wrap {
margin: 20px auto;
width: 100%;
padding-left: 0;
}
.extendable-questions-wrap,
.content-wrap .text-wrap {
width: 100%;
margin: 0rem 1rem 2rem;
padding-left: 0;
}
.heading-wrap {
max-width: 100%;
margin-left: 0rem;
margin-right: 0rem;
}
.banner-circle {
display: none;
}
.core-erp-system .content-wrap {
padding: 15px;
}
.text-image-flex {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.big-video-section .video-text {
left: 0;
padding: 20px;
}
.core-erp-system .content-wrapper,
.grey-bg-section .content-wrap {
padding: 15px;
}
.control-flex .lists-wrap,
.text-and-logos {
max-width: 100%;
}
.text-and-logos {
text-align: center;
}
.bizwaver-logo {
text-align: left !important;
}
.enterprise-flex {
justify-content: center;
}
.solutions-page .contain-width {
padding-top: 62px;
padding-bottom: 0;
}
.banner-cover-text {
padding-left: 0;
}
}
@media screen and (max-width: 1024px) {
.banner-content-wrap {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.banner-heading {
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
.main-banner-image {
width: 100%;
}
.heading-wrap {
padding: 15px;
}
.medium-purple-circle {
display: none;
}
.text-image-flex .image-wrap {
margin-left: 0;
}
.medium-grey-circle {
left: 0;
}
.video-slider-logos-section,
.contact-form-solutions {
padding: 15px !important;
}
}
@media screen and (min-width: 1250px) and (max-width: 1500px) {
.banner-heading {
position: relative;
padding-top: 130px;
}
}
@media screen and (max-width: 1250px) {
.banner-heading {
padding-top: 60px;
}
}
.heading-wrap h6 {
margin-bottom: 1rem;
font-size: 1.35rem;
line-height: 1.85rem;
font-weight: 500;
}
.flex.tile-front.center-content {
width: 100%;
}
.client-right li {
margin-bottom: 1rem;
}
.client-right ul {
margin-bottom: 2rem;
}
div#big-video {
padding-top: 0;
}
.trust-icons img {
max-height: 4rem;
margin: 1rem;
}
.trust-icons {
margin-bottom: 4rem;
}
.flex.enterprise-flex {
justify-content: space-between;
}
.optimization-and-support .content-wrapper-1 {
margin-top: 10rem;
}
.thrive-img {
width: 50%;
}
.thrive-img img {
max-width: 100%;
}
@media screen and (max-width: 1050px) {
.thrive-img {
overflow: hidden;
width: 90%;
order: -1;
margin-bottom: 2rem;
margin-top: -3rem;
}
}
@media screen and (max-width: 1024px) {
.optimization-and-support .contact-form-wrap {
margin: 0 auto;
}
.optimization-and-support .video-wrap {
text-align: center;
}
}
.operations-finance img {
filter: grayscale(1);
}
.flex.inline-logos > img {
max-width: 6rem;
height: 100%;
align-self: center;
margin: 1rem;
}
.flex.inline-logos {
justify-content: left;
}
.content-blocks .client-story h3 {
font-size: 30px;
font-weight: 700;
color: #9f08c4;
margin-bottom: 0;
}
.client-story p {
margin-top: 0;
}
.client-story h6 {
margin-bottom: 0.5rem;
color: #12529e;
}
.client-right li {
margin-bottom: 0;
}
.client-story h3 {
margin-bottom: 0.5rem;
}
#blog-child ul li,
#blog-child ol li {
margin-bottom: 0.5rem;
}
#blog-child ul,
#blog-child ol {
margin-bottom: 2rem;
color: inherit;
}
#blog-child ol {
position: relative;
left: 1rem;
}
#blog-child h2,
#blog-child h3 {
margin-bottom: 1rem;
} footer#main-footer {
background-color: #1e1629;
color: #fff;
position: relative;
z-index: 1;
overflow: hidden;
}
footer#main-footer .contain-width {
padding: 0 1rem;
}
.white p,
.white h1,
.white h2,
.white h3,
.white h4 {
color: #fff;
}
.footer-modules {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-modules > div {
width: 33%;
}
.footer-modules > div:first-child,
.footer-modules > div:last-child {
max-width: 21rem;
}
.footer-logo {
text-align: center;
}
.footer-logo img {
max-width: 13rem;
height: auto;
}
.footer-modules > div:last-child {
text-align: right;
}
.footer-circ {
width: 26rem;
height: 26rem;
background-color: #1d1d35;
border-radius: 50%;
position: absolute;
bottom: -6rem;
z-index: -1;
right: 5rem;
}
.footer-contact.white p:first-child {
color: #9e9e9e;
font-style: italic;
}
.contact-links > div {
display: flex;
margin-bottom: 0.5rem;
}
.contact-links a {
margin: 0 0 0 1rem;
}
.contact-links i {
width: 1rem;
margin-right: 0.35rem;
}
.contact-links i {
width: 1rem;
margin-right: 0.35rem;
font-size: 1rem;
align-self: center;
color: #12529e;
}
.social-links {
display: flex;
flex-wrap: wrap;
}
.social-links a {
background-color: #12529e;
border-radius: 50%;
width: 2rem;
height: 2rem;
text-align: center;
color: #ffffff;
margin-right: 1rem;
}
.social-links a i {
color: #fff;
font-size: 1rem;
position: relative;
top: 0.25rem;
}
.footer-links h4 {
font-weight: 700;
}
.footer-links hr {
border: none;
height: 2px;
width: 2rem;
background-color: #9f08c4;
margin-left: auto;
margin-bottom: 1rem;
margin-top: 0.75rem;
}
.footer-links a {
color: #009ac8;
font-weight: 400;
display: inline-block;
margin: 0 0 0.5rem 0;
transition: 0.3s ease;
}
.main-content .contact-links a {
color: inherit;
}
.footer-links a:hover {
color: #fff;
}
@media screen and (max-width: 900px) {
.footer-modules > div:first-child,
.footer-modules > div:last-child {
max-width: 100%;
}
.footer-modules > div {
width: 100%;
}
.footer-modules > div:first-child {
max-width: 26rem;
margin: 0 auto;
}
.social-links {
justify-content: center;
}
.footer-logo {
order: -1;
}
.footer-contact {
text-align: center;
}
.footer-modules > div:last-child {
text-align: center;
}
.footer-links hr {
margin-right: auto;
}
.contact-links {
text-align: left;
}
}
.extendable-field-text a {
color: #9f08c4;
}
.spacer {
height: 8rem;
}
form select,
form select option {
color: #757575;
}
.section.center-content.contain-width .contact-form-container {
margin: 0;
}
.section.center-content.contain-width
.contact-form-container
.d-flex.justify-content-center {
text-align: left;
}
.narrow-wysiwyg {
position: relative;
}
.content-blocks .narrow-wysiwyg h3 {
color: #12529e;
font-weight: 700;
margin-bottom: 0;
}
.narrow-wysiwyg .circle {
position: absolute;
position: absolute;
background-color: #e5f4f9;
height: 20rem;
width: 20rem;
border-radius: 50%;
z-index: -1;
bottom: 5rem;
left: -60%;
}
.content-blocks .narrow-wysiwyg p {
margin-top: 0;
}
.content-blocks .trusted-by h3 {
font-size: 30px;
font-weight: 700;
color: #9f08c4;
}
.wysiwyg {
position: relative;
overflow: hidden;
}
.wysiwyg .right-circle {
position: absolute;
background-color: #e5f4f9;
height: 40rem;
width: 40rem;
border-radius: 50%;
z-index: -1;
opacity: 0.3;
right: -5%;
bottom: 3rem;
}
.flip-cards .tile-back {
margin: 1rem 1rem auto 1rem;
}
.flip-cards .tile-overlay {
height: 100%;
width: 100%;
background-color: rgba(18, 82, 158, 0.7);
border-bottom-right-radius: 4.3rem;
border-top-left-radius: 2.5rem;
}
.flip-cards .tile-front {
text-align: left;
padding-top: 8rem;
}
.flip-cards .tile-overlay .tile-front h3 {
font-weight: 700;
}
.flip-cards .tile-overlay .tile-front h2,
.flip-cards .tile-overlay .tile-front h3,
.flip-cards .tile-overlay .tile-front h4,
.flip-cards .tile-overlay .tile-front h5,
.flip-cards .tile-overlay .tile-front h6 {
margin-bottom: 0;
color: #fff;
}
.flip-cards .flex.tile-back a {
color: #12529e;
font-weight: 700;
}
.flip-cards .flex.tile-back p,
.flip-cards .flex.tile-back a {
margin-top: 0;
}
.flip-cards .flex.tile-back {
padding-top: 1rem;
}
.flip-cards .tile-front p {
color: #fff;
}
@media screen and (max-width: 900px) {
.contact-form-2-heading {
font-size: 30px;
line-height: 2rem;
}
}
.flex.section.contain-width.sap.sap-cover {
overflow: hidden;
} .slick-slider { margin: 0 auto;
}
.slick-prev,
.slick-next {
color: transparent;
opacity: 1;
height: 40px;
width: 40px;
margin-top: -20px;
}
.slick-prev path,
.slick-next path {
fill: rgba(18, 82, 158, 1);
}
.slick-prev {
left: -35px;
}
.slick-next {
right: -35px;
}
.slick-prev:before,
.slick-next:before {
content: none;
}
.slick-dots li button:before {
color: rgba(255, 255, 255, 0.4);
opacity: 1;
font-size: 8px;
}
.slick-dots li.slick-active button:before {
color: #ffffff;
}
.quote-container {
min-height: 200px;
color: #666666;
font-size: 36px;
margin: 0 20px;
position: relative;
}
.quote-container:hover {
cursor: -webkit-grab;
cursor: grab;
}
.quote-container .portrait {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 140px;
width: 140px;
overflow: hidden;
}
.quote-container .portrait img {
display: block;
height: auto;
width: 100%;
}
.quote-container .quote {
position: relative;
z-index: 600;
padding: 0 4rem;
margin: 0;
font-size: 20px;
font-style: italic;
line-height: 1.4 !important;
font-family: Calibri;
color: white;
}
.quote-container .quote p {
position: relative;
margin-bottom: 20px;
}
.testimonials blockquote p {
color: #92a4b2;
max-width: 100%;
text-align: left;
font-size: 20px;
line-height: 22px;
font-weight: 700;
}
.testimonials cite span,
.testimonials cite {
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #000;
margin-top: 30px;
}
.quote-container .quote p:first-child:before {
content: "\201C";
color: rgba(255, 255, 255, 0.44);
font-size: 7.5em;
font-weight: 700;
opacity: 1;
position: absolute;
top: -0.4em;
left: -0.2em;
text-shadow: none;
z-index: -10;
}
.quote-container .quote cite {
display: block;
font-size: 14px;
}
.quote-container .quote cite span {
font-size: 16px;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.dragging .quote-container {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.octogon {
-webkit-clip-path: polygon(
50% 0%,
38.11% 6.7%,
24.99% 6.72%,
18.06% 18.44%,
6.7% 25%,
6.56% 38.64%,
0% 50%,
6.7% 61.89%,
6.7% 75%,
18.44% 81.94%,
25% 93.3%,
38.64% 93.44%,
50% 100%,
61.88% 93.3%,
75% 93.3%,
81.94% 81.56%,
93.3% 74.9%,
93.44% 61.36%,
100% 50%,
93.3% 38.11%,
93.3% 25%,
81.56% 18.06%,
74.96% 6.7%,
61.36% 6.56%,
50% 0%
);
clip-path: url(#octogon);
height: 140px;
width: 140px;
}
@-webkit-keyframes gradient {
0% {
background-position: 5% 0%;
}
50% {
background-position: 96% 100%;
}
100% {
background-position: 5% 0%;
}
}
@keyframes gradient {
0% {
background-position: 5% 0%;
}
50% {
background-position: 96% 100%;
}
100% {
background-position: 5% 0%;
}
}
 .slick-loading .slick-list { } @font-face {
font-family: "slick";
font-weight: normal;
font-style: normal;
src: url(https://twbs.com/wp-content/themes/twbs/fonts/slick.eot);
src: url(https://twbs.com/wp-content/themes/twbs/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://twbs.com/wp-content/themes/twbs/fonts/slick.svg#slick) format("svg");
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 16%;
display: block;
margin-top: -10px;
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 25px;
z-index: 99;
}
[dir="rtl"] .slick-prev {
right: -25px;
left: auto;
z-index: 99;
}  .center-content ul.slick-dots,
.section ul.slick-dots {
max-width: 100%;
margin: 0 auto;
margin-bottom: 0;
text-align: center;
}
.testimonials blockquote {
text-align: left;
}
@media only screen and (max-width: 500px) {
.slick-prev,
[dir="rtl"] .slick-prev {
display: none;
}
.testimonials {
overflow: hidden;
}
}
ul.slick-dots {
padding-bottom: 3rem;
} .slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
right: auto;
left: -25px;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-slider {
margin-bottom: 30px;
padding-bottom: 3rem;
}
.slick-dots {
position: absolute;
bottom: -45px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: "slick";
font-size: 2rem;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
opacity: 0.25;
color: black;
margin-top: 1rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: 0.75;
color: black;
}
.blue_bg .testimonials blockquote p,
.blue_bg .quote-container .quote cite {
color: #fff;
}
.blue_bg .slick-dots li.slick-active button:before,
.blue_bg .slick-dots li button:before {
color: #ffffff;
}
@media only screen and (max-width: 600px) {
.slick-arrow {
display: none !important;
}
}
@media only screen and (max-width: 600px) {
.quote-container .quote {
padding: 0 1rem;
}
}
.two-column {
margin: 1rem 5rem;
max-width: 22rem;
}
.two-column img {
max-width: 20rem;
}
.three-column {
margin: 1rem 2rem;
max-width: 22rem;
}
.three-column img {
max-width: 15rem;
margin-bottom: 2rem;
}
.wpcf7 form.failed .wpcf7-response-output {
color: #dc3232;
}
form input,
form textarea {
color: #000 !important;
}
form input.cta-btn {
color: #fff !important;
} .new-banner {
position: relative;
margin-top: -6rem;
text-align: center;
}
.new-banner h2 {
color: #f1f2f3;
}
.new-banner h1,
.new-banner h2 {
max-width: 90rem;
margin: 0 auto;
text-transform: uppercase;
}
.new-banner--gray {
background-color: #f1f2f3;
position: absolute;
width: 100%;
top: 0;
z-index: -1;
padding: 13rem 6rem 7rem;
border-bottom-left-radius: 18rem;
}
.new-banner--blue {
background-color: #12529e;
padding: 12rem 6rem 6rem;
border-bottom-left-radius: 18rem;
}
@media only screen and (max-width: 1300px) {
.new-banner--gray {
border-bottom-left-radius: 9rem;
padding: 13rem 2rem 7rem;
}
.new-banner--blue {
border-bottom-left-radius: 9rem;
padding: 12rem 2rem 7rem;
}
}
@media only screen and (max-width: 800px) {
.new-banner--gray {
border-bottom-left-radius: 4rem;
padding: 13rem 1rem 7rem;
}
.new-banner--blue {
border-bottom-left-radius: 4rem;
padding: 12rem 1rem 7rem;
}
}
.tile-content {
height: 100%;
}
.padded-white {
background-color: #fff;
height: 100%;
padding: 2rem;
box-shadow: 2px 3px 13px #949494;
border-radius: 9px;
}
.menu-landing-page-navigation-container > ul li {
margin: auto 0.75rem;
} .product-child h1 {
text-transform: uppercase;
color: #12529e;
}
.product-child .heading-wrap h6 {
text-transform: uppercase;
color: #038bbc;
}
.skinny-header {
max-height: 23rem;
}
.skinny-header img {
max-height: 28.5rem;
object-fit: cover;
object-position: bottom;
}
body {
position: relative;
}
#supportBtn {
clear: both;
position: fixed;
display: block;
list-style-type: none;
top: 31%;
-webkit-animation: slideright 1s forwards;
-webkit-animation-delay: 1.5s;
animation: slideright 1s forwards;
animation-delay: 1.5s;
z-index: 99999999;
width: 11rem;
right: -65px;
left: auto;
}
#supportBtn li {
margin-bottom: 40px;
margin-right: -20px;
padding: 5px 15px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
background-color: #9f08c4;
border: 3px solid #9f08c4;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-transition: width 0.5s, background-color 0.1s;
transition: width 0.5s, background-color 0.1s;
}
#supportBtn li a {
font-size: 19px;
text-transform: none;
text-align: center;
text-decoration: none;
color: #ffffff;
}
#supportBtn li:hover {
background-color: #ffffff;
}
#supportBtn li:hover a {
color: #9f08c4;
}
.menu-landing-page-navigation-container li {
text-transform: uppercase;
} section.two-col-banner,
section.no-img-banner {
margin-top: -88px;
}
.flex-banner {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
}
.flex-banner > img {
width: 50%;
height: auto;
object-fit: cover;
border-bottom-left-radius: 5rem;
}
.banner-content {
position: relative;
background: linear-gradient(
90deg,
rgba(227, 236, 240, 1) 44%,
rgba(255, 255, 255, 1) 100%
);
width: 50%;
padding: 14rem 0 8rem;
}
.banner-content > div {
z-index: 2;
position: relative;
padding: 0 2rem;
}
.banner-dots {
position: absolute;
bottom: -2px;
z-index: 1;
}
.product-logo {
height: 2.5rem;
width: auto;
margin-bottom: 0.5rem;
max-width: 100%;
}
.banner-content p {
text-transform: uppercase;
font-weight: 600;
font-size: 1.5rem;
margin-top: 0.65rem;
line-height: 2rem;
max-width: 70rem;
margin: 1rem auto;
}
@media only screen and (max-width: 900px) {
.flex-banner > img,
.banner-content {
width: 100%;
}
.flex-banner > img {
height: 23rem;
object-position: top;
border-radius: 0;
}
.banner-content {
padding: 3rem 0 2rem;
border-bottom-left-radius: 5rem;
}
.banner-dots {
max-height: 12rem;
}
} header ul {
position: relative;
left: 0;
} .key-features-cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 2rem 0 0;
}
.key-feature-card {
background: linear-gradient(
90deg,
rgba(227, 236, 240, 1) 44%,
rgba(255, 255, 255, 1) 100%
);
position: relative;
max-width: 18rem;
border-bottom-left-radius: 5rem;
text-align: center;
padding: 3rem 2rem;
border-radius: 0.3rem 5rem;
box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 15%);
margin: 1rem;
width: 18rem;
}
.key-dots {
max-height: 9rem;
position: absolute;
bottom: 0;
z-index: 1;
left: 0;
border-radius: 0.3rem 5rem;
}
.key-feature-card > div {
position: relative;
z-index: 2;
}
.key-feature-card i {
font-size: 3rem;
}
.relative {
position: relative;
}
.relative .sm-circle {
position: absolute;
}
.relative .sm-circle {
position: absolute;
top: -1rem;
left: 6rem;
height: 4rem;
}
.no-img-banner .banner-content {
width: 100%;
}
.no-img-banner .banner-content > img,
.no-img-banner .banner-content {
border-bottom-left-radius: 18rem;
}
.no-img-banner .banner-content > div {
text-align: center;
}
.no-img-banner .banner-content {
padding: 8rem 0 3rem;
}
@media only screen and (max-width: 1300px) {
.no-img-banner .banner-content > img,
.no-img-banner .banner-content {
border-bottom-left-radius: 9rem;
}
}
@media only screen and (max-width: 800px) {
.no-img-banner .banner-content > img,
.no-img-banner .banner-content {
border-bottom-left-radius: 4rem;
}
}
.two-col.flex iframe {
max-width: 100%;
max-height: 30rem;
}
@media only screen and (max-width: 600px) {
.two-col.flex iframe {
max-height: 18rem;
}
} .categories {
text-align: center;
padding: 0 1rem;
}
.categories a {
color: #12529e;
margin: 0.25rem;
background-color: #f5f5f5;
border: 1px dotted lightgray;
padding: 0 0.5rem;
transition: 0.3s ease-in;
}
.categories a:hover {
background-color: lightgray;
}
.categories div {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 110rem;
margin: 1rem auto;
}
.search-bar {
padding: 0 1rem;
max-width: 40rem;
margin: 5rem auto 0;
}
.fixed-header {
font-size: 3.8rem;
line-height: 60px;
font-weight: 800;
color: var(--primary-color);
}
@media only screen and (max-width: 600px) {
.fixed-header {
font-size: 2rem;
line-height: 2.5rem;
}
} .wpforms-container {
text-align: left;
}
.main-content div.wpforms-container-full .wpforms-form textarea,
.content-blocks div.wpforms-container-full .wpforms-form textarea,
#contact-form div.wpforms-container-full .wpforms-form textarea {
width: 100%;
padding: 10px 50px 10px 24px;
letter-spacing: 1px;
font-size: 14px;
line-height: 40px;
border: 1px solid var(--footer-color);
border-radius: 100px;
margin-bottom: 1.2rem;
color: #646566;
height: 100px;
resize: none;
}
.main-content
div.wpforms-container-full
.wpforms-field.wpforms-field-select-style-classic
select,
.content-blocks
div.wpforms-container-full
.wpforms-field.wpforms-field-select-style-classic
select,
#contact-form
div.wpforms-container-full
.wpforms-field.wpforms-field-select-style-classic
select {
width: 100%;
padding: 10px 50px 10px 24px;
letter-spacing: 1px;
font-size: 14px;
line-height: 41px;
border: 1px solid var(--footer-color);
border-radius: 100px;
margin-bottom: 1.2rem;
color: #646566;
resize: none;
}
.main-content div.wpforms-container-full .wpforms-form input[type="datetime"],
.main-content div.wpforms-container-full .wpforms-form input[type="date"],
.main-content
div.wpforms-container-full
.wpforms-form
input[type="datetime-local"],
.main-content div.wpforms-container-full .wpforms-form input[type="email"],
.main-content div.wpforms-container-full .wpforms-form input[type="month"],
.main-content div.wpforms-container-full .wpforms-form input[type="number"],
.main-content div.wpforms-container-full .wpforms-form input[type="password"],
.main-content div.wpforms-container-full .wpforms-form input[type="range"],
.main-content div.wpforms-container-full .wpforms-form input[type="search"],
.main-content div.wpforms-container-full .wpforms-form input[type="tel"],
.main-content div.wpforms-container-full .wpforms-form input[type="text"],
.main-content div.wpforms-container-full .wpforms-form input[type="time"],
.main-content div.wpforms-container-full .wpforms-form input[type="url"],
.main-content div.wpforms-container-full .wpforms-form input[type="week"],
.main-content div.wpforms-container-full .wpforms-form select,
.main-content div.wpforms-container-full .wpforms-form textarea,
.content-blocks div.wpforms-container-full .wpforms-form input[type="datetime"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="date"],
.content-blocks
div.wpforms-container-full
.wpforms-form
input[type="datetime-local"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="email"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="month"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="number"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="password"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="range"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="search"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="tel"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="text"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="time"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="url"],
.content-blocks div.wpforms-container-full .wpforms-form input[type="week"],
.content-blocks div.wpforms-container-full .wpforms-form select,
.content-blocks div.wpforms-container-full .wpforms-form textarea,
#contact-form div.wpforms-container-full .wpforms-form input[type="datetime"],
#contact-form div.wpforms-container-full .wpforms-form input[type="date"],
#contact-form
div.wpforms-container-full
.wpforms-form
input[type="datetime-local"],
#contact-form div.wpforms-container-full .wpforms-form input[type="email"],
#contact-form div.wpforms-container-full .wpforms-form input[type="month"],
#contact-form div.wpforms-container-full .wpforms-form input[type="number"],
#contact-form div.wpforms-container-full .wpforms-form input[type="password"],
#contact-form div.wpforms-container-full .wpforms-form input[type="range"],
#contact-form div.wpforms-container-full .wpforms-form input[type="search"],
#contact-form div.wpforms-container-full .wpforms-form input[type="tel"],
#contact-form div.wpforms-container-full .wpforms-form input[type="text"],
#contact-form div.wpforms-container-full .wpforms-form input[type="time"],
#contact-form div.wpforms-container-full .wpforms-form input[type="url"],
#contact-form div.wpforms-container-full .wpforms-form input[type="week"],
#contact-form div.wpforms-container-full .wpforms-form select,
#contact-form div.wpforms-container-full .wpforms-form textarea {
width: 100%;
padding: 10px 50px 10px 24px;
letter-spacing: 1px;
font-size: 14px;
line-height: 41px;
border: 1px solid var(--footer-color);
border-radius: 100px;
margin-bottom: 1.2rem;
color: #646566;
resize: none;
}
.main-content div.wpforms-container-full .wpforms-form .wpforms-field,
.content-blocks div.wpforms-container-full .wpforms-form .wpforms-field,
#contact-form div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 0;
}
.main-content div.wpforms-container-full .wpforms-form input[type="submit"],
.main-content div.wpforms-container-full .wpforms-form button[type="submit"],
.main-content div.wpforms-container-full .wpforms-form .wpforms-page-button,
.content-blocks div.wpforms-container-full .wpforms-form input[type="submit"],
.content-blocks div.wpforms-container-full .wpforms-form button[type="submit"],
.content-blocks div.wpforms-container-full .wpforms-form .wpforms-page-button,
#contact-form div.wpforms-container-full .wpforms-form input[type="submit"],
#contact-form div.wpforms-container-full .wpforms-form button[type="submit"],
#contact-form div.wpforms-container-full .wpforms-form .wpforms-page-button {
border: 2px solid var(--cta-fill);
padding: 0.75rem 2rem;
border-radius: var(--btn-corners);
background-color: var(--cta-fill);
color: #fff;
display: inline-block;
font-weight: 700;
font-size: 0.8rem;
position: relative;
opacity: 1;
z-index: 99;
cursor: pointer;
text-transform: uppercase;
transition: 0.2s ease;
}
.main-content
div.wpforms-container-full
.wpforms-form
input[type="submit"]:hover,
.main-content
div.wpforms-container-full
.wpforms-form
input[type="submit"]:focus,
.main-content
div.wpforms-container-full
.wpforms-form
input[type="submit"]:active,
.main-content
div.wpforms-container-full
.wpforms-form
button[type="submit"]:hover,
.main-content
div.wpforms-container-full
.wpforms-form
button[type="submit"]:focus,
.main-content
div.wpforms-container-full
.wpforms-form
button[type="submit"]:active,
.main-content
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:hover,
.main-content
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:active,
.main-content
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:focus,
.content-blocks
div.wpforms-container-full
.wpforms-form
input[type="submit"]:hover,
.content-blocks
div.wpforms-container-full
.wpforms-form
input[type="submit"]:focus,
.content-blocks
div.wpforms-container-full
.wpforms-form
input[type="submit"]:active,
.content-blocks
div.wpforms-container-full
.wpforms-form
button[type="submit"]:hover,
.content-blocks
div.wpforms-container-full
.wpforms-form
button[type="submit"]:focus,
.content-blocks
div.wpforms-container-full
.wpforms-form
button[type="submit"]:active,
.content-blocks
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:hover,
.content-blocks
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:active,
.content-blocks
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:focus,
#contact-form
div.wpforms-container-full
.wpforms-form
input[type="submit"]:hover,
#contact-form
div.wpforms-container-full
.wpforms-form
input[type="submit"]:focus,
#contact-form
div.wpforms-container-full
.wpforms-form
input[type="submit"]:active,
#contact-form
div.wpforms-container-full
.wpforms-form
button[type="submit"]:hover,
#contact-form
div.wpforms-container-full
.wpforms-form
button[type="submit"]:focus,
#contact-form
div.wpforms-container-full
.wpforms-form
button[type="submit"]:active,
#contact-form
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:hover,
#contact-form
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:active,
#contact-form
div.wpforms-container-full
.wpforms-form
.wpforms-page-button:focus {
background-color: var(--cta-fill);
border: 2px solid var(--cta-fill);
cursor: pointer;
transform: translateY(-3px);
box-shadow: 0 1rem 2rem rgb(0 0 0 / 20%);
color: #fff;
}
div.wpforms-container-full {
max-width: 70rem;
margin: 0 auto;
} .icons-home.flex {
justify-content: left;
margin: 0 0 1rem 2rem;
}
.flex.icons-inner {
justify-content: flex-end;
margin-bottom: 1rem;
margin-top: -2rem;
}
.flex.icons-product {
justify-content: flex-end;
margin-bottom: 1rem;
}
@media only screen and (max-width: 1024px) {
.icons-home.flex {
margin: 0 0 1rem 0;
}
}
@media only screen and (max-width: 900px) {
.flex.icons-inner {
margin-top: -3rem;
justify-content: center;
}
.flex.icons-product {
justify-content: center;
}
}
.nav-btn {
height: fit-content;
background-color: #009ac8;
border-color: #009ac8;
margin-right: 0.5rem;
}
.nav-btn::after {
background-color: #009ac8;
} @media only screen and (max-width: 1450px) {
.main-links a {
font-size: 11.5px;
}
.menu-nav-menu-container > ul li {
margin: auto 0.5rem;
}
}
@media only screen and (max-width: 1290px) {
.main-links a {
font-size: 10.5px;
}
}
@media only screen and (max-width: 1250px) {
.nav-btn {
display: none;
}
} .two-col.form-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: left;
}
.two-col-form .contact-form-container {
margin: 0;
}
.two-col > div.two-col-form {
padding-right: 2rem;
}
.two-col-form {
position: relative;
}
@media only screen and (max-width: 1000px) {
.two-col > div.two-col-form {
padding-right: 0;
}
.two-col-form-content {
order: -1;
margin-bottom: 2rem;
}
}
.content-blocks.pillar-page .section {
padding: 2rem 1rem 1rem;
}
.content-blocks.pillar-page .white_bg:first-child .section:first-child {
padding-top: 6rem;
} .slide-container{
max-width: 1120px;
width: 100%;
padding: 40px 0;
}
.slide-content{
margin: 0 40px;
overflow: hidden;
border-radius: 25px;
}
.card{
border-radius: 25px;
background-color: #FFF;
}
.image-content,
.card-content{
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 14px;
}
.image-content{
position: relative;
row-gap: 5px;
padding: 25px 0;
}
.overlay{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #4070F4;
border-radius: 25px 25px 0 25px;
}
.overlay::before,
.overlay::after{
content: '';
position: absolute;
right: 0;
bottom: -40px;
height: 40px;
width: 40px;
background-color: #4070F4;
}
.overlay::after{
border-radius: 0 25px 0 0;
background-color: #FFF;
}
.card-image{
position: relative;
height: 150px;
width: 150px;
border-radius: 50%;
background: #FFF;
padding: 3px;
}
.card-image .card-img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50%;
border: 4px solid #4070F4;
}
.name{
font-size: 18px;
font-weight: 500;
color: #333;
}
.description{
font-size: 14px;
color: #707070;
text-align: center;
}
.button{
border: none;
font-size: 16px;
color: #FFF;
padding: 8px 16px;
background-color: #4070F4;
border-radius: 6px;
margin: 14px;
cursor: pointer;
transition: all 0.3s ease;
}
.button:hover{
background: #265DF2;
}
.swiper-navBtn{
color: #6E93f7;
transition: color 0.3s ease;
}
.swiper-navBtn:hover{
color: #4070F4;
}
.swiper-navBtn::before,
.swiper-navBtn::after{
font-size: 38px;
}
.swiper-button-next{
right: 0;
}
.swiper-button-prev{
left: 0;
}
.swiper-pagination-bullet{
background-color: #6E93f7;
opacity: 1;
}
.swiper-pagination-bullet-active{
background-color: #4070F4;
}
@media screen and (max-width: 768px) {
.slide-content{
margin: 0 10px;
}
.swiper-navBtn{
display: none;
}
}
.lg-card .flip-card-front, .lg-card .flip-card-back {
box-shadow: 0px 6px 18px rgb(0 0 0 / 15%);
}
.flip-card.lg-card .tile-overlay {
background-color: rgba(18, 82, 158,.8); 
height: 100%;
width: 100%;
border-top-left-radius: 40px;
border-bottom-right-radius: 70px;
padding: 1rem 0;
}
.flip-card.lg-card h4 {
font-size: 1rem;
line-height: 1.25rem;
margin-bottom: 0.5rem;
}
.flex.tile-back ol, .flex.tile-back ul {
color: #fff;
font-size: .8rem;
}
.flex.tile-back li {
line-height: 1.3rem;
margin-bottom: 0.5rem;
}
.lg-card p {
margin-top: 0;
}
.lg-card {
width: 19.5rem;
height: 21.5rem;
max-width: 100%;
}
.card.swiper-slide {
padding: 1rem;
border-radius: 0;
background-color: transparent;
} .lg-card .flex.tile-front {
padding-top: 1rem;
}
.slide-content.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
padding-bottom: 1rem;
}
.lg-card .tile-front p {
word-break: inherit;
display: block;
} .extendable-questions-wrap.extendable-questions-opposite {
padding-left: 0;
padding-right: 3rem;
}
.text-wrap.text-wrap-opposite {
padding-left: 0;
padding-right: 1rem;
}
.lg-card .flip-card-back { overflow: hidden;
}
.lg-card p {
line-height: 1.25rem;
}
.slide-content.swiper-initialized.swiper-horizontal.swiper-pointer-events {
padding-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
.extendable-questions-wrap.extendable-questions-opposite {
padding-right: 1rem;
}
.text-wrap.text-wrap-opposite {
padding-right: 0;
order: -1;
}
}
.purple-txt,
.content-blocks .purple-txt {
font-weight: 700;
color: #9f08c4;
}
.blue_bg .field-title {
color: #000000;
} .two-three-split.img-content > img {
width: 30%;
}
.two-three-split.img-content > div {
width: 70%;
}
@media screen and (max-width: 900px) {
.two-three-split.img-content > img,
.two-three-split.img-content > div {
width: 100%;
}
}
.wysiwyg-callout {
position: relative;
}
.dots-top, .dots-bottom {
position: absolute;
opacity: .6 !important;
width: 22rem;
max-width: 100%;
}
.dots-top {
top: -2px;
right: 0;
transform: rotate(180deg);
}
.dots-bottom {
bottom: 0;
left: 0;
}
.img-content-tiles img.tile-img {
width: 20rem;
height: 17rem;
max-width: 100%;
}
.content-blocks .img-content-tiles h3 {
color: #12529e;
font-weight: 800;
font-size: 20px;
margin-top: 20px;
line-height: 1.5rem;
}
.content-blocks .img-content-tiles .tile-content  {
text-align: left;
}
.blue-txt {
color: #12529e;
}
.flip-cards .tile-overlay .tile-front h3 {
line-height: 1.5rem;
}
.announcement-bubble {
background-color: #e3ecf0;
width: 32rem;
margin: 0 auto;
border-radius: 6rem;
max-width: 90%;
}
.content-blocks .bubble h2 {
font-size: 2rem;
font-weight: 800;
line-height: 2rem;
margin-bottom: 0;
}
.bubble > div > div {
width: 56%;
height: fit-content;
align-self: center;
}
.bubble > div > a {
width: auto;
height: fit-content;
align-self: center;
max-width: 36%;
text-align: center;
}
.bubble {
position: relative;
}
.circ-1, .circ-2, .circ-3 {
position: absolute;
}
.circ-1, .circ-2 {
background-color: rgba(0, 148, 193, .2);
}
.circ-3 {
width: 4rem;
height: 4rem;
bottom: -1rem;
left: -2rem;
}
.circ-1 {
width: 5rem;
height: 5rem;
border-radius: 50%;
top: -2rem;
left: -1rem;
}
.circ-2 {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
right: -0.5rem;
bottom: -0.5rem;
}
.announcement-bubble {
margin-top: 1.5rem;
margin-bottom: -4rem;
}
@media screen and (max-width: 600px) {
.bubble > div > div {
width: 100%;
}
.bubble {
padding: 3rem 1rem 1rem;
text-align: center;
}
.bubble > div > a {
max-width: 100%;
}
.announcement-bubble {
margin-top: 3rem;
}
}
.stripe {
position: absolute;
top: 3.5rem;
max-width: 100%;
width: 12rem;
}
.cycle-1, .cycle-2 {
position: relative;
width: 20rem;
max-width: 100%;
padding-top: .5rem;
}
.content-blocks .cycle-1 h3, .content-blocks .cycle-2 h3 {
font-weight: 800;
line-height: 1.5rem;
}
.cycle-module.flex > h3 {
padding-right: 1rem;
}
.cycle-names.flex {
margin-top: 3rem;
}
@media screen and (max-width: 895px) {
.cycle-module.flex:first-child {
margin-bottom: 3rem;
}
.cycle-module.flex {
max-width: 100%;
}
}
.stylized_bg {
position: relative;
}
.stylized-circ-1,
.stylized-circ-2,
.stylized-circ-3 {
position: absolute;
z-index: 1;
}
.stylized-circ-3 {
right: 10%;
top: 50%;
width: 5rem;
height: 5rem;
}
.wysiwyg .section.contain-width {
position: relative;
z-index: 2;
}
.stylized-circ-1, .stylized-circ-2 {
background-color: rgba(0, 148, 193, .1);
border-radius: 50%;
}
.stylized-circ-1 {
height: 36rem;
width: 36rem;
bottom: -6rem;
left: -8rem;
}
.stylized-circ-2 {
width: 15rem;
height: 15rem;
right: -3%;
top: 16%;
} .antimate-btn {
animation: bounceBtn 0.6s ease-out infinite alternate;
margin-bottom: 0;
}
.bounceShadow {
animation: bounceShadow 0.6s ease-out infinite alternate;
margin-top: 4px;
width: 12rem;
height: 14px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
filter: blur(14px);
margin: 0 auto;
}
@keyframes bounceBtn {
from { transform: translateY(0);}
to {transform: translateY(-14px);}
}
@keyframes bounceShadow {
from { transform: translateY(0px); filter: blur(14px);}
to {transform: translateY(4px);   filter: blur(17px);}
} #versago-infographic {
text-align: center;
}
.modules-content {
position: relative;
width: 60rem;
margin: 2rem auto;
max-width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.modules-content img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
max-width: 150%;
opacity: .5;
}
.content-item {
opacity: 0;
transition: opacity 0.3s ease-in-out;
display: none;
}
.content-item.show {
opacity: 1;
display: block;
}
.modules-content div {
background: rgb(0,148,193);
background: linear-gradient(90deg, rgba(0,148,193,1) 0%, rgba(18,82,158,1) 100%);
width: 15rem;
max-width: 100%;
border-radius: 3rem;
padding: 0.25rem;
margin: 0.25rem;
}
button.info-btn.cta-btn.active {
background-color: #12529e;
border-color: #12529e;
}
.modules-content div p {
margin: 0;
color: #fff;
font-weight: 700;
}
.info-btn {
margin: 0.25rem;
}
.intro > img {
max-width: 100%;
width: 12rem;
}
.versago-examples .content {
margin-top: 2rem;
}
.content-item p {
margin: 0.5rem 0;
}* {
hyphens: none !important;
}  .main-links ul a {
padding: 0.5rem 2rem 0.5rem 0.5rem !important;
margin: 0;
}
.main-links ul li > a:after {
content: "";
}
.main-links > li > ul {
padding-top: 1rem;
}
.main-links ul ul {
left: -99.5%;
}
.main-links ul a {
border: none;
}
.main-links ul li:last-child > a {
border-radius: 0 0 20px 4px;
}
.main-links ul a {
background: linear-gradient(
90deg,
rgba(18, 82, 158, 1) 0%,
rgba(0, 148, 193, 1) 100%
);
}
.main-links ul li:hover > a {
filter: brightness(80%);
}
.gray-bg {
height: 22rem;
}
.blue-bg {
height: 21rem;
}
.optimization-and-support {
margin-top: 90px;
} header#navigation1 .current-menu-ancestor > ul a,
header#navigation1 .menu-item > ul a {
margin-top: 0;
margin-bottom: 0;
}
.main-links ul li.menu-item-has-children > a:after {
content: "+";
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px;
}
ul.sub-menu ul {
transition: 0.3s ease-out;
}
.main-links > li > ul a {
padding-top: 1rem;
font-weight: 600;
}
.main-links ul.sub-menu ul a {
background: linear-gradient(
270deg,
rgba(18, 82, 158, 1) 0%,
rgba(0, 148, 193, 1) 100%
);
text-align: right;
}
.main-links ul li .sub-menu li:last-child > a {
border-radius: 0 0 4px 20px;
}
.main-links ul li .sub-menu li:first-child > a {
border-radius: 20px 0 0 0;
}
.main-links > li > ul > li > ul > li a {
font-weight: 200;
}
.main-links > li > ul > li > ul > li a {
padding: 0.5rem 1rem 0.5rem 0.5rem !important;
} .main-content {
position: relative;
}
.main-content h1 {
color: #fff;
text-transform: uppercase;
text-align: left;
}
.body-content {
padding: 6rem 1rem 0;
}
.gold-text {
color: #02a7d9;
}
.purple-text {
color: #9f08c4;
}
.body-content h2,
.body-content h2 span,
.content-blocks h2,
.content-blocks h2 span,
.body-content h2 a,
.content-blocks h2 a {
font-weight: 700;
font-size: 3rem;
line-height: 3.5rem;
margin-bottom: 1rem;
}
.content-blocks h3,
.content-blocks h3 a,
.content-blocks h3 span,
.body-content h3,
.body-content h3 a,
.body-content h3 span {
font-size: 1.5rem;
margin-bottom: 1.5rem;
font-weight: 300;
line-height: 2.5rem;
color: inherit;
}
.main-content a.cta-btn {
color: #fff;
}
.main-content a,
.content-blocks a,
.content-blocks h3 a {
color: #9f08c4;
}
.main-content .footer-links a {
color: #0094c1;
}
.content-blocks .blue_bg a {
color: #02a7d9;
}
.content-blocks a.cta-btn,
.content-blocks .blue_bg a.cta-btn {
color: #fff;
}
.section p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 800px) {
.body-content h2,
.body-content h2 span,
.content-blocks h2,
.content-blocks h2 span {
font-size: 2rem;
line-height: 2.75rem;
}
.content-blocks h3,
.content-blocks h3 a {
font-size: 1.15rem;
line-height: 1.85rem;
}
}
.header-spacer {
height: 5.5rem;
}
@media only screen and (max-width: 1900px) {
.main-content h1,
.optimization-and-support h1 {
text-align: center;
}
}
@media only screen and (max-width: 1300px) {
.main-content h1 {
font-size: 2.5rem;
}
.header-spacer {
height: 4.5rem;
}
.gray-bg {
height: 24rem;
}
.blue-bg {
height: 23rem;
}
.body-content {
padding: 10rem 1rem 5rem;
}
.title {
padding: 0 4rem;
}
}
@media only screen and (max-width: 700px) {
.main-content h1 {
font-size: 2rem;
line-height: 2.5rem;
}
}
.gray_bg {
background-color: #d9e1e6;
}
.blue_bg {
background-color: #12529e;
background-size: 32rem;
background-repeat: no-repeat;
background-position: left bottom;
}
.purple_bg {
background-color: #9f08c4;
background-size: 32rem;
background-repeat: no-repeat;
background-position: left bottom;
}
.purple_bg .cta-btn {
background-color: #12529e;
}
.white_txt,
.white_txt p,
.white_txt h1,
.white_txt h2,
.white_txt h3,
.white_txt h4,
.white_txt h5,
.white_txt h6,
.white_txt ul,
.white_txt li,
.white_txt ol {
color: #fff;
}
.content-blocks .section {
padding: 6rem 1rem;
}
.content-blocks .section-sm {
padding: 4rem 1rem;
}
.flex {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.logo-stripe > div img {
margin: 1rem 2rem;
width: 10rem;
vertical-align: middle;
}
.logo-stripe {
margin-top: 4rem;
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
} .img-content img,
.img-content > div {
width: 50%;
height: fit-content;
align-self: center;
}
.img-content img {
object-fit: contain;
height: fit-content;
}
.img-content {
display: flex;
}
.content-blocks ul,
.content-blocks ol {
color: #333;
position: relative;
left: 1rem;
}
.content-blocks .white ul,
.content-blocks .white a,
.content-blocks .white ol {
color: #fff;
}
.img-content img {
padding: 3rem;
}
.left-txt {
text-align: right;
}
@media only screen and (max-width: 900px) {
.img-content {
justify-content: center;
flex-wrap: wrap;
}
.img-content img,
.img-content > div {
width: 100%;
}
.img-content img {
padding-top: 0;
order: -1;
}
.left-txt {
text-align: left;
}
} .tiles > div {
width: 24rem;
margin: 2rem;
max-width: 100%;
text-align: center;
}
img.tile-img {
width: 5rem;
height: 5rem;
object-fit: contain;
}
.tile-content p {
margin-top: 0;
margin-bottom: 1rem;
}
.thrive-text {
padding-right: 1rem;
} .two-col > div {
width: 50%;
padding: 1rem;
}
@media only screen and (max-width: 1000px) {
.two-col > div {
width: 100%;
padding: 1rem 0;
}
.two-col > div:first-child {
margin-bottom: 2rem;
}
}
.main-content ul,
.main-content ol {
color: inherit;
position: relative;
left: 1rem;
margin-bottom: 1rem;
}
.title {
max-width: 70rem;
margin: 0 auto;
} .content-blocks .quote-container .p1 {
margin-top: 0;
padding-top: 2rem;
}
.content-blocks .quote-container p:last-child {
margin-bottom: 0;
padding-bottom: 2rem;
}
.flex.customer-stories > div {
margin: 1rem;
}
#blog-child a {
color: #9f08c4;
}
li {
line-height: 26px;
}
.in-page-links a {
color: #9f08c4;
}
.in-page-links > .extendable-field-title {
transition: 0.3s ease-in;
cursor: pointer;
}
.in-page-links .extendable-field-title:hover {
background-color: #12529e;
}
.in-page-links .extendable-field-title:hover span {
color: #fff;
}
.current-menu-item a,
.current-page-ancestor a {
border-bottom: 2px solid #9f08c4;
}
@media only screen and (max-width: 1250px) {
.current-menu-item a,
.current-page-ancestor a {
border-bottom: none;
}
}