* {
box-sizing: border-box; 
margin: 0;
padding: 0;
font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
body {
line-height: 1.6;
color: #333333;
}
::selection {
background-color: #99ceff;
color: black;
}
a, button {
cursor: pointer;
}
button {
border: 0;
border-radius: 5px;
padding: 15px 25px;
background-color: #ffd480;
color: black;
font-size: 1.0em;
font-weight: 500;
transition: 0.2s;
}
button:hover {
background-color: #99ceff !important;
}
header {
position: sticky;
top: 0;
width: 100%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
header > div.topbar, header > nav {
width: 100%;
}
header > div.topbar > div, header > nav > div {
max-width: 1140px;
margin: auto;
}
header > div.topbar {
background-color: #005db9;
}
header > div.topbar > div {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}
header > div.topbar > div > div:first-child > a > img {
display: block;
max-height: 75px;
}
header > div.topbar > div > div:last-child > a > button {
padding: 10px 20px;
}
header > div.topbar > div > div:last-child > a:not(:first-child) {
margin-left: 16px;
}
header > div.topbar > div > div:last-child > a:last-child > button {
background-color: white !important;
}
header > div.topbar > div > div:last-child > a:last-child:hover > button {
background-color: #99ceff !important;
}
header > nav {
background-color: white;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
width: calc(100% / 7);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
background-color: #f3f5f7;
color: #222;
text-decoration: none;
font-weight: 500;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {
display: none;
color: #cccccc;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu {
width: auto !important;
min-width: max-content !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu a.mega-menu-link {
display: block;
white-space: nowrap;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background-color: #f3f5f7;
color: #222;
text-decoration: none;
font-weight: 500;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
border-color: white;
background-color: #f3f5f7;
color: #222;
text-decoration: none;
font-weight: 500;
box-shadow: inset 0 -4px 0 0 #ffd480;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
border-top: 3px solid #005db9;
border-bottom: 4px solid #ffd480;
border-radius: 0 0 5px 5px;
padding: 0 5px 20px 5px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
height: auto;
line-height: normal;
padding: 15px 0;
font-weight: 500;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
display: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
margin-bottom: 5px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
font-weight: 500 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:not(.mega-menu-item-3887, .mega-menu-item-3888, .mega-menu-item-3889, .mega-menu-item-4117) > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover span.mega-menu-acf-title {
text-decoration: underline;
text-decoration-color: #ffd480;
text-decoration-thickness: 3px;
text-underline-offset: 3px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
text-decoration: underline;
text-decoration-color: #ffd480;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
div.mega-menu-toggle {
position: absolute !important;
top: -55px;
right: 10px;
}
div.mega-menu-toggle button {
background-color: transparent !important;
}
div.mega-menu-toggle button span.mega-toggle-animated-inner,
div.mega-menu-toggle button span.mega-toggle-animated-inner::before,
div.mega-menu-toggle button span.mega-toggle-animated-inner::after {
background: white !important;
}
.mega-menu-acf-thumb {
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
}
.mega-menu-acf-thumb.tool {
width: 150px;
height: 150px;
}
.mega-menu-acf-thumb.case-study {
width: 60px;
height: 60px;
}
.mega-menu-acf-inner {
display: flex;
}
.mega-menu-acf-inner.tool {
align-items: flex-start;
gap: 20px;
}
.mega-menu-acf-inner.case-study {
align-items: center;
gap: 12px;
font-weight: normal;
}
.mega-menu-acf-thumb img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
display: block;
}
.mega-menu-acf-textblock {
display: flex;
flex-direction: column;
}
.mega-menu-acf-desc {
margin-top: 5px;
padding-right: 20px;
line-height: 1.4em;
font-size: 0.9em;
font-weight: normal;
}
footer {
padding: 60px 0 20px;
background-color: #262626;
color: #cccccc;
}
footer > div {
position: relative;
max-width: 1140px;
margin: auto;
padding: 0 20px;
}
footer > div > div.grid {
display:grid;
grid-template-columns: 2fr 2fr 2fr 3fr 3fr;
gap: 40px;
margin-bottom: 40px;
}
footer > div > div.grid > div h3 {
margin-bottom: 10px;
color: white;
}
footer > div > div.grid > div ul {
list-style: none;
}
footer > div > div.grid > div ul.menu {
margin-left: 20px;
}
footer > div > div.grid > div ul.menu li::marker {
content: "✦  ";
color: #ffd480;
}
footer > div > div.grid > div ul li {
margin-bottom: 5px;
}
footer > div > div.grid > div ul li a, footer > div > div.grid > div div.socials a {
color: #cccccc;
text-decoration: none;
transition: 0.2s;
}
footer > div > div.grid > div ul li a i {
margin-right: 10px;
color: white;
}
footer > div > div.grid > div ul li a i.fa-whatsapp {
margin-left: 1px; margin-right: 11px;
}
footer > div > div.grid > div ul li a:hover,
footer > div > div.grid > div div.socials a:hover {
color: #ffd480;
}
footer > div > div.grid > div h3.socials {
margin-top: 30px;
}
footer > div > div.grid > div div.socials a {
margin-right: 15px;
font-size: 1.5em;
}
footer > div > div.grid > div p.company_number {
margin-top: 20px;
}
footer > div > div.credits {
display: flex;
align-items: center;
justify-content: center;
}
footer > div > div.credits img {
display: block;
margin: 20px 10px;
}
footer > div > div.legal {
border-top: 5px solid rgba(255, 255, 255, 0.03);
border-radius: 100%;
text-align: center;
color: #cccccc;
}
footer > div > div.legal p {
margin: 20px 10px 0 10px;
}
section.hero, section.breadcrumbs, section.content_section {
width: 100%;
}
section.hero > div,
section.breadcrumbs > div,
section.content_section > div {
max-width: 1140px;
margin: auto;
}
section.hero > div, section.content_section > div {
padding: 50px 20px;
}
section.hero {
background-size: cover !important;
background-position: center !important;
display: flex;
justify-content: center;
min-height: 500px;
}
section.hero h1 {
margin-bottom: 30px;
font-size: 3.5em;
}
section.hero p {
margin-bottom: 20px;
font-size: 1.25em;
}
section.hero strong {
color: #ffd480;
}
section.hero button {
margin: 20px 0;
}
section.hero a:not(:last-child) button {
margin-right: 20px;
}
section.hero > div > img.hero_title_image {
box-sizing: content-box;
max-width: 750px;
max-height: 250px;
margin: 20px 0;
}
body.error404 h1 {
margin-bottom: 30px;
}
body.home section.hero h1 {
margin-bottom: 0;
font-size: 4.0em;
}
body.home section.hero p {
margin-bottom: 10px;
font-size: 1.5em;
}
section.content_section h2 {
margin-bottom: 20px;
font-size: 2.5em;
}
section.content_section h3 {
margin-bottom: 15px;
font-size: 1.3em;
}
section.content_section p {
margin-bottom: 20px;
font-size: 1.15em;
}
section.content_section a {
text-decoration: none;
font-weight: bold;
color: #005db9 !important;
}
section.content_section.ng_blue a {
color: #ffd480 !important;
}
section.content_section a:hover {
text-decoration: underline;
text-decoration-color: #ffd480;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
section.content_section.ng_blue a:hover {
color: #ffd480 !important;
}
section.content_section ul, section.content_section ol {
margin-left: 40px;
margin-bottom: 20px;
font-size: 1.2em;
}
section.content_section ul li::marker {
content: "✦  ";
color: #005db9;
}
section.content_section.ng_blue ul li::marker {
color: #ffd480;
}
section.breadcrumbs {
background-color: #f3f5f7;
color: #333333;
}
section.breadcrumbs p {
display: inline;
}
section.breadcrumbs p > span > span {
margin: 0 3px;
color: black;
}
section.breadcrumbs i {
margin-right: 3px;
color: #005db9;
}
section.breadcrumbs a {
color: #333333;
text-decoration: none;
}
section.breadcrumbs a:hover {
color: initial;
text-decoration: underline;
text-decoration-color: #ffd480;
text-decoration-thickness: 3px;
text-underline-offset: 3px;
}
section.breadcrumbs > div {
padding: 10px;
}
section.ng_standard p, section.ng_alternate p,
section.ng_standard ul, section.ng_alternate ul,
section.ng_standard ol, section.ng_alternate ol {
color: #666666;
}
section.ng_alternate {
background-color: #f8f9fa;
}
section.ng_blue {
background-color: #005db9;
color: white;
}
section.full_content_section > div img {
display: block;
max-width: 100%;
}
section.full_content_section > div > div {
margin: 60px 0;
}
section.full_content_section > div > div.image_with_text {
display: flex;
align-items: flex-start;
gap: 20px;
}
section.full_content_section > div > div.image_with_text > img {
flex-shrink: 0;
max-width: 75%;
}
section.full_content_section > div > div.image_with_text > div {
flex: 1;
}
section.cta_section > div {
padding: 100px 30px;
text-align: center;
font-size: 1.2em;
}
section.stats_section > div {
padding: 60px 20px;
}
section.stats_section > div > div.stats_values {
display: grid;
gap: 40px;
text-align: center;
}
section.stats_section > div > div.stats_values > div > div:first-child {
font-size: 5.0em;
line-height: 1.2em;
font-weight: bold;
color: #005db9;
}
section.stats_section > div > div.stats_values > div > div:last-child {
font-size: 1.2em;
font-weight: bold;
}
section.stats_section > div > div.stats_text {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-top: 40px;
}
section.snippet_section > div {
max-width: 800px;
padding: 30px;
text-align: center;
}
section.snippet_section > div > i {
margin-bottom: 20px;
border-radius: 100%;
padding: 15px;
font-size: 2.0em;
}
section.snippet_section.ng_standard > div > i {
background-color: #f8f9fa;
color: #005db9;
}
section.snippet_section.ng_alternate > div > i {
background-color: white;
color: #005db9;
}
section.snippet_section.ng_blue > div > i {
background-color: white;
color: #ffd480;
}
section.big_list_section > div > div.big_list {
max-width: 900px;
margin: auto;
margin-top: 40px;
border-radius: 5px;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.04), inset -1px -1px 2px rgba(0, 0, 0, 0.03);
padding: 10px 40px;
background-color: #f8f9fa;
text-align: left;
}
section.big_list_section.ng_alternate > div > div.big_list {
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07), inset -1px -1px 2px rgba(0, 0, 0, 0.06);
background-color: white;
}
section.big_list_section.ng_blue > div > div.big_list {
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), inset -1px -1px 2px rgba(0, 0, 0, 0.3);
background-color: white;
}
section.big_list_section > div > div.big_list > div {
display: flex;
align-items: center;
gap: 30px;
margin: 40px 0;
}
section.big_list_section > div > div.big_list > div > div.list_item_marker {
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
aspect-ratio: 1 / 1;
width: 80px;
border-radius: 100%;
font-size: 3.0em;
background-color: #005db9;
color: #ffd480;
}
section.big_list_section.ng_blue > div > div.big_list > div > div.list_item_marker {
background-color: #ffd480;
color: black;
}
section.big_list_section > div > div.big_list > div > div.list_item_text {
flex: 1;
font-size: 1.2em;
}
section.big_list_section > div > div.big_list > div > div.list_item_text > h3 {
margin-bottom: 5px;
color: black;
}
section.big_list_section > div > div.big_list > div > div.list_item_text > p {
margin-bottom: 0;
color: #666666;
font-size: 1.0em;
}
section.q_and_a_section h3 {
margin-bottom: 5px;
color: black;
}
section.q_and_a_section a:hover {
text-decoration: underline !important;
text-decoration-color: #ffd480 !important;
text-decoration-thickness: 4px !important;
text-underline-offset: 4px;
}
section.image_text_section > div {
display: grid;
grid-template-columns: 1fr 1fr;
}
section.image_text_section > div > div {
padding: 20px;
}
section.image_text_section > div > div > img {
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 10px;
}
section.image_text_grid_section > div {
text-align: center;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 60px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 10px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div > div {
padding: 10px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div > div.grid_image > img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 10px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div > div.grid_text {
text-align: left;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
text-align: left;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid > div {
margin: 30px 20px;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: #f8f9fa;
}
section.image_text_grid_section.ng_alternate > div.grid_layout_boxed > div.image_text_grid > div {
background-color: white;
}
section.image_text_grid_section.ng_blue > div.grid_layout_boxed > div.image_text_grid > div {
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.6);
background-color: white;
}
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid > div > div.grid_image > img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
max-height: 180px;
border-radius: 10px 10px 0 0;
} body.page-id-3911 section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid > div > div.grid_image > img {
max-height: 320px;
}
body.page-id-3911 section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid > div > div.grid_text {
margin: 20px 10px 30px 10px;
text-align: center;
}
body.page-id-3911 section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid > div:last-child > div.grid_image > img {
object-fit: unset;
} section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid > div > div.grid_text {
margin: 30px;
margin-bottom: 50px;
}
section.image_text_grid_section.ng_blue > div.grid_layout_boxed > div.image_text_grid > div > div.grid_text > h3 {
color: black;
}
section.image_text_grid_section.ng_blue > div.grid_layout_boxed > div.image_text_grid > div > div.grid_text > p {
color: #666666;
}
section.client_brand_section > div {
text-align: center;
}
section.client_brand_section > div > div {
display: grid;
}
section.client_brand_section > div > div > div {
display: flex;
align-items: center;
justify-content: center;
margin: 10px;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07), inset -1px -1px 2px rgba(0, 0, 0, 0.06);
padding: 20px;
background-color: white;
}
section.client_brand_section.ng_blue > div > div > div {
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4), inset -1px -1px 2px rgba(0, 0, 0, 0.3);
}
section.client_brand_section > div > div > div > img {
object-position: center;
width: 100%;
height: 100%;
}
section.testimonials_section > div {
text-align: center;
}
section.testimonials_section > div > div {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
section.testimonials_section > div > div > div {
position: relative;
margin: 50px 30px;
padding-bottom: 40px;
}
section.testimonials_section > div > div > div > img {
object-fit: cover;
object-position: center;
aspect-ratio: 1 / 1;
width: 200px;
border-radius: 100%;
filter: contrast(110%) saturate(60%);
}
section.testimonials_section > div > div > div > div.testimonial_body > i {
display: block;
color: #ffd480;
}
section.testimonials_section > div > div > div > div.testimonial_body > span.testimonial_content_wrapper > p {
margin: 0;
font-style: italic;
}
section.testimonials_section > div > div > div > div.testimonial_body > p.testimonial_date {
padding-top: 5px;
font-size: 0.9em;
font-weight: bold;
}
section.testimonials_section > div > div > div > div.testimonial_footer {
position: absolute;
width: 100%;
bottom: 0;
}
section.testimonials_section > div > div > div > div.testimonial_footer h4 {
color: #005db9;
font-size: 0.9em;
}
section.testimonials_section > div > div > div > div.testimonial_footer h5 {
font-size: 1.0em;
}
section.services_section > div {
max-width: 1720px;
text-align: center;
}
section.services_section > div > h2 {
font-size: 3.5em;
}
section.services_section > div > div.image_text_grid {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 20px;
}
section.services_section > div > div.image_text_grid a {
color: initial !important;
}
section.services_section > div > div.image_text_grid a:hover {
text-decoration: none !important;
}
section.services_section > div > div.image_text_grid div.service_cell {
display: grid;
grid-template-columns: 3fr 4fr;
margin: 30px;
border-right: 10px solid transparent;
border-radius: 5px;
background-color: white;
transition: 0.2s;
}
section.services_section.ng_standard > div > div.image_text_grid div.service_cell {
background-color: #f8f9fa;
}
section.services_section > div > div.image_text_grid div.service_cell > div.grid_image > img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 5px 0 0 5px;
}
section.services_section > div > div.image_text_grid div.service_cell > div.grid_text {
position: relative;
padding: 20px;
text-align: left;
}
section.services_section > div > div.image_text_grid div.service_cell > div.grid_text > h3 {
font-size: 1.8em;
}
section.services_section > div > div.image_text_grid div.service_cell > div.grid_text > p {
font-size: 1.1em;
font-weight: normal;
}
section.services_section > div > div.image_text_grid  div.service_cell > div.grid_text > p.service_footer {
margin: 10px;
text-align: right;
font-size: 1.0em;
font-weight: bold;
color: black;
}
section.service_section > div > div.service_table {
display: grid;
grid-template-columns: auto 1fr 1fr 1fr;
grid-template-rows: auto  1fr 1fr 1fr;
width: fit-content;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.05);
}
section.service_section > div > div.service_table_seo {
grid-template-rows: auto 1fr 1fr 1fr;
margin: 40px auto 40px auto;
}
section.service_section > div > div.service_table_ppc {
grid-template-rows: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin: -120px auto 40px auto;
}
section.service_section > div > div.service_table > div {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 10px 30px;
}
section.service_section > div > div.service_table div.service_icon {
position: absolute;
top: -10px;
font-size: 1.3em;
}
section.service_section > div > div.service_table > div > h3,
section.service_section > div > div.service_table > div > h4,
section.service_section > div > div.service_table > div > h5,
section.service_section > div > div.service_table > div > p {
margin: 0;
}
section.service_section > div > div.service_table > div.row_0,
section.service_section > div > div.service_table > div.col_0 {
font-weight: bold;
}
section.service_section > div > div.service_table > div.row_0 {
position: relative;
border-bottom: 10px solid;
padding: 20px 10px 5px 10px;
justify-content: end;
text-align: center;
}
section.service_section > div > div.service_table_ppc > div.row_0 {
padding-top: 10px;
}
section.service_section > div > div.service_table > div.row_0 > h3 {
font-size: 1.8em;
color: white;
}
section.service_section > div > div.service_table > div.row_0 > h4 {
color: #ffd480;
}
section.service_section > div > div.service_table > div.row_0 > h5 {
color: white;
}
section.service_section > div > div.service_table > div.col_0 {
align-items: flex-end;
text-align: right;
border-left: 10px solid #ffd480;
padding-right: 15px;
background-color: white;
}
section.service_section > div > div.service_table_ppc > div.col_0 > h3 {
font-size: 1.0em;
}
section.service_section > div > div.service_table > div.col_0 > p {
font-size: 0.9em;
}
section.service_section > div > div.service_table > div > strong {
font-size: 2.0em;
}
section.service_section > div > div.service_table > div > strong > i {
color: #2f982d;
}
section.service_section > div > div.service_table > div.row_0.col_1 {background-color: #3e82dd; border-color: #2674d9; border-radius: 10px 0 0 0;}
section.service_section > div > div.service_table > div.row_0.col_2 {background-color: #1d6fd0; border-color: #185eb4;}
section.service_section > div > div.service_table > div.row_0.col_3 {background-color: #005db9; border-color: #004d99; border-radius: 0 10px 0 0;}
section.service_section > div > div.service_table > div.col_1 {background-color: #f8fbff;}
section.service_section > div > div.service_table > div.col_2 {background-color: #f2f7ff;}
section.service_section > div > div.service_table > div.col_3 {background-color: #e8f1fb;}
section.service_section > div > div.service_table > div.row_1.col_0 {border-radius: 10px 0 0 0; box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.05);}
section.service_section > div > div.service_table_seo > div.row_3.col_0 {border-radius: 0 0 0 10px;}
section.service_section > div > div.service_table_seo > div.row_3.col_3 {border-radius: 0 0 10px 0;}
section.service_section > div > div.service_table_ppc > div.row_8.col_0 {border-radius: 0 0 0 10px;}
section.service_section > div > div.service_table_ppc > div.row_8.col_3 {border-radius: 0 0 10px 0;}
section.child_page_list > div > div.case_studies {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
}
section.child_page_list > div > div.case_studies > a {
text-decoration: none !important;
display: grid;
grid-template-rows: auto 1fr 1fr 1fr;
gap: 20px;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.07), inset -1px -1px 2px rgba(0, 0, 0, 0.06);
border-radius: 10px;
padding: 30px;
background-color: white;
transition: 0.2s;
}
section.child_page_list > div > div.case_studies > a:hover {
box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.12), inset -2px -2px 5px rgba(0, 0, 0, 0.10);
}
section.child_page_list > div > div.case_studies > a > div.case_study_image {
display: flex;
justify-content: center;
align-items: center;
aspect-ratio: 3 / 1;
}
section.child_page_list > div > div.case_studies > a > div.case_study_image > img {
max-width: 100%;
max-height: 100%;
}
section.child_page_list > div > div.case_studies > a > div.case_study_stat {
text-align: center;
}
section.child_page_list > div > div.case_studies > a > div.case_study_stat > div:first-child {
font-size: 2.0em;
color: #005db9;
}
section.child_page_list > div > div.case_studies > a > div.case_study_stat > div:last-child {
color: black;
}
section.child_page_list > div > div.tools > a {
display: block;
margin: 20px 0;
text-decoration: none !important;;
}
section.child_page_list > div > div.tools > a > div {
display: grid;
grid-template-columns: 2fr 7fr;
border-right: 15px solid transparent;
background-color: #f8f9fa;
transition: 0.2s;
}
section.child_page_list > div > div.tools > a > div > div:first-child > img {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
aspect-ratio: 1 / 1;
}
section.child_page_list > div > div.tools > a > div > div:last-child {
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px;
}
section.child_page_list > div > div.tools > a > div > div:last-child > h2 {
margin: 0;
color: black;
}
section.child_page_list > div > div.tools > a:hover > div {
border-color: #ffd480;
}
section.contact_section > div > div {
display: grid;
grid-template-columns: 7fr 3fr;
gap: 60px;
}
section.contact_section > div > div > div.contact_details > div {
margin: 40px 0;
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.04), inset -1px -1px 2px rgba(0, 0, 0, 0.03);
padding: 20px;
background-color: #f8f9fa;
}
section.contact_section > div > div > div.contact_details > div.main_contact_details {
line-height: 2.5em;
}
section.contact_section > div > div > div.contact_details > div.main_contact_details > a > i {
width: 25px;
color: black;
}
section.contact_section > div > div > div.contact_details > div.socials > div {
display: grid;
gap: 15px;
}
section.contact_section > div > div > div.contact_details > div.socials > div > div > a {
color: white !important;
}
section.contact_section > div > div > div.contact_details > div.socials > div > div > a:hover {
text-decoration: none;
color: #ffd480 !important;
}
section.contact_section > div > div > div.contact_details > div.socials > div > div > a > i {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 100%;
background-color: #005db9;
}
section.contact_section > div > div > div.contact_details > div.addresses > p {
margin: 0;
}
form.forminator-custom-form input,
form.forminator-custom-form textarea {
padding: 20px;
background-color: #f0f2f4;
border: none;
border-left: 5px solid #005db9;
border-radius: 5px;
outline: none;
}
form.forminator-custom-form input {
font-size: 1.2em;
}
form.forminator-custom-form textarea {
resize: vertical;
font-size: 1.0em;
}
form.forminator-custom-form button {
width: 100%;
}
form.forminator-custom-form label {
display: inline-block !important;
margin: 5px !important;
font-size: 1.1em;
}
form.forminator-custom-form span.forminator-description {
display: inline;
float: right;
margin: 0 !important;
}
form.forminator-custom-form span.forminator-error-message {
border-radius: 5px;
padding: 5px 10px !important;
font-size: 0.9em !important;
}
.select2-selection {
border: 0 !important;
border-left: 5px solid #005db9 !important;
border-radius: 5px !important;
padding: 10px !important;
background-color: #f0f2f4 !important;
font-size: 1.2em;
}
.select2-results__options {
max-height: 800px !important;
border: 0 !important;
background-color: #f0f2f4 !important;
}
div.forminator-edit-module {
display: none !important;
}
@media (min-width: 769px) {
.admin-bar header {
top: 32px;
}
section.services_section > div > div.image_text_grid  div.service_cell > div.grid_text > p.service_footer {
position: absolute;
bottom: 0;
right: 0;
}
}
@media (max-width: 1600px) {
section.services_section > div > div.image_text_grid {
grid-template-columns: auto;
}
}
@media (min-width: 769px) and (max-width: 1600px) {
section.services_section > div > div.image_text_grid div.service_cell {
max-width: 780px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1200px) {
header > div.topbar > div {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 768px) {
header > div.topbar {
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
header > div.topbar > div {
flex-direction: column;
align-items: center;
gap: 20px;
padding: 12px 16px;
}
header > div.topbar > div > div:first-child > a > img {
width: 70%;
}
header > div.topbar > div > div:last-child {
display: flex;
flex-wrap: wrap;
align-self: flex-start;
justify-content: flex-start;
gap: 10px;
display: none; }
header > div.topbar > div > div:last-child a button {
width: auto;
margin: 0;
padding: 8px 19px;
font-size: 0.9em;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
box-shadow: none;
border: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
width: 100%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
padding: 15px 0 15px 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {
display: inline;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link::before {
color: #005db9;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
box-shadow: inset 10px 0 0 0 #ffd480;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu {
width: 100% !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu a {
padding-left: 40px !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
display: inline-block;
top: -5px;
height: 0;
margin: 0;
padding: 0 20px;
font-size: 1.8em;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
padding: 4px 10px 4px 40px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a {
margin: 0;
font-size: 1.0em;
text-decoration-thickness: 2px !important;
text-underline-offset: 2px !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover {
text-decoration-thickness: 1px !important;
text-underline-offset: 1px !important;
}
.mega-menu .mega-menu-column > ul > li > .mega-sub-menu {
max-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
transition: max-height 0.3s, opacity 0.2s !important;
}
.mega-menu .mega-menu-column > ul > li.is-open > .mega-sub-menu {
max-height: 1000px !important;
opacity: 1 !important;
}
#mega-menu-primary .mega-menu-column > ul > li > a.mega-menu-link > span.mega-indicator {
display: inline-flex !important;
top: 10px !important;
align-items: center !important;
justify-content: center !important;
transform-origin: center center !important;
padding: 0 10px !important;
font-size: 1.8em !important;
}
#mega-menu-primary .mega-menu-column > ul > li.is-open > a.mega-menu-link > span.mega-indicator {
transform: rotate(180deg);
}
.mega-menu-acf-thumb, .mega-menu-acf-desc {
display: none;
}
footer > div > div.grid {
grid-template-columns: 1fr;
font-size: 1.2em;
}
footer > div > div.grid > div {
text-align: center;
}
footer > div > div.grid > div ul.menu {
margin-left: 0;
}
footer > div > div.grid > div ul.menu li::marker {
content: "";
}
footer > div > div.grid > div div.socials a {
margin-left: 10px;
margin-right: 10px;
}
footer > div > div.grid > div h3.socials {
margin-top: 40px;
}
section.hero {
min-height: 300px;
}
section.hero h1, body.home section.hero h1 {
font-size: 2.5em;
line-height: 1.5em;
}
section.content_section h2 {
font-size: 2.0em;
}
body.home section a {
text-decoration: none !important;
}
body.home section.hero p {
font-size: 1.2em;
}
body.home section.hero button {
display: block;
width: 100%;
margin-right: 0;
}
section.hero > div > img.hero_title_image {
max-width: 300px;
}
section.full_content_section > div > div.image_with_text {
flex-direction: column;
gap: 20px;
}
section.full_content_section > div > div.image_with_text > img {
max-width: 100%;
}
section.image_text_section > div,
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid,
section.image_text_grid_section > div.grid_layout_boxed > div.image_text_grid,
section.stats_section > div > div.stats_values,
section.stats_section > div > div.stats_text,
section.services_section > div > div.image_text_grid,
section.services_section > div > div.image_text_grid div.service_cell,
section.client_brand_section > div > div,
section.testimonials_section > div > div,
section.child_page_list > div > div.case_studies,
section.contact_section > div > div {
grid-template-columns: auto !important;
}
section.big_list_section > div > div.big_list {
padding: 10px 20px;
}
section.big_list_section > div > div.big_list > div {
gap: 20px;
}
section.big_list_section > div > div.big_list > div > div.list_item_marker {
width: 50px;
font-size: 2.0em;
}
section.stats_section > div > div.stats_text {
gap: 0;
text-align: center;
}
section.image_text_section > div > div {
padding-bottom: 10px;
}
section.image_text_section > div > div,
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div {
padding: 0;
padding-bottom: 10px;
}
section.image_text_grid_section > div.grid_layout_unboxed > div.image_text_grid > div > div {
padding: 0 10px;
}
section.services_section > div > div.image_text_grid div.service_cell {
border: 0 !important;
}
section.services_section > div > div.image_text_grid div.service_cell,
section.services_section > div > div.image_text_grid div.service_cell > div.grid_image > img {
border-radius: 0;
}
section.services_section > div > div.image_text_grid div.service_cell {
margin: 10px;
}
section.service_section > div > div.service_table_ppc {
margin-top: -160px;
}
section.service_section > div > div.service_table > div {
padding: 20px;
}
section.service_section > div > div.service_table > div.row_0 > h3 {
font-size: 1.2em;
}
section.service_section > div > div.service_table > div.col_0 > h3 {
font-size: 1.0em;
}
section.service_section > div > div.service_table > div.col_0 > p {
display: none;
}
section.service_section > div > div.service_table > div > strong {
font-size: 2.0em;
}
section.child_page_list > div > div.tools > a > div {
grid-template-columns: auto;
border: 0;
}
}