/**Global**/
html, body {
max-width: 100%;
overflow-x: hidden;
}
body {
font-family: "Mulish", sans-serif;
font-optical-sizing: auto;
font-size: 1.1em;
line-height:1.8em;
font-smooth: auto;
color:#000
}
@media (max-width: 778px) {
body {
font-family: "Mulish", sans-serif;
font-size: 16px;
font-smooth: auto;
line-height:unset;
}
}
@media (min-width: 430px) {
.intro {
font-size:1rem;
}
}
.intro {
font-size:20px;
}
@media (max-width: 778px) {
.intro {
font-size: 18px;
}
}
@media (min-width: 1000px) {
h1 {
font-family: 'League Spartan', sans-serif;
font-size: calc(5rem + 1.1vw);
font-weight: 700;
margin-bottom: 20px;
}
}
h1 {
font-family: 'League Spartan', sans-serif;
font-size: calc(3.5rem + 1.1vw);
line-height: 4rem;
font-weight: 700;
margin-bottom: 20px;
}
h2 {
font-family: 'League Spartan', sans-serif;
font-size: clamp(2rem, 5.5vw, 3.5rem);
font-weight: 700;
margin-bottom: 10px;
}
@media (min-width: 1000px) {
.h2-large {
font-size: clamp(2rem, 5.5vw, 3.5rem);
}
}
h3, h4, h5 {
font-family: 'League Spartan', sans-serif;
font-weight: bold;
}
a {
text-decoration:none;
}
.entry-content a
{
text-decoration:underline;
font-weight:bold;
}
a:hover {
color: #000;
}
.size-thumbnail, .size-medium, .size-large, .size-full {
max-width: 100%;
height: auto;
}
@media (min-width: 1190px) {
.d-lg-block {
display: block !important;
}
}
/**Colours**/
.blue {
color: #5900FF
}
.bg-blue {
background-color: #5900FF
}
.yellow {
color: #FFC504
}
.bg-yellow {
background-color: #FFC504
}
.text-light {
color: #fff !important;
}
.bg-light {
background-color: #fff !important;
}
.text-dark {
color: #000 !important;
}
.bg-dark {
background-color: #000 !important;
color:#fff;
}
.bg-dark-grey {
background-color: #1a1a1a !important;
}
.bg-light-grey {
background-color: #ededed;
}
/**Buttons**/
@media (max-width: 430px) {
.btn-lk-primary {
font-size: 16px !important;
padding: 13px 40px !important;
}
.btn-lk-light {
font-size: 16px !important;
padding: 13px 40px !important;
}
.btn-lk-dark {
font-size: 16px !important;
padding: 13px 40px !important;
}
.btn-lk-secondary {
font-size: 16px !important;
padding: 13px 40px !important;
}
}
.btn-lk-primary {
background-color: #5900FF;
text-decoration:none;
color: #fff !important;
border:2px solid #5900FF;
font-size: 20px;
border-radius: 10px;
padding: 13px 50px;
font-weight: bold;
}
.btn-lk-primary:hover {
background-color: transparent;
color: #5900FF !important;
border:2px solid #5900FF;
font-weight: bold;
}
.btn-lk-light {
background-color: #fff;
color: #5900FF !important;
text-decoration:none;
border:2px solid #fff;
font-size: 20px;
border-radius: 10px;
padding: 13px 50px;
font-weight: bold;
}
.btn-lk-light:hover {
background-color: #5900FF;
color: #fff !important;
font-weight: bold;
}
.btn-lk-dark {
background-color: #000;
text-decoration:none;
color: #fff !important;
border:2px solid #000;
font-size: 20px;
border-radius: 10px;
padding: 13px 50px;
font-weight: bold;
}
.btn-lk-dark:hover {
background-color: #5900FF;
color: #fff !important;
font-weight: bold;
}
.btn-lk-secondary {
background-color: #ffffff;
color: #5900FF !important;
text-decoration:none;
border:2px solid #fff;
font-size: 20px;
border-radius: 10px;
padding: 13px 50px;
font-weight: bold;
}
.btn-lk-secondary:hover {
background-color: #5900FF;
color: #fff !important;
font-weight: bold;
}
.btn-nav, .btn-nav:hover {
text-decoration:none;
padding: 10px 20px;
font-size: 15px;
font-weight: 400;
}
/** New Button Variations **/
.btn-lk-primary-smaller {
padding: 10px 25px;
font-size: 18px;
}
.button-wrapper {
display: inline-block;
}
.btn-lk-primary-smaller {
margin-top: 10px;
}
/**Navbar**/
.navbar-brand img {
width: 200px;
height: auto;
}
.navbar-nav .nav-link {
font-weight: 400;
font-size: 15px;
padding-left: 15px !important;
padding-right: 15px !important;
}
.navbar-light {
background-color: #fff;
}
.navbar-light .navbar-toggler-icon {
background-image: none !important;
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 1);
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
border-bottom: 3px solid #FFC504;
}
.nav-highlight {
border-bottom: 3px solid #5900FF;
}
.navbar-dark {
background-color: #000;
}
.navbar-dark .navbar-toggler-icon {
background-image: none !important;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0);
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
border-bottom: 3px solid #FFC504;
}
.dropdown-menu {
border-radius: 0px;
border: none;
}
@media (max-width: 1000px) {
.dropdown-item, .sem-nav li {
padding-left: 0px
}
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
.navbar-expand-lg .offcanvas {
position: static;
z-index: auto;
flex-grow: 1;
width: auto !important;
height: auto !important;
visibility: visible !important;
background-color: transparent !important;
border: 0 !important;
transform: none !important;
transition: none;
}
.navbar-expand-lg .offcanvas .offcanvas-header {
display: none;
}
.navbar-expand-lg .offcanvas .offcanvas-body {
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
}
}
/*--Mobile Nav--*/
@media (max-width: 767px) {
.top-bar .d-none.d-md-block {
display: none !important;
}
.top-bar .mobile-only {
display: none;
}
.navbar-toggler.collapsed + .top-bar .mobile-only {
display: inline-flex !important;
padding-left: 1rem;
}
}
@media (min-width: 768px) {
.top-bar .mobile-only {
display: none;
}
}
/*--Footer--*/
footer {
font-size: 15px;
}
footer a {
color: #000;
}
footer h2 {
font-size: 1.7rem;
line-height: 1.7rem;
margin-bottom: 10px;
}
footer ul {
list-style-type: none;
padding-inline-start: 0px;
}
/*--Mobile Footer--*/
.mobile-footer-socials {
font-size: 30px
}
/**FAQs**/
.faq-question {
font-weight: bold;
margin-bottom: 0px;
}
.faq-wrap {
margin-bottom: 15px;
}
.faq-accordion {
cursor: pointer;
padding: 13px 0px 13px 0px;
background-color: transparent;
width: 100%;
border: none;
border-bottom: 1px solid #D0D0D0;
text-align: left;
outline: none;
font-weight: 800;
transition: 0.4s;
display: flex;
}
.panel-active {
margin-bottom: 0px;
}
.panel-active, .faq-accordion:hover {}
.faq-accordion:after {
font-family: "Font Awesome 6 Free";
content: "\f055";
font-size: 20px;
font-weight: 600;
float: right;
margin-left: auto;
}
.panel-active:after {
content: "\f056";
font-size: 20px;
}
.faq-panel {
padding: 0px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.faq-panel p {
padding: 20px 0px;
}
/**Cards**/
.card {
border: none;
}
.position-relative {
position: relative;
}
/*--Graphic Cards--*/
.card-graphic {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
height: 250px;
object-fit: contain;
width: 100%;
}
@media (min-width: 778px) {
.card-graphic {
height: 200px;
}
}
/*--Service Cards--*/
.service-card {
border-radius: 40px;
}
.service-card-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.service-card-img-header {
flex-shrink: 0;
margin-left: auto;
}
@media (max-width: 778px) {
.service-card-img-header {
max-height: 50px !important;
padding-left: 5px
}
}
.service-card-text {
padding-top: 15px;
font-size: 16px;
}
.service-card h3 {
font-family: 'League Spartan', sans-serif;
font-size: 25px;
line-height:28px;
font-weight: bold;
}
.service-card a {
text-decoration:underline
}
.h3-responsive {
margin-right: auto;
}
/*--Testimonials--*/
.testimonial-card {
border-radius: 40px;
font-size: 16px;
}
.testimonial-client-headshot {
border-radius: 50%;
}
.star-rating .fas, .star-rating .far {
color: gold;
margin-right: 4px;
}
.testimonial-revs-img {
max-width: 45%;
}
/*--Splodge Graphics--*/
.splodge-1 {
position: absolute;
right: 35%;
height: 40%;
transform: translateX(100%);
top: 45%;
z-index: -1;
}
.splodge-2 {
position: absolute;
left: 30%;
transform: translateX(-100%);
top: 18%;
height: 40%;
z-index: -1;
}
@media (max-width: 768px) {
.splodge-1, .splodge-2 {
left: 5%;
height: 5%;
right: auto;
transform: translateX(-50%);
}
.splodge-2 {
right: 5%;
left: auto;
height: 5%;
transform: translateX(50%);
}
}
@media (max-width: 1190px) {
.navbar .m-auto {
margin-left: auto !important;
margin-right: unset !important;
}
}
@media (max-width: 1180px) {
.header-socials {
display: none
}
}
a {
color: unset;
}
/**/
.icon-size {
height: 1em;
width: auto;
vertical-align: middle;
}
.rounded-border {
border-radius: 40px;
}
.top-bar {
font-size: 15px;
}
/*--Hero--*/
.large-hero {
overflow: hidden;
}
.home-hero {
overflow: hidden;
}
.home-hero .award-logo, .large-hero .award-logo {
max-width: 120px;
max-height: 120px;
}
.hero-video-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.75);
z-index: 1;
}
.home-hero .container, .large-hero .container {
position: relative;
z-index: 2;
}
.home-hero .arrow-graphic {
position: relative;
z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
.hero-video-bg {
display: none;
}
}
.home-hero p, .large-hero p {
font-size: 18px;
}
@media (min-width: 1200px) {
.home-hero p, .large-hero p {
width: 65% !important;
font-size: 20px;
}
}
.home-hero-gradient {
background: rgb(0, 0, 0);
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 50%);
}
@media (min-width: 1200px) {
.h1-home-hero {
font-family: 'League Spartan', sans-serif;
font-size: calc(3.5rem + 1.1vw);
line-height: calc(3.5rem + 1.1vw);
font-weight: 700;
margin-bottom: 20px;
}
}
@media (min-width: 1290px) {
.h1-services-hero {
font-family: 'League Spartan', sans-serif;
font-size: calc(3rem + 1.1vw);
line-height: calc(3rem + 1.1vw);
font-weight: 700;
margin-bottom: 20px;
}
}
@media (min-width: 1100px) {
.h1-services-hero {
font-family: 'League Spartan', sans-serif;
font-size: calc(3rem + 1.1vw);
line-height: calc(3rem + 1.1vw);
font-weight: 700;
margin-bottom: 20px;
}
}
.awards-graphic {
position: absolute;
left: -30px;
bottom: -40px;
height: 80px;
width: auto;
max-width: 100%;
z-index:1
}
.awards-sparkle {
position: absolute;
right: -60px;
top: 0;
height: auto;
width: 60px;
max-width: 100%;
z-index: 1;
}
.arrow-graphic {
position: absolute;
left: -20px;
bottom: 30px;
height: 80px;
}
@media (max-width: 768px) {
.arrow-graphic {
width: 100px;
height: auto;
bottom: 0;
}
}
@media (max-width: 621px) {
.arrow-graphic {
bottom: 30px;
}
}
/*--Hero Buttons--*/
.home-hero-rotate {
margin-top: 40px;
width: 100%;
}
@media (min-width: 900px) {
.home-hero-rotate {
margin-top: 40px;
width: 70% !important;
}
}
@media (min-width: 1000px) {
.home-hero-rotate {
margin-top: 40px;
width: 80% !important;
}
}
@media (min-width: 1320px) {
.home-hero-rotate {
margin-top: 40px;
width: 70% !important;
}
}
.home-hero .rotate-right {
float: left;
transform: rotate(-4.5deg);
}
.home-hero .rotate-left {
float: right;
transform: rotate(3deg);
}
/*--Rotate Buttons--*/
.hero-rotate {
display: flex;
justify-content: center;
}
.hero-rotate .btn-lk-primary, .hero-rotate .btn-lk-light {
transition: transform 0.3s ease;
}
.rotate-right {
transform: rotate(-4.5deg);
}
.rotate-left {
transform: rotate(3deg);
}
/*--Signup Footer--*/
.white-black-gradient {
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 50%);
}
.positioned-section {
position: relative;
overflow: hidden;
}
.footer-graphic {
position: absolute;
bottom: 5px;
right: 10%;
width: auto;
height: auto;
max-height: 100%;
}
.footer-signup {
color: #fff;
}
.footer-signup a:hover {
color: #FFC504;
}
.footer-signup .gform-theme--foundation .gfield input.large {
border: 1px solid #fff;
color: #000;
padding-top: 30px;
padding-bottom: 30px;
background-color: #fff;
}
.footer-signup .gform_required_legend {
display: none;
}
.footer-signup #gform_submit_button_1 {
text-align: center;
padding: 15px 45px;
border-radius: 10px;
font-weight: bold;
background-color: #5900ff;
}
.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: unset !important;
margin-block-start: var(--gform-theme-form-footer-margin-block-start);
}
/*--Gravity Forms--*/
.gform_required_legend {
display: none;
}
/*--Videos--*/
/*--Navbar--*/
.navbar i {
font-size: 15px;
}
@media (max-width: 390px) {
.navbar-brand img {
width: 120px;
height: auto;
}
}
/*--Underlines--*/
.underline-1 {
width: 85% !important;
margin: auto;
}
/*--Nobi Graphics--*/
.Nobi-ChaChing {
position: absolute;
left: -30px;
bottom: -40px;
height: 120px;
width: auto;
max-width: 100%;
}
.Nobi-Check {
position: absolute;
top: 100px;
right: -20px;
}
.footer-graphic {
position: absolute;
bottom: -80px;
height: 120px;
width: auto;
max-width: 100%;
}
/*--Swiper--*/
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: -20px;
}
.video-swiper-container .swiper-pagination-bullet-active {
background: #FFC504;
}
.video-swiper-container .swiper-pagination-bullet {
background: #fff;
opacity: 0.5
}
.video-swiper-container .swiper-pagination {
position: unset;
margin-top: 20px;
}
.testimonials-swiper .swiper-pagination-bullet-active {
background: #FFC504;
}
.testimonials-swiper .swiper-pagination-bullet {
background: #000;
opacity: 0.5
}
.testimonials-swiper .swiper-pagination {
position: unset;
margin-top: 20px;
}
/*--Posts--*/
.post-content img {
/*max-width: 100% !important;*/
/*height: auto;*/
}
.custom-toc {}
.custom-toc li a {
text-decoration: none;
color: #333;
}
.custom-toc li {
font-size: 16px;
border-bottom: 1px solid #d3d3d3;
line-height: 25px !important;
padding: 5px 0px 5px 0px;
}
/*Timeline*/
.timeline {
position: relative;
}
.timeline::before {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
background: #000;
}
.timeline-item {
position: relative;
margin-bottom: 30px;
}
.timeline-content {
padding: 10px;
}
@media (max-width: 768px) {
.timeline::before {
left: 15px;
}
.timeline-date {
left: 15px;
transform: translateX(0);
}
}
/*-----Post Card-----*/
.post-card .entry-title {
font-size: 25px;
line-height: unset;
}
.post-card {
border-radius: 40px;
font-size: 14px;
background-color: #fff;
}
.post-card {
display: flex;
flex-direction: column;
height: 100%;
}
.job-post {
display: flex;
flex-direction: column;
height: 100%;
}
.entry-footer {
margin-top: auto;
}
/**/
.card-graphic {
max-height:250px;
margin-bottom:20px;
margin-top:20px;
}
.image-container {
height: 80px;
width: 80px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.service-card-img-header {
max-width: 80px;
max-height: 80px;
width:100%;
height:auto;
object-fit: contain !important;
}
#vibratingButton {
animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
/*----Button Variations----*/
.cta-block .bg-dark .btn-lk-primary:hover {
background-color: transparent;
color: #fff !important;
border: 2px solid #5900FF;
font-weight: bold;
}
.services-hero .btn-lk-primary:hover, .home-hero .btn-lk-primary:hover, #vibratingButton:hover {
background-color: transparent;
color: #fff !important;
border: 2px solid #5900FF;
font-weight: bold;
}
/*----Timeline----*/
.timeline-icon img {
max-height: 150px;
text-align: center;
margin: auto;
}
.timeline-icon {
text-align: center;
margin: auto;
}
.gloria-hallelujah-regular {
font-family: "Gloria Hallelujah", cursive;
font-weight: 400;
font-style: normal;
}
@media (max-width: 768px) {
.timeline-item .col-5, .timeline-item .col-2 {
flex: 0 0 100%;
max-width: 100%;
}
.timeline p, .timeline h3 {
padding-left: 30px;
}
.timeline-item .col-5.align-self-center, .timeline-item .col-5.timeline-content {
order: 1;
}
.timeline-item .col-2.text-center {
order: 2;
margin: 20px 0;
}
.timeline-icon img {
max-width: 100%;
height: auto;
}
.timeline-date, .timeline-content p {
font-size: 14px;
}
.timeline-content, .timeline-icon {
padding: 15px;
}
}
.timeline-date {
position: absolute;
left: 50%;
transform: translateX(-50%);
background: #FFC504;
border-radius: 50%;
padding: 5px 10px;
}
/*----Video Section----*/
.video-facade {
position: relative;
cursor: pointer;
background-size: cover;
background-position: center;
}
.video-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: none;
background: transparent;
cursor: pointer;
}
#videoModal .modal-body {
padding: 0;
overflow: hidden;
}
.video-wrapper {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.video-wrapper iframe, .video-wrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-play-btn {
background-color: black;
border-radius: 50%;
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
border: none;
padding: 0;
cursor: pointer;
}
.video-play-btn img {
display: block;
}
/*----Body Buttons Rotate----*/
.lk-rotate-right {
transform: rotate(-2deg);
}
.lk-rotate-left {
transform: rotate(2deg);
}
/*----Blog Posts Grid----*/
.post-card .entry-title {
line-height: 30px;
}
.post-card a:hover {
color: #FFC504
}
.post-card .btn-lk-primary:hover {
background-color: #fff;
color: #000 !important
}
.blog-hero .btn-lk-primary:hover {
background-color: #fff;
color: #000 !important
}
.featured-blogs .post-card {
height: unset;
background-color: transparent;
}
.featured-blogs .entry-title a:hover {
color: #000
}
.featured-blogs .btn-lk-primary {
max-width: 240px;
}
.nav-links {
display: flex;
list-style: none;
padding-left: 0;
}
.nav-links a, .nav-links span:not(.dots) {
display: flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
margin: 0 4px;
border-radius: 50%;
background-color: #000;
color: #fff;
text-decoration: none;
}
.nav-links .current {
background-color: #FFD700 !important;
color: #000 !important;
}
.nav-links a:hover {
background-color: #5900FF;
}
.nav-links .prev, .nav-links .next {
background-color: transparent;
color: #000;
width: auto;
height: auto;
}
.nav-links .prev, .nav-links .next:hover {
background-color: transparent;
color: #000;
width: auto;
height: auto;
}
/*----Contact-----*/
.offices .splodge-1 {
position: absolute;
right: 10%;
opacity: .4;
height: 45%;
transform: translateX(100%);
top: 45%;
z-index: -1;
}
.offices .splodge-2 {
position: absolute;
left: 10%;
opacity: .4;
transform: translateX(-100%);
top: 1%;
height: 45%;
z-index: -1;
}
@media (max-width: 768px) {
.offices .splodge-1, .splodge-2 {
left: 5%;
height: 5%;
right: auto;
transform: translateX(-50%);
}
.offices .splodge-2 {
right: 5%;
left: auto;
height: 5%;
transform: translateX(50%);
}
}
#gform_wrapper_35 input[type="text"], #gform_wrapper_35 input[type="email"] {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
height: 50px;
padding: 0 15px;
border-radius: 5px;
}
#gform_wrapper_35 ::placeholder {
color: #fff;
opacity: 1;
}
#gform_wrapper_35 label.gform-field-label--type-sub {
display: none;
}
#gform_wrapper_35 input[type="submit"] {
background-color: #5900FF;
color: #fff !important;
font-size: 16px;
border: 2px solid #5900FF;
border-radius: 10px;
padding: 14px 50px;
font-weight: bold;
}
#gform_wrapper_35 input[type="submit"]:hover {
background-color: transparent;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 16px;
padding: 14px 50px;
font-weight: bold;
}
.cta-gen a {
text-decoration:none;
}
@media (max-width: 600px) {
.hero-cta-group button {
width:100%;
}
}
.en-tabbed .nav-pills {
background-color:#f2f2f2;
}
.en-tabbed .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color:#FFC504;
background-color: #000;
}
.en-tabbed .nav-link {
color:#000;
padding:20px !important;
border-bottom:2px solid #fff
}
.post-card .card-img-top img, .post-card .card-img-top {
border-top-left-radius:30px;
border-top-right-radius:30px;
}
.cta-shortcodes .ninja-popup__image-left {
position: absolute;
max-width: 10rem !important;
bottom: -1rem;
left: -1rem !important;
}
.cta-shortcodes .ninja-popup__image-right {
position: absolute;
max-width: 10rem !important;
bottom: -1rem;
right: -1rem !important;
}
.sticky-navbar {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
.sticky-cta {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}
@media (max-width: 600px) {
.hero-cta-group a {
display: block;
width: 100%;
margin-top: 10px;
margin-right: 0 !important;
}
.hero-cta-group a:first-child {
margin-top: 0;
}
}
.default-container h2 {
margin-top:30px;
}
.service-card-header a {
text-decoration:none;
}
.service-card-text a {
text-decoration:underline;
}
.services-boxes .splodge-1 {
bottom:0;
height:400px;
}
.services-boxes .splodge-2 {
top:0;
height:400px;
}
.jumbo-services .splodge-1 {
bottom:0;
height:400px;
opacity:.3;
}
.jumbo-services .splodge-2 {
top:0;
height:400px;
opacity:.3;
}
.team-members-slider .slick-list, .team-members-slider .slick-track {
display:flex;
}
.team-members-slider .slick-track {
padding-bottom:20px
}
.team-members-slider .slick-autoplay-toggle-button {
display:none;
}
/**/
.testimonials-slider .slick-dots {
position: relative;
}
.testimonials-slider .slick-slide {
margin:0.75rem;
display:flex !important;
}
.testimonials-slider .slick-next .slick-next-icon:before {
font-family: "FontAwesome";
content: "\f054";
}
.testimonials-slider .slick-prev .slick-prev-icon:before {
font-family: "FontAwesome";
content: "\f053";
}
.testimonials-slider .slick-prev .slick-prev-icon {
font-size: 40px;
}
.testimonials-slider .slick-next .slick-next-icon {
font-size: 40px;
}
.testimonials-slider .slick-autoplay-toggle-button{
display: none !important;
}
.testimonials-slider .slick-prev {
left: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.testimonials-slider .slick-next {
right: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.testimonials-slider {
padding-left: 3rem;
padding-right: 3rem;
}
.testimonials-slider .slick-list, .testimonials-slider .slick-track {
display:flex;
}
.testimonials-slider .slick-track {
padding-bottom:20px
}
/**/
.logo-container {
display: flex;
align-items: center;
justify-content: center;
height: 100px;
padding: 10px;
}
.logo-img {
width: 200px;
height: auto;
object-fit: contain;
}
.footer-logos-slider .slick-dots {
position: relative;
}
.footer-logos-slider .slick-next .slick-next-icon:before {
font-family: "FontAwesome";
content: "\f054";
}
.footer-logos-slider .slick-prev .slick-prev-icon:before {
font-family: "FontAwesome";
content: "\f053";
}
.footer-logos-slider .slick-prev .slick-prev-icon {
font-size: 40px;
}
.footer-logos-slider .slick-next .slick-next-icon {
font-size: 40px;
}
.footer-logos-slider .slick-autoplay-toggle-button{
display: none !important;
}
.footer-logos-slider .slick-prev {
left: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.footer-logos-slider .slick-next {
right: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.footer-logos-slider {
padding-left: 3rem;
padding-right: 3rem;
}
.footer-logos-slider .slick-list, .footer-logos-slider .slick-track {
display:flex;
}
.footer-logos-slider .slick-track {
padding-bottom:0px
}
/*--Awards Logo Slider--*/
.awards-logos-slider .slick-dots {
position: relative;
}
.awards-logos-slider .slick-next .slick-next-icon:before {
font-family: "FontAwesome";
content: "\f054";
}
.awards-logos-slider .slick-prev .slick-prev-icon:before {
font-family: "FontAwesome";
content: "\f053";
}
.awards-logos-slider .slick-prev .slick-prev-icon {
font-size: 40px;
}
.awards-logos-slider .slick-next .slick-next-icon {
font-size: 40px;
}
.awards-logos-slider .slick-autoplay-toggle-button {
display: none !important;
}
.awards-logos-slider .slick-prev {
left: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.awards-logos-slider .slick-next {
right: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.awards-logos-slider {
padding-left: 3rem;
padding-right: 3rem;
}
.awards-logos-slider .slick-list,
.awards-logos-slider .slick-track {
display: flex;
}
.awards-logos-slider .slick-track {
padding-bottom: 0px;
}
@media screen and (min-width: 1024px) {
.awards-logos-slider .logo-container {
display: flex;
align-items: center;
justify-content: center;
max-height: 80px;
text-align: center;
}
.awards-logos-slider .logo-container img {
max-height: 100%;
width: auto;
text-align: center;
margin: auto;
}
}
.awards-logos-slider {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
}
.awards-logos-slider .logo-container {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
min-height: 56px;
text-align: center;
}
.awards-logos-slider .logo-container img {
max-width: 100%;
max-height: 56px;
width: auto;
height: auto;
object-fit: contain;
display: block;
margin: 0 auto;
}
/*--Case Study Cards--*/
.cs-card-new {
display: flex;
flex-direction: column;
min-height: 400px;
background: #f5f5f5;
transition: all 0.3s ease;
}
.cs-card__image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.cs-card__image {
width: 100%;
height: 100%;
object-fit: cover;
transition: filter 0.3s ease;
}
.group:hover .cs-card__image {
filter: blur(8px) brightness(0.6);
}
.cs-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
transition: background 0.3s ease;
}
.group:hover .cs-card__overlay {
background: rgba(0, 0, 0, 0.5);
}
.cs-card__content {
position: relative;
z-index: 10;
padding: 2rem;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cs-card__header {
min-height: 60px;
display: flex;
align-items: flex-start;
}
.cs-card__logo-box {
background: white;
border-radius: 8px;
padding: 12px 16px;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 60px;
max-width: 100%;
margin-bottom:20px;
}
.cs-card__logo {
max-height: 40px;
width: auto;
max-width: 120px;
object-fit: contain;
}
.cs-card__title-link {
text-decoration: none;
color: inherit;
display: block;
margin: 1rem 0;
}
.cs-card__title {
color: white;
font-size: 2rem;
font-weight: 300;
line-height: 1.3;
margin: 0;
transition: color 0.3s ease;
}
.group:hover .cs-card__title {
color: #ffc107;
}
.cs-card__footer {
margin-top: auto;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.cs-card__tags {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.cs-card__tag {
display: inline-block;
background: white;
color: #333;
padding: 0.3rem 0.875rem;
font-size: 0.875rem;
font-weight: 600;
}
.cs-card__cta {
display: inline-block;
color: white;
text-decoration: none;
padding-bottom: 0.25rem;
border-bottom: 1px solid white;
transition: all 0.3s ease;
}
.group:hover .cs-card__cta {
border-bottom-color: #ffc107;
color: #ffc107;
}
/* Responsive */
@media (max-width: 768px) {
.cs-card-new {
min-height: 350px;
}
.cs-card__content {
padding: 1.5rem;
}
.cs-card__title {
font-size: 1.25rem;
}
.cs-card__logo-box {
min-height: 50px;
}
.cs-card__logo {
max-height: 35px;
}
}
/* ===== Filter Bar ===== */
.filter-bar {
margin-bottom: 0;
}
.filter-label {
color: #000;
font-weight: 500;
font-size: 1.1rem;
line-height: 1;
}
/* Stop .form-control from forcing full width in this bar */
.filter-bar .form-control {
width: auto;
display: inline-block;
}
/* ===== Base Pill Styles (shared) ===== */
#all-case-studies,
.lk-select {
background-color: transparent;
color: #000;
border: 1px solid #000;
border-radius: 9999px;
padding: 12px 18px;
font-weight: 600;
line-height: 1.2;
transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
min-height: 48px;
white-space: nowrap;
}
/* Hover/Focus */
#all-case-studies:hover,
.lk-select:hover {
filter: brightness(1.05);
}
#all-case-studies:focus-visible,
.lk-select:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(255,212,0,.35);
}
/* Active state (black bg, white text) */
#all-case-studies.is-active,
.lk-select.is-active {
background: #000;
color: #fff;
border-color: #000;
}
/* Kill Bootstrap gradients/images that could interfere */
#all-case-studies.btn,
.lk-select.btn {
background-image: none !important;
box-shadow: none !important;
}
/* ===== Desktop Inline Sizing ===== */
.filter-bar .lk-select {
/* has chevron -> more right padding */
padding: 12px 48px 12px 18px;
width: auto;
flex: 0 0 auto;
}
.filter-bar #all-case-studies {
min-width:100px;
padding: 12px 18px;
width: auto;
flex: 0 0 auto;
}
/* ===== Select Chevron via Wrapper ===== */
.select-pill {
position: relative;
display: inline-flex;
align-items: center;
}
/* remove browser arrows and align text left */
.select-pill .lk-select {
text-align: left;
padding-right: 48px; /* space for chevron */
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
/* chevron on the wrapper */
.select-pill::after {
content: "";
position: absolute;
right: 16px;
top: 50%;
width: 10px;
height: 10px;
transform: translateY(-50%);
pointer-events: none;
background-repeat: no-repeat;
background-size: 10px 10px;
background-image: url("data:image/svg+xml;utf8,");
}
/* flip chevron when active */
.select-pill.is-active::after {
background-image: url("data:image/svg+xml;utf8,");
}
/* ===== Mobile: Full-Width Stack ===== */
@media (max-width: 576px) {
.filter-bar { justify-content: center; gap: 14px; }
.filter-bar .filter-label { width: 100%; margin-bottom: 2px; }
.filter-bar .lk-select,
.filter-bar #all-case-studies,
.select-pill { width: 100%; flex: 1 0 100%; }
}
/*-----Modal Forms-----*/
#submitBriefModal .modal-content {
border-radius: 20px !important;
}
#submitBriefModal
.gform-theme--foundation .gform_fields {
grid-row-gap: 20px !important;
row-gap: 20px !important;
}
#submitBriefModal input[type="submit"]:hover {
background-color: transparent;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 15px;
padding: 14px 50px;
font-weight: bold;
}
#submitBriefModal textarea,
#submitBriefModal input[type="text"],
#submitBriefModal input[type="html"],
#submitBriefModal input[type="tel"],
#submitBriefModal input[type="url"],
#submitBriefModal input[type="email"] {
background-color: #ededed !important;
border: 1.5px solid #ededed !important;
color: #000 !important;
height: 35px !important;
padding: 0 15px !important;
border-radius: 3px !important;
box-shadow:none;
}
#submitBriefModal .gfield--type-html {
color: #000 !important;
}
#submitBriefModal .gfield_description {
color: #000 !important;
opacity: !important;
}
#submitBriefModal ::placeholder {
color: #000 !important;
opacity: 0 !important;
}
#submitBriefModal label {
font-weight: bold;
}
#submitBriefModal input[type="submit"] {
background-color: #FFC504;
color: #000 !important;
font-size: 15px;
border: 2px solid #FFC504;
border-radius: 10px;
padding: 8px 50px;
width:100%;
font-weight: bold;
}
/**/
#sendMessageModal .modal-content {
border-radius: 20px !important;
}
#sendMessageModal
.gform-theme--foundation .gform_fields {
grid-row-gap: 20px !important;
row-gap: 20px !important;
}
#sendMessageModal input[type="submit"]:hover {
background-color: transparent;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 15px;
padding: 14px 50px;
font-weight: bold;
}
#sendMessageModal textarea,
#sendMessageModal input[type="text"],
#sendMessageModal input[type="html"],
#sendMessageModal input[type="tel"],
#sendMessageModal input[type="url"],
#sendMessageModal input[type="email"] {
background-color: #ededed !important;
border: 1.5px solid #ededed !important;
color: #000 !important;
height: 35px !important;
padding: 0 15px !important;
border-radius: 3px !important;
box-shadow:none;
}
#sendMessageModal .gfield--type-html {
color: #000 !important;
}
#sendMessageModal .gfield_description {
color: #000 !important;
opacity: !important;
}
#sendMessageModal ::placeholder {
color: #000 !important;
opacity: 0 !important;
}
#sendMessageModal label {
font-weight: bold;
}
#sendMessageModal input[type="submit"] {
background-color: #FFC504;
color: #000 !important;
font-size: 15px;
border: 2px solid #FFC504;
border-radius: 10px;
padding: 8px 50px;
width:100%;
font-weight: bold;
}
/*-----Blog Single-----*/
.post-content h2, .post-content h3 {
margin-top:40px;
}
/*----Landing Page----*/
.lp-hero .gform_wrapper input[type="text"],
.lp-hero .gform_wrapper input[type="email"],
.lp-hero .gform_wrapper input[type="tel"] {
background-color: #fff;
border: 1px solid #fff;
color: #000;
height: 50px;
padding: 0 15px;
border-radius: 5px;
}
.lp-hero .gform_wrapper ::placeholder {
color: #000;
opacity: 1;
}
.lp-hero .gform_wrapper label.gform-field-label--type-sub {
display: none;
}
.lp-hero .gform_wrapper input[type="submit"] {
background-color: #5900FF !important;
color: #fff !important;
font-size: 16px !important;
border: 2px solid #5900FF;
border-radius: 10px !important;
padding: 18px 50px !important;
font-weight: bold !important;
}
.lp-hero .gform_wrapper input[type="submit"]:hover {
background-color: transparent;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 16px;
padding: 14px 50px;
font-weight: bold;
}
.lp-hero .gform_wrapper select {
background-color: #fff;
border: 1px solid #fff;
color: #000;
height: 50px;
padding: 0 15px;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.lp-hero .gform_wrapper select::-ms-expand {
display: none;
}
.lp-hero .gform_wrapper select option {
background-color: #fff;
color: #000;
}
.lp-hero .gform_wrapper label {
color:#fff !important;
}
.lp-hero .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
justify-content:unset !important;
margin-bottom:30px;
}
.lp-hero h1 {
font-size: 2.5em;
line-height: 1.3em;
}
/*--Form Section--*/
.form-section .gform_wrapper input[type="text"],
.form-section .gform_wrapper input[type="email"],
.form-section .gform_wrapper input[type="tel"] {
background-color: #fff;
border: 1px solid #fff;
color: #000;
height: 50px;
padding: 0 15px;
border-radius: 5px;
}
.form-section .gform_wrapper ::placeholder {
color: #000;
opacity: 1;
}
.form-section .gform_wrapper label.gform-field-label--type-sub {
display: none;
}
.form-section .gform_wrapper input[type="submit"] {
background-color: #5900FF !important;
color: #fff !important;
font-size: 16px !important;
border: 2px solid #5900FF;
border-radius: 10px !important;
padding: 18px 50px !important;
font-weight: bold !important;
text-align:center;
margin:auto;
}
.form-section .gform_wrapper input[type="submit"]:hover {
background-color: transparent;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 16px;
padding: 14px 50px;
font-weight: bold;
}
.form-section .gform_wrapper select {
background-color: #fff;
border: 1px solid #fff;
color: #000;
height: 50px;
padding: 0 15px;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-section .gform_wrapper select::-ms-expand {
display: none;
}
.form-section .gform_wrapper select option {
background-color: #fff;
color: #000;
}
.form-section .gform_wrapper label {
color:#fff !important;
}
.form-section .gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
justify-content:unset !important;
margin-bottom:30px;
}
@media only screen and (max-width: 1062px) {
.timeline-date {
position: absolute;
left: 2rem;
margin-top:20px;
transform: translateX(-50%);
background: #FFC504;
border-radius: 50%;
padding: 5px 10px;
}
.timeline-content {
margin-top:40px;
}
}
/* Hubspot Styling Dark Background */
.lk-form-column form.hs-form {
width: 100%;
}
.lk-form-column form.hs-form label {
color:#fff;
}
.lk-form-column .hs-form-field {
width: 100%;
box-sizing: border-box;
}
.lk-form-column .hs-input {
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
border: 0px;
}
.lk-form-column .hs-form-checkbox {
display:flex;
align-items:center;
}
.lk-form-column .hs-form-checkbox input {
margin-right:5px;
align-self:center;
}
.lk-form-column .hs-form-checkbox span {
line-height:0px;
font-size:12px;
align-self:center;
}
.lk-form-column .hs-form-booleancheckbox-display {
display:flex;
justify-content:center;
}
.lk-form-column .hs-form-field .input select.hs-input,
.lk-form-column .hs-form-field .input input.hs-input:not([type="checkbox"]) {
width: 100%;
padding: 10px;
box-sizing: border-box;
height: 50px;
}
.lk-form-column ul {
list-style-type:none;
padding-left:0px;
font-size:14px;
}
.lk-form-column fieldset {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.lk-form-column fieldset.form-columns-2 .hs-form-field {
flex: 1;
min-width: calc(50% - 15px);
}
.lk-form-column .hs-richtext {
color:#fff
}
.lk-form-column fieldset.form-columns-1 .hs-form-field {
flex: 1;
width: 100%;
}
.lk-form-column .actions .hs-button {
background-color: #5900FF;
text-decoration: none;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 20px;
border-radius: 10px;
padding: 13px 50px;
font-weight: bold;
margin-top:20px;
}
.lk-form-column .form-columns-2,
.lk-form-column .form-columns-1,
.lk-form-column .form-columns-0 {
max-width: unset;
margin-top:10px
}
/* Hubspot Styling White Background */
.lk-form-modal form.hs-form {
width: 100%;
}
.lk-form-modal form.hs-form label {
color:#000;
font-size:15px
}
.lk-form-modal form.hs-form legend, .lk-form-modal .hs-richtext {
color:#000;
font-size:12px;
}
.lk-form-modal .hs-form-field {
width: 100%;
box-sizing: border-box;
}
.lk-form-modal .hs-input {
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
border: 0px;
}
.lk-form-modal .hs-form-checkbox {
display:flex;
align-items:center;
}
.lk-form-modal .hs-form-checkbox input {
margin-right:5px;
align-self:center;
}
.lk-form-modal .hs-form-checkbox span {
line-height:0px;
font-size:12px;
align-self:center;
}
.lk-form-modal .hs-form-field .input select.hs-input,
.lk-form-modal .hs-form-field .input input.hs-input:not([type="checkbox"]) {
width: 100%;
padding: 10px;
box-sizing: border-box;
height: 50px;
}
.lk-form-modal ul {
list-style-type:none;
padding-left:0px;
font-size:14px;
}
.lk-form-modal fieldset {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.lk-form-modal fieldset.form-columns-2 .hs-form-field {
flex: 1;
min-width: calc(50% - 15px);
}
.lk-form-modal fieldset.form-columns-1 .hs-form-field {
flex: 1;
width: 100%;
}
.lk-form-modal .actions .hs-button {
background-color: #5900FF;
text-decoration: none;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 20px;
border-radius: 10px;
padding: 13px 50px;
font-weight: bold;
margin-top:20px;
}
.lk-form-modal .form-columns-2,
.lk-form-modal .form-columns-1,
.lk-form-modal .form-columns-0 {
max-width: unset;
margin-top:5px
}
.lk-form-modal .inputs-list {
margin-bottom:5px;
}
.modal-header {
padding-bottom:0px;
}
/* Hubspot Styling Sidebar */
.marketing-cta-col form.hs-form {
width: 100%;
}
.marketing-cta-col form.hs-form label {
color:#fff;
margin-top:10px;
}
.marketing-cta-col form.hs-form legend, .marketing-cta-col .hs-richtext {
display:flex;
color:#fff;
font-size:12px;
line-height:20px;
text-align:left !important;
margin-top:10px;
}
.marketing-cta-col .hs-form-booleancheckbox-display {
display:flex;
color:#fff;
font-size:12px;
line-height:20px;
text-align:left !important;
}
.marketing-cta-col .hs-form-booleancheckbox-display input {
height:20px;
width:20px;
align-self:center;
}
.marketing-cta-col .hs-form-field {
width: 100%;
box-sizing: border-box;
}
.marketing-cta-col .hs-input {
width: 100%;
padding: 10px;
box-sizing: border-box;
border-radius: 10px;
border: 0px;
}
.marketing-cta-col .hs-form-checkbox {
display:flex;
align-items:center;
}
.marketing-cta-col .hs-form-checkbox input {
margin-right:5px;
align-self:center;
}
.marketing-cta-col .hs-form-checkbox span {
line-height:0px;
font-size:12px;
align-self:center;
}
.marketing-cta-col .hs-form-field .input select.hs-input,
.marketing-cta-col .hs-form-field .input input.hs-input:not([type="checkbox"]) {
width: 100%;
padding: 10px;
box-sizing: border-box;
height: 50px;
}
.marketing-cta-col ul {
list-style-type:none;
padding-left:0px;
font-size:14px;
}
.marketing-cta-col fieldset {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.marketing-cta-col fieldset.form-columns-2 .hs-form-field {
flex: 1;
min-width: calc(50% - 15px);
}
.marketing-cta-col fieldset.form-columns-1 .hs-form-field {
flex: 1;
width: 100%;
}
.marketing-cta-col .actions .hs-button {
background-color: #5900FF;
text-decoration: none;
color: #fff !important;
border: 2px solid #5900FF;
font-size: 20px;
border-radius: 10px;
padding: 13px 50px;
font-weight: bold;
margin-top:20px;
}
.marketing-cta-col .form-columns-2,
.marketing-cta-col .form-columns-1,
.marketing-cta-col .form-columns-0 {
max-width: unset;
margin-top:10px
}
#tcModal textarea,
#tcModal input[type="text"],
#tcModal input[type="html"],
#tcModal input[type="tel"],
#tcModal input[type="url"],
#tcModal input[type="email"],
#tcModal select {
background-color: #ededed !important;
border: 1.5px solid #ededed !important;
color: #000 !important;
height: 50px !important;
padding: 0 15px !important;
border-radius: 3px !important;
box-shadow: none;
}
/** Misc **/
.responsive-image {
max-width: 100%;
height: auto;
display: block;
}
.breadcrumbs {
width:100%;
}
.iframe-container-apple {
height: auto;
width: 100%;
}
.iframe-container-apple iframe {
width: 100%;
max-width:100% !important;
height: auto;
border: none;
}
.iframe-container-spotify iframe {
width: 100%;
border: none;
}
/***** En Accordion Partial *****/
.accordion-btn {
display: block;
width: 100%;
padding: 10px;
border: none;
text-align: left;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
cursor: pointer;
}
.accordion-btn.bg-dark {
color: white;
}
.accordion-btn.bg-yellow {
color: black;
}
.accordion-list .accordion-btn:last-child {
margin-bottom: 0px;
}
.accordion-info {
display: none;
}
.accordion-info.show {
display: block;
}
.info-box {
padding: 15px;
color: black;
border-radius: 5px;
}
/* Mobile accordion */
.mobile-accordion-btn {
display: block;
width: 100%;
padding: 12px;
font-size: 16px;
font-weight: bold;
border: 1px solid #ccc;
cursor: pointer;
text-align: left;
margin-bottom: 0px;
}
.mobile-accordion-content {
display: none;
padding: 10px;
border: 1px solid #ddd;
border-top: none;
}
.chevron-icon {
transition: transform 0.3s ease;
}
/***** Logo Slider Partial *****/
.logo-carousel {
padding-left: 2rem;
padding-right: 2rem;
margin-bottom: 0px;
}
.slick-autoplay-toggle-button {
display: none;
}
.logo-carousel-wrapper .slick-dots {
position: relative;
}
.logo-carousel-wrapper .slick-prev {
left: 0;
top: 40%;
width: 1rem;
height: 1rem;
}
.logo-carousel-wrapper .slick-prev:focus {
left: 0;
top: 40%;
width: 1rem;
height: 1rem;
}
.logo-carousel-wrapper .slick-prev:focus .slick-prev-icon {
color: #FFC504;
}
.logo-carousel-wrapper .slick-prev .slick-prev-icon {
font-size: 30px;
}
.logo-carousel-wrapper .slick-prev .slick-prev-icon:before {
font-family: "FontAwesome";
content: "\f053";
}
.logo-carousel-wrapper .slick-next {
right: 0;
top: 40%;
width: 1rem;
height: 1rem;
}
.logo-carousel-wrapper .slick-next:focus .slick-next-icon {
color: #FFC504;
}
.logo-carousel-wrapper .slick-next:focus {
right: 0;
top: 40%;
width: 1rem;
height: 1rem;
}
.logo-carousel-wrapper .slick-next .slick-next-icon {
font-size: 30px;
}
.logo-carousel-wrapper .slick-next .slick-next-icon:before {
font-family: "FontAwesome";
content: "\f054";
}
.logo-carousel .slick-track {
display:flex;
}
.logo-carousel .slick-list {
display:flex;
}
.logo-carousel .slick-slide {
display: flex !important;
align-items: center;
justify-content: center;
}
.en-review strong {
color: #FFC107;
}
.reviews-slider {
margin-bottom:0px !important;
}
.reviews-slider {
overflow: hidden;
}
.reviews-slider:not(.slick-initialized) {
white-space: nowrap;
}
.reviews-slider:not(.slick-initialized) .en-review {
display: inline-block;
margin-right: 2rem;
vertical-align: middle;
}
.reviews-slider { opacity: 0; transition: opacity .2s ease; }
.reviews-slider.is-ready,
.reviews-slider.slick-initialized { opacity: 1; }
.awards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 1rem;
align-items: center;
}
.award {
display: flex;
align-items: center;
justify-content: center;
}
.award-logo {
max-height: 56px;
width: auto;
height: auto;
object-fit: contain;
}
@media (min-width: 1200px) {
.awards-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
}
.logo-carousel .logo-slide img {
width: 80% !important;
}
@media (max-width: 767.98px) {
.logo-carousel .logo-slide img {
max-width:95%;
}
}
/* Hubspot form fix*/
.cst-form-card {
padding: 2rem;
max-width: 680px;
margin: 0 auto;
}
.cst-form-card .hs-form fieldset {
max-width: 100% !important;
border: none;
padding: 0;
}
.cst-form-card .hs-form-field {
margin-bottom: 0.2rem;
}
.cst-form-card .hs-form-field label {
display: block;
font-size: 0.875rem;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 0.375rem;
}
.cst-form-card .hs-form-required {
color: #e53e3e;
margin-left: 2px;
}
.cst-form-card .hs-form .hs-input {
width: 100%;
padding: 0.625rem 0.875rem;
border: 1px solid #d1d5db;
border-radius: 6px;
font-size: 0.9375rem;
color: #1a1a1a;
background: #fff;
transition: border-color 0.2s, box-shadow 0.2s;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.cst-form-card .hs-form .hs-input:focus {
outline: none;
border-color: #4f46e5;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
.cst-form-card .hs-form .hs-input::placeholder {
color: #9ca3af;
}
.cst-form-card .hs-form select.hs-input {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 0.875rem center;
padding-right: 2.5rem;
cursor: pointer;
}
.cst-form-card .hs-form select.is-placeholder {
color: #9ca3af;
}
.cst-form-card .hs-form textarea.hs-input {
min-height: 130px;
resize: vertical;
}
.cst-form-card .hs-form-checkbox-display {
display: flex;
align-items: flex-start;
gap: 0.625rem;
cursor: pointer;
font-size: 0.875rem;
color: #4b5563;
line-height: 1.5;
}
.cst-form-card .hs-form-checkbox-display input[type="checkbox"] {
width: 16px;
height: 16px;
min-width: 16px;
margin-top: 2px;
border: 1px solid #d1d5db;
border-radius: 3px;
accent-color: #4f46e5;
cursor: pointer;
}
.cst-form-card .inputs-list {
list-style: none;
padding: 0;
margin: 0;
}
.cst-form-card .hs-form .hs-button {
display: inline-block;
padding: 0.75rem 2rem;
background: #4f46e5;
color: #fff;
font-size: 1rem;
font-weight: 600;
border: none;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s, transform 0.1s;
}
.cst-form-card .hs-form .hs-button:hover {
background: #4338ca;
}
.cst-form-card .hs-form .hs-button:active {
transform: translateY(1px);
}
.cst-form-card .hs-error-msgs {
list-style: none;
padding: 0;
margin: 0.375rem 0 0;
}
.cst-form-card .hs-error-msg {
font-size: 0.8125rem;
color: #e53e3e;
}
.cst-form-card .hs-input.error {
border-color: #e53e3e;
}
/*Blockquote fix*/
.en-blockquote .bq-img {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 50%;
bottom: 1rem;
right: 1rem;
}
.enh-challenges__heading span {
display: inline;
padding: 0.06em 0.1em 0.04em;
color: var(--enh-dark);
background: #ffc504;
border-radius: 0.1em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.enh-testimonials__heading span {
display: inline;
padding: 0.06em 0.1em 0.04em;
color: var(--enh-dark);
background:#ffc504;
border-radius: 0.1em;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.enh-testimonials__heading {
margin: 0 0 2rem;
color: var(--enh-dark);
font-family: var(--enh-font-display);
font-size: 3.65rem;
font-weight: 700;
line-height: 0.95;
}
h1,
.u-h1 {
font-family: "League Spartan", sans-serif;
font-size: clamp(2rem, 5.5vw, 3.5rem);
line-height: 1;
font-weight: 700;
margin-bottom: 20px;
}
h2,
.u-h2 {
font-family: "League Spartan", sans-serif;
font-size: clamp(2rem, 7vw, 3rem);
line-height: 1;
font-weight: 700;
margin-bottom: 10px;
}
h3,
.u-h3 {
font-family: "League Spartan", sans-serif;
font-size: calc(1.2rem + 1.1vw);
line-height: calc(1.2rem + 1.1vw);
font-weight: 700;
margin-bottom: 10px;
}
h3, h4, h5 {
color: unset;
}
.rotate-slight-right {
transform: rotate(-3.5deg);
}
.rotate-slight-left {
transform: rotate(2deg);
}
.underlined-text {
display: inline-block;
line-height: 0.75;
}
.text-medium {
font-size: 20px;
}
.inline-block {
display: inline-block;
}
@media (max-width: 767px) {
.text-center-mobile {
text-align: center;
}
}
.bg-dark-gradient {
background: linear-gradient(180deg, rgb(0, 0, 0) 25%, rgba(255, 255, 255, 0) 25%);
}
.bg-yellow-light {
background: #ffde72;
}
.bg-yellow-half {
background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgb(255, 197, 4) 50%);
}
@media (max-width: 600px) {
.bg-yellow-half {
background: none;
}
}
.button-wrapper a {
display: inline-block;
}
.footer-signup__lines {
position: relative;
bottom: 10px;
right: -110px;
max-width: 2rem;
}
@media (max-width: 767px) {
.footer-signup .gform_fields {
gap: 1rem !important;
}
}
.footer-signup .gform_body input[type=text],
.footer-signup .gform_body input[type=email] {
font-size: 18px;
text-align: left;
border-radius: 8px;
border-color: #606060 !important;
}
.footer-signup .gform_button {
background-color: #5900FF !important;
text-decoration: none !important;
color: #fff !important;
border: 2px solid #5900FF !important;
font-size: 20px !important;
border-radius: 10px !important;
padding: 13px 50px !important;
}
.navbar-dark .navbar-nav .nav-link {
color: #fff !important;
}
.dropdown-menu {
background: #1f1f1f;
}
.navbar-nav {
gap: 1.2rem;
}
.navbar-nav a {
font-family: "Mulish", sans-serif !important;
font-size: 1.1rem !important;
font-weight: 600 !important;
}
.navbar-nav a:after {
display: none;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-item:hover:before {
color: #FFC504 !important;
}
.navbar-nav .dropdown-item.active,
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus {
color: #FFC504;
background: none;
}
.navbar-nav > .menu-item-has-children {
z-index: 1;
}
@media (min-width: 992px) {
.navbar-nav > .menu-item-has-children {
display: flex;
align-items: center;
}
.navbar-nav > .menu-item-has-children:before {
font-family: "FontAwesome";
content: "\f078";
position: absolute;
right: 0.4rem;
font-size: 0.75rem;
color: #fff;
transition: transform 0.3s ease;
}
}
.navbar-nav > .menu-item-has-children .nav-link {
z-index: 2;
}
@media (min-width: 992px) {
.navbar-nav > .menu-item-has-children .nav-link {
padding-right: 30px !important;
}
}
.navbar-nav > .menu-item-has-children > .dropdown-menu {
padding: 0.9rem 0;
top: 2.6rem;
left: -0.75rem;
min-width: 15rem;
background: #1f1f1f;
border-radius: 1rem;
box-shadow: 3px 5px 5px #000;
}
.navbar-nav > .menu-item-has-children > .dropdown-menu > li .dropdown-item {
margin: 0.25rem 1rem !important;
padding: 0.25rem 0 !important;
width: auto;
position: relative;
color: #FFC504;
font-weight: 800 !important;
}
.navbar-nav > .menu-item-has-children > .dropdown-menu > li .dropdown-item:hover {
color: #fff;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu {
padding: 0.9rem 0;
left: -0.75rem;
min-width: 20rem;
background: #1f1f1f;
border-radius: 1rem;
box-shadow: 3px 5px 5px #000;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu li {
padding: 0 !important;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu > li.menu-item-has-children .dropdown-item {
margin: 0.25rem 1rem !important;
padding: 0.5rem 0 !important;
width: auto;
position: relative;
font-weight: 800 !important;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu > li.menu-item-has-children .dropdown-item:hover {
color: #fff;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu > li.menu-item-has-children .dropdown-item:before {
font-family: "FontAwesome";
content: "\f054";
position: absolute;
right: 0;
transition: transform 0.3s ease;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu > li.menu-item-has-children .dropdown-item.open {
border-bottom: none;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu > li.menu-item-has-children .dropdown-item.open:before {
transform: rotate(90deg);
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu > li.menu-item-has-children:last-child .dropdown-item {
border-bottom: none;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu .dropdown-menu.depth_1 {
display: none;
position: static;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu .dropdown-menu.depth_1 li a {
color: #fff;
border-bottom: none;
}
.navbar-nav .mega-menu .dropdown-menu.mega-menu .dropdown-menu.depth_1 li a:before {
display: none;
}
.navbar-nav li.nav-highlight {
border-bottom: none;
}
.navbar-dark .offcanvas.show .navbar-nav .nav-link.active,
.navbar-light .offcanvas.show .navbar-nav .show > .nav-link {
border-bottom: none !important;
}
.offcanvas-body {
padding: 0;
}
.offcanvas-end {
width: 100%;
border-left: none;
}
.offcanvas-end .offcanvas-header {
padding: 2rem 2rem;
}
.offcanvas-end .offcanvas-header .btn-close {
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1.5em auto no-repeat;
}
.offcanvas.show {
overflow-y: scroll;
}
.offcanvas.show .dropdown-item,
.offcanvas.show .dropdown-item.active,
.offcanvas.show .dropdown-item:hover {
color: #fff;
}
.offcanvas.show .menu-item-has-children .nav-link:before {
font-family: "FontAwesome";
content: "\f054";
position: absolute;
right: 1rem;
transition: transform 0.3s ease;
}
.offcanvas.show .nav-link {
position: relative;
font-weight: 700 !important;
font-size: 1.3rem !important;
color: #000 !important;
}
.offcanvas.show .nav-link.open {
border-bottom: none;
}
.offcanvas.show .nav-link.open:before {
transform: rotate(90deg);
}
.offcanvas.show .dropdown-menu,
.offcanvas.show .dropdown-menu.mega-menu {
background: #000;
box-shadow: none;
border-radius: 0;
}
.offcanvas.show .dropdown-menu .dropdown-menu,
.offcanvas.show .dropdown-menu.mega-menu .dropdown-menu {
padding-left: 1rem;
background: none;
box-shadow: none;
}
.offcanvas.show .dropdown-menu .dropdown-menu .menu-item,
.offcanvas.show .dropdown-menu.mega-menu .dropdown-menu .menu-item {
position: relative;
}
.offcanvas.show .dropdown-menu .dropdown-menu .menu-item:before,
.offcanvas.show .dropdown-menu.mega-menu .dropdown-menu .menu-item:before {
content: "-";
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translateY(-50%);
color: #fff;
}
.hero-rotate {
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
align-items: center;
}
.hero-rotate div:first-child {
float: left;
}
.hero-rotate div:last-child {
float: right;
}
.hero-rotate div a {
display: block;
}
.jumbo-image-box {
position: relative;
}
.jumbo-image-box__col {
position: relative;
}
@media (max-width: 767px) {
.jumbo-image-box__col {
padding-right: 3rem;
padding-left: 3rem;
}
}
.jumbo-image-box__image {
position: absolute;
display: block;
top: -6rem;
right: 0;
height: auto;
width: 100%;
max-width: 27rem;
}
@media (max-width: 767px) {
.jumbo-image-box__image {
top: -7.5rem;
right: 0;
max-width: 6rem;
}
}
.jumbo-image-box__image--bigger {
max-width: 31rem;
}
@media (max-width: 767px) {
.jumbo-image-box__image--bigger {
top: -7.5rem;
right: 0;
max-width: 8rem;
}
}
.jumbo-image-box__tree-left {
position: absolute;
width: 13rem;
left: -5.5rem;
bottom: -4rem;
}
@media (max-width: 767px) {
.jumbo-image-box__tree-left {
width: 10rem;
bottom: -2rem;
}
}
.jumbo-image-box__tree-right {
position: absolute;
width: 13rem;
right: -6.5rem;
top: 8rem;
z-index: 1;
}
@media (max-width: 767px) {
.jumbo-image-box__tree-right {
display: none;
width: 10rem;
right: -4rem;
top: 15rem;
}
}
.jumbo-service-box {
position: relative;
min-height: 28rem;
}
@media (max-width: 767px) {
.jumbo-service-box {
min-height: 0;
}
}
.jumbo-service-box__col {
position: relative;
min-height: 22rem;
}
@media (max-width: 767px) {
.jumbo-service-box__col {
padding-right: 3rem;
padding-left: 3rem;
min-height: 0;
}
}
.jumbo-service-box__col-content {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 767px) {
.jumbo-service-box__title {
font-size: calc(1.7rem + 1.1vw);
}
}
.jumbo-service-box__video {
margin-left: 4rem;
height: 100%;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.jumbo-service-box__video {
margin-left: 0;
margin-bottom: 3rem;
}
}
.jumbo-service-box__image {
position: absolute;
display: block;
top: -6rem;
right: -5rem;
height: auto;
width: 100%;
}
@media (max-width: 767px) {
.jumbo-service-box__image {
margin: 0 auto;
top: -4rem;
right: auto;
position: relative;
max-width: 18rem;
}
}
.jumbo-service-box__reverse .jumbo-service-box__image {
position: absolute;
display: block;
top: -6rem;
left: -3rem;
height: auto;
width: 100%;
}
@media (max-width: 767px) {
.jumbo-service-box__reverse .jumbo-service-box__image {
margin: 0 auto;
top: -4rem;
left: auto;
position: relative;
max-width: 18rem;
}
}
.ti-block {
position: relative;
}
.ti-block-content {
margin-bottom: 2.5rem;
position: relative;
}
.ti-block__arrow {
position: absolute;
bottom: 1rem;
left: -4rem;
max-width: 3rem;
}
@media (max-width: 767px) {
.ti-block__arrow {
left: 0;
max-width: 2rem;
}
}
.ti-block__cta-btn {
display: inline-block;
text-align: center;
}
@media (max-width: 767px) {
.ti-block__cta-btn {
margin-left: 3rem;
}
}
.ti-block .text-icon-item {
padding: 0 1rem;
display: flex;
justify-content: space-between;
}
.ti-block .text-icon-item__icon {
margin: 0 auto;
width: 25%;
}
@media (max-width: 767px) {
.ti-block .text-icon-item__icon {
margin: 0;
}
}
.ti-block .text-icon-item__icon img {
margin: 0 auto;
display: block;
width: 100%;
max-width: 5rem;
}
@media (max-width: 767px) {
.ti-block .text-icon-item__icon img {
margin: 0 auto;
padding-right: 15px;
}
}
.ti-block .text-icon-item__heading {
font-size: clamp(1.5rem, 3vw, 1.7rem);
}
.ti-block .text-icon-item__content {
width: 75%;
}
.ti-block__impact-doodle {
position: absolute;
left: 0;
width: 13%;
}
@media (max-width: 1500px) {
.ti-block__impact-doodle {
left: -2.5rem;
}
}
@media (max-width: 767px) {
.ti-block__impact-doodle {
left: auto;
right: 0;
rotate: -180deg;
width: 11%;
}
}
.ti-block__leaf {
position: absolute;
bottom: 20rem;
right: 0;
width: 15%;
}
@media (max-width: 1500px) {
.ti-block__leaf {
bottom: 0;
}
}
.tf-block-content {
margin-bottom: 2.5rem;
position: relative;
}
.tf-block__arrow {
position: absolute;
bottom: 1rem;
left: -4rem;
max-width: 3rem;
}
@media (max-width: 767px) {
.tf-block__arrow {
left: 0;
max-width: 2rem;
}
}
.tf-block__cta-btn {
display: inline-block;
text-align: center;
}
@media (max-width: 767px) {
.tf-block__cta-btn {
margin-left: 3rem;
}
}
.tf-block .accordion-items {
margin-bottom: 2rem;
}
.tf-block .accordion-items dt:not(:first-child) {
margin-top: 2rem;
}
.tf-block .accordion-question {
margin-left: 2.5rem;
position: relative;
}
.tf-block .accordion-question .accordion-question__icon {
position: absolute;
top: 0.25rem;
left: -2.5rem;
width: 1.75rem;
}
.tf-block .accordion-question.open .accordion-question__icon--open {
display: block;
}
.tf-block .accordion-question.open .accordion-question__icon--closed {
display: none;
}
.tf-block .accordion-question-button {
padding: 0;
font-family: "League Spartan", sans-serif;
font-size: 1.75rem;
line-height: 1.2;
font-weight: 700;
text-align: left;
border: none;
background: none;
}
.tf-block .accordion-answer {
margin-left: 2.5rem;
}
.tf-block .accordion-answer__content p {
margin-bottom: 0;
}
.stacked-boxes {
position: relative;
}
.stacked-boxes__blob-left {
position: absolute;
top: 13rem;
width: 25%;
min-width: 20rem;
}
.stacked-boxes__blob-right {
position: absolute;
right: 0;
top: 13rem;
width: 10rem;
}
.stacked-boxes__icon {
position: relative;
}
.stacked-boxes__icon img {
position: absolute;
display: block;
width: 100%;
z-index: 1;
}
.stacked-boxes__sparkles {
z-index: 1;
}
.stacked-boxes__sparkles img {
top: -4rem;
left: 3rem;
max-width: 11rem;
}
@media (max-width: 900px) {
.stacked-boxes__sparkles img {
max-width: 4.5rem;
left: 2rem;
top: -1.7rem;
}
}
.stacked-boxes__three-lines img {
top: -6.5rem;
right: -7rem;
max-width: 4.5rem;
}
@media (max-width: 900px) {
.stacked-boxes__three-lines img {
top: -5rem;
right: -6rem;
max-width: 3rem;
}
}
.stacked-boxes__thumbs-up img {
top: -4.5rem;
left: 2rem;
max-width: 7rem;
}
@media (max-width: 900px) {
.stacked-boxes__thumbs-up img {
top: -5.5rem;
left: 1rem;
max-width: 5rem;
}
}
.stacked-boxes__arrow img {
top: -11rem;
right: -2rem;
max-width: 7rem;
}
@media (max-width: 900px) {
.stacked-boxes__arrow img {
top: -7rem;
right: -2rem;
max-width: 4rem;
}
}
.stacked-boxes__asterix img {
bottom: 0;
left: -9rem;
max-width: 4.5rem;
}
@media (max-width: 900px) {
.stacked-boxes__asterix img {
bottom: 0;
left: -3rem;
max-width: 2.5rem;
}
}
.stacked-boxes .stacked-box {
font-size: 1.6rem;
text-align: center;
}
@media (max-width: 767px) {
.stacked-boxes .stacked-box {
font-size: 1.2rem;
}
}
.action-tiles .at-intro {
font-size: 1.4rem;
}
@media (max-width: 767px) {
.action-tiles .at-intro {
font-size: inherit;
}
}
.action-tiles .at-item {
display: block;
height: 100%;
width: 100%;
}
.action-tiles .at-item__icon {
height: 7rem;
display: flex;
align-items: center;
justify-content: center;
}
.action-tiles .at-item__icon img {
max-width: 7rem;
max-height: 7rem;
}
.cta-block__col {
position: relative;
}
.cta-block__doodle {
position: absolute;
left: 0;
width: 18%;
}
@media (max-width: 1400px) {
.cta-block__doodle {
width: 15%;
}
}
@media (max-width: 767px) {
.cta-block__doodle {
display: none;
}
}
.cta-block__image {
position: absolute;
right: -12rem;
top: 4rem;
width: 9rem;
}
@media (max-width: 1000px) {
.cta-block__image {
right: -7rem;
width: 7rem;
}
}
@media (max-width: 767px) {
.cta-block__image {
position: relative;
top: -2rem;
right: auto;
}
}
.cta-block__intro {
font-size: 1.4rem;
}
@media (max-width: 767px) {
.cta-block__intro {
font-size: inherit;
}
}
.cta-block-link {
position: relative;
}
.cta-block-link__arrow {
position: absolute;
bottom: -3rem;
max-width: 4rem;
}
.cta-block .gform_footer input[type=submit] {
margin: 0 auto !important;
}
.text-align-center {
text-align: center;
}
.ecta-block__col {
position: relative;
}
.ecta-block__doodle {
position: absolute;
left: 0;
width: 18%;
}
@media (max-width: 1400px) {
.ecta-block__doodle {
width: 15%;
}
}
@media (max-width: 767px) {
.ecta-block__doodle {
display: none;
}
}
.ecta-block__intro {
font-size: 1.4rem;
}
@media (max-width: 767px) {
.ecta-block__intro {
font-size: inherit;
}
}
.ecta-block__arrow {
position: absolute;
right: -6rem;
top: 4rem;
max-width: 5rem;
}
@media (max-width: 767px) {
.ecta-block__arrow {
top: -6rem;
right: 4rem;
}
}
.ecta-block__bold-text {
font-family: "League Spartan", sans-serif;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.2;
}
.ecta-block__item {
padding: 0 1rem;
}
@media (max-width: 991px) {
.ecta-block__item {
padding: 0;
}
}
.team-members .team-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
}
.team-members .team-members-slider {
padding-left: 3rem;
padding-right: 3rem;
}
.team-members .team-members-slider .slick-dots {
position: relative;
}
.team-members .team-members-slider .slick-prev {
left: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.team-members .team-members-slider .slick-prev:focus .slick-prev-icon {
color: #FFC504;
}
.team-members .team-members-slider .slick-prev .slick-prev-icon {
font-size: 40px;
}
.team-members .team-members-slider .slick-prev .slick-prev-icon:before {
font-family: "FontAwesome";
content: "\f053";
}
.team-members .team-members-slider .slick-next {
right: 0;
top: 47%;
width: 3rem;
height: 3rem;
}
.team-members .team-members-slider .slick-next:focus .slick-next-icon {
color: #FFC504;
}
.team-members .team-members-slider .slick-next .slick-next-icon {
font-size: 40px;
}
.team-members .team-members-slider .slick-next .slick-next-icon:before {
font-family: "FontAwesome";
content: "\f054";
}
.team-members .team-member {
margin: 0.75rem;
padding: 1.5rem;
}
.team-members .team-member__image {
display: block;
width: 100%;
height: auto;
}
.team-members .team-member__name {
font-size: 1.6rem;
}
.impact-box {
position: relative;
}
@media (max-width: 767px) {
.impact-box__content {
margin-top: 5rem;
}
}
.impact-box__pre-title {
text-transform: uppercase;
font-weight: bold;
}
.impact-box__button {
display: flex;
justify-content: right;
}
@media (max-width: 767px) {
.impact-box__button {
justify-content: left;
}
}
.impact-box__badges {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: end;
align-items: center;
height: 100%;
}
.impact-box__badges img {
margin-top: 2rem;
width: 100%;
max-width: 10rem;
}
.impact-box__xs {
position: absolute;
top: 2rem;
right: 10rem;
width: 4rem;
}
@media (max-width: 1200px) {
.impact-box__xs {
right: 7rem;
width: 2rem;
}
}
@media (max-width: 767px) {
.impact-box__xs {
right: 1rem;
}
}
.impact-box__globe {
position: absolute;
max-width: 17rem;
min-width: 8rem;
width: 21%;
left: 3rem;
top: -1rem;
}
@media (max-width: 767px) {
.impact-box__globe {
left: -3rem;
}
}
.impact-box__blob-left {
position: absolute;
bottom: 0;
left: -2rem;
z-index: -1;
width: 25%;
max-width: 20rem;
}
@media (max-width: 767px) {
.impact-box__blob-left {
width: 45%;
left: -5rem;
bottom: -2.5rem;
}
}
.impact-box__blob-right {
position: absolute;
top: 5rem;
right: 1rem;
z-index: -1;
width: 25%;
max-width: 20rem;
}
@media (max-width: 767px) {
.impact-box__blob-right {
top: 10rem;
right: -2rem;
width: 50%;
}
}
#popup-15190.holler-box .holler-box-modal,
#popup-21057.holler-box .holler-box-modal {
left: 150px !important;
position: relative !important;
}
@media (max-width: 1250px) {
#popup-15190.holler-box .holler-box-modal,
#popup-21057.holler-box .holler-box-modal {
left: 75px !important;
}
}
@media (max-width: 950px) {
#popup-15190.holler-box .holler-box-modal,
#popup-21057.holler-box .holler-box-modal {
left: 0 !important;
}
}
#popup-15190.holler-box .holler-box-modal .holler-box-modal-content,
#popup-21057.holler-box .holler-box-modal .holler-box-modal-content {
width: 900px !important;
}
@media (max-width: 1250px) {
#popup-15190.holler-box .holler-box-modal .holler-box-modal-content,
#popup-21057.holler-box .holler-box-modal .holler-box-modal-content {
width: 750px !important;
}
}
@media (max-width: 767px) {
#popup-15190.holler-box .holler-box-modal .holler-box-modal-content,
#popup-21057.holler-box .holler-box-modal .holler-box-modal-content {
width: 550px !important;
}
}
@media (max-width: 550px) {
#popup-15190.holler-box .holler-box-modal .holler-box-modal-content,
#popup-21057.holler-box .holler-box-modal .holler-box-modal-content {
width: 375px !important;
}
}
#popup-15190.holler-box .holler-box-modal .ninja-popup,
#popup-21057.holler-box .holler-box-modal .ninja-popup {
padding: 3rem 2rem 4rem 14rem;
}
@media (max-width: 1250px) {
#popup-15190.holler-box .holler-box-modal .ninja-popup,
#popup-21057.holler-box .holler-box-modal .ninja-popup {
padding-left: 8rem;
}
}
@media (max-width: 767px) {
#popup-15190.holler-box .holler-box-modal .ninja-popup,
#popup-21057.holler-box .holler-box-modal .ninja-popup {
padding: 3rem;
}
}
@media (max-width: 550px) {
#popup-15190.holler-box .holler-box-modal .ninja-popup,
#popup-21057.holler-box .holler-box-modal .ninja-popup {
padding: 3rem 2rem 1rem 2rem;
}
}
#popup-15190.holler-box .holler-box-modal .ninja-popup--no-padding,
#popup-21057.holler-box .holler-box-modal .ninja-popup--no-padding {
padding: 0;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form,
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form {
margin-top: 1.5rem;
width: 100%;
text-align: left;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form .gfield_label,
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form .gfield_label {
display: none;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=text],
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=email],
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=text],
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=email] {
padding: 1.4rem 1rem;
border-radius: 0.5rem;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=submit],
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=submit] {
background-color: #5900FF;
color: #fff !important;
font-size: 16px;
border-radius: 10px;
padding: 14px 50px;
font-weight: bold;
border: none;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=submit]:hover,
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form input[type=submit]:hover {
background-color: #ffffff;
color: #5900FF !important;
font-size: 16px;
padding: 14px 50px;
font-weight: bold;
border: none;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form .gform_validation_errors,
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form .gform_validation_errors {
display: none;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form .gform_confirmation_wrapper,
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form .gform_confirmation_wrapper {
text-align: center;
}
@media (max-width: 640px) {
#popup-15190.holler-box .holler-box-modal .ninja-popup__tshirt-form .gform-theme--foundation .gform_fields,
#popup-21057.holler-box .holler-box-modal .ninja-popup__tshirt-form .gform-theme--foundation .gform_fields {
gap: 1rem;
}
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__form-legal,
#popup-21057.holler-box .holler-box-modal .ninja-popup__form-legal {
margin-top: 2rem;
font-size: 0.75rem;
color: #737373;
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__image-tshirt,
#popup-21057.holler-box .holler-box-modal .ninja-popup__image-tshirt {
position: absolute;
left: -350px;
width: 575px;
}
@media (max-width: 1250px) {
#popup-15190.holler-box .holler-box-modal .ninja-popup__image-tshirt,
#popup-21057.holler-box .holler-box-modal .ninja-popup__image-tshirt {
left: -250px;
width: 400px;
}
}
@media (max-width: 950px) {
#popup-15190.holler-box .holler-box-modal .ninja-popup__image-tshirt,
#popup-21057.holler-box .holler-box-modal .ninja-popup__image-tshirt {
left: -100px;
top: -50px;
width: 150px;
}
}
@media (max-width: 550px) {
#popup-15190.holler-box .holler-box-modal .ninja-popup__image-tshirt,
#popup-21057.holler-box .holler-box-modal .ninja-popup__image-tshirt {
left: -50px;
top: -50px;
width: 130px;
}
}
#popup-15190.holler-box .holler-box-modal .ninja-popup__image-left, #popup-15190.holler-box .holler-box-modal .ninja-popup__image-right,
#popup-21057.holler-box .holler-box-modal .ninja-popup__image-left,
#popup-21057.holler-box .holler-box-modal .ninja-popup__image-right {
display: none;
}
.holler-box .holler-box-modal {
padding: 0 !important;
background: transparent;
}
@media (max-width: 600px) {
.holler-box .holler-box-modal {
width: auto !important;
}
}
.holler-box .holler-box-modal button.holler-box-modal-close {
width: 75px;
height: 75px;
right: -20px;
top: -20px;
background-image: url("../images/pop-close-button-01.webp");
background-repeat: no-repeat;
background-size: 75px;
}
@media (max-width: 500px) {
.holler-box .holler-box-modal button.holler-box-modal-close {
width: 50px;
height: 50px;
right: -10px;
top: -10px;
background-size: 50px;
}
}
.holler-box .holler-box-modal button.holler-box-modal-close svg {
display: none;
}
.holler-box .holler-box-modal-content {
width: 700px !important;
}
@media (max-width: 767px) {
.holler-box .holler-box-modal-content {
width: 450px !important;
}
}
@media (max-width: 500px) {
.holler-box .holler-box-modal-content {
width: 350px !important;
}
}
.holler-box .holler-box-modal-content > div > p {
display: none;
}
@media (max-width: 600px) {
.holler-box:not(.holler-notification-box) .holler-box-modal {
overflow: visible !important;
}
}
.ninja-popup {
padding: 3rem 2rem 4rem 2rem;
min-height: 400px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background: #000;
color: #fff;
border-radius: 40px;
}
.ninja-popup__title {
margin-bottom: 1.5rem;
font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
line-height: 1;
z-index: 1;
}
.ninja-popup__text {
margin-bottom: 0.75rem;
max-width: 30rem;
}
.ninja-popup__text p {
font-size: 22px !important;
}
.ninja-popup__btn {
margin-bottom: 1.5rem;
display: inline-block;
}
.ninja-popup__image-left {
position: absolute;
max-width: 10rem !important;
bottom: -3rem;
left: -3rem;
}
@media (max-width: 767px) {
.ninja-popup__image-left {
max-width: 7rem !important;
}
}
@media (max-width: 500px) {
.ninja-popup__image-left {
max-width: 5rem !important;
bottom: -2rem;
left: -1rem;
}
}
.ninja-popup__image-right {
position: absolute;
max-width: 10rem !important;
bottom: -3rem;
right: -3rem;
}
@media (max-width: 767px) {
.ninja-popup__image-right {
max-width: 7rem !important;
}
}
@media (max-width: 500px) {
.ninja-popup__image-right {
max-width: 5rem !important;
bottom: -2rem;
right: -1rem;
}
}
.apply-block .apply-list {
margin-bottom: 0;
padding-left: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
list-style: none;
}
@media (max-width: 1000px) {
.apply-block .apply-list {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.apply-block .apply-list {
grid-template-columns: 1fr;
}
}
.apply-block .apply-list__item {
position: relative;
font-family: "League Spartan", sans-serif;
font-size: 1.8rem;
line-height: 1.2;
font-weight: bold;
}
@media (max-width: 767px) {
.apply-block .apply-list__item {
font-size: 20px;
}
}
.apply-block .apply-list__item span {
display: inline-block;
padding-left: 2.5rem;
}
@media (max-width: 767px) {
.apply-block .apply-list__item span {
margin-top: 4px;
}
}
.apply-block .apply-list__icon {
position: absolute;
width: 1.75rem;
}
.coding-browser-image {
position: absolute;
right: 0;
top: 0.5rem;
width: 10rem;
}
@media (max-width: 767px) {
.coding-browser-image {
width: 7.5rem;
top: 3rem;
}
}
.info-image {
position: absolute;
right: 0;
bottom: -2.6rem;
width: 10rem;
}
@media (max-width: 767px) {
.info-image {
bottom: -1rem;
right: -3rem;
width: 7.5rem;
}
}
.browser-illustration-rotated-image {
position: absolute;
left: 0;
width: 10rem;
transform: rotate(15deg);
}
@media (max-width: 767px) {
.browser-illustration-rotated-image {
width: 6.5rem;
}
}
.purple-sparkle-image {
margin: 0 auto 1rem auto;
display: block;
width: 12rem;
}
@media (max-width: 767px) {
.purple-sparkle-image {
width: 8rem;
}
}
.cv-image {
position: absolute;
right: -1rem;
width: 13rem;
}
@media (max-width: 767px) {
.cv-image {
top: -2.5rem;
width: 8rem;
}
}
.clipboard-illustration-image {
position: absolute;
left: 2rem;
bottom: 0;
width: 7rem;
}
@media (max-width: 991px) {
.clipboard-illustration-image {
bottom: -2rem;
left: -0.5rem;
}
}
@media (max-width: 767px) {
.clipboard-illustration-image {
width: 5rem;
}
}
.anchor-link {
padding: 0 1rem;
display: inline-block;
font-weight: bold;
font-size: 1.6rem;
color: #5900FF;
}
.anchor-link i {
display: block;
}
.checklist-main-text__text {
padding-right: 3rem;
}
@media (max-width: 767px) {
.checklist-main-text__text {
padding-right: 0;
}
}
.checklist {
margin: 0;
padding: 0 1.5rem;
list-style: none;
}
@media (max-width: 767px) {
.checklist {
padding: 0;
}
}
.checklist__heading {
padding-left: 4rem;
font-size: 1.6rem;
line-height: 1.2;
}
.checklist__item {
margin-bottom: 2rem;
position: relative;
}
.checklist__item:before {
position: absolute;
top: -0.2rem;
left: 1rem;
font-family: "FontAwesome";
font-size: 1.6rem;
content: "\f00c";
color: #5900FF;
}
.checklist__item span {
display: block;
padding-left: 4rem;
}
.checklist__indent {
padding-left: 5rem !important;
}
.list {
margin: 0;
padding: 0 1.5rem;
list-style: none;
}
@media (max-width: 767px) {
.list {
padding: 0;
}
}
.list__heading {
padding-left: 4rem;
font-size: 1.6rem;
line-height: 1.2;
}
.list__item {
margin-bottom: 1.5rem;
position: relative;
}
.list__item:before {
position: absolute;
top: 0.5rem;
left: 1rem;
font-family: "FontAwesome";
font-size: 0.75rem;
content: "\f111";
color: #5900FF;
}
.list__item span {
display: block;
padding-left: 4rem;
font-family: "League Spartan", sans-serif;
font-weight: bold;
font-size: 1.6rem;
}
@media (max-width: 767px) {
.list__item span {
font-size: 18px;
}
}
.list__indent {
padding-left: 5rem !important;
}
.position-relative {
position: relative;
}
.text-bigger {
font-size: 1.2rem;
}
@media (max-width: 767px) {
.text-bigger {
font-size: 1rem;
}
}
.underline-text {
display: inline-block;
}
.underline-text span {
display: inline-block;
}
.underline-text__line {
margin: 0.25rem auto 0 auto;
width: 100%;
display: block;
}
.underline-text__line--short {
max-width: 20rem;
}
.underline-text__line--medium {
max-width: 31rem;
}
.underline-text__line--wide {
max-width: 42rem;
}
.site-footer .footer-heading {
position: relative;
}
@media (max-width: 767px) {
.site-footer .footer-heading {
padding: 0.5rem 0 0.75rem 0;
border-bottom: 1px solid;
}
}
@media (max-width: 767px) {
.site-footer .footer-heading:after {
position: absolute;
right: 0;
font-family: "FontAwesome";
content: "\f078";
}
}
@media (max-width: 767px) {
.site-footer .footer-heading--active:after {
content: "\f077";
}
}
.site-footer .js-footer-heading {
cursor: pointer;
}
@media (max-width: 767px) {
.site-footer .footer-nav {
display: none;
}
}
.pod-subscribe-container {
background: #fbfbfb;
}
.pod-subscribe {
padding: 2rem 0 1.6rem 0;
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
font-family: "League Spartan", sans-serif;
}
@media (max-width: 767px) {
.pod-subscribe {
flex-direction: column;
}
}
.pod-subscribe__title {
margin-bottom: 0;
position: relative;
top: 0.25rem;
text-transform: uppercase;
}
@media (max-width: 767px) {
.pod-subscribe__title {
text-align: center;
margin-bottom: 0.4rem;
width: 100%;
}
}
.pod-subscribe__item {
padding: 0.5rem 1.5rem;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: bold;
background: #5900ff;
color: #fff;
border-radius: 5rem;
}
@media (max-width: 767px) {
.pod-subscribe__item {
font-size: 0.75rem;
}
}
.pod-subscribe__item:hover {
color: #fff;
}
.pod-subscribe__item img {
margin-right: 0.75rem;
width: 1.4rem;
min-height: 1.4rem;
}
.pod-subscribe__item span {
position: relative;
top: 0.1rem;
line-height: 1;
}
.marketing-cta {
margin: 1rem auto;
padding: 1.5rem;
position: relative;
max-width: 20rem;
font-weight: bold;
border-radius: 2rem;
background: #000;
color: #fff;
}
.marketing-cta__lines {
position: absolute;
width: 3.5rem;
right: 0;
top: -1rem;
}
.marketing-cta__title {
font-size: calc(1.1rem + 1.1vw);
}
@media (max-width: 640px) {
.marketing-cta .marketing-cta-form .gform-theme--foundation .gform_fields {
gap: 1rem !important;
}
}
.marketing-cta .marketing-cta-form .gfield_label {
display: none !important;
}
.marketing-cta .marketing-cta-form .gform_fields {
gap: 1rem !important;
}
.marketing-cta .marketing-cta-form input[type=text],
.marketing-cta .marketing-cta-form input[type=email] {
padding-top: 25px !important;
padding-bottom: 25px !important;
font-size: 18px !important;
text-align: left !important;
background-color: #fff !important;
border: 1px solid #606060 !important;
border-radius: 8px !important;
}
.marketing-cta .marketing-cta-form input[type=submit] {
background-color: #5900FF !important;
color: #fff !important;
font-size: 16px !important;
border-radius: 10px !important;
padding: 14px 30px !important;
font-weight: bold !important;
border: none !important;
width:100% !important;
}
.marketing-cta .marketing-cta-form input[type=submit]:hover {
background-color: #ffffff !important;
color: #5900FF !important;
font-size: 16px !important;
padding: 14px 30px !important;
font-weight: bold !important;
border: none !important;
width:100% !important;
}
.marketing-cta .marketing-cta-form .gform_validation_errors {
display: none !important;
}
.marketing-cta .marketing-cta-form .gfield_validation_message {
padding: 0.5rem 0;
color: #fff !important;
background: #FF3333;
}
.marketing-cta .marketing-cta-form .gform_confirmation_wrapper {
text-align: center !important;
}
.btn-wide {
display: block;
}
.btn-lk-primary--yellow {
color: #000 !important;
background: #FFC504;
}
.full-width-image {
width: 100%;
display: block;
}
.marketing-cta-full {
margin: 1rem auto;
padding: 1.5rem;
position: relative;
font-size: 1.4rem;
border-radius: 2rem;
background: #000;
color: #fff;
}
.marketing-cta-full__sparkles {
position: absolute;
width: 3.5rem;
right: 0;
top: -1rem;
}
.marketing-cta-full__intro {
margin: 0 auto 2rem auto;
max-width: 30rem;
}
@media (max-width: 640px) {
.marketing-cta-full .marketing-cta-form .gform-theme--foundation .gform_fields {
gap: 1rem !important;
}
}
.marketing-cta-full .marketing-cta-form .gfield_label {
display: none !important;
}
.marketing-cta-full .marketing-cta-form .gform_fields {
gap: 1rem !important;
}
.marketing-cta-full .marketing-cta-form input[type=text],
.marketing-cta-full .marketing-cta-form input[type=email] {
padding-top: 25px !important;
padding-bottom: 25px !important;
font-size: 18px !important;
text-align: left !important;
background-color: #fff !important;
border: 1px solid #606060 !important;
border-radius: 8px !important;
}
.marketing-cta-full .marketing-cta-form input[type=submit] {
background-color: #5900FF !important;
color: #fff !important;
font-size: 16px !important;
border-radius: 10px !important;
padding: 14px 50px !important;
font-weight: bold !important;
border: none !important;
}
.marketing-cta-full .marketing-cta-form input[type=submit]:hover {
background-color: #ffffff !important;
color: #5900FF !important;
font-size: 16px !important;
padding: 14px 50px !important;
font-weight: bold !important;
border: none !important;
}
.marketing-cta-full .marketing-cta-form .gform_validation_errors {
display: none !important;
}
.marketing-cta-full .marketing-cta-form .gfield_validation_message {
padding: 0.5rem 0;
color: #fff !important;
background: #FF3333;
}
.marketing-cta-full .marketing-cta-form .gform_confirmation_wrapper {
text-align: center !important;
}
.cs-hero__sparkles {
position: absolute;
left: -6rem;
bottom: 5rem;
width: 5rem;
}
@media (max-width: 767px) {
.cs-hero__sparkles {
display: none;
}
}
.cs-hero__highlight-line {
position: absolute;
right: -2rem;
top: -2rem;
width: 5rem;
}
@media (max-width: 767px) {
.cs-hero__highlight-line {
right: -0.8rem;
top: -1rem;
width: 3rem;
}
}
.cs-hero__image-wrapper {
position: relative;
}
.cs-hero__image {
display: block;
width: 100%;
height: auto;
border-radius: 30px;
}
.cs-hero .cs-awards {
padding-left: 0;
display: flex;
gap: 1rem;
}
.cs-hero .cs-awards__item {
max-width: 5rem;
list-style: none;
}
.cs-hero .cs-awards__item img {
width: 100%;
min-height: 4.5rem;
}
.results-preview-arrow {
position: absolute;
top: -0.5rem;
right: 4rem;
max-width: 6rem;
}
@media (max-width: 767px) {
.results-preview-arrow {
max-width: 3rem;
right: 0;
}
}
.results-item {
font-family: "League Spartan", sans-serif;
font-size:40px;
line-height:42px;
font-weight:bold;
}
.results-stack {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 1.5rem;
align-items: center;
}
.results-stack dt span {
padding: 0.45rem 0.3rem 0.3rem 0.3rem;
display: block;
font-family: "League Spartan", sans-serif;
font-size: 1.4rem;
text-align: center;
color: #000;
background: #FFC504;
border-radius: 0.35rem;
}
.results-stack dd {
margin-bottom: 0;
}
.featured-testimonial {
padding-top: 4.5rem !important;
padding-bottom: 4.5rem !important;
}
@media (max-width: 767px) {
.featured-testimonial {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
text-align: center;
}
}
.featured-testimonial__quote {
line-height: 1.1;
}
.featured-testimonial__quote p,
.featured-testimonial__quote span {
display: inline;
}
.featured-testimonial__photo {
position: relative;
width: 12rem;
height: 12rem;
border-radius: 100%;
}
@media (max-width: 767px) {
.featured-testimonial__photo {
margin: 0 auto;
width: 10rem;
height: 10rem;
}
}
.featured-testimonial__photo img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
object-fit: cover;
border-radius: 100%;
}
.featured-testimonial__name {
font-size: 2rem;
}
.error-404__big-heading {
font-size: 6rem;
}
@media (max-width: 767px) {
.error-404__big-heading {
font-size: 4.5rem;
}
}
.error-404__image {
max-width: 50rem;
width: 100%;
position: relative;
bottom: -15px;
}
.error-404 ul {
padding: 0;
}
.error-404 ul li {
margin-bottom: 1.5rem;
list-style: none;
}
.error-404 ul li a {
display: inline-block;
font-weight: bold;
}
.error-404 ul li a:hover {
text-decoration: underline;
}
.modal.show .modal-dialog {
max-width: 700px;
}
.modal-body {
padding: 1rem 2rem;
}
.modal-content .gfield_label {
font-size: 18px !important;
font-weight: normal !important;
}
.services-hero .rotate-right,
.page-hero .rotate-right {
transform: rotate(-4.5deg);
}
@media (max-width: 600px) {
.services-hero .rotate-right,
.page-hero .rotate-right {
transform: none;
}
}
.services-hero .rotate-left,
.page-hero .rotate-left {
transform: rotate(3deg);
}
@media (max-width: 600px) {
.services-hero .rotate-left,
.page-hero .rotate-left {
transform: none;
}
}
.sticky-top {
z-index: 1000 !important;
}
.nav-cta-btn {
padding-top: 5px;
padding-bottom: 5px;
}
.footer-logos-slider .logo-container {
display: flex !important;
align-items: center;
justify-content: center;
}
.contact-arrow-white {
max-width: 4rem;
position: absolute;
left: -4rem;
top: 0rem;
}
@media only screen and (max-width: 990px) {
.contact-arrow-white {
display: none;
}
}
.contact-title {
display: inline-block;
}
.contact-twinkles {
position: absolute;
left: -4rem;
top: -1.5rem;
max-width: 2.8rem;
}
.contact-phone {
position: absolute;
top: -4.5rem;
right: 0;
max-width: 8rem;
}
@media (max-width: 992px) {
.contact-phone {
max-width: 5rem;
}
}
.container__uneven-tb {
width: 100%;
max-height: 7rem;
}
.iframe-container {
overflow: hidden;
position: relative;
width: 100%;
padding-top: 56.25%;
height: 0;
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.meta-link:hover {
color: inherit;
}
.post .entry-content {
margin-right: 2rem;
}
@media (max-width: 992px) {
.post .entry-content {
margin-right: 0;
}
}
.h1-home-hero {
margin-bottom: 50px !important;
}
.h1-home-hero span.yellow {
position: relative;
display: inline-block;
}
.h1-home-hero span.yellow:after {
display: block;
position: absolute;
width: calc(100% + 5rem);
left: -2.5rem;
bottom: -2.5rem;
content: url('data:image/svg+xml;utf8,');
}
@media (max-width: 1200px) {
.h1-home-hero span.yellow:after {
width: 100%;
left: 0;
bottom: -1.1rem;
}
}