*,
.dayContainer,
.flatpickr-calendar,
.flatpickr-day,
.numInputWrapper span {
    -webkit-box-sizing: border-box;
}
*,
.flatpickr-calendar,
.numInputWrapper span {
    box-sizing: border-box;
}
button,
ul {
    padding: 0;
}
.fade-on-load,
.flatpickr-calendar,
.visually-hidden {
    visibility: hidden;
    opacity: 0;
}
.slick-dots,
ol,
ul {
    list-style: none;
}
.flex.f-dir-column,
.full-width-header-section,
.full-width-header-section .inner,
.our-work-piece .site-content,
[data-popup],
[data-popup] .form-popup,
body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.site-footer .google-partner__container li,
ul {
    list-style-type: none;
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social ul li:first-child,
.work-list-item .image-area.image-on-left .bg-area-container.shade-bg {
    margin-left: 0;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
.app-grid-item .icon-area .icon-link,
.article-grid-item .image-area,
.section-testimonials .testimonial-client,
.site-footer .footer-flex .left-area .footer-addresses .local_business.birmingham,
.site-footer .footer-flex .left-area header ul > * a,
.site-header.dark:not(.fixed) .logo-area .show-when-dark,
.slick-initialized .slick-slide,
.slick-slide img,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
.arrow-link,
.flex.f-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
.main-blog-area .blog-sidebar .sidebar-cta p,
.rte {
    line-height: 1.6;
    color: #6f6f6d;
}
.contact-form .offices-section .slider-area .office-slide .info-area ul,
.location-header .info-area .inner ul,
.main-blog-area .blog-sidebar .sidebar-cta p > :not(:last-child),
.rte > :not(:last-child) {
    margin-bottom: 25px;
}
.esc-staff .staff-profile span,
.full-width-header-section .to-left ul li,
.h5,
.header-and-image-blocks .block .main-blog-area .blog-sidebar .sidebar-cta p,
.header-and-image-blocks .block .rte,
.main-blog-area .blog-sidebar .sidebar-cta .header-and-image-blocks .block p,
.main-blog-area .blog-sidebar .sidebar-cta p li,
.main-blog-area .blog-sidebar .sidebar-cta p p,
.rte li,
.rte p,
h5 {
    font-size: 16px;
}
.main-blog-area .blog-sidebar .sidebar-cta p p,
.rte p {
    line-height: inherit;
}
.main-blog-area .blog-sidebar .sidebar-cta p a:not(.highlight-link),
.rte a:not(.highlight-link):not(.btn) {
    display: inline;
}
a.btn.btn--block {
    display: inline-block;
}
.header-double-image .inner-content-area img,
.image-block-text-link .header-img img,
.location-header .image-area img,
.main-blog-area .blog-sidebar .sidebar-cta p img,
.our-work-piece .brief-section .image-container img,
.our-work-piece .colours-and-fonts-container img,
.rte img,
.text-and-download img {
    max-width: 100%;
}
.main-blog-area .blog-sidebar .sidebar-cta p ul,
.rte ul {
    list-style-type: disc;
    margin-left: 20px;
}
.main-blog-area .blog-sidebar .sidebar-cta p .content-block,
.rte .content-block {
    margin-bottom: 200px;
}
.clients-page .header-double-image,
.contact-form .contact-step.step-3 .left-area > .input-wrapper:last-child,
.contact-form .contact-step.step-3 .right-area > .input-wrapper:last-child,
.full-width-header-section .heading:last-child,
.full-width-header-section ul li:last-child,
.header-double-image.no-margin,
.main-blog-area .blog-sidebar .sidebar-cta p .content-block:last-child,
.our-work-piece .our-approach-section .content-container > p:last-child,
.our-work-piece .our-approach-section .project-stats-container li:last-child,
.rte .content-block:last-child,
.social-icons li,
.social-sharing li {
    margin-bottom: 0;
}
.breadcrumbs li a,
.contact-form .next-step button b,
.contact-form .offices-section .slider-area .office-slide .info-area ul li b,
.contact-form .offices-section .slider-area .office-slide .info-area ul li strong,
.cta .content-wrapper .flex-positioning .caption .cta-main-title span,
.cta .content-wrapper .flex-positioning .caption h3 span,
.flatpickr-time input.flatpickr-hour,
.location-header .info-area .inner ul li b,
.location-header .info-area .inner ul li strong,
.main-blog-area .blog-sidebar .sidebar-cta p h1 strong,
.main-blog-area .blog-sidebar .sidebar-cta p h2 strong,
.main-blog-area .blog-sidebar .sidebar-cta p h3 strong,
.main-blog-area .blog-sidebar .sidebar-cta p h4 strong,
.main-blog-area .blog-sidebar .sidebar-cta p h5 strong,
.main-blog-area .blog-sidebar .sidebar-cta p h6 strong,
.rte h1 strong,
.rte h2 strong,
.rte h3 strong,
.rte h4 strong,
.rte h5 strong,
.rte h6 strong,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
table th {
    font-weight: 700;
}
.main-blog-area .blog-sidebar .sidebar-cta p blockquote,
.rte blockquote {
    font-size: 26px;
    line-height: 1.4;
    position: relative;
    margin: 50px 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-blog-area .blog-sidebar .sidebar-cta p blockquote:before,
.rte blockquote:before {
    content: "";
    width: 50px;
    height: 30px;
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-quote.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -100px;
    top: 0;
    display: block;
}
.main-blog-area .blog-sidebar .sidebar-cta p blockquote *,
.rte blockquote * {
    font-size: inherit !important;
    font-weight: 600;
}
.main-blog-area .blog-sidebar .sidebar-cta p blockquote b,
.main-blog-area .blog-sidebar .sidebar-cta p blockquote strong,
.rte blockquote b,
.rte blockquote strong {
    display: block;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 900;
}
.main-blog-area .blog-sidebar .sidebar-cta p em,
.rte em {
    font-style: italic;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 600;
    color: currentColor;
    line-height: 1.2;
}
.h1,
h1 {
    font-size: 54px;
}
.h2,
h2 {
    font-size: 30px;
}
.h3,
h3 {
    font-size: 24px;
}
.contact-form .steps-wrapper > header p:first-child,
.h4,
.our-work-piece .our-approach-section .project-stats-container span.stat_description,
h4 {
    font-size: 20px;
}
.h6,
.site-footer .footer-flex .left-area .nav-area .footer-nav li a,
h6 {
    font-size: 12px;
}
.site-footer .footer-flex .left-area .nav-area .trust-icons {
    gap: 50px;
    margin-bottom: 20px;
}
@media (max-width: 1368px) {
    .site-footer .footer-flex .left-area .nav-area .trust-icons {
        gap: 40px;
    }
}
.enforce-width,
.wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.enforce-width.smaller,
.smaller.wrapper {
    max-width: 1000px;
}
.enforce-width.larger,
.larger.wrapper {
    max-width: 1720px;
}

.wrapper.larger-extends-right {
    margin-right: 0;
    margin-left: calc((100vw - 1400px)/2);
    max-width: calc(100vw - ((100vw - 1400px)/2));
    padding-right: 0;
}
.container,
.enforce-width.largest,
.largest.wrapper {
    max-width: 1600px;
}
.wrapper {
    padding-left: 60px;
    padding-right: 60px;
    width: 100%;
}
.bg-cover,
.bg-cover-center {
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-contain-center,
.bg-cover-center {
    background-position: center;
}
.bg-contain,
.bg-contain-center {
    background-repeat: no-repeat;
    background-size: contain;
}
.heading-large {
    font-size: 48px;
    letter-spacing: 1.25px;
    font-weight: normal;
}
.article-page .article-header .info-area h1,
.heading-sub,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block p h3,
.our-work-piece-block .main-blog-area .blog-sidebar .sidebar-cta p h3,
.our-work-piece-block .rte h3 {
    font-size: 36px;
}
.arrow-link,
.flex.f-a-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.arrow-link span,
.site-footer .social-icons li {
    margin-right: 10px;
}
.arrow-link img,
.arrow-link svg {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
}
.arrow-link svg use {
    -webkit-transition: 0.35s;
    transition: 0.35s;
    fill: currentColor;
}
.arrow-link:hover img,
.arrow-link:hover svg,
a.resource-cards__inner:hover .arrow-link img,
a.resource-cards__inner:hover .arrow-link svg,
.article-grid-item:hover .arrow-link img,
.article-page .article-footer .next-prev-item a:hover .next-prev-item-info img,
.contact-form .contact-step.step-3 .submit-area button:hover img,
.job-list-section ul.job-list > li .job-item:hover .arrow-link svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
.arrow-link:hover svg use,
.bullets__blocks .block-icon svg path,
.experts-why__blocks .block-icon svg path,
.job-list-section ul.job-list > li .job-item:hover .arrow-link svg use {
    fill: #E30B5C;
}
.arrow-link.arrow-link-left span {
    margin-right: 0;
    margin-left: 10px;
}
.arrow-link.arrow-link-left img,
.arrow-link.arrow-link-left svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.arrow-link.arrow-link-left:hover img,
.arrow-link.arrow-link-left:hover svg {
    -webkit-transform: rotate(180deg) translateX(5px);
    transform: rotate(180deg) translateX(5px);
}
.contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a,
.contact-form .steps-wrapper > header .rte a,
.contact-form .steps-wrapper > header h1 a,
.highlight-link,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a {
    font-weight: 900;
    font-size: 16px;
    position: relative;
    padding-bottom: 10px;
}
.contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a:after,
.contact-form .steps-wrapper > header .rte a:after,
.contact-form .steps-wrapper > header h1 a:after,
.highlight-link:after,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a:after {
    content: "";
    max-width: 100%;
    height: 2px;
    background: #E30B5C;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    width: 60px;
}
.width-style-fifth {
    width: 20%;
}
.contact-form .offices-section .title-area,
.width-style-quarter {
    width: 25%;
}
.width-style-third {
    width: 33.3333%;
}
.featured-post-grid .sub-posts,
.image-and-text .image-area,
.width-style-two-fifths {
    width: 40%;
}
.blog-hero-section .featured-post-detail,
.blog-hero-section .featured-post-img,
.client-grid ul li,
.contact-form .offices-section .slider-area .office-slide .info-area .left-area,
.contact-form .offices-section .slider-area .office-slide .info-area .right-area,
.flex.f-half-width > *,
.our-work-grid .work-grid-item,
.our-work-piece .capturing-data-section > div,
.section-richtext-columns .wrapper .flex .content-col,
.width-style-half {
    width: 50%;
}
.featured-post-grid .main-post,
.width-style-three-fifths {
    width: 60%;
}
.site-footer .footer-flex .left-area .nav-area,
.width-style-two-thirds {
    width: 66.6%;
}
.contact-form .offices-section .slider-area,
.width-style-three-quarters,
.work-list-item .image-area .bg-area-container.restrict-width-1 {
    width: 75%;
}
.width-style-four-fifths {
    width: 80%;
}
.numInputWrapper input,
.width-style-full,
section {
    width: 100%;
}
.video-wrapper {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}
.flex-positioning,
.video-wrapper iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.fade-on-load {
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
.article-grid-item.style-overlay:hover .image-area .bg-area:after,
.article-page .article-footer .next-prev-item a:hover .next-prev-item-info:after,
.contact-form[data-current-step="2"] .contact-result-item.shown,
.contact-form[data-current-step="3"] .contact-result-item.shown,
.esc-staff .staff-profile .inner:hover .bio,
.esc-staff .staff-profile .inner:hover:before,
.fade-on-load.img-loaded,
.site-footer .footer-flex .right-area .inner form.loading:after,
.site-footer .footer-flex .right-area .inner form.loading:before,
.site-header.nav-open .main-nav,
.work-grid-item .bg-area:hover:after,
[data-popup].visible {
    opacity: 1;
    visibility: visible;
}
.flatpickr-months,
.flex,
.main-blog-area .blog-sidebar .recommended-for-you ol li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex > .grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex.f-j-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.flex.f-j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex.f-j-end,
.site-header .main-nav ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.site-header .main-nav ul {
    align-items: stretch;    
}
.flex.f-j-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex.f-a-start,
.service-link .a-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex.f-a-end,
.service-link .a-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flex.f-dir-column,
.our-work-piece .site-content {
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex.f-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex.f-equal-width > * {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex.f-third-width > * {
    width: 33.33%;
}
.flex.f-grid {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}
.flex.f-grid > * {
    padding: 0 20px;
}
.flex.f-grid.f-grid-xxs {
    margin-left: -5px;
    margin-right: -5px;
}
.breadcrumbs li a span,
.flex.f-grid.f-grid-xxs > * {
    padding: 0 5px;
}
.flex.f-grid.f-grid-xs {
    margin-left: -10px;
    margin-right: -10px;
}
.contact-form .contact-status .radio-item,
.contact-form .contact-status > label,
.flex.f-grid.f-grid-xs > * {
    padding: 0 10px;
}
.flex.f-grid.f-grid-s {
    margin-left: -15px;
    margin-right: -15px;
}
.flex.f-grid.f-grid-s > * {
    padding: 0 15px;
}
.flex.f-grid.f-grid-l {
    margin-left: -30px;
    margin-right: -30px;
}
.flex.f-grid.f-grid-l > *,
.testimonial-slider .slick-slider .slick-slide {
    padding: 0 30px;
}
.flex.f-grid.f-grid-xl {
    margin-left: -45px;
    margin-right: -45px;
}
.flex.f-grid.f-grid-xl > * {
    padding: 0 45px;
}
.flex.f-grid.f-grid-xxl {
    margin-left: -75px;
    margin-right: -75px;
}
.flex.f-grid.f-grid-xxl > * {
    padding: 0 75px;
}
.flatpickr-months .flatpickr-next-month.disabled,
.flatpickr-months .flatpickr-prev-month.disabled,
.visually-hidden,
body.contactUs .intercom-namespace {
    display: none;
}
.hide {
    display: none !important;
}
.section-richtext .content-left,
.text-left {
    text-align: left;
}
.default-post-grid .blogs__action,
.esc-staff .sub-heading,
.esc-staff > p,
.our-work-list > header,
.section-richtext .content-middle,
.text-center {
    text-align: center;
}
.section-richtext .content- right,
.text-right {
    text-align: right;
}
.flex-positioning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px;
    pointer-events: none;
}
.flatpickr-weekdays,
.full-width-header-section .to-left,
.site-content,
[data-popup],
[data-popup] .form-popup,
body {
    display: -webkit-box;
    display: -ms-flexbox;
}
.flex-positioning.top-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex-positioning.top-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex-positioning.top-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.flex-positioning.middle-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-positioning.middle-middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-positioning.middle-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-positioning.bottom-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.flex-positioning.bottom-middle {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flex-positioning.bottom-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.flex-positioning > * {
    pointer-events: auto;
}
body {
    line-height: 1;
    background: #fff;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Mulish, Helvetica, Arial, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
}
button,
input,
textarea {
    font: inherit;
}
hr {
    border: 0;
    height: 1px;
    background: #e9e9e9;
    margin: 50px 0 !important;
}
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
button {
    color: inherit;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    border-radius: 0;
}
.site-content {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1; 
    background: 0 0;
}
.site-content.dark {
    background-color: #0C0E0B;
    color: #fff;
    background-size: cover;
    background-position: top center;
}

.site-content.dark.homepage {
    background-image: url("https://cdn.eastsideco.com/media/v5/homepage/dark-mode.png");
}

.site-content.dark *,
.site-content.dark h1,
.site-content.dark h2,
.site-content.dark h3,
.site-content.dark h4,
.site-content.dark h5 {
    color: #fff;
}

.site-content.layout section:not(:first-of-type):not(.no-margin),
.site-content.new-layout section:not(:first-of-type):not(.no-margin) {
    margin-top: 110px;
}

@media (max-width: 768px) {
    .site-content {
        overflow-x: hidden;    
    }
    .site-content.layout section:not(:first-of-type):not(.no-margin),
    .site-content.new-layout section:not(:first-of-type):not(.no-margin) {
        margin-top: 30px;
    }
}

.btn,
.slick-dots li.slick-active button,
table th {
    background: #E30B5C;
}
.pad-top {
    padding-top: 206px;
}
.pad-header {
    padding-top: 156px;
}
.pad-header-small {
    padding-top: 120px;
}
.is-coming-soon,
a {
    font-weight: 900;
    font-size: 14px;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}
.btn,
.mega-featured__content h3,
.mega-featured__content p,
.mega-featured__content span,
table th {
    color: #fff;
}
.main-blog-area .blog-sidebar .sidebar-cta p .is-coming-soon,
.main-blog-area .blog-sidebar .sidebar-cta p a,
.rte .is-coming-soon,
.rte a {
    text-transform: none;
    font-size: inherit;
}
.btn,
.mobile-only button {
    text-transform: uppercase;
}


@media screen and (min-width: 767px) {
    .small-screen-only {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .large-screen-only {
        display: none !important;
    }
}
.breadcrumbs li > span,
.main-blog-area .main-area .pagination li.active a,
.our-work-filters button.active,
.site-header .main-nav ul li a.highlight,
b,
strong {
    font-weight: 900;
}
* {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    outline: 0;
}
ul {
    margin: 0;
}
.sub-heading {
    font-size: 46px;
    font-weight: 400;
}
.btn {
    padding: 20px 20px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 0;
    cursor: pointer;
    border-radius: 6px;
}
.btn:hover {
    background: #cb0a52;
    -webkit-box-shadow: 8px 10px 35px rgba(0, 0, 0, 0.39);
    box-shadow: 8px 10px 35px rgba(0, 0, 0, 0.39);
}
.btn [disabled="disabled"],
.btn[disabled],
.contact-form .contact-step.step-2 .left-area.disabled,
.contact-form .contact-step.step-2 .right-area.disabled,
.contact-form .next-step button[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
.btn.btn-secondary,
.contact-form .contact-step .radio-item input + label:hover,
.contact-form .contact-step .radio-item input:checked + label {
    background: #fff;
    color: #000;
}
.btn.btn-secondary:hover {
    background: #e6e6e6;
}

.btn.btn-black {
    background: #0c0e0b;
}

.btn.btn-black:hover {
    background: #000000;
}
.burger-icon-container {
    padding: 10px;
    margin: -10px;
}
.burger-icon-container .burger-icon {
    width: 15px;
    height: 15px;
    margin: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    cursor: pointer;
    color: currentColor;
    z-index: 2;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
}
.burger-icon-container .burger-icon span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: currentColor;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.burger-icon-container .burger-icon span:first-child {
    top: 0;
}
.burger-icon-container .burger-icon span:nth-child(2) {
    top: 6px;
}
.burger-icon-container .burger-icon span:nth-child(3) {
    top: 12px;
}
.burger-icon-container .burger-icon.open span:first-child {
    top: 0;
    left: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.burger-icon-container .burger-icon.open span:nth-child(2) {
    width: 0;
    opacity: 0;
}
.burger-icon-container .burger-icon.open span:nth-child(3) {
    top: 11px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.icon-close {
    cursor: pointer;
    font-size: 0px;
    height: 15px;
    width: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.icon-close:after,
.icon-close:before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 2px;
    width: 18px;
}
.icon-close:before {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(5px, 5px);
}
.icon-close:after {
    -webkit-transform: rotate(-45deg) translate(-3px, 4px);
    transform: rotate(-45deg) translate(-3px, 4px);
}
table td,
table th {
    border: 1px solid rgba(207, 207, 207, 0.5);
    padding: 15px;
}
.site-header.dark:not(.fixed),
.site-header.dark:not(.fixed) .plus-reveal-container,
.site-header.dark:not(.fixed) ul li a:not(.mega-featured__title):not(a.highlight),
table td {
    color: #000;
}
table tr:nth-child(2n) {
    background-color: #f4f4f4;
}
.container {
    margin: 0 auto;
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}
.flatpickr-calendar {
    display: none;
    text-align: center;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-wrapper,
.numInputWrapper input,
.numInputWrapper span {
    display: inline-block;
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}
.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}
.flatpickr-calendar.animate.open {
    -webkit-animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) fpFadeInDown;
    animation: 0.3s cubic-bezier(0.23, 1, 0.32, 1) fpFadeInDown;
}
.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
}
.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month,
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time,
.numInputWrapper {
    height: auto;
}
.flatpickr-calendar:after,
.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
}
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px;
}
.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
}
.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
}
.flatpickr-calendar:focus,
.flatpickr-current-month input.cur-year:focus,
.flatpickr-days:focus,
.slick-list:focus {
    outline: 0;
}
.article-grid-item,
.article-grid-item.style-overlay .image-area,
.article-page .article-footer .next-prev-item a.has-inline-bg,
.cta .content-wrapper,
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-wrapper,
.location-header .image-area .img-container,
.numInputWrapper,
.quote,
.service-link.has-middle-line,
.site-footer .footer-flex,
.site-footer .footer-flex .right-area .inner form,
.slider-wrapper {
    position: relative;
}
.flatpickr-months .flatpickr-month {
    background: 0 0;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 28px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    line-height: 16px;
    height: 28px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0;
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0;
}
.slick-next {
    right: -50px;
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9;
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747;
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px;
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
    -webkit-transition: fill 0.1s;
    transition: fill 0.1s;
    fill: inherit;
}
.our-work-piece-block--hero .services-area .bg-list-area .inner .arrow-link:hover use,
.social-icons.color-state--light svg path,
.social-icons.desktop-only svg path,
.social-sharing.color-state--light svg path,
[data-popup] .arrow-link:hover svg use {
    fill: #fff;
}
.numInputWrapper input::-ms-clear {
    display: none;
}
.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, 0.15);
}
.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
}
.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, 0.6);
    top: 26%;
}
.numInputWrapper span.arrowDown {
    top: 50%;
}
.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, 0.6);
    top: 40%;
}
.numInputWrapper span svg {
    width: inherit;
    height: auto;
}
.numInputWrapper span svg path {
    fill: rgba(0, 0, 0, 0.5);
}
.flatpickr-current-month span.cur-month:hover,
.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05);
}
.bullets__blocks .block-icon svg g,
.experts-why__blocks .block-icon svg g,
.numInputWrapper:hover span,
.social-icons li a:hover,
.social-sharing li a:hover {
    opacity: 1;
}
.flatpickr-current-month {
    font-size: 135%;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 6.16px 0 0;
    line-height: 1;
    height: 28px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0;
}
.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
}
.flatpickr-day,
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second,
.main-blog-area .main-area .pagination li a,
.section-richtext-columns .wrapper .flex .content-col .h1,
.section-richtext-columns .wrapper .flex .content-col .h2,
.section-richtext-columns .wrapper .flex .content-col .h3,
.section-richtext-columns .wrapper .flex .content-col .h4,
.section-richtext-columns .wrapper .flex .content-col .h5,
.section-richtext-columns .wrapper .flex .content-col .h6,
.section-richtext-columns .wrapper .flex .content-col h1,
.section-richtext-columns .wrapper .flex .content-col h2,
.section-richtext-columns .wrapper .flex .content-col h3,
.section-richtext-columns .wrapper .flex .content-col h4,
.section-richtext-columns .wrapper .flex .content-col h5,
.section-richtext-columns .wrapper .flex .content-col h6 {
    font-weight: 400;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: 0 0;
    pointer-events: none;
}
.flatpickr-weekdays {
    background: 0 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: 0 0;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0;
}
.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}
.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
    background: 0 0;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    width: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
}
.flatpickr-day.today {
    border-color: #959ea9;
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7;
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px;
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0;
}
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px;
}
.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    color: rgba(57, 57, 57, 0.3);
    background: 0 0;
    border-color: transparent;
    cursor: default;
}
.slick-next.slick-next,
.slick-next.slick-prev,
.slick-prev.slick-next,
.slick-prev.slick-prev {
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-arrow-right.svg");
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden;
}
.rangeMode .flatpickr-day {
    margin-top: 1px;
}
.flatpickr-weekwrapper {
    display: inline-block;
    float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57, 57, 57, 0.3);
    background: 0 0;
    cursor: default;
    border: none;
}
.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.flatpickr-time,
.flatpickr-time input {
    -webkit-box-sizing: border-box;
    text-align: center;
}
.flatpickr-time {
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative;
}
.flatpickr-time:after {
    content: "";
    display: table;
    clear: both;
}
.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
}
.flatpickr-time input {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
}
.flatpickr-time input:focus {
    outline: 0;
    border: 0;
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #f3f3f3;
}
.flatpickr-input[readonly] {
    cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.flatpickr-calendar {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-weekday {
    fill: #fff;
    color: #fff;
}
.flatpickr-calendar .flatpickr-next-month:hover svg,
.flatpickr-calendar .flatpickr-prev-month:hover svg {
    fill: #50e3c2;
}
.flatpickr-calendar .numInputWrapper {
    width: 50px;
}
.article-grid-item.style-overlay:hover .info-area,
.flatpickr-calendar .numInputWrapper input,
.site-footer .footer-flex .right-area .inner form.loading,
.slick-slide.dragging img {
    pointer-events: none;
}
.flatpickr-calendar .cur-month,
.flatpickr-calendar .cur-year,
.flatpickr-calendar .flatpickr-month {
    font-size: 16px !important;
    font-weight: 700 !important;
}
.article-grid-item.style-overlay,
.contact-form .contact-step.step-1,
.contact-form .contact-step.step-3 .submit-area .checkbox-flex,
.contact-form .thankyou-area h2,
.experts-clients__block .block-description,
.flatpickr-calendar .flatpickr-months,
.full-width-header-section .heading,
.full-width-header-section ul li,
.image-ctas__block-description,
.job-list-section header .inner h2,
.main-blog-area .blog-sidebar .recommended-for-you ol li,
.mega-card,
.our-work-piece .converting-traffic-section .content-container .sub-heading {
    margin-bottom: 20px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month,
.site-footer .footer-flex .left-area header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flatpickr-calendar .flatpickr-day {
    font-size: 12px;
    border-radius: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    border: 0;
    font-weight: 700;
}
.flatpickr-calendar .flatpickr-day.today {
    border: 1px solid #50e3c2;
    border-radius: 0;
}
.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day:hover {
    border: 0;
    background: #50e3c2;
}
.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table;
}
.contact-form .contact-step .radio-item input,
.contact-form .contact-step.step-2 .left-area .flatpickr-input,
.contact-form .contact-step.step-2 .right-area .flatpickr-input,
.contact-form[data-come-from="contact-say-hello"] .input-wrapper.current-website-wrapper,
.esc-staff .staff__container.loaded-more .load-more-container,
.faq__faq-minus,
.faqs__faq--open .faq__faq-plus,
.job-list-section .job-list-load-more.loaded-more .load-more-container,
.megamenu a:not(.arrow-link):after,
.section-testimonials .extra-testimonials,
.site-footer .footer-flex .left-area .footer-locations ul li br,
.site-header .logo-area .show-when-dark,
.site-header.dark:not(.fixed) .logo-area .show-when-light,
.slick-arrow.slick-hidden,
.slick-slide,
.slick-slide.slick-loading img,
[data-popup] label,
[data-popup].bottom-fixed .popup-close {
    display: none;
}
.slick-track:after {
    clear: both;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 15px;
    width: 15px;
    line-height: 0;
    font-size: 0px;
    cursor: pointer;
    background: center center/8px 16px no-repeat;
    padding: 0 10px;
    border: none;
    outline: 0;
    color: #000;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    opacity: 0.3;
    pointer-events: none;
}
.contact-form[data-current-step="2"] .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p > p:not(:first-child),
.contact-form[data-current-step="2"] .steps-wrapper > header .rte > p:not(:first-child),
.contact-form[data-current-step="3"] .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p > p:not(:first-child),
.contact-form[data-current-step="3"] .steps-wrapper > header .rte > p:not(:first-child),
.job-list-section ul.job-list > li.faded,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form[data-current-step="2"] .steps-wrapper > header p > p:not(:first-child),
.main-blog-area .blog-sidebar .sidebar-cta .contact-form[data-current-step="3"] .steps-wrapper > header p > p:not(:first-child),
.megamenu,
.menu-hidden,
.site-header .plus-reveal,
[data-popup] {
    opacity: 0;
    visibility: hidden;
}
.slick-next:before,
.slick-prev:before {
    content: none;
}
.slick-next.slick-prev,
.slick-prev.slick-prev {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.site-header,
.slick-dots {
    -webkit-transform: translateX(-50%);
}
.slick-light .slick-next.slick-next,
.slick-light .slick-next.slick-prev,
.slick-light .slick-prev.slick-next,
.slick-light .slick-prev.slick-prev {
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-arrow-right-light.svg");
}
.slick-prev {
    left: -50px;
    right: auto;
}
[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before,
[dir="rtl"] .slick-next:before {
    content: "\2190";
}
.slick-next:before,
[dir="rtl"] .slick-prev:before {
    content: "\2192";
}
[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}
.slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    transform: translateX(-50%);
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
@media (min-width: 1025px) {
    .slick-dots li {
        margin: 0 5px;
    }
}
.slick-dots li button {
    border: 0;
    background: #f4f4f4;
    display: block;
    height: 12px;
    width: 12px;
    outline: 0;
    line-height: 0;
    font-size: 0px;
    color: transparent;
    cursor: pointer;
    padding: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    position: relative;
    border-radius: 50%;
}

.slick-active button {
     transform: scale(1.5);   
}

.site-content.dark .slick-dots li:not(.slick-active) button {
    background: rgba(244, 244, 244, 0.5);
}

@-webkit-keyframes popupAnimate {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
    }
    15% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 45%;
    }
    75% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 100%;
        width: auto;
    }
    76% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 100%;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: 100%;
        width: 100%;
    }
}
@keyframes popupAnimate {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
    }
    15% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 45%;
    }
    75% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 100%;
        width: auto;
    }
    76% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 100%;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        top: 100%;
        width: 100%;
    }
}
@-webkit-keyframes popupAnimateBtm {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}
@keyframes popupAnimateBtm {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}
[data-popup] {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #000;
    border-radius: 2px;
    color: #fff;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
[data-popup].popup-animate {
    -webkit-animation-name: popupAnimate;
    animation-name: popupAnimate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
[data-popup].bottom-fixed {
    -webkit-animation-name: popupAnimateBtm;
    animation-name: popupAnimateBtm;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border: none;
    border-top: 1px solid #000;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    left: 0;
    top: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
}
[data-popup].bottom-fixed .heading-popup {
    margin-bottom: 10px;
    max-width: none;
    text-align: left;
}
[data-popup].bottom-fixed .input-group {
    margin: 0 5px;
}
[data-popup].bottom-fixed .form-popup {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
[data-popup].bottom-fixed .form-popup button {
    margin: 0 0 0 10px;
}
[data-popup] .heading-popup {
    color: currentColor;
    font-size: 18px;
    margin-bottom: 25px;
    text-align: center;
    max-width: 400px;
    width: 100%;
}
[data-popup] .form-popup {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
}
[data-popup] .form-popup button {
    margin-top: 15px;
}
.article-grid-item .info-area .main-blog-area .blog-sidebar .sidebar-cta p,
.article-grid-item .info-area .rte,
.article-page .article-header .info-area .main-blog-area .blog-sidebar .sidebar-cta p,
.article-page .article-header .info-area .rte,
.main-blog-area .blog-sidebar .sidebar-cta .article-grid-item .info-area p,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-header .info-area p,
.main-blog-area .blog-sidebar .sidebar-cta .testimonial-slider .slick-slider .slick-slide .inner p,
.our-work-filters,
.testimonial-slider .slick-slider .slick-slide .inner .main-blog-area .blog-sidebar .sidebar-cta p,
.testimonial-slider .slick-slider .slick-slide .inner .rte,
[data-popup] .input-group {
    margin-bottom: 15px;
}
.site-header {
    padding: 40px 60px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    z-index: 20;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    will-change: transform;
    color: #fff;
}
/* .site-header.dark:not(.fixed) {
    padding: 20px 60px;
} */
@media (max-width: 768px) {
   /*  .site-header.dark:not(.fixed) {
       padding: 0;
   } */
}
.site-header__wrap {
    width: 100%;
    max-width: 1600px;
    position: relative;
    margin: 0 auto;
}
.site-header.fixed {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.9);
    background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.75) 100%);
}
.site-header.fixed.nav-open,
.site-header.nav-open .main-nav ul li:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.site-header.hide-from-view {
    -webkit-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
}
.site-header .burger-area,
.site-header .mobile-top-menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}
.site-header .burger-area {
    line-height: 0;
}
.site-header .logo-area {
    z-index: 2;
    position: relative;
    line-height: 0;
}
.site-header .mobile-top-menu li a {
    color: #fff;
    font-size: 10px;
    padding-bottom: 5px;
    display: block;
    margin-bottom: -3px;
}
.site-header .plus-reveal-container {
    font-size: 0px;
    position: relative;
    color: #fff;
    line-height: 0;
}
.full-width-header-section .heading,
.megamenu__block-heading {
    font-size: 18px;
    font-weight: 700;
}
.site-header .plus-reveal-container .plus-reveal {
    width: 100px;
    height: 20px;
}
.site-header .plus-reveal-container img:not(.plus-reveal) {
    max-width: 180px;
}
.site-header .plus-reveal-container:after {
    content: "";
    background: currentColor;
    height: 100%;
    width: 1px;
    position: absolute;
    right: -10px;
    top: 0;
    opacity: 0;
    visibility: hidden;
}
.site-header .plus-reveal {
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    position: absolute;
    right: 0;
    top: 50%;
    max-height: 30px;
}
.site-header .main-nav ul li a:not(.btn) {
    font-weight: 600;
    font-size: 12px;
    position: relative;
    color: #fff;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.site-header .main-nav ul li a:not(.btn):after {
    content: "";
    display: block;
    max-width: 100%;
    height: 2px;
    background: #E30B5C;
    position: absolute;
    left: 0;
    bottom: -7px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    width: 0;
}

.site-header .main-nav ul li a.highlight {
    padding: 15px 20px;
    background-color: #E30B5C;
    border-radius: 6px;
}
.site-header .main-nav ul li a.highlight:after {
    display: none;
}

.site-header .main-nav ul li a.highlight:hover {
    background: #cb0a52;
    box-shadow: 8px 10px 35px rgba(0, 0, 0, 0.39);
}
.site-header.nav-open.fixed {
    background: 0 0;
    background: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.75) 100%);
    background-color: #000;
}
.full-width-header-section .block,
.full-width-header-section .to-left:after,
.hero-image .bg-area {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.hero-image .bg-area:not(.bg-area--no-overlay)::before,
.hero-image .bg-area:not(.bg-area--no-overlay)::after{
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-image .bg-area:not(.bg-area--no-overlay)::before {
    background: linear-gradient(70deg, rgba(12, 14, 11, 0.6) 29.66%, rgba(12, 14, 11, 0) 84.45%);
}

.hero-image .bg-area:not(.bg-area--no-overlay)::after{
    background: linear-gradient(to top, rgba(12, 14, 11) 2%, rgba(12, 14, 11, 0) 35%);
}

.site-header.nav-open .main-nav ul li {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
.site-header.nav-open .main-nav ul li:nth-child(0) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.site-header.nav-open .main-nav ul li:first-child {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}
.site-header.nav-open .main-nav ul li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.site-header.nav-open .main-nav ul li:nth-child(3) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.site-header.nav-open .main-nav ul li:nth-child(5) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.site-header.nav-open .main-nav ul li:nth-child(6) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.site-header.nav-open .main-nav ul li:nth-child(7) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.site-header.nav-open .main-nav ul li:nth-child(8) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.site-header.nav-open .main-nav ul li:nth-child(9) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.site-header.nav-open .main-nav ul li:nth-child(10) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.site-header.nav-open .main-nav ul li:nth-child(11) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}
.site-header.nav-open .main-nav ul li:nth-child(12) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.site-header.nav-open .main-nav ul li:nth-child(13) {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}
.site-header.nav-open .main-nav ul li:nth-child(14) {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.site-header.nav-open .main-nav ul li:nth-child(15) {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
}
.site-header.nav-open .main-nav ul li:nth-child(16) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}
.site-header.nav-open .main-nav ul li:nth-child(17) {
    -webkit-transition-delay: 0.85s;
    transition-delay: 0.85s;
}
.site-header.nav-open .main-nav ul li:nth-child(18) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s;
}
.site-header.nav-open .main-nav ul li:nth-child(19) {
    -webkit-transition-delay: 0.95s;
    transition-delay: 0.95s;
}
.site-header.nav-open .main-nav ul li:nth-child(20) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.site-header.nav-open .main-nav ul li:nth-child(21) {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s;
}
.site-header.nav-open .main-nav ul li:nth-child(22) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.site-header.nav-open .main-nav ul li:nth-child(23) {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s;
}
.site-header.nav-open .main-nav ul li:nth-child(24) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.site-header.nav-open .main-nav ul li:nth-child(25) {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s;
}
.site-header.nav-open .main-nav ul li:nth-child(26) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.site-header.nav-open .main-nav ul li:nth-child(27) {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s;
}
.site-header.nav-open .main-nav ul li:nth-child(28) {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.site-header.nav-open .main-nav ul li:nth-child(29) {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s;
}
.site-header.nav-open .main-nav ul li:nth-child(30) {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.site-header.nav-open .main-nav:after {
    -webkit-clip-path: circle(130vh at right 20px top 20px);
    clip-path: circle(130vh at right 20px top 20px);
    opacity: 1;
    visibility: visible;
}
.megamenu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    max-height: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
@media screen and (max-width: 1000px) {
    .megamenu {
        display: none;
    }
}
.megamenu a:not(.arrow-link) {
    border: 0;
    text-transform: initial;
    color: #fff;
}
.megamenu a:not(.arrow-link) img {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.experts-team .block-btn:hover,
.megamenu a:not(.arrow-link):hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.megamenu__inner {
    padding: 30px;
    height: 100%;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.95);
}
.megamenu__block {
    width: calc(100% / 3);
}
.megamenu__block--featured {
    padding-right: 5%;
}
.megamenu__block--items {
    padding-right: 3%;
}
.image-and-text .image-area.image_side_left .bg-area-container {
    padding: 80px 0 0 120px;
}
.megamenu__block-heading {
    margin-bottom: 25px;
    color: #E30B5C;
    position: relative;
}
.mega-featured {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.466);
}
.mega-featured img {
    max-width: 35%;
    border-radius: 5px;
    margin-right: 20px;
}
.mega-featured__title {
    color: #fff;
    font-size: 16px !important;
    font-weight: 700;
    margin-bottom: 10px;
}
.mega-featured__copy {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-transform: initial;
}
.mega-awards {
    padding: 10px 0;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.mega-awards img {
    max-width: 100%;
    margin: 10px;
}
.contact-form .contact-step.step-3 .submit-area button span,
.mega-card img {
    margin-right: 20px;
}
.mega-card--list {
    padding-left: 115px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.mega-card--list .arrow-link {
    text-transform: capitalize;
}
.article-grid-item.style-overlay .info-area *,
.contact-form .contact-step,
.cta .content-wrapper .flex-positioning .caption.style-light .cta-main-title,
.cta .content-wrapper .flex-positioning .caption.style-light .h4,
.cta .content-wrapper .flex-positioning .caption.style-light .h5,
.cta .content-wrapper .flex-positioning .caption.style-light h4,
.cta .content-wrapper .flex-positioning .caption.style-light h5,
.cta-grid-item .bg-area .flex-positioning .caption.style-light *,
.experts-team .block-overlay__title,
.header-double-image .breadcrumbs *,
.mega-card h3,
.mega-card p,
.mega-card span,
.site-footer .footer-flex .left-area .h1,
.site-footer .footer-flex .left-area .h2,
.site-footer .footer-flex .left-area .h3,
.site-footer .footer-flex .left-area .h4,
.site-footer .footer-flex .left-area .h5,
.site-footer .footer-flex .left-area .h6,
.site-footer .footer-flex .left-area a,
.site-footer .footer-flex .left-area h1,
.site-footer .footer-flex .left-area h2,
.site-footer .footer-flex .left-area h3,
.site-footer .footer-flex .left-area h4,
.site-footer .footer-flex .left-area h5,
.site-footer .footer-flex .left-area h6,
.site-footer .footer-flex .left-area p {
    color: #fff;
}

.cta-main-body,
.cta-main-body.h5{
    margin-top: 24px;
    font-size: 17px;
}
.mega-card img {
    border-radius: 5px;
    max-width: 95px;
    width: 100%;
}
.desktop-only:hover > .megamenu {
    max-height: initial;
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    visibility: visible;
}
.hero-image .line-title .h5:after,
.hero-image .line-title h5:after,
.our-work-list > header .h5:after,
.our-work-list > header h5:after {
    height: 100px;
    margin-top: 10px;
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-dashed-border.svg");
    background-repeat: no-repeat;
    content: "";
}
@media screen and (min-width: 769px) and (min-width: 1000px) {
    .main-nav ul li:not(.mobile-only).has-megamenu:hover {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#E30B5C), color-stop(28%, #000), to(rgba(0, 0, 0, 0.9)));
        background-image: linear-gradient(180deg, #E30B5C 0, #000 28%, rgba(0, 0, 0, 0.9) 100%);
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    .sticky-elem {
        align-self: flex-start;
        position: sticky;
        top: 60px;
    }
    .site-header,
    .site-header__wrap {
        align-items: center;
    }
}
.dark .has-megamenu:hover > a {
    color: #fff !important;
}
.menu-hidden {
    max-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.mobile-only button {
    font-size: 12px;
    font-weight: 600;
}
.mobile-mega {
    overflow: auto;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 100%;
    padding: 20px;
}
.cta .background-wrapper .inner,
.mobile-mega .megamenu__block,
.our-work-grid .work-grid-item.featured {
    width: 100%;
}
.mobile-close {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 600;
}
@media (min-width: 769px) {
    .contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a:hover:after,
    .contact-form .steps-wrapper > header .rte a:hover:after,
    .contact-form .steps-wrapper > header h1 a:hover:after,
    .highlight-link:hover:after,
    a.hero-image__case-study:hover > .highlight-link:after,
    a.resource-cards__inner:hover .highlight-link:after,
    a.icon-text-links__grid-item:hover > .highlight-link:after,
    .main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a:hover:after,
    .site-header .main-nav ul li a:hover:after {
        width: 100%;
    }
    .flex.f-grid.f-grid-xxs-desktop {
        margin-left: -5px;
        margin-right: -5px;
    }
    .flex.f-grid.f-grid-xxs-desktop > * {
        padding: 0 5px;
    }
    .flex.f-grid.f-grid-xs-desktop {
        margin-left: -10px;
        margin-right: -10px;
    }
    .flex.f-grid.f-grid-xs-desktop > * {
        padding: 0 10px;
    }
    .flex.f-grid.f-grid-s-desktop {
        margin-left: -15px;
        margin-right: -15px;
    }
    .flex.f-grid.f-grid-s-desktop > * {
        padding: 0 15px;
    }
    .flex.f-grid.f-grid-l-desktop {
        margin-left: -30px;
        margin-right: -30px;
    }
    .flex.f-grid.f-grid-l-desktop > * {
        padding: 0 30px;
    }
    .flex.f-grid.f-grid-xl-desktop {
        margin-left: -45px;
        margin-right: -45px;
    }
    .flex.f-grid.f-grid-xl-desktop > * {
        padding: 0 35px;
    }
    .flex.f-grid.f-grid-xxl-desktop {
        margin-left: -75px;
        margin-right: -75px;
    }
    .flex.f-grid.f-grid-xxl-desktop > * {
        padding: 0 75px;
    }
    .text-left-desktop {
        text-align: left;
    }
    .text-center-desktop {
        text-align: center;
    }
    .text-right-desktop {
        text-align: right;
    }
    .mobile-close,
    .mobile-mega,
    .mobile-only {
        display: none;
    }
    .flex-positioning.top-left-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .flex-positioning.top-middle-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .flex-positioning.top-right-desktop {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .flex-positioning.middle-left-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-positioning.middle-middle-desktop {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-positioning.middle-right-desktop {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-positioning.bottom-left-desktop {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .flex-positioning.bottom-middle-desktop {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-positioning.bottom-right-desktop {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .flatpickr-calendar,
    .flatpickr-days {
        width: 455px;
    }
    .dayContainer {
        width: 455px;
        min-width: 455px;
        max-width: 455px;
    }
    .flatpickr-day {
        max-width: 65px;
        height: 45px;
        line-height: 45px;
    }
    .site-header.fixed {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .site-header .logo-area {
        padding-right: 120px;
    }
    .site-header .plus-reveal-container:after {
        -webkit-transition: 250ms 125ms;
        opacity: 1;
        visibility: visible;
    }
    .site-header .plus-reveal-container .plus-reveal {
        -webkit-transform: translate(calc(100% + 20px), -50%);
        transform: translate(calc(100% + 20px), -50%);
        opacity: 1;
        visibility: visible;
    }
    .main-nav,
    .main-nav ul {
        height: 100%;
    }
    .main-nav ul li:not(.mobile-only) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.site-header,
.site-header__wrap {
    -webkit-overflow-scrolling: touch;
}
.full-width-header-section {
    background-size: cover;
    color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 650px;
    margin-bottom: 300px;
    padding: 156px 60px 0;
    width: 100%;
}
.full-width-header-section .inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    width: 100%;
}
.full-width-header-section h1,
.full-width-header-section p.fill-in {
    color: inherit;
    text-align: center;
    text-transform: capitalize;
    font-weight: 400;
}
.hero-image .line-title .h5,
.hero-image .line-title h5,
.job-list-section ul.job-list > li .job-item .inner .arrow-link span,
.our-work-list > header .h5,
.our-work-list > header h5,
.our-work__title {
    font-weight: 900;
    text-transform: uppercase;
}
.about-us .image-grids-and-text .right-area,
.full-width-header-section .fill-in,
.image-block-text-link .image-block-text-link-content,
.our-work-piece .mobile-section .mobile-img-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.app-grid-item .info-area,
.full-width-header-section .to-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.full-width-header-section .block {
    background-position: left top;
    -webkit-box-shadow: 0 25px 250px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 25px 250px 25px rgba(0, 0, 0, 0.5);
    min-height: 450px;
    width: 100%;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    margin-top: 50px;
}
.full-width-header-section .to-left {
    color: #fff;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 100px;
    position: relative;
}
.blog-hero-section .featured-post-detail:after,
.blog-hero-section .featured-post-detail:before,
.full-width-header-section .to-left:after,
.full-width-header-section .to-left:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.blog-hero-section .featured-post-detail:before,
.full-width-header-section .to-left:before {
    background-color: rgba(36, 37, 41, 0.75);
    z-index: 1;
}
.full-width-header-section .to-left:after {
    background-image: var(--full-width-header-block-bg);
    background-position: left top;
    z-index: 0;
    -webkit-filter: blur(8px);
    filter: blur(8px);
}
.full-width-header-section .to-left > * {
    color: inherit;
    position: relative;
    z-index: 2;
}
.full-width-header-section .to-left ul li a {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-transform: inherit;
}
.hero-image {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.hero-image .line-title {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 0;
    left: 50%;
}
.hero-image .line-title .h5,
.hero-image .line-title h5,
.line-title .h5 {
    color: #fff;
    font-size: 9px;
    margin: 0;
}
.hero-image .line-title .h5:after,
.hero-image .line-title h5:after,
.our-work-list > header .h5:after,
.our-work-list > header h5:after {
    background-position: center center;
    display: block;
}
.hero-image .bg-area {
    position: relative;
    min-height: 700px;
    max-height: 900px;
}

@media (min-width: 768px) {
    .hero-image .bg-area {
        height: 100vh;
    }
}
.hero-image .bg-area .hero-featured-image {
    margin-bottom: 32px;
}

.hero-image .flex-positioning .main-cta {
    color: #fff;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%;
    z-index: 2;
}
.hero-image .flex-positioning .main-cta .h1,
.hero-image .flex-positioning .main-cta .h2,
.hero-image .flex-positioning .main-cta .h3 {
    color: inherit;
    margin-bottom: 0;
    font-weight: 400;
}
.hero-image .flex-positioning .main-cta .h1 {
    font-size: 84px;
    margin-bottom: 32px;
}

.hero-image .flex-positioning .main-cta .h1,
.hero-image .flex-positioning .main-cta .h2,
.hero-image .flex-positioning .main-cta .h3,
.hero-image .flex-positioning .main-cta p {
    max-width: 735px;
}

.hero-image .flex-positioning .main-cta .h1.heading--full-width,
.hero-image .flex-positioning .main-cta .h2.heading--full-width,
.hero-image .flex-positioning .main-cta .h3.heading--full-width {
    max-width: unset;
}
.contact-form .thankyou-area .main-blog-area .blog-sidebar .sidebar-cta p,
.contact-form .thankyou-area .rte,
.header-image-and-title .header-box .main-blog-area .blog-sidebar .sidebar-cta p li,
.header-image-and-title .header-box .main-blog-area .blog-sidebar .sidebar-cta p p,
.header-image-and-title .header-box .rte li,
.header-image-and-title .header-box .rte p,
.hero-image .flex-positioning .main-cta .h3,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .thankyou-area p,
.main-blog-area .blog-sidebar .sidebar-cta .header-image-and-title .header-box p li,
.main-blog-area .blog-sidebar .sidebar-cta .header-image-and-title .header-box p p {
    font-size: 18px;
}
.hero-image .flex-positioning .main-cta .btn {
    margin-top: 40px;
}

.hero-image__case-study {
    position: absolute;
    bottom: 150px;
    right: 60px;
    padding: 12px;
    border: 1px solid #FF0E69;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    background-color: rgba(12, 14, 11, 0.24);
    text-transform: uppercase;
}

.hero-image__case-study:hover {
    background-color: rgba(12, 14, 11, 0.74);
}

.hero-image__case-study .highlight-link {
    font-size: 11px;
    font-weight: 400;
}
.our-work-list {
    margin-top: -200px;
    position: relative;
    width: 100%;
}
.careers .site-content,
.our-work-list.bg-white {
    background: #fff;
}
.our-work-list > header .h5,
.our-work-list > header h5 {
    font-size: 9px;
    color: #fff;
    margin: 0;
}
.our-work-list > ul {
    position: relative;
    padding-bottom: 30px;
}
.our-work-list > ul:after {
    content: "";
    left: 50%;
    top: 0;
    background: #cfcfcf;
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
}
.our-work-list > footer {
    margin: 30px 0 45px;
}
.client-grid ul li,
.client-grid > a,
.work-list-item {
    margin-bottom: 100px;
}
.about-us .image-and-text-upper,
.heading-with-content .header-content > *,
.location-header .image-area .img-container img,
.service-link.has-middle-line .content,
.work-list-item {
    position: relative;
    z-index: 1;
}
.work-list-item .info-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 47%;
}
.cta-grid-item .bg-area .flex-positioning .caption,
.work-list-item .info-area .inner {
    max-width: 400px;
}
.contact-form .offices-section .title-area h2,
.work-list-item .info-area .inner .h2 {
    margin-bottom: 10px;
}
.main-blog-area .blog-sidebar .sidebar-cta .work-list-item .info-area .inner p,
.work-list-item .info-area .inner .main-blog-area .blog-sidebar .sidebar-cta p,
.work-list-item .info-area .inner .rte {
    margin-bottom: 25px;
    color: #6f6f6d;
}
.work-list-item .image-area {
    width: 53%;
    position: relative;
}
.image-and-text .image-area.image_side_left,
.location-header .image-area.image_side_left,
.work-list-item .image-area.image-on-left {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.work-list-item .image-area.image-on-left .bg-area-container.shade-bg + .bg-area-container {
    left: auto;
    right: 0;
}
.work-list-item .image-area .bg-area-container .bg-area {
    padding-bottom: 80%;
    background-size: cover;
    background-position: center center;
    transition: transform 0.2s;
}
.work-list-item .image-area .bg-area-container.shade-bg {
    width: 80%;
    margin-top: 70px;
    margin-left: auto;
}
.work-list-item .image-area .bg-area-container.shade-bg + .bg-area-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
}
.our-work {
    position: relative;
    min-height: 800px;
    z-index: 2;
}
.our-work__title {
    font-size: 144px;
    letter-spacing: 4px;
    color: #000;
    position: absolute;
    right: 60px;
    top: 0;
    padding: 0;
    -webkit-transform: rotate(-90deg) translateX(15%);
    transform: rotate(-90deg) translateX(15%);
    -webkit-transform-origin: right;
    transform-origin: right;
    z-index: 1;
    white-space: nowrap;
}
.our-work-filters button {
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.our-work-grid {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin: 0 -2.5px;
    position: relative;
}
.our-work-grid:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: calc(100% - 6px);
    height: calc(100% - 5px);
    -webkit-box-shadow: 0 25px 70px rgba(0, 0, 0, 0.25);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.25);
}
.our-work-grid > * {
    padding: 0 2.5px;
    margin-bottom: 5px;
}
.work-grid-item .bg-area {
    display: block;
    padding-bottom: 80%;
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 1;
}
.work-grid-item .bg-area:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    opacity: 0;
    visibility: hidden;
    background: 0 0;
    background-image: linear-gradient(155deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.9) 100%);
}
.article-grid-item .image-area .bg-area,
.client-grid ul li .bg-area,
.cta .background-wrapper .inner .bg-area,
.cta-grid-item .bg-area {
    background-position: center center;
    background-repeat: no-repeat;
}
.work-grid-item .bg-area .flex-positioning {
    z-index: 1;
}
.work-grid-item .flex-positioning {
    padding: 45px 60px;
}
.work-grid-item .name-area {
    text-align: right;
    color: #fff;
    text-transform: none;
}
.contact-form .main-blog-area .blog-sidebar .sidebar-cta p,
.contact-form .rte,
.header-double-image .inner-content-area *,
.header-image-and-title .header-box *,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form p,
.our-work-piece .brief-section .sub-heading,
.work-grid-item .name-area * {
    color: inherit;
}
.work-grid-item .name-area .client-heading {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 0;
}
.work-grid-item .name-area span {
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    margin-top: 5px;
    display: block;
    line-height: 1.2;
}
.cta {
    position: relative;
    width: 100%;
    z-index: 1;
}
.cta.style-overlap {
    margin-top: -600px;
    z-index: 1;
}
.cta.style-overlap .content-wrapper {
    padding-top: 600px;
}
.cta .background-wrapper {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0;
}
.cta .background-wrapper .inner .bg-area {
    background-size: cover;
    width: 100%;
}
.cta .content-wrapper .flex-positioning {
    position: static;
    padding: 0;
}

.cta .content-wrapper .flex-positioning .caption,
.cta .content-wrapper .flex-positioning .caption-image {
    padding: 100px 0;
}

.cta .content-wrapper .flex-positioning.taller .caption,
.cta .content-wrapper .flex-positioning.taller .caption-image {
    padding: 190px 0;
}

.cta .content-wrapper .flex-positioning.has-captionImage {
    justify-content: space-between;
}

.cta .content-wrapper.content-wrapper--caption-cover .caption-image {
    background-size: 110%;
    background-repeat: no-repeat;
}

@media (min-width: 1025px) {
    .cta .content-wrapper.content-wrapper--caption-cover {
        margin-right: 0;
        padding-right: 0;
    }
    
    .cta .content-wrapper.content-wrapper--caption-cover .flex-positioning.has-captionImage {
        justify-content: initial;
        align-items: stretch;
        gap: 40px;
    }
    
    .cta .content-wrapper.content-wrapper--caption-cover .caption-image {
        flex: 1;
        background-position: center left;
    }
}

@media (min-width: 1720px) {
    .cta .content-wrapper.content-wrapper--caption-cover {
        margin-left: calc((100vw - 1720px) / 2);
        max-width: calc(100vw - ((100vw - 1720px) / 2));
    }
}

@media (max-width: 1024px) {
    .cta .content-wrapper.content-wrapper--caption-cover {
        padding: 0 ;
    }
    
    .cta .content-wrapper.content-wrapper--caption-cover .flex-positioning .caption {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .cta .content-wrapper.content-wrapper--caption-cover .caption-image {
        background-position: top center;
        aspect-ratio: 0.9;
    }
}
.cta .content-wrapper .flex-positioning.no-bg .caption,
.cta .content-wrapper .flex-positioning.no-bg .caption-image {
    padding: 40px 0;
}

.cta .content-wrapper .flex-positioning .caption {
    max-width: 540px;
}
.cta .content-wrapper .flex-positioning .caption.text-center {
    max-width: 600px;
}

.cta .content-wrapper .flex-positioning .caption.text-center.text-width-wide {
    max-width: 700px;
}

.cta .content-wrapper .flex-positioning .caption .cta-main-title,
.cta .content-wrapper .flex-positioning .caption h3 {
    color: #242529;
    font-weight: 400;
}
.cta .content-wrapper .flex-positioning .caption .h5,
.cta .content-wrapper .flex-positioning .caption h5 {
    font-size: 17px;
    margin-bottom: 20px;
    line-height: 22px;
}
.cta .content-wrapper .flex-positioning .caption .cta-main-title {
    font-size: 48px;
    margin: 0;
}
.contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p .section-testimonials a,
.contact-form .steps-wrapper > header .rte .section-testimonials a,
.contact-form .steps-wrapper > header h1 .section-testimonials a,
.cta .content-wrapper .flex-positioning .caption .btn,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p .section-testimonials a,
.section-testimonials .contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a,
.section-testimonials .contact-form .steps-wrapper > header .rte a,
.section-testimonials .contact-form .steps-wrapper > header h1 a,
.section-testimonials .highlight-link,
.section-testimonials .main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a {
    margin-top: 25px;
}
.cta .content-wrapper .flex-positioning .caption-image {
    max-width: calc(100% - 550px);
}
.cta .content-wrapper .flex-positioning .caption-image img {
    max-width: 100%;
}
.cta-grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
}
.cta-grid-item .bg-area {
    background-color: #fff;
    background-size: cover;
    width: 100%;
}
.cta-grid-item .bg-area .flex-positioning {
    padding: 150px 100px;
    position: static;
}
.cta-grid-item .bg-area .flex-positioning .caption .btn,
.cta-grid-item .bg-area .flex-positioning .caption h4,
.experts-solutions__block .block-title,
.image-information-list__block-title,
.site-footer .footer-flex .right-area .inner * {
    color: #242529;
}
.cta-grid-item .bg-area .flex-positioning .caption h4 {
    font-size: 32px;
    margin-bottom: 10px;
}
.cta-grid-item .bg-area .flex-positioning .caption .main-blog-area .blog-sidebar .sidebar-cta p,
.cta-grid-item .bg-area .flex-positioning .caption .rte,
.main-blog-area .blog-sidebar .sidebar-cta .cta-grid-item .bg-area .flex-positioning .caption p {
    line-height: 1.6;
    margin-bottom: 40px;
    color: #3f3f3f;
}
.client-grid {
    background: #f4f4f4;
    padding: 130px 100px 0;
}
.client-grid ul li .bg-area {
    padding-bottom: 70%;
    background-size: contain;
    display: block;
    max-width: 100px;
    margin: 0 auto;
}
.featured-post-grid {
    padding: 60px 60px 60px 120px;
    border-top: 1px solid #eee;
}
.featured-post-grid header,
.job-list-section header,
.site-footer .footer-flex .left-area header,
.site-footer .footer-flex .right-area .inner .form-area .h3,
.site-footer .footer-flex .right-area .inner .form-area h4 {
    margin-bottom: 50px;
}
.contact-form .offices-section .title-area .main-blog-area .blog-sidebar .sidebar-cta p p b,
.contact-form .offices-section .title-area .main-blog-area .blog-sidebar .sidebar-cta p p strong,
.contact-form .offices-section .title-area .rte p b,
.contact-form .offices-section .title-area .rte p strong,
.featured-post-grid header h3,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .offices-section .title-area p p b,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .offices-section .title-area p p strong,
.site-footer .footer-flex .left-area .footer-addresses .local_business .email a,
.site-footer .footer-flex .left-area .footer-addresses .local_business .email span,
.site-footer .footer-flex .left-area .footer-addresses .local_business .phone a,
.site-footer .footer-flex .left-area .footer-addresses .local_business .phone span,
.site-footer .footer-flex .left-area .nav-area .footer-nav li a:not(.highlight-link) {
    font-weight: 600;
}
.featured-post-grid header .main-blog-area .blog-sidebar .sidebar-cta p,
.featured-post-grid header .rte,
.main-blog-area .blog-sidebar .sidebar-cta .featured-post-grid header p {
    width: 100%;
    margin-top: 20px;
    color: #3f3f3f;
}
.article-grid-item .image-area .bg-area {
    padding-bottom: 85%;
    background-size: cover;
}
.article-grid-item .info-area,
.experts-why__blocks {
    padding: 40px 0;
}
.article-grid-item .info-area .h3 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
    display: block;
    text-transform: none;
    line-height: 1.2;
}
.article-grid-item.style-overlay .image-area .bg-area {
    padding-bottom: 100%;
    position: relative;
}
.article-grid-item.style-overlay .image-area .bg-area:after,
.article-grid-item.style-overlay .image-area .bg-area:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.article-grid-item.style-overlay .image-area .bg-area:after {
    opacity: 0;
    visibility: hidden;
    background: 0 0;
    background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.75) 100%);
}
.article-grid-item.style-overlay .info-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    z-index: 1;
}
.site-footer {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.9);
    background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.75) 100%);
    color: #fff;
    margin-top: -200px;
    position: relative;
    z-index: 0;
}
.site-footer .google-partner__container {
    margin-top: 25px;
    text-align: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
}
.site-footer .google-partner__container li:last-child {
    width: calc(100% - 230px);
    min-width: 120px;
}
.site-footer .google-partner__container li iframe {
    cursor: pointer;
}
.awards,
.contact-form .next-step button:hover:after,
.cta-with-equal-content,
.header-and-image-blocks,
.image-and-text-upper .featured-image-container img,
.site-footer .google-partner__container li img {
    width: 100%;
}
.landing-shopify-conversion-checklist .site-footer,
.site-footer.no-spc {
    margin-top: 0;
}
.site-footer.no-spc .left-area,
.site-footer.no-spc .right-area .inner {
    padding-top: 50px !important;
}
.site-footer .footer-flex .left-area,
.site-footer .footer-flex .right-area .inner {
    padding-top: 280px;
}
.site-footer .footer-flex .left-area {
    width: 57%;
    margin-bottom: 30px;
}
.site-footer .footer-flex .left-area header ul > * {
    width: 50%;
    padding-right: 20px;
}
.site-footer .footer-flex .left-area header img {
    max-width: 130px;
}
.site-footer .footer-flex .left-area .nav-area .footer-nav li {
    margin-bottom: 30px;
    width: 50%;
}
.site-footer .footer-flex .left-area .footer-locations {
    width: 33.3%;
}
.site-footer .footer-flex .left-area .footer-locations > .h2,
.site-footer .footer-flex .left-area .footer-locations > .h3,
.site-footer .footer-flex .left-area .footer-locations > .h4,
.site-footer .footer-flex .left-area .footer-locations > .h5,
.site-footer .footer-flex .left-area .footer-locations > .h6,
.site-footer .footer-flex .left-area .footer-locations > h2,
.site-footer .footer-flex .left-area .footer-locations > h3,
.site-footer .footer-flex .left-area .footer-locations > h4,
.site-footer .footer-flex .left-area .footer-locations > h5,
.site-footer .footer-flex .left-area .footer-locations > h6 {
    font-weight: 300;
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 30px;
}
.our-work-piece .brief-extended-section,
.site-footer .footer-flex .left-area .footer-locations ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.site-footer .footer-flex .left-area .footer-locations ul li {
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 1.2;
    color: #fff;
    width: 100%;
}
.site-footer .footer-flex .left-area .footer-locations ul li b,
.site-footer .footer-flex .left-area .footer-locations ul li strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
}
.site-footer .footer-flex .left-area .footer-addresses .local_business {
    display: none;
    line-height: 1.4;
    font-size: 14px;
    padding-right: 10px;
}
.site-footer .footer-flex .left-area .footer-addresses .local_business a {
    text-transform: none;
    font-weight: 400;
    font-size: inherit;
}
.site-footer .footer-flex .left-area .footer-addresses .local_business .phone {
    margin-right: 5px;
}
.site-footer .footer-flex .right-area {
    width: 43%;
}
.site-footer .footer-flex .right-area .inner {
    background: #fff;
    max-width: 500px;
    margin: 0 auto;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 50px;
    width: 100%;
}
.site-footer .footer-flex .right-area .inner form:before {
    content: "";
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.site-footer .footer-flex .right-area .inner form:after {
    content: "";
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-loading.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.site-footer .footer-flex .right-area .inner .success-area {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1;
    font-size: 20px;
    line-height: 1.4;
}
.esc-staff .staff-profile.faded .inner,
.site-footer .footer-flex .right-area .inner .form-area.faded,
.site-footer .footer-flex .right-area .inner .success-area.faded,
.text-and-download .form-download.faded,
.text-and-download .message-area p.faded {
    opacity: 0;
}
.site-footer .footer-flex .right-area .inner .form-area {
    position: relative;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1;
}
.contact-form .contact-step.step-3 .left-area > .flex > .input-wrapper,
.contact-form .contact-step.step-3 .left-area > .input-wrapper,
.contact-form .contact-step.step-3 .right-area > .flex > .input-wrapper,
.contact-form .contact-step.step-3 .right-area > .input-wrapper,
.contact-form .steps-wrapper > header h1,
.image-and-text .info-area .inner h2,
.main-blog-area .main-area .blog-categories,
.quote .caption img,
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper {
    margin-bottom: 30px;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper label {
    font-weight: 900;
    font-size: 10px;
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper input:not([type="checkbox"]),
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper select,
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper textarea {
    border: 0;
    border-bottom: 1px solid #cfcfcf;
    font-size: 14px;
    padding: 5px 0;
    width: 100%;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper input:not([type="checkbox"]):focus,
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper select:focus,
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper textarea:focus {
    border-color: #000;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper.checkbox-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper.checkbox-wrapper .checkbox-wrapper:before {
    content: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-tick-thin.svg");
    display: none;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper.checkbox-wrapper .checkbox-wrapper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 20px;
    min-height: 20px;
    border: 1px solid #cfcfcf;
    cursor: pointer;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper.checkbox-wrapper .checkbox-wrapper input:checked {
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-tick-thin.svg");
    background-size: 10px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper.checkbox-wrapper label {
    font-weight: 300;
    color: #6f6f6d;
    line-height: 1.6;
    text-transform: none;
    cursor: pointer;
    font-size: 12px;
}
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper.checkbox-wrapper label a {
    font-weight: 700;
    color: #6f6f6d;
    line-height: 1.6;
    cursor: pointer;
    font-size: 12px;
    text-transform: none;
}
.contact-form .contact-step.step-3 .submit-area .checkbox-flex label a:hover,
.site-footer .footer-flex .right-area .inner .form-area .input-wrapper.checkbox-wrapper label a:hover {
    color: #E30B5C;
}
.site-footer .copy {
    position: absolute;
    right: 30px;
    bottom: 100px;
    padding: 0;
    -webkit-transform: rotate(-90deg) translateX(100%);
    transform: rotate(-90deg) translateX(100%);
    -webkit-transform-origin: right;
    transform-origin: right;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.5px;
}
.social-icons {
    position: fixed;
    top: 40vh;
    left: 0;
    padding: 0 5px;
    z-index: 10;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.site-footer .social-icons {
    position: static;
    margin-bottom: 20px;
}
.site-footer .social-icons li a {
    padding-left: 0;
    padding-right: 15px;
}
.social-icons:hover a,
.social-sharing:hover a {
    opacity: 0.45;
}
.social-icons.desktop-only {
    mix-blend-mode: exclusion;
    background-color: #000;
}
.social-icons li a {
    padding: 15px 10px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.social-icons li a img {
    width: 18px;
}
.social-icons li a svg {
    width: 18px;
    height: auto;
}
.social-icons li a svg path,
.social-sharing li a svg path {
    fill: #000;
    -webkit-transition: fill 0.35s;
    transition: fill 0.35s;
}
.breadcrumbs {
    padding-bottom: 60px;
}
.breadcrumbs:not(.wrapper) {
    padding-left: 60px;
    padding-right: 60px;
}
.breadcrumbs li * {
    font-size: 10px;
    text-transform: uppercase;
}
.image-and-text {
    margin-bottom: 80px;
    position: relative;
    z-index: 1;
    width: 100%;
}
.blog-hero-section .featured-post-detail .featured-post-excerpt,
.blog-hero-section .featured-post-detail .featured-post-link,
.blog-hero-section .featured-post-detail .featured-post-title,
.image-and-text .bg-area-container img {
    max-width: 100%;
    position: relative;
    z-index: 1;
}
.image-and-text .bg-area-container:after {
    z-index: 0;
}
.image-and-text .info-area {
    padding: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60%;
}
.image-and-text .info-area .inner {
    max-width: 550px;
}
.image-and-text .info-area .inner .main-blog-area .blog-sidebar .sidebar-cta p,
.image-and-text .info-area .inner .rte,
.main-blog-area .blog-sidebar .sidebar-cta .image-and-text .info-area .inner p {
    margin-bottom: 30px;
    color: #6f6f6d;
    line-height: 2;
}
.image-and-text .image-area .bg-area-container {
    position: relative;
    padding: 80px 120px 0 0;
}
.image-and-text .image-area .bg-area-container:after {
    content: "";
    display: block;
    width: calc(100% - 70px);
    height: calc(100% - 70px);
    background: #f4f4f4;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.image-and-text .image-area .bg-area-container .bg-area {
    padding-bottom: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.image-and-text .image-area.image_side_left .bg-area-container:after {
    right: auto;
    left: 0;
}
.image-and-text .image-area.image_side_left .bg-area-container .bg-area {
    padding-bottom: 70%;
}
.image-and-text.image-grey-bg-false .image-area .bg-area-container .bg-area {
    background-size: contain;
}
.image-and-text.image-grey-bg-false .image-area .bg-area-container:after {
    content: none;
    display: none;
}
.image-and-text-upper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 100%;
}
.image-and-text-upper .featured-image-container {
    -webkit-box-shadow: 0 0 100px 15px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 100px 15px rgba(0, 0, 0, 0.35);
    font-size: 0px;
    width: 40%;
}
.image-and-text-upper .content {
    margin-left: 150px;
    padding-right: 50px;
}
.image-and-text-upper .content .main-blog-area .blog-sidebar .sidebar-cta p,
.image-and-text-upper .content .rte,
.main-blog-area .blog-sidebar .sidebar-cta .image-and-text-upper .content p {
    line-height: 1.8;
    max-width: 620px;
    color: #3f3f3f;
}
.image-and-text-upper .heading {
    font-size: 46px;
    margin-bottom: 25px;
}
.contact-form {
    width: 100%;
    min-height: 100vh;
    color: #fff;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-size: 100vw 1200px;
    background-position: top center;
    background-color: #241245;
}
.app-grid-item .icon-area .textured-bg,
.header-double-image,
.header-image-and-title,
.header-image-and-title .header-box,
.testimonial-slider .slick-slider .slick-slide .inner {
    background-size: cover;
    background-position: center center;
}
.contact-form:not(.should-transition) * {
    -webkit-transition: none !important;
    transition: none !important;
}
.contact-form .h1,
.contact-form .h2,
.contact-form .h3,
.contact-form .h4,
.contact-form .h5,
.contact-form .h6,
.contact-form h1,
.contact-form h2,
.contact-form h3,
.contact-form h4,
.contact-form h5,
.contact-form h6 {
    color: inherit;
    font-weight: 300;
    margin: 0;
}
.contact-form > .flex,
.job-list-section {
    width: 100%;
    margin-bottom: 100px;
}
.contact-form .contact-step.step-2,
.contact-form .contact-step.step-3,
.contact-form .thankyou-area {
    height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.contact-form .contact-step.step-2.shown,
.contact-form .contact-step.step-3.shown,
.contact-form .thankyou-area.shown {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s 0.5s;
    transition: 0.5s 0.5s;
}
.contact-form .steps-wrapper {
    width: 100%;
    -webkit-transition: 0.5s 0.5s;
    transition: 0.5s 0.5s;
}
.contact-form .steps-wrapper.faded {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.contact-form .steps-wrapper > header {
    margin-bottom: 60px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.contact-form .steps-wrapper > header p {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 5px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p,
.contact-form .steps-wrapper > header .rte,
.contact-form .steps-wrapper > header h1,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a,
.contact-form .steps-wrapper > header .rte a,
.contact-form .steps-wrapper > header h1 a,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a {
    color: inherit;
    font-size: 16px;
}
.contact-form .contact-status {
    line-height: 40px;
    font-size: 0;
}
.contact-form .contact-status > * {
    line-height: 1;
    font-size: 18px;
}
.contact-form .contact-status .contact-result-item {
    opacity: 0;
    visibility: hidden;
    font-size: 18px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    display: inline;
}
.contact-form .contact-status .contact-result-item:first-of-type {
    margin-left: 5px;
}
.contact-form .contact-status .contact-result-item span {
    display: inline;
    position: relative;
    font-weight: 700;
    cursor: pointer;
}
.contact-form .contact-status .contact-result-item span:after {
    content: "";
    height: 4px;
    background: #E30B5C;
    width: calc(100% - 30px);
    position: absolute;
    bottom: -10px;
    left: 0;
}
.contact-form .contact-step label {
    font-size: 18px;
    display: inline-block;
}
.contact-form .contact-step .radio-item {
    -webkit-transition: 0.35s;
    transition: 0.35s;
    display: inline-block;
}
.contact-form .contact-step .radio-item input + label {
    display: inline-block;
    padding: 20px;
    border-radius: 50px;
    border: 1px solid currentColor;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: padding 0.35s, border 0.35s, opacity 0.35s, visibility 0.35s, border-radius 0.35s, background 0.35s, color 0.35s, width 0.35s;
    transition: padding 0.35s, border 0.35s, opacity 0.35s, visibility 0.35s, border-radius 0.35s, background 0.35s, color 0.35s, width 0.35s;
    position: relative;
    white-space: nowrap;
    text-align: center;
}
.contact-form .contact-step .radio-item input + label:after {
    content: "";
    height: 4px;
    background: #E30B5C;
    width: 0;
    position: absolute;
    bottom: -10px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: none;
    transition: none;
}
.contact-form .contact-step.step-2 .left-area,
.contact-form .contact-step.step-2 .right-area {
    width: 50%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.contact-form .contact-step.step-2 .left-area > p,
.contact-form .contact-step.step-2 .right-area > p {
    font-size: 20px;
    margin-bottom: 45px;
}
.clients-page .inner-content-area,
.contact-form .contact-step.step-2 .left-area .flatpickr-calendar,
.contact-form .contact-step.step-2 .right-area .flatpickr-calendar,
.services-landing .inner-content-area {
    margin: 0 auto;
}
.contact-form .contact-step.step-2 .left-area .radio-grid .radio-item,
.contact-form .contact-step.step-2 .right-area .radio-grid .radio-item {
    width: 50%;
    margin-bottom: 30px;
}
.contact-form .contact-step.step-2 .left-area .radio-grid .radio-item label,
.contact-form .contact-step.step-2 .right-area .radio-grid .radio-item label {
    width: 100%;
    font-size: 18px;
    padding: 20px;
}
.contact-form .contact-step.step-3 {
    padding-left: calc(calc((100vw - 1200px) / 2) + 60px);
}
.contact-form .contact-step.step-3 > label {
    margin-bottom: 15px;
    font-size: 18px;
}
.contact-form .contact-step.step-3 .left-area,
.contact-form .contact-step.step-3 .right-area {
    width: calc(50% - 150px);
}
.contact-form .contact-step.step-3 .submit-area {
    width: 300px;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.contact-form .contact-step.step-3 .submit-area .checkbox-flex:before {
    content: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-tick-thin-light.svg");
    display: none;
}
.contact-form .contact-step.step-3 .submit-area .checkbox-flex input {
    width: 20px;
    min-width: 20px;
    min-height: 20px;
    height: 20px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #fff;
    cursor: pointer;
}
.contact-form .contact-step.step-3 .submit-area .checkbox-flex input:checked {
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-tick-thin-light.svg");
    background-size: 10px 10px;
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-form .contact-step.step-3 .submit-area .checkbox-flex label {
    padding-left: 20px;
    line-height: 1.5;
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
}
.contact-form .contact-step.step-3 .submit-area .checkbox-flex label a {
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
    cursor: pointer;
    font-size: 12px;
    text-transform: none;
}
.contact-form .contact-step.step-3 .submit-area button {
    width: 100%;
    padding: 35px 50px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
}
.contact-form .contact-step.step-3 .submit-area button img {
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.contact-form .contact-step.step-3 .input-wrapper label {
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    font-weight: 900;
    margin-bottom: 10px;
}
.contact-form .contact-step.step-3 .input-wrapper label.description-label:before {
    content: "Project Description";
}
.contact-form .contact-step.step-3 .input-wrapper input,
.contact-form .contact-step.step-3 .input-wrapper textarea {
    color: #fff;
    font-size: 14px;
    background: 0 0;
    border: 0;
    resize: none;
    width: 100%;
}
.contact-form .contact-step.step-3 .input-wrapper input::-webkit-input-placeholder,
.contact-form .contact-step.step-3 .input-wrapper textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 0.4;
}
.contact-form .contact-step.step-3 .input-wrapper input:-moz-placeholder,
.contact-form .contact-step.step-3 .input-wrapper textarea:-moz-placeholder {
    color: #fff;
    opacity: 0.4;
}
.contact-form .contact-step.step-3 .input-wrapper input::-moz-placeholder,
.contact-form .contact-step.step-3 .input-wrapper textarea::-moz-placeholder {
    color: #fff;
    opacity: 0.4;
}
.contact-form .contact-step.step-3 .input-wrapper input:-ms-input-placeholder,
.contact-form .contact-step.step-3 .input-wrapper textarea:-ms-input-placeholder {
    color: #fff;
    opacity: 0.4;
}
.contact-form .contact-step.step-3 .input-wrapper input {
    border-bottom: 1px solid currentColor;
    padding: 0 0 10px;
}
.contact-form .contact-step.step-3 .input-wrapper textarea {
    border: 2px solid currentColor;
    min-height: 265px;
    padding: 20px;
    max-width: 100%;
}
.article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p h2:not(:first-child),
.article-page .article-main .rte h2:not(:first-child),
.contact-form .next-step,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p h2:not(:first-child) {
    margin-top: 50px;
}
.contact-form .next-step button {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.contact-form .next-step button:after {
    content: "";
    height: 4px;
    background: #E30B5C;
    width: calc(100% - 30px);
    position: absolute;
    bottom: -10px;
    left: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.contact-form[data-come-from="contact-say-hello"] .input-wrapper label.description-label:before {
    content: "Message" !important;
}
.contact-form[data-come-from="contact-say-hello"] .input-wrapper textarea {
    min-height: 190px !important;
}
.contact-form[data-current-step="2"] .steps-wrapper > header,
.contact-form[data-current-step="3"] .steps-wrapper > header {
    opacity: 0.5;
    margin-bottom: 20px;
}
.contact-form[data-current-step="2"] .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p,
.contact-form[data-current-step="2"] .steps-wrapper > header .rte,
.contact-form[data-current-step="2"] .steps-wrapper > header h1,
.contact-form[data-current-step="2"] .steps-wrapper > header p,
.contact-form[data-current-step="3"] .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p,
.contact-form[data-current-step="3"] .steps-wrapper > header .rte,
.contact-form[data-current-step="3"] .steps-wrapper > header h1,
.contact-form[data-current-step="3"] .steps-wrapper > header p,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form[data-current-step="2"] .steps-wrapper > header p,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form[data-current-step="3"] .steps-wrapper > header p {
    left: 0;
    -webkit-transform: none;
    transform: none;
    text-align: left;
}
.contact-form[data-current-step="2"] .step-1 .radio-grid label,
.contact-form[data-current-step="3"] .step-1 .radio-grid label {
    padding-right: 5px;
    padding-left: 0;
}
.contact-form[data-current-step="2"] .step-1 .radio-grid .radio-item,
.contact-form[data-current-step="3"] .step-1 .radio-grid .radio-item {
    padding: 0;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.contact-form[data-current-step="2"] .step-1 .radio-grid .radio-item input:not(:checked) + label,
.contact-form[data-current-step="3"] .step-1 .radio-grid .radio-item input:not(:checked) + label {
    opacity: 0;
    visibility: hidden;
    width: 0 !important;
    border: 0;
}
.contact-form[data-current-step="2"] .step-1 .radio-grid .radio-item input + label,
.contact-form[data-current-step="3"] .step-1 .radio-grid .radio-item input + label {
    padding: 0;
    background: 0 0;
    color: #fff;
    border-radius: 0;
    border-color: transparent;
    -webkit-transition: padding 0.35s, border 0.35s, width 0.35s 0.35s, opacity 0.35s, visibility 0.35s, border-radius 0.35s, background 0.35s, color 0.35s;
    transition: padding 0.35s, border 0.35s, width 0.35s 0.35s, opacity 0.35s, visibility 0.35s, border-radius 0.35s, background 0.35s, color 0.35s;
    width: auto !important;
    margin: 0;
}
.contact-form[data-current-step="2"] .step-1 .radio-grid .radio-item input + label:after,
.contact-form[data-current-step="3"] .step-1 .radio-grid .radio-item input + label:after {
    opacity: 1;
    visibility: visible;
    width: calc(100% - 10px);
    -webkit-transition: 0.35s 0.3s;
    transition: 0.35s 0.3s;
}
.contact-form .offices-section {
    margin-top: auto;
    width: 100%;
}
.contact-form .offices-section .title-area .main-blog-area .blog-sidebar .sidebar-cta p p,
.contact-form .offices-section .title-area .rte p,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .offices-section .title-area p p {
    margin: 0 0 5px;
    font-size: 14px;
}
.contact-form .offices-section .slider-area > ul {
    padding: 0;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.contact-form .offices-section .slider-area > ul .slick-arrow {
    top: 40px;
    -webkit-transform: none;
    transform: none;
}
.contact-form .offices-section .slider-area > ul .slick-arrow.slick-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -40px;
}
.contact-form .offices-section .slider-area > ul .slick-arrow.slick-next {
    right: -40px;
}
.contact-form .offices-section .slider-area .office-slide .image-area {
    width: 250px;
}
.contact-form .offices-section .slider-area .office-slide .image-area .bg-area {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.contact-form .offices-section .slider-area .office-slide .info-area {
    padding: 30px;
    width: calc(100% - 250px);
}
.contact-form .offices-section .slider-area .office-slide .info-area h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.contact-form .offices-section .slider-area .office-slide .info-area ul li,
.job-list-section ul.job-list > li .job-item .inner ul.tags {
    margin-bottom: 15px;
    font-size: 14px;
}
.contact-form .offices-section .slider-area .office-slide .info-area ul li a,
.location-header .info-area .inner ul li a {
    text-transform: none;
    font-weight: inherit;
}
.contact-form .offices-section .slider-area .office-slide .info-area .main-blog-area .blog-sidebar .sidebar-cta p,
.contact-form .offices-section .slider-area .office-slide .info-area .rte,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .offices-section .slider-area .office-slide .info-area p {
    line-height: 1.6;
    font-size: 14px;
}
.contact-form .offices-section .slider-area .office-slide .info-area .main-blog-area .blog-sidebar .sidebar-cta p *,
.contact-form .offices-section .slider-area .office-slide .info-area .rte *,
.header-double-image .inner-content-area .main-blog-area .blog-sidebar .sidebar-cta p *,
.header-double-image .inner-content-area .rte *,
.location-header .info-area .inner .main-blog-area .blog-sidebar .sidebar-cta p *,
.location-header .info-area .inner .rte *,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .offices-section .slider-area .office-slide .info-area p *,
.main-blog-area .blog-sidebar .sidebar-cta .header-double-image .inner-content-area p *,
.main-blog-area .blog-sidebar .sidebar-cta .location-header .info-area .inner p * {
    font-size: inherit;
}
.contact-form .offices-section .slider-area .office-slide .info-area .highlight-link,
.contact-form .offices-section .slider-area .office-slide .info-area .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a,
.contact-form .offices-section .slider-area .office-slide .info-area .steps-wrapper > header .rte a,
.contact-form .offices-section .slider-area .office-slide .info-area .steps-wrapper > header h1 a,
.contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p .offices-section .slider-area .office-slide .info-area a,
.contact-form .steps-wrapper > header .rte .offices-section .slider-area .office-slide .info-area a,
.contact-form .steps-wrapper > header h1 .offices-section .slider-area .office-slide .info-area a,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .offices-section .slider-area .office-slide .info-area .steps-wrapper > header p a,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p .offices-section .slider-area .office-slide .info-area a {
    color: #fff;
    font-size: 12px;
}
.header-image-and-title {
    background-repeat: no-repeat;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: calc(100px + 100px);
}
.header-image-and-title .header-box {
    background-repeat: no-repeat;
    max-width: 650px;
    padding: 120px;
    color: #fff;
    margin: 200px 50px -100px;
    position: relative;
    -webkit-box-shadow: 40px 41px 84px 3px rgba(0, 0, 0, 0.37);
    box-shadow: 40px 41px 84px 3px rgba(0, 0, 0, 0.37);
}
.header-image-and-title .header-box h1 {
    font-size: 125px;
    font-weight: 900;
    letter-spacing: 4px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    -webkit-transform: rotate(-90deg) translateX(5%);
    transform: rotate(-90deg) translateX(5%);
    -webkit-transform-origin: right;
    transform-origin: right;
    z-index: 1;
    white-space: nowrap;
}
.header-image-and-title .header-box h2 {
    font-weight: 300;
    margin: 0;
    line-height: 1;
}
.header-image-and-title .header-box .main-blog-area .blog-sidebar .sidebar-cta p,
.header-image-and-title .header-box .rte,
.main-blog-area .blog-sidebar .sidebar-cta .header-image-and-title .header-box p {
    line-height: 1.8;
}
.apps-grid-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}
.apps-grid-wrapper .apps-grid {
    margin: 0 -60px;
}
.apps-grid-wrapper .apps-grid .app-grid-item {
    width: 50%;
    padding: 0 60px;
    margin-bottom: 100px;
}
.app-grid-item .icon-area {
    width: 200px;
    padding-right: 80px;
    padding-top: 30px;
    position: relative;
}
.app-grid-item .icon-area .icon-link img {
    width: 100%;
    max-width: 120px;
}
.app-grid-item .icon-area .textured-bg {
    position: absolute;
    top: 0;
    left: 40px;
    width: 250px;
    height: 250px;
    display: block;
    background-repeat: no-repeat;
    z-index: -1;
}
.app-grid-item .info-area {
    width: calc(100% - 200px);
    padding-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.our-work-piece .brief-section .content-container,
.service-link .content {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.app-grid-item .info-area h2 a {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    text-transform: inherit;
}
.app-grid-item .info-area .main-blog-area .blog-sidebar .sidebar-cta p,
.app-grid-item .info-area .rte,
.main-blog-area .blog-sidebar .sidebar-cta .app-grid-item .info-area p {
    font-weight: 300;
    margin-bottom: 30px;
}
.app-grid-item .info-area a.arrow-link {
    margin-top: auto;
}
.quote.show-line:after {
    content: "";
    right: calc(50vw - 2px);
    bottom: -200px;
    background: #cfcfcf;
    display: block;
    position: absolute;
    width: 1px;
    height: calc(50% + 200px);
    z-index: 1;
}
.quote .caption {
    padding: 120px;
    width: 100%;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    position: relative;
    z-index: 2;
}
.quote .caption h2 {
    margin-bottom: 60px;
    font-size: 28px;
    color: #000;
}
.quote .caption blockquote {
    font-style: italic;
    font-size: 20px;
    line-height: 1.6;
    max-width: 480px;
    margin: 0 auto;
    color: #242529;
    font-weight: 300;
}
.service-link.has-border {
    border-right: 1px solid #cfcfcf;
}
.service-link.has-middle-line:before {
    background-color: #cfcfcf;
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 0;
}
.service-link.has-top-padding {
    padding-top: 200px;
}
.service-link .content {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 275px;
}
.service-link .a-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.service-link p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.featured-blogs__block-cta,
.service-link a {
    margin-top: 10px;
}
.heading-with-content {
    margin-bottom: 0;
    padding-top: 0;
    text-align: center;
}
.heading-with-content .content-container {
    display: inline-block;
    position: relative;
}
.heading-with-content .heading {
    font-size: 144px;
    font-weight: 900;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    right: 0;
    top: -50px;
    z-index: 1;
    text-shadow: 0 25px 250px rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%);
    -webkit-transform-origin: top right 0;
    transform-origin: top right 0;
}
.heading-with-content .header-content {
    max-width: 650px;
    padding: 125px;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    position: relative;
    z-index: 0;
    text-align: left;
}
.heading-with-content .header-content:before {
    background-color: inherit;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.heading-with-content .content-heading,
.heading-with-content p {
    color: #fff;
    font-weight: 300;
}
.heading-with-content .content-heading {
    font-size: 48px;
}
.heading-with-content p {
    font-size: 18px;
    line-height: 33px;
}
.testimonial-slider {
    padding: 0;
    margin-bottom: 140px;
    margin-top: 100px;
}
.testimonial-slider .slick-slider {
    padding: 0 50px 50px;
}
.testimonial-slider .slick-slider .slick-slide .inner {
    padding: 60px;
    background-repeat: no-repeat;
}
.testimonial-slider .slick-slider .slick-slide .inner h4 {
    font-size: 20px;
    font-weight: 600;
}
.header-block {
    margin-top: -200px;
    padding: 0 25px;
    width: 100%;
    z-index: 3;
}
.header-block .inner {
    -webkit-box-shadow: 20px 20px 45px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 20px 20px 45px 3px rgba(0, 0, 0, 0.25);
    font-size: 18px;
    text-align: center;
    max-width: 875px;
    margin: 0 auto;
    padding: 60px 100px;
    position: relative;
}
.header-block .inner * {
    color: #fff;
    position: relative;
    z-index: 0;
}
.header-block .inner:before {
    background-color: var(--overlay-color);
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
}
.header-block .heading-block {
    font-weight: 300;
    letter-spacing: 1.33px;
    margin-bottom: 25px;
}
.header-block p {
    letter-spacing: 0.5px;
    line-height: 33px;
}
.header-block .link-block {
    display: inline-block;
    font-size: 16px;
    margin-top: 25px;
}
.section-richtext {
    padding: 0 25px 50px;
    text-align: center;
    width: 100%;
}
.section-richtext .inner {
    margin: 0 auto;
    max-width: 1075px;
}
.section-richtext .heading-richtext {
    color: #3f3f3f;
    font-weight: 400;
    font-size: 46px;
    margin: 75px 0 25px;
}
.our-work-piece .capturing-data-section .content-container p,
.our-work-piece .converting-traffic-section .content-container p,
.section-richtext p {
    color: #6f6f6d;
    line-height: 30px;
    margin-bottom: 25px;
}
.header-double-image {
    background-repeat: no-repeat;
    margin-bottom: 70px;
    width: 100%;
    padding-top: 150px;
}
.header-double-image.bg-y-top {
    background-position-y: top;
}
.header-double-image.bg-y-center {
    background-position-y: center;
}
.header-double-image.bg-y-bottom {
    background-position-y: bottom;
}
.header-double-image.no-content {
    height: 100vw;
    max-height: 65vh;
}
.article-page .article-header .breadcrumbs,
.header-double-image .breadcrumbs {
    padding-bottom: 0;
}
.header-double-image .inner-content-area {
    padding: 120px 30px 0;
    margin: -80px auto 0;
    max-width: 950px;
    color: #fff;
}
.header-double-image .inner-content-area.padded {
    padding: 240px 30px 200px;
}
.header-double-image .inner-content-area h1 {
    font-weight: 300;
    margin-bottom: 20px;
}
.header-double-image .inner-content-area .main-blog-area .blog-sidebar .sidebar-cta p,
.header-double-image .inner-content-area .rte,
.main-blog-area .blog-sidebar .sidebar-cta .header-double-image .inner-content-area p {
    margin-bottom: 70px;
    letter-spacing: 0.5px;
}
.header-double-image .anchor-link {
    font-size: 9px;
    margin: 25px 0;
    position: relative;
}
.header-double-image .anchor-link:before {
    background-image: var(--arrow);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    height: 10px;
    width: 10px;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    transform: rotate(90deg) translate(50%, 50%);
}
.location-header {
    position: relative;
    z-index: 1;
    width: 100%;
    margin-bottom: 20px;
}
.location-header .info-area {
    padding: 60px 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    position: relative;
    z-index: 1;
}
.location-header .info-area .shopify-logos-container > * {
    width: 100%;
    max-width: 100px;
}
.featured-blogs__block-cta img,
.location-header .info-area .shopify-plus-logo-container {
    margin-left: 20px;
}
.location-header .info-area .shopify-plus-logo-container img {
    margin-top: 5px;
}
.location-header .info-area .inner {
    max-width: 450px;
}
.location-header .info-area .inner h1 {
    margin-bottom: 30px;
    font-size: 36px;
}
.location-header .info-area .inner ul li {
    margin-bottom: 10px;
    font-size: 14px;
}
.location-header .info-area .inner .address {
    font-size: 14px;
    margin-bottom: 30px;
    max-width: 300px;
    line-height: 1.6;
}
.location-header .info-area .inner .main-blog-area .blog-sidebar .sidebar-cta p,
.location-header .info-area .inner .rte,
.main-blog-area .blog-sidebar .sidebar-cta .location-header .info-area .inner p {
    margin-bottom: 0;
    color: #6f6f6d;
    line-height: 1.6;
    font-size: 14px;
}
.location-header.image-grey-bg-true .bg-area-container:after {
    content: "";
    display: block;
    width: 250px;
    height: 100px;
    background: #f4f4f4;
    position: absolute;
    top: 50px;
    left: -170px;
    z-index: -1;
}
.location-header .image-area {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.location-header .image-area .img-container:before {
    background-color: #f7f7f7;
    content: "";
    height: 100px;
    width: 250px;
    position: absolute;
    top: 50px;
    right: -170px;
    z-index: 0;
}
.location-header .image-area .bg-area-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.location-header .image-area .bg-area-container .bg-area {
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}
.location-header .image-area.image_side_left .bg-area-container:after {
    right: -170px;
    left: auto;
}
.section-richtext-columns {
    margin: 30px 0 100px;
    width: 100%;
    background: #fff;
}
.cta-with-equal-content,
.esc-staff .staff-profile .inner,
.image-block-text-link .bg-area,
.our-work-piece .brief-section .brief-section-bg,
.our-work-piece .overview-section .image-container .overview-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-richtext-columns .wrapper .flex .content-col p {
    font-size: 16px;
    line-height: 2.25;
}
.image-block-text-link {
    margin-bottom: 150px;
    width: 25%;
    max-width: 340px;
}
.image-block-text-link.has-gap {
    padding-right: 7.5px;
}
.image-block-text-link .header-img {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 100%;
    position: relative;
}
.image-block-text-link .header-img a {
    position: absolute;
}
.image-block-text-link .bg-area {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    height: 330px;
}
.image-block-text-link .bg-area a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.image-block-text-link .block-heading {
    padding: 0 25px 0 40px;
}
@media (max-width: 1368px) {
    .contact-form .contact-step.step-1 .radio-grid label:first-of-type {
        display: block;
        margin-bottom: 25px;
    }
    .apps-grid-wrapper .apps-grid {
        margin: 0 -30px;
    }
    .apps-grid-wrapper .apps-grid .app-grid-item {
        padding: 0 30px;
    }
    .app-grid-item .icon-area {
        width: 130px;
        padding-right: 30px;
    }
    .app-grid-item .info-area {
        width: calc(100% - 130px);
    }
    .image-block-text-link .bg-area {
        height: 280px;
    }
    .image-block-text-link .block-heading {
        font-size: 18px;
    }
}
.image-block-text-link .block-heading a {
    margin-bottom: 10px;
    font-weight: 600;
    color: #3f3f3f;
    line-height: 1.2;
    text-transform: none;
    font-size: inherit;
}
.image-block-text-link .content {
    line-height: 20px;
    margin: 0 0 20px 40px;
    max-width: 300px;
}
.image-block-text-link .arrow-link {
    margin-left: 40px;
}
.article-page .article-header .info-area time,
.social-sharing li:first-child {
    font-size: 14px;
}
.social-sharing li a {
    padding: 15px 10px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
    line-height: 0;
}
.social-sharing li a img {
    width: 16px;
}
.social-sharing li a svg {
    width: 16px;
    height: 16px;
}
.header-and-image-blocks > header {
    margin-bottom: 50px;
    padding: 0 25px;
    width: 100%;
}
.header-and-image-blocks > header * {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 1080px;
}
.header-and-image-blocks .inner {
    width: 100%;
    max-width: 1280px;
}
.header-and-image-blocks .block {
    margin-bottom: 100px;
    width: calc(50% - 5px);
}
.header-and-image-blocks .block > * {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.header-and-image-blocks .block .heading,
.header-and-image-blocks .block .main-blog-area .blog-sidebar .sidebar-cta p,
.header-and-image-blocks .block .rte,
.main-blog-area .blog-sidebar .sidebar-cta .header-and-image-blocks .block p {
    padding-left: 25px;
    width: 100%;
    max-width: 600px;
}
.header-and-image-blocks .block .heading a {
    color: #3f3f3f;
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
}
.header-and-image-blocks .block a.rte {
    color: #6f6f6d;
    font-weight: 400;
    text-transform: none;
}
.header-and-image-blocks .block .header-and-image-blocks__image,
.header-and-image-blocks .block img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.68;
    background-position: center center;
    background-size: cover;
}
.header-and-image-blocks .block .img-container {
    margin-bottom: 15px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.section-testimonials {
    background-color: #f4f4f4;
    padding: 150px 100px;
}
.section-testimonials .testimonial-content {
    margin-bottom: 45px;
    margin-top: 35px;
    max-width: 500px;
}
.section-testimonials .testimonial-image {
    max-width: 200px;
}

.section-testimonials img {
    max-width: 100%;
    max-height: 60px;
}

.section-testimonials .inner--center .testimonial-content,
.section-testimonials .inner--center .testimonial-image,
.section-testimonials .inner--center img {
    margin-left: auto;
    margin-right: auto;
}

.section-testimonials .inner--center .testimonial-content,
.section-testimonials .inner--center .testimonial-image {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section-testimonials--has-bg .slick-next.slick-next,
.section-testimonials--has-bg .slick-next.slick-prev,
.section-testimonials--has-bg .slick-prev.slick-next,
.section-testimonials--has-bg .slick-prev.slick-prev {
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/icon-arrow-right-light.svg");
}

.text-and-download {
    color: #6f6f6f;
    font-size: 16px;
    padding-top: 75px;
}
.text-and-download .text-area {
    margin-bottom: 50px;
    width: 65%;
}
.text-and-download .form-area {
    padding-left: 25px;
    width: 35%;
}
@media (max-width: 1024px) {
    .hero-image .bg-area {
        padding-bottom: 70%;
        max-height: 740px;
    }
    .hero-image .bg-area--svg {
        min-height: 70vw;
        width: auto;
    }
    
    .hero-image .flex-positioning .main-cta .h1 {
        font-size: 44px;
        margin-bottom: 32px;
    }

    .work-list-item .image-area .bg-area-container.restrict-width-1 {
        width: 120%;
    }
    .client-grid {
        width: 100%;
        padding: 60px 80px 0;
    }
    .client-grid ul li {
        width: 20%;
        margin-bottom: 60px;
    }
    .client-grid ul li .bg-area {
        padding-bottom: 50%;
    }
    .featured-post-grid {
        width: 100%;
        padding: 60px 50px;
    }
    .featured-post-grid header ul {
        margin-left: auto;
    }
    .site-footer .footer-flex .left-area,
    .site-footer .footer-flex .left-area .footer-locations ul li,
    .site-footer .footer-flex .right-area {
        width: 50%;
    }
    .site-footer .footer-flex .left-area .footer-locations,
    .site-footer .footer-flex .left-area .nav-area {
        width: 100%;
    }
    .site-footer .footer-flex .left-area .footer-locations > .h2,
    .site-footer .footer-flex .left-area .footer-locations > .h3,
    .site-footer .footer-flex .left-area .footer-locations > .h4,
    .site-footer .footer-flex .left-area .footer-locations > .h5,
    .site-footer .footer-flex .left-area .footer-locations > .h6,
    .site-footer .footer-flex .left-area .footer-locations > h2,
    .site-footer .footer-flex .left-area .footer-locations > h3,
    .site-footer .footer-flex .left-area .footer-locations > h4,
    .site-footer .footer-flex .left-area .footer-locations > h5,
    .site-footer .footer-flex .left-area .footer-locations > h6 {
        margin-bottom: 20px;
    }
    .site-footer .footer-flex .right-area .inner {
        padding-left: 30px;
        padding-right: 30px;
    }
    .social-icons {
        padding: 0 5px;
    }
    .image-block-text-link {
        width: 50%;
        max-width: none;
        margin-bottom: 40px;
    }
    .image-block-text-link.tablet-no-gap {
        padding-right: 0;
    }
    .image-block-text-link .bg-area {
        height: 200px;
    }
    .text-and-download .text-area {
        width: 55%;
    }
    .text-and-download .form-area {
        width: 45%;
    }
}
.text-and-download p {
    line-height: 25.6px;
    margin: 16px 0;
}
.text-and-download ul {
    list-style-type: disc;
    margin: 0 0 15px;
    padding-left: 40px;
}
.text-and-download li {
    line-height: 25.6px;
}
.text-and-download .heading-text-and-download {
    font-size: 32px;
    line-height: 40px;
}
.text-and-download .heading-download {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}
.text-and-download .snippet {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.text-and-download .form-download {
    margin-bottom: 100px;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.text-and-download .form-download > div {
    margin: 0 10px 18px 0;
}
.text-and-download .form-download > div.link-group {
    margin: 40px 10px 40px 0;
}
.text-and-download .form-download label {
    color: #33475b;
    font-family: Mulish;
    font-size: 13px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}
.text-and-download .form-download label span {
    color: red;
}
.text-and-download .form-download input,
.text-and-download .form-download select {
    background-color: #f5f8fa;
    border: 1px solid #cbd6e2;
    color: #333;
    font-size: 16px;
    height: 40px;
    width: 100%;
    padding: 0 15px;
}
.text-and-download .form-download input:focus,
.text-and-download .form-download select:focus {
    border-color: #84c0f0;
}
.text-and-download .message-area p {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1;
}
.text-and-download .form-link {
    color: #00e;
    font-weight: 400;
    text-decoration: underline;
    text-transform: none;
}
.text-and-download .form-btn {
    background-color: #cb0a52;
    border-color: #cb0a52;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 30px;
}
.cta-with-equal-content .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 225px 25px 125px;
    width: 100%;
}
.content-row-block,
.cta-with-equal-content .child {
    padding: 0 25px;
    display: -webkit-box;
    display: -ms-flexbox;
}
.cta-with-equal-content .child {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    z-index: 0;
}
.cta-with-equal-content .child > span:first-child {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1;
    max-width: 250px;
}
.cta-with-equal-content .child > span:last-child {
    color: #4d00ff;
    font-size: 150px;
    font-weight: 200;
    position: absolute;
    bottom: 0;
    z-index: 0;
}
.content-row-block {
    display: flex;
    width: 100%;
}
.content-row-block > :first-child,
.content-row-block > :last-child {
    border-color: #cfcfcf;
    border-style: solid;
}

.hidden-mobile {
    display: block;    
}
.hidden-desktop {
    display: none !important;    
}
@media (max-width: 768px) {
    .hidden-mobile {
        display: none !important;    
    }
    .hidden-desktop {
        display: block !important;    
    }
    .hero-image__case-study {
        position: relative;
        margin-top: 32px;
        bottom: initial;
        right: initial;
        width: fit-content;
    }

    .main-nav__wrap,
    .site-header .main-nav:after {
        background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.75) 100%);
    }
    .main-blog-area .blog-sidebar .sidebar-cta p li,
    .main-blog-area .blog-sidebar .sidebar-cta p p,
    .rte li,
    .rte p,
    .work-grid-item .name-area span,
    body {
        font-size: 14px;
    }
    .main-blog-area .blog-sidebar .sidebar-cta p .content-block,
    .rte .content-block {
        margin-bottom: 50px;
    }
    .main-blog-area .blog-sidebar .sidebar-cta p blockquote,
    .rte blockquote {
        font-size: 22px;
    }
    .main-blog-area .blog-sidebar .sidebar-cta p blockquote:before,
    .rte blockquote:before {
        position: static;
        width: 50px;
        min-width: 50px;
        background-size: 40px 20px;
    }
    .h1,
    .heading-large,
    .heading-sub,
    .section-richtext .heading-richtext,
    h1 {
        font-size: 30px;
    }
    .h2,
    .sub-heading,
    h2 {
        font-size: 28px;
    }
    .breadcrumbs:not(.wrapper),
    .wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .content-row-block,
    .flex.f-half-width,
    .flex.f-third-width {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .contact-form .contact-status .radio-item:not(.is-selected),
    .contact-form .contact-step.step-2 .left-area,
    .contact-form .contact-step.step-2 .right-area,
    .contact-form .contact-step.step-3 .left-area,
    .contact-form .contact-step.step-3 .right-area,
    .contact-form .offices-section .slider-area,
    .contact-form .offices-section .slider-area .office-slide .info-area .left-area,
    .contact-form .offices-section .slider-area .office-slide .info-area .right-area,
    .contact-form .offices-section .title-area,
    .cta-grid-item,
    .featured-post-grid .main-post,
    .featured-post-grid .sub-posts,
    .flex.f-half-width > *,
    .flex.f-third-width > *,
    .our-work-grid .work-grid-item,
    .quote,
    .section-richtext-columns .wrapper .flex .content-col,
    .service-link,
    .site-footer .footer-flex .left-area .nav-area {
        width: 100%;
    }
    .flex.f-grid,
    .flex.f-grid.f-grid-xxs-tablet {
        margin-left: -5px;
        margin-right: -5px;
    }
    .flex.f-grid.f-grid-xxs-tablet > *,
    .flex.f-grid > * {
        padding: 0 5px;
    }
    .flex.f-grid.f-grid-xs-tablet {
        margin-left: -10px;
        margin-right: -10px;
    }
    .flex.f-grid.f-grid-xs-tablet > * {
        padding: 0 10px;
    }
    .flex.f-grid.f-grid-s-tablet {
        margin-left: -15px;
        margin-right: -15px;
    }
    .flex.f-grid.f-grid-s-tablet > * {
        padding: 0 15px;
    }
    .flex.f-grid.f-grid-l-tablet {
        margin-left: -30px;
        margin-right: -30px;
    }
    .flex.f-grid.f-grid-l-tablet > * {
        padding: 0 30px;
    }
    .flex.f-grid.f-grid-xl-tablet {
        margin-left: -45px;
        margin-right: -45px;
    }
    .flex.f-grid.f-grid-xl-tablet > * {
        padding: 0 45px;
    }
    .flex.f-grid.f-grid-xxl-tablet {
        margin-left: -75px;
        margin-right: -75px;
    }
    .flex.f-grid.f-grid-xxl-tablet > * {
        padding: 0 75px;
    }
    .text-left-mobile {
        text-align: left;
    }
    .contact-form .contact-step.step-3 .submit-area button,
    .contact-form .steps-wrapper > header p,
    .text-center-mobile {
        text-align: center;
    }
    .text-right-mobile {
        text-align: right;
    }
    .contact-form .contact-status .contact-result-item,
    .contact-form .offices-section .slider-area .office-slide .image-area,
    .desktop-only {
        display: none;
    }
    .flex-positioning.top-left-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .flex-positioning.top-middle-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .flex-positioning.top-right-mobile {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .flex-positioning.middle-left-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-positioning.middle-middle-mobile {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-positioning.middle-right-mobile {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .flex-positioning.bottom-left-mobile {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .flex-positioning.bottom-middle-mobile {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .flex-positioning.bottom-right-mobile {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .pad-top {
        padding-top: 114px;
    }
    .pad-header,
    .pad-header-small {
        padding-top: 64px;
    }
    .btn {
        padding: 15px 20px;
        min-width: 220px;
        font-size: 13px;
    }
    .hero-image .flex-positioning .main-cta .btn {
        margin-top: 32px;    
    }
    .flatpickr-calendar,
    .flatpickr-days {
        width: 210px;
    }
    .dayContainer {
        width: 210px;
        min-width: 210px;
        max-width: 210px;
    }
    .flatpickr-day {
        max-width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .slick-next,
    .slick-prev {
        padding: 20px 0;
        width: 30px;
    }
    .site-header {
        -webkit-transition: padding 0.2s;
        transition: padding 0.2s;
        padding: 0;
    }
    .site-header__wrap-top {
        padding: 15px;
    }
    .site-header__wrap,
    body.no-scroll .site-header {
        height: 100%;
    }
    body.no-scroll .site-header__wrap-top {
        position: absolute;
        top: 0;
        width: 100%;
        background-color: #000;
        z-index: 3;
    }
    .site-header .plus-reveal-container img:not(.plus-reveal) {
        max-width: 130px;
    }
    .site-header .main-nav,
    .site-header .main-nav:after {
        -webkit-overflow-scrolling: touch;
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        overflow: auto;
        padding-top: 40px;
        position: fixed;
        top: 0;
        visibility: hidden;
        width: 100%;
    }
    .site-header .main-nav {
        -webkit-transition: height 99999s, opacity 0.5s, visibility 0.5s;
        transition: height 99999s, opacity 0.5s, visibility 0.5s;
        z-index: 1;
        -webkit-overflow-scrolling: touch;
        position: fixed;
    }
    .site-header .main-nav:after {
        content: "";
        display: block;
        height: 100%;
        transition: opacity 0.3s, visibility 0.3s, -webkit-clip-path 0.3s, clip-path 0.3s;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: -1;
        -webkit-clip-path: circle(50px at right 20px top 20px);
        clip-path: circle(50px at right 20px top 20px);
    }
    .site-header .main-nav ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 100%;
        margin: 0 !important;
    }
    .site-header .main-nav ul .mobile-only {
        width: calc(100% - 40px);
        padding: 30px 0;
        margin: 0 20px;
        border-bottom: 1px solid #7b7b7b61;
    }
    .site-header .main-nav ul .mobile-only a {
        padding: 0;
        font-size: 12px;
        font-weight: 600;
    }
    .site-header .main-nav ul li {
        margin-bottom: 30px;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.35s ease-in-out;
        transition: 0.35s ease-in-out;
    }
    .site-header .main-nav ul li a {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .mega-featured {
        border: 0;
    }
    .mega-featured img {
        max-width: 95px;
    }
    .main-nav__wrap {
        -webkit-box-flex: 0;
        -webkit-overflow-scrolling: touch;
        -webkit-overflow-y: auto;
        background-color: #000;
        margin: 0;
    }
    .full-width-header-section {
        padding: 30px 30px 0;
        height: auto;
        margin-bottom: 250px;
    }
    .full-width-header-section .block {
        min-height: 0;
    }
    .contact-form .contact-step.step-3,
    .featured-post-grid,
    .full-width-header-section .to-left,
    .site-footer .footer-flex .right-area .inner,
    .testimonial-slider .slick-slider .slick-slide .inner {
        padding: 30px;
    }
    .hero-image .bg-area {
        background-position: center center;
    }
    .hero-image .bg-area--svg {
        min-height: 190vw;
    }
    .hero-image .flex-positioning {
        align-items: flex-end;
        padding: 30px 30px 80px;
    }
    .hero-image .flex-positioning .main-cta .h3 {
        font-size: 13.5px;
        line-height: 17px;
    }
    /* .hero-image .flex-positioning .main-cta .btn {
        min-width: 200px;
    } */
    .our-work-list {
        margin-top: -100px;
    }
    .our-work-list > ul {
        padding-bottom: 0;
    }
    .our-work-list > ul:after {
        content: none;
        display: none;
    }
    .our-work-list > footer {
        margin-top: 0;
    }
    .work-list-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    .image-and-text .info-area,
    .location-header .info-area,
    .work-list-item .info-area {
        width: 100%;
        padding: 30px;
    }
    .image-and-text .image-area,
    .location-header .image-area,
    .work-list-item .image-area {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .work-list-item .image-area .bg-area-container,
    .work-list-item .image-area .bg-area-container.restrict-width-1 {
        margin-left: 10px;
    }
    .our-work__title {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        right: 25px;
        font-size: 50px;
    }
    .work-grid-item .bg-area:after {
        opacity: 1;
        visibility: visible;
    }
    .work-grid-item .flex-positioning {
        padding: 20px 30px;
    }
    .quote .caption h2,
    .work-grid-item .name-area .client-heading {
        font-size: 26px;
    }
    .cta .content-wrapper .flex-positioning,
    .cta .content-wrapper .flex-positioning.taller  {
        padding: 60px 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .cta .content-wrapper .flex-positioning .caption,
    .cta .content-wrapper .flex-positioning .caption-image,
    .cta .content-wrapper .flex-positioning.taller .caption,
    .cta .content-wrapper .flex-positioning.taller .caption-image,
    .cta .content-wrapper .flex-positioning.no-bg .caption,
    .cta .content-wrapper .flex-positioning.no-bg .caption-image {
         padding-top: 0;
         padding-bottom: 0;
    }

    .cta .content-wrapper .flex-positioning .caption {
        text-align: center;
        max-width: 100%;
    }
    .cta .content-wrapper .flex-positioning .caption .h5,
    .cta .content-wrapper .flex-positioning .caption h5 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .cta .content-wrapper .flex-positioning .caption .cta-main-title {
        font-size: 28px;
        margin: 0;
    }
    .cta .content-wrapper .flex-positioning .caption-image {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }
    
    .cta .content-wrapper .flex-positioning.has-captionImage {
        flex-direction: column-reverse;
        gap: 32px;
    }
    .contact-form .contact-status,
    .cta-with-equal-content .container {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .cta-grid-item .bg-area .flex-positioning {
        padding: 80px 30px;
    }
    .client-grid {
        padding: 40px 30px 0;
    }
    .client-grid ul li {
        width: 50%;
        margin-bottom: 30px;
    }
    .client-grid ul li .bg-area {
        max-width: 60px;
    }
    .featured-post-grid header,
    .site-footer .footer-flex .left-area .nav-area .footer-nav,
    .site-footer .footer-flex .right-area .inner .form-area .input-wrapper {
        margin-bottom: 20px;
    }
    .article-grid-item .info-area {
        padding: 30px 0;
    }
    .article-grid-item .info-area .h3 {
        font-size: 20px;
    }
    .breadcrumbs,
    .site-footer {
        padding-bottom: 30px;
    }
    .site-footer .footer-flex .left-area {
        width: 100%;
        margin-bottom: 0;
    }
    .contact-form .contact-step.step-2 .left-area .radio-grid .radio-item,
    .contact-form .contact-step.step-2 .right-area .radio-grid .radio-item,
    .site-footer .footer-flex .left-area header {
        margin-bottom: 10px;
    }
    .site-footer .footer-flex .left-area .nav-area .footer-nav li {
        width: 50%;
    }
    .site-footer .footer-flex .left-area .nav-area .footer-nav li a {
        font-size: 11px;
    }
    .site-footer .footer-flex .left-area .footer-locations {
        width: 100%;
        margin-bottom: 20px;
    }
    .contact-form .contact-step.step-2 .left-area,
    .contact-form .contact-step.step-3 .left-area,
    .header-double-image .inner-content-area .main-blog-area .blog-sidebar .sidebar-cta p,
    .header-double-image .inner-content-area .rte,
    .image-and-text,
    .main-blog-area .blog-sidebar .sidebar-cta .header-double-image .inner-content-area p,
    .site-footer .footer-flex .left-area .footer-addresses,
    .site-footer .footer-flex .left-area .footer-locations > .h2,
    .site-footer .footer-flex .left-area .footer-locations > .h3,
    .site-footer .footer-flex .left-area .footer-locations > .h4,
    .site-footer .footer-flex .left-area .footer-locations > .h5,
    .site-footer .footer-flex .left-area .footer-locations > .h6,
    .site-footer .footer-flex .left-area .footer-locations > h2,
    .site-footer .footer-flex .left-area .footer-locations > h3,
    .site-footer .footer-flex .left-area .footer-locations > h4,
    .site-footer .footer-flex .left-area .footer-locations > h5,
    .site-footer .footer-flex .left-area .footer-locations > h6,
    .site-footer .footer-flex .right-area .inner .form-area .h4,
    .site-footer .footer-flex .right-area .inner .form-area h4 {
        margin-bottom: 30px;
    }
    .site-footer .footer-flex .left-area .footer-locations ul li {
        width: 50%;
        text-align: center;
    }
    .site-footer .footer-flex .left-area .footer-addresses .local_business .email,
    .site-footer .footer-flex .left-area .footer-addresses .local_business .phone {
        display: block;
    }
    .site-footer .footer-flex .right-area {
        width: 100%;
        margin-bottom: 50px;
    }
    .site-footer .copy {
        position: static;
        text-align: center;
        -webkit-transform: none;
        transform: none;
    }
    .social-icons {
        padding: 0;
    }
    .social-icons li a img,
    .social-sharing li a img {
        width: 13px;
    }
    .image-and-text .image-area .bg-area-container {
        padding: 30px 30px 0 0;
    }
    .image-and-text .image-area.image_side_left .bg-area-container {
        padding: 30px 0 0 30px;
    }
    .contact-form .contact-status {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .contact-form .contact-step .radio-item input + label {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .contact-form .contact-step.step-1 {
        height: auto !important;
    }
    .contact-form .contact-step.step-2 .left-area > p,
    .contact-form .contact-step.step-2 .right-area > p {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .contact-form .contact-step.step-2 .left-area .radio-grid .radio-item label,
    .contact-form .contact-step.step-2 .right-area .radio-grid .radio-item label {
        margin-bottom: 0;
        padding: 20px 10px;
        font-size: 12px;
    }
    .contact-form .contact-step.step-3 .submit-area {
        width: 100%;
        margin-top: 30px;
    }
    .contact-form[data-current-step="2"] .step-1 .radio-grid .radio-item input:not(:checked) + label,
    .contact-form[data-current-step="3"] .step-1 .radio-grid .radio-item input:not(:checked) + label {
        height: 0 !important;
    }
    .contact-form .offices-section .slider-area > ul .slick-arrow.slick-prev {
        left: -30px;
    }
    .contact-form .offices-section .slider-area > ul .slick-arrow.slick-next {
        right: -30px;
    }
    .contact-form .offices-section .slider-area .office-slide .info-area {
        width: 100%;
        padding: 30px 5px;
    }
    .contact-form .offices-section .slider-area .office-slide .info-area .right-area {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 20px;
    }
    .header-image-and-title .header-box {
        padding: 30px;
        margin: 200px 30px -50px;
    }
    .header-image-and-title .header-box h1 {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        font-size: 50px;
    }
    .header-image-and-title .header-box .main-blog-area .blog-sidebar .sidebar-cta p,
    .header-image-and-title .header-box .rte,
    .main-blog-area .blog-sidebar .sidebar-cta .header-image-and-title .header-box p {
        line-height: 1.4;
    }
    .header-image-and-title .header-box .main-blog-area .blog-sidebar .sidebar-cta p li,
    .header-image-and-title .header-box .main-blog-area .blog-sidebar .sidebar-cta p p,
    .header-image-and-title .header-box .rte li,
    .header-image-and-title .header-box .rte p,
    .main-blog-area .blog-sidebar .sidebar-cta .header-image-and-title .header-box p li,
    .main-blog-area .blog-sidebar .sidebar-cta .header-image-and-title .header-box p p,
    .quote .caption blockquote {
        font-size: 16px;
    }
    .apps-grid-wrapper .apps-grid {
        margin: 0 -20px;
    }
    .apps-grid-wrapper .apps-grid .app-grid-item {
        width: 100%;
        padding: 0 20px;
        margin-bottom: 50px;
    }
    .app-grid-item .icon-area {
        width: 100%;
        padding-right: 30px;
    }
    .app-grid-item .icon-area .textured-bg {
        width: 200px;
        height: 200px;
    }
    .app-grid-item .info-area {
        width: 100%;
        padding-top: 70px;
    }
    .quote.show-line:after {
        right: calc(50vw - 1px);
    }
    .quote .caption {
        padding: 60px 30px;
    }
    .service-link .content {
        padding: 0;
        max-width: calc(100% - 60px);
    }
    .testimonial-slider {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .testimonial-slider .slick-slider {
        padding: 0 0 30px;
    }
    .header-block {
        margin-top: -130vw;
    }
    .header-block .inner {
        padding: 40px 30px;
    }
    .header-double-image {
        margin-bottom: 33px;
        padding-top: 100px;
    }
    .header-double-image .breadcrumbs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header-double-image .inner-content-area.padded {
        padding: 50px 30px 120px;
    }
    .header-double-image .inner-content-area {
        margin: -30px 0;
        padding-top: 80px;
    }
    .location-header .image-area .bg-area-container .bg-area {
        padding-bottom: 60%;
    }
    .section-testimonials {
        padding: 80px 30px;
        width: 100%;
    }
    .cta-with-equal-content .container {
        flex-direction: column;
        padding: 25px;
    }
    .cta-with-equal-content .child {
        margin: 100px 0 75px;
    }
    .content-row-block > :first-child,
    .content-row-block > :last-child {
        border: none;
    }
}
.content-row-block.faded-border > :first-child,
.content-row-block > :first-child {
    border-right-width: 1px;
}
.content-row-block.faded-border > :last-child,
.content-row-block > :last-child {
    border-left-width: 1px;
}
.content-row-block.faded-border > :first-child,
.content-row-block.faded-border > :last-child {
    border-style: solid;
    -o-border-image: linear-gradient(to top, #cfcfcf, rgba(0, 0, 0, 0)) 1 100%;
    border-image: -webkit-gradient(linear, left bottom, left top, from(#cfcfcf), to(rgba(0, 0, 0, 0))) 1 100%;
    border-image: linear-gradient(to top, #cfcfcf, rgba(0, 0, 0, 0)) 1 100%;
}
.content-row-block .content-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 100px 25px;
}
.content-row-block .content {
    margin-top: 10px;
    padding: 0 40px;
}
.social-circle {
    width: 44px;
    border-radius: 50%;
    height: 44px;
    position: relative;
    background-color: #d8d8d8;
    text-align: center;
}
.social-circle a {
    display: block;
    width: 100%;
    height: 100%;
}
.social-circle svg {
    max-width: 60%;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.default-post-grid {
    margin-bottom: 90px;
    margin-top: 60px;
}
.default-post-grid .blogs__title {
    text-align: center;
    max-width: 650px;
    margin: auto auto 50px;
}
.default-post-grid .blogs__title h2 {
    font-size: 32px;
    font-weight: 600;
}
.default-post-grid .blogs__title p {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.default-post-grid .blogs__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}
.default-post-grid .blogs__list .article-grid-item {
    width: calc(33% - 20px);
    margin: 0 10px;
    display: none;
}
.article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p img,
.article-page .article-main .rte img,
.default-post-grid .blogs__list .article-grid-item.active,
.default-post-grid .blogs__list .article-grid-item:first-child,
.default-post-grid .blogs__list .article-grid-item:nth-child(2),
.default-post-grid .blogs__list .article-grid-item:nth-child(3),
.faqs__faq--open .faq__faq-minus,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p img,
.our-work-piece .our-approach-section .project-stats-container span {
    display: block;
}
.article-page .article-main .rte img:not(.blog-advert__logo):not(.blog-advert__image) {
    aspect-ratio: 1.33;
    object-fit: contain;
    object-position: center;
    height: auto;
    max-width: 100%;
}
.default-post-grid .blogs__action a {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}
.default-post-grid .blogs__action a:after {
    content: "";
    top: calc(100% + 10px);
    width: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 4px;
    background-color: #E30B5C;
    display: block;
    position: absolute;
}
.experts-presentation__main,
.video-outline {
    height: 100%;
}
.experts-presentation__content,
.video-outline__content {
    width: 50%;
    padding-left: 60px;
    padding-right: 90px;
}
.experts-presentation__copy,
.video-outline__copy {
    font-size: 16px;
    color: #6f6f6d;
    font-weight: 300;
    line-height: 36px;
}
@media screen and (min-width: 991px) {
    .video-outline__copy--mobile {
        display: none;
    }
}
.video-outline__embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video-outline__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.experts-presentation__video,
.video-outline__video {
    width: 50%;
    position: relative;
    padding: 50px 10% 50px 0;
    overflow-x: hidden;
}
.video-outline__video::after {
    content: "";
    position: absolute;
    right: -20%;
    left: 20%;
    z-index: -1;
    display: block;
    max-width: 546px;
    width: 100%;
    height: 100%;
    background-color: #d8d4e2;
}
.awards__award {
    display: block;
    margin: 0 5%;
}
.about-us .image-grids-and-text,
.article-page,
.article-page .article-header .image-area img,
.awards__award img,
.experts-clients__block .block-image > img,
.featured-blogs__block-text,
.image-ctas__block-image > img,
.main-blog-area,
.map-location__map,
.map-location__map iframe,
.our-work-piece .brief-extended-section .colours-and-fonts {
    width: 100%;
}
.bullets {
    padding: 0 40px;
}
.bullets__blocks .block-copy,
.experts-why__blocks .block-copy {
    max-width: 335px;
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    line-height: 27px;
}
.bullets__block,
.experts-why__block {
    border-right: 1px solid #bebebe;
    padding: 10px 40px;
}
.bullets__block:last-of-type,
.experts-why__block:last-of-type,
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__title.no-social {
    border: 0;
}
.faqs__title {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: normal;
    font-weight: 400;
    text-align: center;
}
.faqs__info {
    margin: 0 auto 35px;
    width: 100%;
    max-width: 560px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    color: #6f6f6d;
}
.faqs__faq,
.job-list-section ul.job-list > li:not(:last-child) {
    border-bottom: 1px solid #cfcfcf;
}

.faqs__faq.active .faq__faq-plus {
    display: none;
}

.faqs__faq.active .faq__faq-minus {
    display: flex;
}
.faq__faq-question {
    gap: 40px;
    height: 86px;
    padding: 21px 0;
    cursor: pointer;
    font-size: 16px;
    line-height: normal;
    font-weight: 300;
    color: #242529;
    margin: 0;
}
.experts-nav__link:hover,
.faqs__faq--open .faq__faq-question,
.map-location__other-location:hover,
.section-navigation__navigation-list-item a:hover {
    color: #E30B5C;
}
.faq__faq-minus,
.faq__faq-plus {
    width: 25px;
    min-width: 25px;
}
.faq__faq-answer {
    overflow: hidden;
    -webkit-transition: height 0.35s, margin 0.35s;
    transition: height 0.35s, margin 0.35s;
    margin-bottom: 0;
    width: 100%;
    max-width: 962px;
    height: 0;
    line-height: 24px;
    font-weight: 300;
    color: #6f6f6d;
}
.faqs__faq--open .faq__faq-answer {
    margin-bottom: 48px;
}
.article-page .article-footer .author-info .bio-area .main-blog-area .blog-sidebar .sidebar-cta p,
.article-page .article-footer .author-info .bio-area .rte,
.faq__faq-answer p,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-footer .author-info .bio-area p {
    margin-bottom: 10px;
}
.experts-blog__inner,
.featured-blogs__inner {
    padding: 0 4.17%;
    margin: 40px 0;
}
.experts-blog__heading,
.featured-blogs__heading {
    color: #3f3f3f;
    font-size: 36px;
    font-weight: 400;
}
.experts-blog__subtitle,
.featured-blogs__subtitle {
    max-width: 514px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #6f6f6d;
    font-weight: 300;
}
.featured-blogs__blocks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 19px;
    padding: 30px 0;
}
@media (min-width: 769px) {
    .faq__faq-answer,
    .faqs__info {
        line-height: 36px;
    }
    .site-header__wrap {
        display: flex;
        justify-content: space-between;
    }
    .main-nav__wrap {
        height: 100%;
    }
    .hero-image + .our-work-piece-block--image-and-text {
        margin-top: -30px;
    }
    .hero-image + .our-work-piece-block--image-and-text .content-area {
        padding-top: 100px;
    }
    .work-grid-item.featured .bg-area {
        padding-bottom: 40%;
    }
    .image-and-text .info-area .inner h2 {
        font-size: 46px;
    }
    .image-and-text .image-area.image_side_left .bg-area-container:after {
        top: auto;
        bottom: -60px;
    }
    .image-and-text.image-grey-bg-false .image-area,
    .image-and-text.image-grey-bg-false .info-area {
        width: 50%;
    }
    .header-double-image .inner-content-area .main-blog-area .blog-sidebar .sidebar-cta p,
    .header-double-image .inner-content-area .rte,
    .main-blog-area .blog-sidebar .sidebar-cta .header-double-image .inner-content-area p {
        font-size: 18px;
    }
    .bullets__block {
        width: calc(100% / 3);
    }
    .faqs__title {
        font-size: 36px;
    }
    .faqs__info {
        margin: 0 auto 19px;
    }
    .faqs__faqs {
        padding: 0 105px;
    }
    .faq__faq-question {
        height: 114px;
        padding: 35px 0;
        font-size: 26px;
    }
    .featured-blogs__blocks {
        grid-template-columns: 1fr 1fr;
    }
}
@media (min-width: 1369px) {
    .featured-blogs__blocks {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.featured-blogs__block:hover .block-copy {
    max-height: 100%;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
}
.featured-blogs__block:hover .block-overlay {
    background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.75) 100%);
}
.featured-blogs__block-image {
    margin-bottom: 23px;
    width: 100%;
    height: 291px;
    -o-object-fit: cover;
    object-fit: cover;
}
.featured-blogs__block-title {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
    color: #3f3f3f;
}
.featured-blogs__block-copy {
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
    margin-bottom: 14px;
    line-height: 24px;
    font-weight: 300;
    color: #6f6f6d;
}
.experts-clients__copy,
.image-ctas__copy {
    max-width: 929px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 30px;
}
.experts-clients__blocks,
.image-ctas__blocks {
    padding: 30px calc(4.17% - 9px);
}
.experts-clients__block,
.image-ctas__block {
    padding: 9px;
    width: 50%;
    margin-bottom: 41px;
}
.experts-clients__block .block-image,
.image-ctas__block-image {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.experts-clients__block .block-image:hover .block-image__overlay,
.image-ctas__block-image:hover .image-ctas__block-image__overlay {
    opacity: 1;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.image-ctas__block-image__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    width: 100%;
    height: 100%;
    background-color: rgba(67, 59, 87, 0.26);
}
.experts-clients__block .block-image__logo,
.experts-testimonials__logo,
.image-ctas__block-image-logo,
.quote-cta__logo {
    max-width: 241px;
}
.experts-solutions,
.image-information-list {
    margin-bottom: 45px;
}
.image-information-list__heading {
    position: relative;
    border-bottom: 1px solid #cacaca;
    padding: 30px 4.17%;
    font-size: 36px;
    font-weight: 300;
}
.image-information-list__heading::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0.05;
    width: 100%;
    max-width: 140px;
    background-color: #E30B5C;
}
.experts-solutions__block,
.image-information-list__block {
    padding: 20px 10.56%;
    border-bottom: 1px solid #cacaca;
}
.experts-solutions__block .block-image,
.image-information-list__block-image {
    margin-right: 40px;
}
.experts-solutions__block .block-copy,
.image-information-list__block-copy {
    font-size: 16px;
    color: #6f6f6d;
    line-height: 32px;
}
.experts-solutions__cta,
.image-information-list__cta {
    margin: 30px auto;
}
.map-location__title {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: normal;
    font-weight: 400;
}
.map-location__address-information {
    width: 100%;
    max-width: 441px;
}
.partners__brief,
.partners__logos {
    width: 50%;
    padding: 4.17%;
}
.map-location__address-information strong {
    display: block;
    margin-bottom: 21px;
    font-size: 22px;
    line-height: normal;
    font-weight: 300;
    color: #242529;
}
.map-location__address-information .map-location__email,
.map-location__address-information .map-location__phone,
.map-location__address-information span {
    display: block;
    line-height: 32px;
    font-weight: 300;
    color: #6f6f6d;
}
.map-location__address-information .map-location__address-contact,
.map-location__address-information span {
    margin-bottom: 42px;
}
.map-location__other-location {
    display: block;
    -webkit-transition: color 0.35s;
    transition: color 0.35s;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.36px;
}
.partners__copy {
    font-size: 16px;
    line-height: 36px;
    font-weight: 300;
    color: #6f6f6d;
}
.experts-partners__heading,
.partners__heading {
    font-size: 36px;
    color: #3f3f3f;
    font-weight: 400;
    margin-bottom: 30px;
}
.experts-partners__logo img,
.partners__logo img {
    max-width: 146px;
    max-height: 58px;
}
.partners__logos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 50px;
    background-color: #f4f4f4;
}
.quote-cta {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 50px 0;
    padding: 70px;
    background-color: #fcfcfc;
}
.quote-cta__heading {
    margin-bottom: 50px;
    font-size: 28px;
    font-weight: 600;
}
.quote-cta__link {
    margin: 7px 0;
    font-size: 14px;
    font-weight: 300;
    text-transform: lowercase;
    color: #6f6f6d;
}
.quote-cta__quote {
    margin: 25px 0;
    width: 100%;
    max-width: 471px;
    font-size: 20px;
    line-height: 32px;
    color: #242529;
}
.section-navigation__navigation-list {
    gap: 71px;
}
.section-navigation__navigation-list-item {
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}
.section-navigation__mobile-cta {
    margin: auto;
}
.service-link {
    margin: 50px 0;
    padding: 50px 25px;
}
.careers .our-work-piece-block .content-area > * {
    margin: 0 auto;
    max-width: 550px;
}
.job-page {
    width: 100%;
    background: #fff;
    padding-bottom: 100px;
}
.job-page .header-double-image .inner-content-area {
    padding-bottom: 120px;
}
.job-list-section header .inner .main-blog-area .blog-sidebar .sidebar-cta p,
.job-list-section header .inner .rte,
.job-page .main-blog-area .blog-sidebar .sidebar-cta p,
.job-page .rte,
.main-blog-area .blog-sidebar .sidebar-cta .job-list-section header .inner p,
.main-blog-area .blog-sidebar .sidebar-cta .job-page p,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block p,
.our-work-piece-block .main-blog-area .blog-sidebar .sidebar-cta p,
.our-work-piece-block .rte {
    line-height: 2;
}
.job-page .job-description {
    padding-top: 40px;
}
.job-list-section header .inner {
    max-width: 700px;
}
.job-list-section ul.job-list {
    -webkit-box-shadow: 40px 41px 84px 3px rgba(0, 0, 0, 0.37);
    box-shadow: 40px 41px 84px 3px rgba(0, 0, 0, 0.37);
    overflow: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.job-list-section ul.job-list > li {
    width: 100%;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.job-list-section ul.job-list > li .job-item {
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
    width: 100%;
}
.job-list-section ul.job-list > li .job-item .inner {
    max-width: 650px;
}
.job-list-section ul.job-list > li .job-item .inner * {
    color: inherit;
    text-transform: none;
    font-weight: 400;
}
.job-list-section ul.job-list > li .job-item .inner ul.tags li:not(:last-of-type) {
    margin-right: 4px;
}
.job-list-section ul.job-list > li .job-item .inner ul.tags li:not(:last-of-type):after {
    content: "|";
    left: 8px;
    position: relative;
}
.job-list-section ul.job-list > li .job-item .inner h2 {
    margin-bottom: 10px;
    font-weight: 600;
}
.job-list-section ul.job-list > li .job-item .inner .main-blog-area .blog-sidebar .sidebar-cta p,
.job-list-section ul.job-list > li .job-item .inner .rte,
.main-blog-area .blog-sidebar .sidebar-cta .job-list-section ul.job-list > li .job-item .inner p {
    margin-bottom: 20px;
    font-size: 16px;
}
.job-list-section .load-more-container {
    padding-top: 100px;
    position: relative;
}
.job-list-section .load-more-container:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 80px;
    top: 0;
    left: 50%;
    background: #cfcfcf;
    z-index: -1;
}
.about-us .hero-image .bg-area,
.clients-page .bg-area {
    background-position: center;
}
.experts-page {
    overflow: unset;
}
.experts-page .hero-image .h3 {
    max-width: 873px;
    line-height: 34px;
}
.experts-page .hero-image .h1 {
    font-size: 50px !important;
}
.experts-page .hero-image .bg-area {
    max-height: 625px;
    background-size: cover;
}
.experts-presentation {
    padding: 60px 0;
}
.experts-presentation__awards {
    padding: 70px 0;
}
.experts-presentation__award {
    display: block;
    height: 148px;
    width: 148px;
    background-color: #f6f6f8;
    border-radius: 50%;
    margin: 0 5%;
    position: relative;
}
.experts-presentation__award img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.experts-presentation__award:first-of-type img {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.experts-presentation__award:last-of-type img {
    left: unset;
    right: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.experts-presentation__embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%;
}
.experts-presentation__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.experts-presentation__video:after {
    display: block;
    height: 100%;
    max-width: 546px;
    width: 100%;
    right: -20%;
    left: 20%;
    background-color: #d8d4e2;
    content: " ";
    position: absolute;
    z-index: -1;
}
.experts-nav {
    width: 100%;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 19;
}
.experts-nav__link {
    padding: 30px;
    font-weight: 600;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    line-height: 35px;
}
@media screen and (max-width: 1100px) {
    .experts-nav__link {
        padding: 15px;
    }
}
.experts-nav__link.active {
    font-size: 25px;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    color: #E30B5C;
    text-transform: capitalize;
}
.experts-why {
    padding: 50px 40px;
}
.experts-solutions__heading {
    padding: 30px 4.17%;
    border-bottom: 1px solid #cacaca;
    position: relative;
    font-size: 36px;
    font-weight: 400;
}
.experts-solutions__heading::before {
    content: " ";
    position: absolute;
    left: 0;
    max-width: 140px;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: #E30B5C;
    opacity: 0.05;
    z-index: -1;
}
.experts-clients__block .block-image__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(67, 59, 87, 0.26);
    opacity: 0;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.experts-testimonials {
    margin: 50px 0;
    padding: 70px;
    background-color: #fcfcfc;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.experts-testimonials__heading {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 50px;
}
.experts-testimonials__link {
    color: #6f6f6d;
    font-size: 14px;
    text-transform: lowercase;
    font-weight: 300;
    margin: 7px 0;
}
.experts-testimonials__quote {
    margin: 25px 0;
    max-width: 471px;
    width: 100%;
    font-size: 20px;
    line-height: 32px;
    color: #242529;
}
.experts-partners {
    margin: 40px 0;
}
.experts-partners__brief {
    padding: 4.17%;
    width: 50%;
}
.experts-partners__copy {
    color: #6f6f6d;
    font-size: 16px;
    font-weight: 300;
    line-height: 36px;
}
.experts-partners__logos {
    width: 50%;
    background-color: #f4f4f4;
    padding: 4.17%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px 50px;
}
.experts-team__block {
    font-weight: 400;
    text-transform: none;
    width: calc(100% / 4);
    padding: 10px;
    margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
    .desktop-only {
        padding: 0 20px !important;
    }
    .experts-partners__logos,
    .partners__logos {
        grid-template-columns: 1fr 1fr;
        gap: 30px 30px;
    }
    .experts-team__block {
        width: calc(100% / 3);
    }
}
@media screen and (max-width: 990px) {
    .experts-presentation__video,
    .video-outline__video {
        width: 100%;
        padding: 50px 20px;
    }
    .experts-presentation__video:after,
    .video-outline__video::after {
        left: unset;
        width: 80%;
    }
    .experts-nav,
    .video-outline__copy--desktop {
        display: none;
    }
    .video-outline__content {
        width: 100%;
    }
    .experts-presentation__content {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .experts-presentation__video {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .experts-nav {
        position: relative;
    }
    .experts-team__block {
        width: calc(100% / 2);
    }
}
.experts-team__blocks {
    padding: 40px;
}
.experts-team .block-btn {
    margin: auto 25px 25px auto;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.experts-team .block-btn .plus {
    font-size: 24px;
    font-weight: 400;
}
.experts-team .block-cta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25%;
    background-size: cover;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVAAAACMCAYAAAAqY/E5AAAAAXNSR0IArs4c6QAADfBJREFUeF7tnf1vHMUdxr/f3b07X2JD3CS82nc+201oaUtLW1RC0jgkpAkxIQkYUdQihBCqEEIVQhU/9o+oBI14KQqglEB5EU1Ky1spESLiHUJ4CQkQKE2cJgG/27c71e56fefLnbXeopawH0vRaDw3Vu6j53l2dnZmVoUfCEAAAhBIREAT9aITBCAAAQgIAYoIIAABCCQkQIAmBEc3CEAAAgQoGoAABCCQkAABmhAc3SAAAQgQoGgAAhCAQEICBGhCcHSDAAQgQICiAQhAAAIJCRCgCcHRDQIQgAABigYgAAEIJCRAgCYERzcIQAACBCgagAAEIJCQAAGaEBzdIAABCBCgaAACEIBAQgIEaEJwdIMABCBAgKIBCEAAAgkJqIhRETWUcEAH+IAcmF0OBAH6WxH/n4lCmDo80AN+IA9CAo3zUI32ibHPFjG7RZQSDugAH5AD8XJgm6gbBGh0penvEV34bOXKSx0e6AE/kA8hgdo8DAL0+h+azHstYhYNiFLCAR3gA3IgXg5sflnKQYAeHRFtzVeutNThgR7wQzTyJA/q50EQoGu7Ta45K2ZwXJQSDugAH5AD8XJgx14ZDwK00RKoU8uiB53Klbj2c7TDB33gj7TmRxCgfW0mP9cRM1QWpYQDOsAH5EC8HNj2iYwGAdrqiR61KldS6vBAD/ghGlmSB/XzIAjQX37PzD12WMy8BaKUcEAH+IAciJcDW96Q4SBAoyvNaFm0aYY5T9rhgz4az3nij3T5o+sNGdFrF/e3DNjGtLiqlHBAB/iAHIiXA4V3Fwzp+sX9LS2upQO2N7UXnjo80AN+iO5MyYP6eXCuH6B9nUdOzlrGjHuqlHBAB/iAHIiXA2fvax0IAjThUXh0gwAEIJBaAkGAXtNxdN4xEZnjqQ5bxtSW80SEdvigD/xBPkzPx0Ufn/y5XlU41praSwhfHAIQgEBCAkGAbjzri/mObUzZVXUGjSk3q07Vo9/TDh/0gT/Ih2n5eM47LUeDAE0YwHSDAAQgkFoCzjstx7Sve2ChYxlT9lT9MqIR1WtL2kMC8An1gj6mc8Af6fGH7G0+on3dny0UaRaRQaGEAzrAB+RAzBzYe9oR/Xnp4KmjljFNniolHNABPiAH4uVAef8ph4MATe0kBl8cAhCAQEICQYD2dRw6ze/v5lXtkcocKHV4oAf8EGULeVAnD/YsOKSbiv2nJwxgukEAAhBILQH7owWHtG/R4TNtNcY1qpRwQAf4gByIlwP9Z8w/qH2LDpxZuYTkRWRkhisK7fBBH40Ngj/S5I/+M9oO6qbuT9p8QWSN6rhW5nyowwM94IfoYkEeHJ8H/2o/4zO9suvT9npXVH+c4V9PG/3QDh/0gT/SnA+f+wG6qfTPoq1iXCNKCQd0gA/IgXg5cKR4+qdBgKb2MRpfHAIQgEBCAkGAbujY31GvfyanOjFWmQOq/Qzt8EEf+KNR9qQhH/pPLx7QvuKHJWkSkVERSjigA3xADsTLgdYFhz/RDd0fd1lVT989o0q9MrKAB3rAD/ghGmlX58GCk/oPBAGacAqAbhCAAARSS+CUkw99rH1dB7pFxsQzObV0zIjkxK/XlrTDB33gD/Khko+t8w5+pJd1fvDN1F5C+OIQgAAEEhKY33r0Q+0r7VtcrpoDdYwq9cqcDzzQA37AD1HGVufBwtaj+3V9ad/ihAFMNwhAAAKpJXDaN47s08s69p+VWgJ8cQhAAAIJCcyf/+8PdGPxvW8l7E83CEAAAqkl4Myd+EAv7X7/29UEHBEti0y9nbOWDu3wQR/4o1FqpikfstnxvXpJ9/tnp/YSwheHAAQgkJBAU3b8fd3Y9fZ3EvanGwQgAIHUEnBy5j29tHPPd1NLgC8OAQhAICGBbJP3rm4svXuOK41PlbFFlXb4NNIY+sAfac2HXN59RzeW3jonYQDTDQIQgEBqCTh53aMbOnZ/P7UE+OIQgAAEEhIYc7J7dH1x9w8kIyITIpRwQAf4gByIlwMTmezb2tv99rkyMSGSyQglHNABPiAH4uWAK5nd2lt8/VzHUY1GseWyMdThgR5CAviBPGiUh2Oaf0vXd775o4RTAHSDAAQgkFoCE1bTm3pJ56s/Ti0BvjgEIACBhATKVvMbuqH02nnlqj/g+Lct1KcIwAM94IdKIOCHih9ce+7r2lt67TzbqEYP4V01hjo80EO4KAU/kAeN8nBYjryul3S8/JOEI1i6QQACEEgtgQH54jXtLb5yvk9A1RhjKk+fa6nQDh/0gT8apWUa82FQP39V13W9uqQCJbpxi35DPbyRg0dIAD2gB/wQpcGQe+wVXVfctcR2VKO19G7ZGOrwQA/h3hL8QB40ysMRa/Bl7e18aWlqJzH44hCAAAQSEhj0Bl7SdaUXl9Xrr2obY9ypHUrHz4nSDh/00XhOEH983f0RBOjFpV0/TRjAdIMABCCQWgLDZmhXEKC2KfsvkhN/kayrjqEOD/SAH8iDmfOwuSy7tLfjhZ7UXkL44hCAAAQSEsiXzYtBgPrr+yrruMKxR9x69Lm4nw83QlX+Pv3D9aXwi9bZoj/8d2LkTxCga7t2XjiZaVG2UUb3r5ThfSwc4IAOjvNB85i+oGuLOy+sHgHVjgipTx8hwgMe+KVyx5RmPzS7+oKu6/zHquoBRjQdkPSCQ/+QAPySDVzRD/o5UfwzZ9zeqReXnr/I/w9Hp87UlpGgaQ9PpYHPdA7oIySAP9Lnj5P8AF1b2rk62Vgh6RiLfvBmUjX5PQr++ar4xxnLPa9rS39fzZwOczppnstC/+g/if6dsbnP6886nlnj34LY/m1I1Xoo6vBADxVD4Af8UOsHe7zluSBALaPqqTF+GUkmqs+2pH9IYLbc4I/+8N+JlT9ZP0DXFJ++OOFCfLpBAAIQSC2BzMTQs0GAGv9AehFDCQd0gA/IgXg5EATo6s4ne8OdJlWzPNThgR4qTwXwA36o44fc6ODTurrwZK/YquIaQwkHdIAPyIGYOTDmPqNrSk+vd6UstjjilstiO3VK2uGDPvAH+TAtH73hiaf0ova/rrdsVc81hhIO6AAfkAPxckDHzVO6uuOJDSrGmGDetP4P7fBBH/iDfKghMCJ/CwKUnRjsxEiyEwPdoJs060b8AF1T3LFp6vUNIsYWmXq9R+2OZZd2+KAP/NHgtLG05YM3aj2hq4o7NrEMlGWwLANmGTQ5MLscsPwAXV3YfnmwjdDyH91XbUOkDg/0UNmWix/wQ60fhu0durKw/XJLVD0xxhJPPbEMdXigB/xAHsych+5I/i+6qvDnK3i6xuqDegRYfcHqC1ZfNF59UR4Z2q6rCo9dYSxV9YyhhAM6wAfkQLwcKI+MbteVHY9fWXmAEI1Dogl16iEBeIQPGNADesAPUR64Q8OP68r2R69k50G8nQdwghM7tdipFeWAOzr2uK4qPnJV5RBky1jGqzpUmTo80AP+iFbnkAfVeVAeHn9MVxQfucp/6h49MAifvlKHR/gABT3gB/Kgfh4GAbqy8PAvRI2Rqtd5UIcHeqia88Uf5EOdfBzNW48GAcoJ1PFOoIYTnDixnxP7oxwIAnRV4U9XR2+b829b/eE69XDOBx7oAT+QB43ycDxvP6wrCtuuruw8qsx5RXNfM5aWqueFJov1+drP0R9+6Af/nKD5MZ7PPqwXdjx0TRCCUZjNpnRFLFuE/vBDP5ODCfwTDgricDjB82Ms5zykPe0PXJN4BJn0ykG/ZCN2uMFtcpot0R0f+vlS9TMxJ/eQrig+eG24fc9T9ayq7ZyN6xIc22TL9G1/9Icf+qlsg8Q/jfzwdcmP8abMNl1R/OO1/nq/aN0jZbj+EQ5wQAf4YKYcaMpMPKg9xa3XcZguh+lymO7sDtOFF7zymfID2lO8/zpjbFV1zbQy2vRb+/u4dfqHm4bj8oI/+qv2If75yvsnn/Ee0BWFrdczIf1fLMViYv5LnZjngWbCJYHo8H+uw6ZseasuL9x3vYqqEWMo4YAO8AE5EC8H5mTNVu1pv/dXnoanrFDCAR3gA3IgXg6M5OT+IEB52sjTRlYdsOqAHJhdDgQBurz93ht4Cs9TeJ4q81SZHJhdDozm5F5d3n7PDbN9B8rUix0SvkuJ/pMvhoBfondxoR/0E7xY5P/sn0wmf5/2FLfcGHvvatw9rnwu3l5gOMEpzp5xdPKV1IljD2/RZW333GhZop4nxhJRzw926vBAD/iBPJgxD3PZ0S26vPCHm8QzRixVSjigA3xADsTLgYwzdo8uLdx1k4gVTKpYYoLFqDPX1dgSHgcQ7/O1f4/+8EM/+OfEz48mP0CXFe78tYpljHg6vYxe31D7+6hOe/h6B/igH/yTxvzIOeN3BwHqv0DMU3874+SP/wIl/0VaVXXa4YM+8EdAgHwI8jHnlO/Wpe133swiahZRs4h6douo4QUvx7bu0qXtm2/2D0f2Z6WigxyowwM94AfyIDzYpVEeOnbmLr2g/Y5bVFxjiR18OLyyusaIXXWoMO3wQR/4g3yozseMbd+hF7RvvsWanAONpjyph3PC8AgJoAf0gB+Oz4OMnblDl7X9/jf+tLD/GvRgEX2dknb4oA/8QT5Mz0fbyW7WJW23+QFa9yd6NSnt8KlHAH2ErzLGH+n0R9Zp2qwXFG67NXy7pq0avEZAJw948OdA/bnQqjrt8EEf+CPKi5TnQ8Yavl3Pb7vt1mgkYVkinidCPRxZwAM94AfyoFEe5pzR23VJ++8ubXQLwu8hAAEIQKDBFIVaz/0HC1gYdPoot3QAAAAASUVORK5CYII=");
}
.experts-team .block-image {
    position: relative;
    margin-bottom: 20px;
}
.experts-locations .block-image,
.experts-team .block-image img {
    aspect-ratio: 0.71;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.experts-team .block-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(96, 36, 235, 0.9);
    color: #fff;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
.experts-team .block-overlay.overlay-visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}
.experts-team .block-overlay__copy {
    font-size: 16px;
    font-weight: 300;
    line-height: 36px;
}
@media screen and (max-width: 1600px) {
    .experts-team .block-overlay__copy {
        font-size: 16px;
        line-height: 25px;
    }
}
@media screen and (max-width: 1200px) {
    .experts-team .block-overlay__copy {
        font-size: 14px;
        line-height: 25px;
    }
}
@media screen and (max-width: 768px) {
    .experts-team__block {
        width: 100%;
        padding: 0;
    }
    .experts-team .block-overlay__copy {
        font-size: 16px;
        line-height: 30px;
    }
}
@media screen and (max-width: 450px) {
    .experts-team .block-overlay__copy {
        font-size: 16px;
        line-height: 20px;
    }
}
.experts-team .block-overlay__inner {
    padding: 20px;
    height: 100%;
    position: relative;
}
.experts-team .burger-icon-container {
    position: absolute;
    right: 20px;
}
.experts-locations__block {
    width: calc((100% / 4) - 17px);
    margin: 0 8.5px;
    position: relative;
}
.experts-locations__blocks {
    padding: calc(4.17% - 8.5px);
}
.experts-locations .block-content {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 25px;
}
.experts-locations .block-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5%;
    background-color: rgba(67, 59, 87, 0.664);
}
.experts-locations .block-overlay svg path {
    fill: transparent;
    stroke: #fff;
}
.experts-faqs {
    margin-bottom: 61px;
}
@media (min-width: 769px) {
    .map-location__title {
        margin-bottom: 72px;
        font-size: 36px;
        text-align: center;
    }
    .map-location__content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 60px;
    }
    .map-location__address-information strong {
        margin-bottom: 14px;
    }
    .map-location__address-information .map-location__address-contact,
    .map-location__address-information span {
        margin-bottom: 50px;
    }
    .map-location__other-locations {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        justify-content: space-between;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .section-navigation__mobile-cta {
        display: none;
    }
    .job-page .job-description {
        padding-top: 70px;
    }
    .experts-why__block {
        width: calc(100% / 3);
    }
    .experts-faqs {
        margin-bottom: 90px;
    }
    .esc-staff .staff-profile:nth-child(odd) {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}
.experts-blog__block {
    width: calc((100% / 4) - 17px);
    margin: 0 8.5px;
    position: relative;
    padding-bottom: calc((100% / 4) - 17px);
}
.experts-blog__block:hover .block-copy {
    max-height: 100%;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
}
.experts-blog__block:hover .block-overlay {
    background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.75) 100%);
}
@media screen and (max-width: 990px) {
    .experts-blog__block,
    .experts-locations__block {
        width: calc((100% / 2) - 17px);
        margin: 15px 8.5px;
    }
    .experts-blog__block {
        padding-bottom: calc((100% / 2) - 17px);
    }
}
.experts-blog__blocks {
    padding: 30px 0;
    width: calc(100% + 17px);
    margin-left: -8.5px;
    margin-right: -8.5px;
}
.experts-blog .arrow-link {
    margin-top: 10px;
    color: #fff;
}
.experts-blog .block-copy {
    color: #fff;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
}
.experts-blog .block-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.experts-blog .block-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10%;
}
.experts-blog .block-title {
    margin-bottom: 10px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.not-found-page {
    background: #fff;
    padding-top: 206px;
    width: 100%;
    padding-bottom: 100px;
}
.clients-page .clients-container {
    text-align: center;
    width: 100%;
}
.clients-page .clients-heading {
    margin: 50px 0;
    text-align: center;
}
.clients-page .clients-grid {
    width: 100%;
    max-width: 1200px;
}
.clients-page .client-item {
    position: relative;
    margin-bottom: 100px;
    width: 100%;
    max-width: 200px;
}
.clients-page .bg-area {
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 50%;
}
.about-us .client-grid {
    position: relative;
    z-index: 0;
}
.about-us .image-grids-and-text .bg-area {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.about-us .image-grids-and-text .left-area {
    background: #f4f4f4;
    padding: 0 20px;
    width: 35%;
}
.about-us .image-grids-and-text .left-area .client-grid {
    padding: 75px 0;
    margin: 0 auto;
    width: 75%;
}
.about-us .image-grids-and-text .left-area .client-grid > li {
    height: 100px;
    margin: 10px 0;
    width: 50%;
}
.about-us .image-grids-and-text .right-area .text-content__container {
    margin: 150px 0 75px 125px;
    position: relative;
}
.about-us .image-grids-and-text .right-area .text-content__container:before {
    background-color: #f4f4f4;
    content: "";
    position: absolute;
    right: 0;
    top: -25px;
    height: 125%;
    width: 75%;
    z-index: 0;
}
.about-us .image-grids-and-text .right-area .text-content__container .main-blog-area .blog-sidebar .sidebar-cta p,
.about-us .image-grids-and-text .right-area .text-content__container .rte,
.about-us .image-grids-and-text .right-area .text-content__container .sub-heading,
.main-blog-area .blog-sidebar .sidebar-cta .about-us .image-grids-and-text .right-area .text-content__container p {
    position: relative;
    z-index: 1;
}
.about-us .image-grids-and-text .right-area .text-content__container .sub-heading,
.our-work-piece .capturing-data-section .sub-heading,
.our-work-piece .our-approach-section .content-container .sub-heading,
.our-work-piece .our-approach-section .content-container > p,
.our-work-piece .our-approach-section .project-stats-container li {
    margin-bottom: 25px;
}
.about-us .image-grids-and-text .right-area .text-content__container .main-blog-area .blog-sidebar .sidebar-cta p,
.about-us .image-grids-and-text .right-area .text-content__container .rte,
.main-blog-area .blog-sidebar .sidebar-cta .about-us .image-grids-and-text .right-area .text-content__container p {
    margin-bottom: 25px;
    max-width: 700px;
    color: #3f3f3f;
}
.about-us .image-grids-and-text .right-area .partners-grid__container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}
.about-us .image-grids-and-text .right-area .partners-grid__container .special-heading {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    margin-bottom: 0;
    opacity: 0.1;
}
.about-us .image-grids-and-text .right-area .partners-grid__container .special-heading > span {
    font-size: 184px;
    font-weight: 900;
    height: 50%;
    text-transform: uppercase;
}
.about-us .image-grids-and-text .right-area .partners-grid__container .special-heading > span:first-child {
    -webkit-transform: translateX(-10vw);
    transform: translateX(-10vw);
}
.about-us .image-grids-and-text .right-area .partners-grid__container .special-heading > span:last-child {
    -webkit-transform: translateX(10vw);
    transform: translateX(10vw);
}
.about-us .image-grids-and-text .right-area .partners-grid__container .partners-grid {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
}
.about-us .image-grids-and-text .right-area .partners-grid__container .partners-grid > li {
    width: 25%;
    height: 50%;
}
.esc-staff {
    width: 100%;
    margin: 200px auto 100px;
}
.esc-staff > p {
    line-height: 32px;
    margin: 0 auto;
    max-width: 780px;
}
.esc-staff .staff__container {
    overflow: hidden;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.esc-staff .staff__container .staff__grid {
    margin-top: 50px;
    margin-bottom: 100px;
    padding-top: 100px;
}
.esc-staff .staff-profile {
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    width: 25%;
}
.esc-staff .staff-profile a,
.esc-staff .staff-profile h3,
.esc-staff .staff-profile span {
    color: #fff;
    text-transform: none;
}
@media (max-width: 768px) {
    .content-row-block.faded-border > :first-child,
    .content-row-block.faded-border > :last-child {
        border: none;
    }
    .content-row-block .content-column {
        padding: 50px 20px;
    }
    .default-post-grid .blogs__list .article-grid-item {
        margin: 0 0 30px;
        width: 100%;
    }
    .default-post-grid .blogs__list .article-grid-item .image-area {
        max-height: 200px;
        overflow: hidden;
        position: relative;
    }
    .default-post-grid .blogs__list .article-grid-item .image-area .bg-area {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    .video-outline__content {
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .awards__award {
        width: 33%;
    }
    .bullets__blocks .block-copy,
    .experts-why__blocks .block-copy {
        max-width: 100%;
    }
    .bullets__blocks .block-icon,
    .experts-why__blocks .block-icon {
        margin-right: 20px;
    }
    .bullets__block,
    .experts-why__block {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #bebebe;
        padding: 30px 0;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .about-us .image-and-text-upper,
    .about-us .image-grids-and-text,
    .experts-solutions__block,
    .image-information-list__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
    .experts-blog__inner,
    .experts-clients__inner,
    .experts-locations__inner,
    .experts-solutions__cta,
    .featured-blogs__inner,
    .image-ctas__inner,
    .image-information-list__cta {
        padding: 0 20px;
    }
    .contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p .experts-blog__inner a,
    .contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p .featured-blogs__inner a,
    .contact-form .steps-wrapper > header .rte .experts-blog__inner a,
    .contact-form .steps-wrapper > header .rte .featured-blogs__inner a,
    .contact-form .steps-wrapper > header h1 .experts-blog__inner a,
    .contact-form .steps-wrapper > header h1 .featured-blogs__inner a,
    .experts-blog__inner .contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a,
    .experts-blog__inner .contact-form .steps-wrapper > header .rte a,
    .experts-blog__inner .contact-form .steps-wrapper > header h1 a,
    .experts-blog__inner .highlight-link,
    .experts-blog__inner .main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a,
    .featured-blogs__inner .contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a,
    .featured-blogs__inner .contact-form .steps-wrapper > header .rte a,
    .featured-blogs__inner .contact-form .steps-wrapper > header h1 a,
    .featured-blogs__inner .highlight-link,
    .featured-blogs__inner .main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a,
    .main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p .experts-blog__inner a,
    .main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p .featured-blogs__inner a,
    .section-navigation__navigation {
        display: none;
    }
    .experts-clients__copy,
    .experts-clients__heading,
    .experts-locations__heading,
    .experts-locations__subtitle,
    .experts-team__copy,
    .experts-team__heading,
    .image-ctas__copy,
    .image-ctas__heading {
        text-align: left;
    }
    .experts-clients__blocks,
    .experts-team__blocks,
    .image-ctas__blocks {
        padding: 30px 0;
    }
    .experts-clients__block,
    .image-ctas__block {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .image-information-list__block {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }
    .image-information-list__block-image {
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .image-information-list__block-copy {
        margin-bottom: 30px;
    }
    .image-information-list__cta .btn {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        display: -webkit-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 54px;
    }
    .map-location__map {
        margin-bottom: 34px;
    }
    .map-location__other-location {
        margin-bottom: 25px;
    }
    .about-us .image-grids-and-text .left-area .client-grid,
    .experts-partners__brief,
    .experts-partners__logos,
    .partners__brief,
    .partners__logos {
        width: 100%;
    }
    .experts-partners__inner,
    .partners__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .experts-testimonials,
    .quote-cta {
        margin: 30px 0;
    }
    .experts-testimonials__heading,
    .quote-cta__heading {
        text-align: center;
    }
    .service-link {
        padding: 0;
        margin: 0 0 30px;
    }
    .experts-presentation__content {
        padding: 0 20px;
        margin-bottom: 30px;
    }
    .experts-solutions__block {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px;
    }
    .experts-solutions__block .block-copy {
        margin-bottom: 30px;
    }
    .experts-solutions__block .block-image {
        margin-right: 0;
        margin-bottom: 30px;
        width: 100%;
    }
    .experts-solutions__cta .btn {
        width: 100%;
        height: 54px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .experts-team__inner {
        padding: 20px;
    }
    .experts-locations__block {
        width: 100%;
        margin: 15px 0;
    }
    .experts-locations__blocks {
        padding: 0;
        margin: 20px 0;
    }
    .experts-blog__block {
        width: 100%;
        padding-bottom: 100%;
    }
    .clients-page .client-item {
        max-width: 175px;
    }
    .clients-page .bg-area {
        padding-bottom: 35%;
    }
    .about-us .hero-image .bg-area {
        padding-bottom: 100%;
    }
    .about-us .hero-image .main-cta {
        margin: 0 auto;
    }
    .about-us .image-and-text-upper,
    .about-us .image-grids-and-text {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about-us .image-and-text-upper .featured-image-container {
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin: 50px;
        position: relative;
        z-index: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 65%;
    }
    .about-us .image-and-text-upper .content {
        margin-left: 50px;
        position: relative;
        z-index: 1;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .about-us .image-grids-and-text .left-area {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }
    .about-us .image-grids-and-text .left-area .client-grid > li {
        width: 25%;
    }
    .about-us .image-grids-and-text .right-area {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .about-us .image-grids-and-text .right-area .text-content__container {
        margin: 50px 0 50px 50px;
        padding-right: 50px;
    }
    .about-us .image-grids-and-text .right-area .partners-grid__container {
        height: 400px;
    }
    .esc-staff {
        margin-top: 50px;
    }
    .esc-staff .staff__container .staff__grid {
        margin-bottom: 50px;
        padding-top: 0;
    }
    .esc-staff .staff-profile {
        width: 50%;
    }
    .esc-staff .staff-profile:nth-child(odd) {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    .esc-staff .staff-profile .inner:before {
        opacity: 0.5;
        visibility: visible;
    }
}
.esc-staff .staff-profile .inner {
    padding-bottom: 140%;
    position: relative;
    -webkit-transition: 0.35s 0.2s;
    transition: 0.35s 0.2s;
}
.esc-staff .staff-profile .inner:before {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(93, 38, 255, 0)), to(rgba(37, 23, 82, 0.62)));
    background-image: linear-gradient(180deg, rgba(93, 38, 255, 0) 0, rgba(37, 23, 82, 0.62) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
}
.esc-staff .staff-profile .inner .bio,
.esc-staff .staff-profile .inner:before {
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
}
.esc-staff .staff-profile .inner .bio {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px;
}
.esc-staff .staff-profile .inner .bio .staff-name {
    font-size: 24px;
    margin-bottom: 5px;
    color: currentColor;
    font-weight: 400;
}
.esc-staff .staff-profile .inner .bio span,
.main-blog-area .main-area .results-for {
    font-weight: 300;
}
.meet-the-team .esc-staff {
    margin: 100px auto;
}
.services-landing .site-content {
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.services-landing .cta {
    margin-bottom: 175px;
    z-index: 1;
}
.services-landing .header-double-image {
    margin-bottom: 7.5px;
}
.main-blog-area .blog-sidebar .sidebar-cta .services-landing .inner-content-area p,
.services-landing .inner-content-area .main-blog-area .blog-sidebar .sidebar-cta p,
.services-landing .inner-content-area .rte {
    margin: 0 auto;
    max-width: 500px;
}
.portfolio-piece .site-content {
    background-color: #fff;
}
.our-work-piece .overview-section {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 100px;
    max-width: 1200px;
    padding-top: 100px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.our-work-piece .overview-section .content-container {
    padding-right: 100px;
    width: 60%;
}
.our-work-piece .overview-section .content-container p {
    color: #6f6f6d;
    line-height: 30px;
}
.our-work-piece .overview-section .image-container {
    position: relative;
    width: 40%;
}
.our-work-piece .overview-section .image-container .overview-image {
    height: 300px;
    width: 350px;
    margin-bottom: 50px;
}
.our-work-piece .overview-section .image-container .logo-image,
.our-work-piece .overview-section .image-container .overview-image {
    position: relative;
    z-index: 1;
    max-width: 100%;
}
.our-work-piece .overview-section .image-container .overview-shade {
    position: absolute;
    z-index: 0;
    left: 50px;
    top: 0;
    height: calc(100% + 100px);
    width: 100vw;
}
.our-work-piece .mobile-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 100px;
}
.our-work-piece .mobile-section img {
    max-height: 100%;
    max-width: 100%;
}
.our-work-piece .brief-section {
    color: #fff;
    position: relative;
}
.our-work-piece .brief-section .inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.our-work-piece .brief-section .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 150px 0 200px;
    width: 40%;
}
.our-work-piece .brief-section .content-container p {
    line-height: 30px;
}
.our-work-piece .brief-section .image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 60%;
}
.our-work-piece .brief-section .brief-section-bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 50px;
    height: calc(100% - 150px);
    width: 100%;
}
.our-work-piece .brief-extended-section > p {
    line-height: 30px;
    padding: 0 50px 0 25px;
    width: 50%;
}
.our-work-piece .brief-extended-section .image-container {
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.our-work-piece .brief-extended-section .image-container img {
    min-height: 100vh;
    max-width: 100%;
}
.our-work-piece .our-approach-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 100px;
    max-width: 1400px;
}
.our-work-piece .our-approach-section .content-container {
    color: #6f6f6d;
    line-height: 30px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 100px 150px 0 100px;
    width: 65%;
}
.our-work-piece .our-approach-section .project-stats-container {
    background-color: #E30B5C;
    color: #fff;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    padding: 75px;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    width: 35%;
}
.our-work-piece .our-approach-section .project-stats-container .sub-heading {
    color: inherit;
    margin-bottom: 50px;
}
.our-work-piece .our-approach-section .project-stats-container span.stat {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 10px;
}
.our-work-piece .colours-and-fonts-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 50px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.our-work-piece .colours-and-fonts-container > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
}
.our-work-piece .colours-and-fonts-container .small-heading {
    color: #6f6f6d;
    font-size: 18px;
    padding-right: 50px;
}
.our-work-piece .what-we-did-section {
    color: #fff;
    height: 500px;
    margin-bottom: 350px;
    padding-top: 50px;
    text-align: center;
}
.our-work-piece .what-we-did-section .sub-heading {
    color: inherit;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 25px;
}
.our-work-piece .what-we-did-section .what-we-did-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.our-work-piece .capturing-data-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 100px;
    max-width: 1400px;
}
.our-work-piece .capturing-data-section .content-container {
    padding: 0 150px 50px 25px;
}
.our-work-piece .capturing-data-section .image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
}
.our-work-piece .capturing-data-section .image-container > div {
    height: 100vw;
    width: 100vw;
}
.our-work-piece .capturing-data-section .image-container .capturing-data-shade {
    position: absolute;
    left: 100px;
    bottom: 25px;
    z-index: -1;
}
.our-work-piece .capturing-data-section .capturing-data-image {
    max-height: 350px;
    max-width: 450px;
}
.our-work-piece .capturing-data-section .capturing-data-shade {
    max-height: 450px;
    max-width: 525px;
}
.our-work-piece .converting-traffic-section {
    margin: 0 auto;
    max-width: 1400px;
    position: relative;
}
.our-work-piece .converting-traffic-section .content-container {
    background: #fff;
    -webkit-box-shadow: 0 0 150px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 150px 0 rgba(0, 0, 0, 0.5);
    padding: 100px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 650px;
}
.article-page .article-footer .author-info .image-area .bg-area,
.article-page .article-header .image-area,
.blog-hero-section .blog-hero-banner-img,
.our-work-piece-block--image-text-bg-alternate .bg-area {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.our-work-piece .converting-traffic-section > img {
    max-width: 75%;
}
.landing-shopify-conversion-checklist,
.landing-shopify-conversion-checklist .site-footer .left-area,
.landing-shopify-conversion-checklist .site-footer .right-area .inner {
    padding-top: 50px;
}
.staff-profile-page {
    width: 100%;
    background: #fff;
}
.staff-profile-page .staff-profile-page__header {
    padding-top: 300px;
    background-color: #242529;
    color: #fff;
}
.staff-profile-page .staff-profile-page__header a,
.staff-profile-page .staff-profile-page__header h1 {
    color: #fff;
}
.staff-profile-page .staff-profile-page__header h1 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 5px;
}
.staff-profile-page .staff-profile-page__header p {
    font-size: 18px;
    font-weight: 300;
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__breadcrumbs {
    position: absolute;
    top: 150px;
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta {
    padding-bottom: 50px;
    max-width: 1200px;
    margin: auto;
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__title {
    width: 40%;
    border-right: 1px solid #fff;
    padding: 25px 0 25px 70px;
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social {
    width: 60%;
    margin: 25px 0;
    padding-left: 50px;
    position: relative;
}
@media (max-width: 1024px) {
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social,
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__title {
        padding-left: 20px;
        width: 50%;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social > p {
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    bottom: 100%;
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social ul li {
    margin: 10px 20px;
}
.staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social ul li:last-child {
    margin-right: 0;
}
.staff-profile-page .staff-profile-page__inner {
    max-width: 1200px;
    margin: auto auto 70px;
}
.staff-profile-page .staff-profile-page__inner .staff-profile-page__left {
    float: left;
    padding-right: 20px;
}
.staff-profile-page .staff-profile-page__inner .staff-profile-page__right {
    width: auto;
}
.staff-profile-page .staff-profile-page__inner .staff-profile-page__img {
    width: 316px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.staff-profile-page .staff-profile-page__inner .staff-profile-page__img img {
    max-width: 100%;
    height: auto;
}
.staff-profile-page .staff-profile-page__inner .staff-profile-page__content {
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    padding-left: 70px;
    padding-top: 60px;
    max-width: 710px;
}
.article-page .article-header,
.main-blog-area .blog-sidebar .sidebar-block,
.staff-profile-page .staff-profile-page__inner .staff-profile-page__content > p {
    margin-bottom: 40px;
}
.staff-profile-page .staff-profile-page__left {
    width: 316px;
}
.staff-profile-page .staff-profile-page__right {
    width: calc(100% - 316px);
}
.article-page .article-header .image-area {
    width: 50%;
}
.article-page .article-header .info-area {
    padding: 100px;
    width: 50%;
}
.article-page .article-header .info-area .read-time {
    font-size: 14px;
    position: relative;
    font-weight: 700;
    text-transform: none;
    color: #3f3f3f;
}
.article-page .article-header .info-area .read-time:before {
    content: "\B7";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 1px;
    line-height: 0;
}
.article-page .article-header .info-area .written-by {
    margin-top: 15px;
    font-size: 14px;
}
.article-page .article-header .info-area .written-by a,
.article-page .article-header .info-area .written-by span {
    font-size: 14px;
    font-weight: 700;
    color: #3f3f3f;
    text-transform: none;
}
.article-page .breadcrumbs {
    max-width: 1720px;
}
.article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p,
.article-page .article-main .rte,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p {
    color: #3f3f3f;
    word-wrap: break-word;
}
.article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p a,
.article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p li,
.article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p p,
.article-page .article-main .rte a,
.article-page .article-main .rte li,
.article-page .article-main .rte p,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p a,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p li,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p p {
    font-size: 18px;
}

.article-main {
    width: 100%;
}

.article-main pre {
    background: #121212;
    padding: 10px;
    border-radius: 6px;
    color: #fff;
    overflow: auto;
    white-space: pre-wrap;
}

@media  (min-width: 1681px) {
    .article-page {
       padding: 0 60px 0 120px;
    }
}

@media (min-width: 769px) and (max-width: 1680px) {
    .article-page {
       padding: 0 60px 0 100px;
    }
}

@media (min-width: 769px) {
    .article-page .breadcrumbs {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 40px;
    }

    .article-body {
        gap: 60px;
    }

    .article-main.wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .article-sidebar {
        flex: 0 0 384px;
        padding-right: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .article-main {
        max-width: calc(100% - 384px);
    }
}

@media (max-width: 768px) {
    .article-body {
        padding: 0 30px;
    }
}
@media (max-width: 1368px) {
    .article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p a,
    .article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p li,
    .article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p p,
    .article-page .article-main .rte a,
    .article-page .article-main .rte li,
    .article-page .article-main .rte p,
    .main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p a,
    .main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p li,
    .main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p p {
        font-size: 18px;
    }
}
@media (max-width: 480px) {
    .cta .content-wrapper .flex-positioning .caption .btn,
    .esc-staff .staff-profile,
    .image-block-text-link,
    .staff-profile-page .staff-profile-page__left,
    .staff-profile-page .staff-profile-page__right,
    .text-and-download .text-area {
        width: 100%;
    }
    .site-footer .footer-flex .left-area header {
        text-align: center;
    }
    .image-block-text-link.has-gap {
        padding-right: 0;
    }
    .header-and-image-blocks .block {
        margin-bottom: 50px;
        width: 100%;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta,
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__right,
    .text-and-download {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .text-and-download .form-area {
        padding-left: 0;
        padding-top: 40px;
        width: 100%;
    }
    .default-post-grid {
        padding: 0 20px;
    }
    .about-us .image-and-text-upper,
    .about-us .image-grids-and-text {
        -webkit-transform: none;
        transform: none;
    }
    .about-us .image-and-text-upper .featured-image-container {
        margin: 50px 0 0;
        width: 100%;
    }
    .about-us .image-grids-and-text .left-area .client-grid > li {
        width: 33.33%;
    }
    .about-us .image-grids-and-text .right-area .text-content__container:before {
        height: 110%;
    }
    .about-us .image-grids-and-text .right-area .partners-grid__container {
        height: 350px;
    }
    .about-us .image-grids-and-text .right-area .partners-grid__container .special-heading > span {
        font-size: 150px;
    }
    .about-us .image-grids-and-text .right-area .partners-grid__container .special-heading > span:first-child,
    .about-us .image-grids-and-text .right-area .partners-grid__container .special-heading > span:last-child,
    .esc-staff .staff-profile:nth-child(odd) {
        -webkit-transform: none;
        transform: none;
    }
    .about-us .image-grids-and-text .right-area .partners-grid__container .partners-grid {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .about-us .image-grids-and-text .right-area .partners-grid__container .partners-grid > li {
        height: 33.33%;
        width: 33.33%;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__breadcrumbs {
        top: 135px;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__title {
        width: 100%;
        border: 0;
        padding: 0 0 0 20px;
        margin-bottom: 40px;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social {
        width: 100%;
        border: 0;
        margin: 0;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social > p {
        bottom: calc(100% + 5px);
    }
    .staff-profile-page .staff-profile-page__inner .staff-profile-page__left {
        float: unset;
        padding: 0;
        margin: auto;
        width: 100%;
    }
    .staff-profile-page .staff-profile-page__inner .staff-profile-page__img {
        margin: auto;
    }
    .staff-profile-page .staff-profile-page__inner .staff-profile-page__content {
        padding-top: 40px;
    }
    .article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p a,
    .article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p li,
    .article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p p,
    .article-page .article-main .rte a,
    .article-page .article-main .rte li,
    .article-page .article-main .rte p,
    .main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p a,
    .main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p li,
    .main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p p {
        font-size: 14px;
    }
}
.article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p a,
.article-page .article-main .rte a,
.main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p a {
    text-decoration: underline;
}
.article-page .article-main .social-sharing {
    margin-top: 20px;
}
.article-page .article-footer {
    margin: 100px 0;
    padding-left: calc(((100vw - 1000px) / 2) + 60px);
}
.article-page .article-footer .author-info {
    width: 550px;
    padding: 0 20px;
}
.article-page .article-footer .author-info .image-area {
    width: 150px;
}
.article-page .article-footer .author-info .image-area .bg-area {
    padding-bottom: 100%;
    border-radius: 100%;
    -webkit-transition: 2s;
    transition: 2s;
    display: block;
}
.article-page .article-footer .author-info .bio-area {
    width: calc(100% - 150px);
    padding-left: 45px;
}
.article-page .article-footer .author-info .bio-area > p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #3f3f3f;
}
.article-page .article-footer .author-info .bio-area .h4,
.article-page .article-footer .author-info .bio-area h4 {
    color: #E30B5C;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: none;
}
.article-page .article-footer .author-info .bio-area .social-sharing {
    margin: 0 -10px;
}
.article-page .article-footer .next-prev-item {
    width: calc(100% - 550px);
}
.article-page .article-footer .next-prev-item a {
    background-image: url("https://cdn.eastsideco.com/media/v3/dev/assets/article-nav-bg.png");
    background-size: cover;
    background-position: center center;
    display: block;
}
.article-page .article-footer .next-prev-item a.has-inline-bg .next-prev-item-info {
    z-index: 2;
}
.article-page .article-footer .next-prev-item a.has-inline-bg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.9) 100%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 1;
}
.article-page .article-footer .next-prev-item a .next-prev-item-info {
    padding: 50px 100px;
    color: #fff;
    text-transform: none;
    position: relative;
    width: 100%;
}
.article-page .article-footer .next-prev-item a .next-prev-item-info > * {
    z-index: 2;
    position: relative;
}
.article-page .article-footer .next-prev-item a .next-prev-item-info span {
    font-weight: 400;
    margin: 5px 0;
    display: block;
}
.article-page .article-footer .next-prev-item a .next-prev-item-info h4 {
    font-size: 16px;
    font-weight: 700;
    color: inherit;
    margin: 0;
}
.article-page .article-footer .next-prev-item a .next-prev-item-info img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: 15px;
    margin-bottom: 3px;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.article-page .article-footer .next-prev-item a .next-prev-item-info:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.article-page .article-footer .next-prev-item.prev-item a .next-prev-item-info img {
    margin-left: 0;
    margin-right: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.blog-hero-section {
    height: 740px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 70px;
}
.blog-hero-section .blog-hero-banner-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
    height: 100%;
}
.blog-hero-section section.featured-post {
    background: left center/cover no-repeat #4c3e6a;
    max-width: 1100px;
    height: 425px;
    -webkit-box-shadow: 40px 41px 84px 3px rgba(0, 0, 0, 0.37);
    box-shadow: 40px 41px 84px 3px rgba(0, 0, 0, 0.37);
    overflow: hidden;
    margin-bottom: -50px;
    position: relative;
    z-index: 1;
}
.blog-hero-section h1 {
    position: relative;
    text-align: center;
    padding: 0 30px;
    margin-bottom: -130px;
    font-weight: 300;
    width: 100%;
    color: #fff;
}
.blog-hero-section .featured-post-detail {
    padding: 50px 100px;
    color: #fff;
    position: relative;
    background-color: rgba(36, 37, 41, 0.75);
}
.blog-hero-section .featured-post-detail:after {
    background-image: var(--full-width-header-block-bg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: inherit;
    z-index: 0;
    -webkit-filter: blur(8px);
    filter: blur(8px);
}
.blog-hero-section .featured-post-detail .featured-post-title {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1.33px;
    margin-bottom: 20px;
    text-transform: none;
}
.blog-hero-section .featured-post-detail .featured-post-excerpt {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.blog-hero-section .featured-post-detail .arrow-link {
    color: #fff;
    z-index: 1;
    position: relative;
}
.blog-hero-section .featured-post-detail .featured-post-link:after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: -20px;
    background: red;
}
.blog-hero-section .featured-post-detail .featured-post-link:hover:after {
    right: -25px;
}
.main-blog-area .main-area {
    width: calc(100% - 300px);
}
.main-blog-area .main-area .blog-categories li a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 0;
}
.main-blog-area .main-area .blog-categories li.active a {
    font-size: 30px;
}
.main-blog-area .blog-sidebar .recommended-for-you,
.main-blog-area .main-area .blog-grid,
.main-blog-area .main-area .load-more-container,
.main-blog-area .main-area .pagination {
    margin-bottom: 80px;
}
.main-blog-area .main-area .blog-grid .article-grid-item {
    width: 50%;
    margin-bottom: 10px;
}
.main-blog-area .blog-sidebar {
    width: 300px;
}
.main-blog-area .blog-sidebar .search-form {
    position: relative;
    margin-bottom: 30px;
}
.main-blog-area .blog-sidebar .search-form input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #cfcfcf;
    padding: 5px 0;
    font-size: 14px;
    line-height: 1.4;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
.main-blog-area .blog-sidebar .search-form input::-webkit-input-placeholder {
    color: #6f6f6d;
}
.main-blog-area .blog-sidebar .search-form input:-moz-placeholder {
    color: #6f6f6d;
}
.main-blog-area .blog-sidebar .search-form input::-moz-placeholder {
    color: #6f6f6d;
}
.main-blog-area .blog-sidebar .search-form input:-ms-input-placeholder {
    color: #6f6f6d;
}
.main-blog-area .blog-sidebar .search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.main-blog-area .blog-sidebar .recommended-for-you h2 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 300;
}
.main-blog-area .blog-sidebar .recommended-for-you ol {
    counter-reset: popularPosts;
}
.main-blog-area .blog-sidebar .recommended-for-you ol li a:before {
    counter-increment: popularPosts;
    content: counter(popularPosts);
    width: 40px;
    min-width: 40px;
    color: #f4f4f4;
    font-size: 20px;
    font-weight: 900;
    -webkit-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
}
.main-blog-area .blog-sidebar .recommended-for-you ol li a span {
    font-size: 14px;
    color: #3f3f3f;
    font-weight: 300;
    text-transform: none;
    padding-top: 2px;
}
.main-blog-area .blog-sidebar .recommended-for-you ol li a:hover:before {
    color: #3f3f3f;
}
.main-blog-area .blog-sidebar .sidebar-cta h2 {
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}
.main-blog-area .blog-sidebar .sidebar-cta img {
    width: 100%;
    margin-bottom: 10px;
}
.main-blog-area .blog-sidebar .sidebar-cta p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.4;
}
.our-work-piece-block {
    margin-bottom: 100px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.our-work-piece-block.has-top-margin {
    margin-top: 100px;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block p h2,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block p h3,
.our-work-piece-block .main-blog-area .blog-sidebar .sidebar-cta p h2,
.our-work-piece-block .main-blog-area .blog-sidebar .sidebar-cta p h3,
.our-work-piece-block .rte h2,
.our-work-piece-block .rte h3 {
    font-size: 46px;
    font-weight: 400;
    margin-bottom: 20px;
}
.our-work-piece-block--hero {
    position: relative;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 50px;
    z-index: 2;
    max-width: none;
}
.our-work-piece-block--hero .bg-area {
    width: 100%;
    padding-bottom: 43%;
    position: relative;
}
.our-work-piece-block--hero .bg-area > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.our-work-piece-block--hero .bg-area .flex-positioning {
    padding: 10% 15%;
}
.our-work-piece-block--hero .bg-area .inner {
    text-align: center;
}
.our-work-piece-block--hero .bg-area .inner img {
    margin-bottom: 15px;
    max-height: 100px;
    display: inline-block;
}
.our-work-piece-block--hero .bg-area .inner h3 {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0;
}
.our-work-piece-block--hero .services-area {
    position: absolute;
    bottom: -170px;
    left: 0;
    width: 100%;
    max-width: 600px;
}
.our-work-piece-block--hero .services-area .bg-list-area {
    padding: 30px 60px 30px 80px;
    margin-right: 30px;
    color: #fff;
    width: 100%;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--image-text-bg-alternate-2 .content-area p *,
.our-work-piece-block--hero .services-area .bg-list-area *,
.our-work-piece-block--image-text-bg .content-area *,
.our-work-piece-block--image-text-bg-alternate .content-area *,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .main-blog-area .blog-sidebar .sidebar-cta p *,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .rte * {
    color: inherit;
}
.our-work-piece-block--hero .services-area .bg-list-area .inner {
    max-width: 320px;
    margin: 0 auto;
}
.our-work-piece-block--hero .services-area .bg-list-area .inner h2 {
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
    margin-bottom: 20px;
}
.our-work-piece-block--hero .services-area .bg-list-area .inner ul li {
    margin-bottom: 10px;
}
.our-work-piece-block--hero .services-area .bg-list-area .inner ul a {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    text-transform: none;
}
@media (max-width: 768px) {
    .esc-staff .staff-profile .inner .bio,
    .esc-staff .staff-profile .inner:before {
        opacity: 1;
        visibility: visible;
    }
    .esc-staff .staff-profile .inner .bio .staff-name {
        font-size: 18px;
    }
    .our-work-piece .overview-section {
        padding: 30px;
        margin-bottom: 0;
    }
    .our-work-piece .overview-section .content-container {
        width: 100%;
        padding: 0;
    }
    .our-work-piece .overview-section .image-container {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 50px;
    }
    .our-work-piece .overview-section .image-container .overview-image {
        width: 100%;
        height: auto;
        padding-bottom: 100%;
    }
    .our-work-piece .overview-section .image-container .overview-shade {
        height: calc(100% + 20px);
        width: 100%;
    }
    .our-work-piece .mobile-section {
        padding-top: 50px;
    }
    .article-page .article-header .info-area,
    .our-work-piece .brief-section .content-container,
    .our-work-piece .our-approach-section .content-container {
        width: 100%;
        padding: 30px;
    }
    .our-work-piece .brief-section .image-container {
        width: 100%;
        padding-bottom: 80%;
    }
    .our-work-piece .brief-section .brief-section-bg {
        height: 100%;
        top: 0;
    }
    .our-work-piece .brief-extended-section {
        padding: 30px;
    }
    .our-work-piece .brief-extended-section > p {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .our-work-piece .our-approach-section {
        margin-bottom: 50px;
    }
    .our-work-piece .our-approach-section .project-stats-container {
        width: 100%;
        padding: 60px 30px;
        -webkit-transform: none;
        transform: none;
    }
    .our-work-piece .colours-and-fonts-container {
        padding: 0 30px;
    }
    .our-work-piece .colours-and-fonts-container > div {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    .our-work-piece .colours-and-fonts-container > div:last-child {
        margin-bottom: 0;
    }
    .our-work-piece .capturing-data-section .image-container,
    .our-work-piece .capturing-data-section > div,
    .our-work-piece .colours-and-fonts-container .small-heading {
        width: 100%;
    }
    .our-work-piece .what-we-did-section {
        margin-bottom: 50px;
        height: auto;
    }
    .our-work-piece .capturing-data-section {
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .our-work-piece .capturing-data-section .content-container {
        padding: 0 30px;
        margin-bottom: 30px;
    }
    .our-work-piece .converting-traffic-section .content-container {
        position: static;
        padding: 30px;
        -webkit-transform: none;
        transform: none;
    }
    .our-work-piece .converting-traffic-section > img {
        max-width: 100%;
        width: 100%;
    }
    .staff-profile-page .staff-profile-page__header {
        padding-top: 190px;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__breadcrumbs .breadcrumbs {
        padding-left: 20px;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta {
        padding-bottom: 25px;
    }
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__left {
        width: 0;
    }
    .article-page .article-footer .next-prev-item,
    .blog-hero-section .featured-post-detail,
    .blog-hero-section .featured-post-img,
    .main-blog-area .main-area,
    .main-blog-area .main-area .blog-grid .article-grid-item,
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__right {
        width: 100%;
    }
    .staff-profile-page .staff-profile-page__inner .staff-profile-page__inner__bio {
        display: block;
    }
    .staff-profile-page .staff-profile-page__inner .staff-profile-page__img {
        max-width: 316px;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
    .staff-profile-page .staff-profile-page__inner .staff-profile-page__content {
        max-width: unset;
        padding-right: 20px;
    }
    .article-page .article-header {
        margin-bottom: 30px;
    }
    .article-page .article-header .image-area {
        width: 100%;
        margin-bottom: 30px;
    }
    .article-page .article-header .info-area h1 {
        font-size: 28px;
    }
    .article-page .article-main .main-blog-area .blog-sidebar .sidebar-cta p h2:not(:first-child),
    .article-page .article-main .rte h2:not(:first-child),
    .main-blog-area .blog-sidebar .sidebar-cta .article-page .article-main p h2:not(:first-child) {
        margin-top: 20px;
    }
    .article-page .article-footer {
        margin: 50px 0;
    }
    .article-page .article-footer .author-info {
        width: 100%;
        margin-bottom: 20px;
    }
    .article-page .article-footer .next-prev-item a .next-prev-item-info {
        padding: 70px 30px;
    }
    .blog-hero-section {
        height: auto;
        margin-bottom: 50px;
    }
    .blog-hero-section section.featured-post {
        height: auto;
        margin: 200px 0 50px;
    }
    .blog-hero-section .featured-post-detail {
        padding: 60px 30px;
    }
    .blog-hero-section .featured-post-detail .featured-post-title {
        font-size: 20px;
    }
    .our-work-piece-block {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block p h2,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block p h3,
    .our-work-piece-block .main-blog-area .blog-sidebar .sidebar-cta p h2,
    .our-work-piece-block .main-blog-area .blog-sidebar .sidebar-cta p h3,
    .our-work-piece-block .rte h2,
    .our-work-piece-block .rte h3 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .our-work-piece-block--hero {
        margin-bottom: 200px;
        margin-top: 0;
    }
    .our-work-piece-block--hero .bg-area {
        padding-bottom: 140%;
    }
    .our-work-piece-block--hero .bg-area .inner img {
        max-width: 200px;
        max-height: none;
    }
    .our-work-piece-block--hero .services-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .our-work-piece-block--hero .services-area .bg-list-area {
        padding: 30px 25px;
        margin-bottom: 30px;
    }
    .our-work-piece-block--hero .services-area .bg-list-area .inner ul a {
        font-size: 14px;
    }
}
.our-work-piece-block--hero .services-area .bg-list-area .inner ul a:before {
    background-color: currentColor;
    content: "";
    height: 1px;
    width: 0;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    position: absolute;
    bottom: -2.5px;
    left: 0;
}
.our-work-piece-block--hero .services-area .bg-list-area .inner ul a:hover:before {
    width: 100%;
}
.our-work-piece-block--hero .services-area .bg-list-area .inner .arrow-link {
    color: inherit;
    margin-top: 20px;
    font-size: 16px;
    text-transform: none;
}
.our-work-piece-block--image-text-bg {
    position: relative;
    width: 100%;
    margin-top: 150px;
}
.our-work-piece-block--image-text-bg .content-area {
    width: 70%;
    padding: 80px 150px;
    line-height: 2;
}
@media (max-width: 1368px) {
    .our-work-piece-block--image-text-bg .content-area {
        width: 45%;
    }
}
@media (max-width: 768px) {
    .our-work-piece-block--image-text-bg {
        margin-top: 30px;
    }
    .our-work-piece-block--image-text-bg .content-area {
        width: 100%;
        padding: 200px 40px 50px;
    }
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--image-text-bg .content-area p,
.our-work-piece-block--image-text-bg .content-area .main-blog-area .blog-sidebar .sidebar-cta p,
.our-work-piece-block--image-text-bg .content-area .rte {
    max-width: 530px;
}
.our-work-piece-block--image-text-bg .bg-area-container {
    width: 40%;
    padding: 0;
    margin-left: -10%;
    margin-top: -100px;
    position: relative;
    z-index: 1;
}
@media (max-width: 1368px) {
    .our-work-piece-block--image-text-bg .bg-area-container {
        width: 55%;
    }
}
.our-work-piece-block--image-text-bg .bg-area-container img {
    width: 100%;
    max-width: 100%;
}
.our-work-piece-block--richtext {
    position: relative;
    width: 100%;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p,
.our-work-piece-block--richtext .rte {
    line-height: 2;
    max-width: 980px;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p:not(.flex),
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p:not(.flex),
.our-work-piece-block--richtext .rte:not(.flex) {
    display: inline-block;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p img,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p img,
.our-work-piece-block--richtext .rte img {
    max-width: 220px;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p .h1,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p .h2,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p .h3,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p .h4,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p .h5,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p .h6,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p h1,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p h2,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p h3,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p h4,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p h5,
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p h6,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p .h1,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p .h2,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p .h3,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p .h4,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p .h5,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p .h6,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p h1,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p h2,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p h3,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p h4,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p h5,
.our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p h6,
.our-work-piece-block--richtext .rte .h1,
.our-work-piece-block--richtext .rte .h2,
.our-work-piece-block--richtext .rte .h3,
.our-work-piece-block--richtext .rte .h4,
.our-work-piece-block--richtext .rte .h5,
.our-work-piece-block--richtext .rte .h6,
.our-work-piece-block--richtext .rte h1,
.our-work-piece-block--richtext .rte h2,
.our-work-piece-block--richtext .rte h3,
.our-work-piece-block--richtext .rte h4,
.our-work-piece-block--richtext .rte h5,
.our-work-piece-block--richtext .rte h6 {
    font-weight: 400;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext.restrict-width-true p,
.our-work-piece-block--richtext.restrict-width-true .main-blog-area .blog-sidebar .sidebar-cta p,
.our-work-piece-block--richtext.restrict-width-true .rte {
    max-width: 650px;
}
.our-work-piece-block--image-grid {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 0;
}
.our-work-piece-block--image-grid .bg-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
.our-work-piece-block--image-grid .bg-image.restrict-width {
    width: 90%;
}
.our-work-piece-block--image-grid h2 {
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 40px;
}
@media (max-width: 768px) {
    .our-work-piece-block--image-text-bg .bg-area-container {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        margin: 0 0 -200px;
    }
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p,
    .our-work-piece-block--richtext .rte {
        display: inline-block;
    }
    .our-work-piece-block--image-grid .bg-image.restrict-width {
        width: 100%;
    }
    .our-work-piece-block--image-grid h2 {
        margin-top: 20px;
    }
}
.our-work-piece-block--image-grid ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 60px;
}
.our-work-piece-block--image-grid ul li {
    min-width: 23%;
    padding: 0 10px;
}
.our-work-piece-block--image-grid ul li img {
    max-width: 100%;
}
.our-work-piece-block--image-grid-2 {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    max-width: none;
}
.our-work-piece-block--image-grid-2 ul li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 60px 0;
}
.our-work-piece-block--image-grid-2 ul li img {
    max-width: 100%;
    width: 100%;
}
.our-work-piece-block--image {
    position: relative;
    width: 100%;
    max-width: none;
}
.our-work-piece-block--image img {
    max-width: none;
    width: 100%;
    height: auto;
}
.our-work-piece-block--image img.restrict-width-small {
    max-width: 800px;
}
.our-work-piece-block--image img.restrict-width-medium {
    max-width: 1000px;
}
.our-work-piece-block--image img.restrict-width-large {
    max-width: 1200px;
}
.our-work-piece-block--image-text-bg-alternate .bg-area-container img,
.our-work-piece-block--long-image-with-text .right-area img {
    max-width: 100%;
}
.our-work-piece-block--image-text-bg-alternate {
    position: relative;
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
}
.our-work-piece-block--image-text-bg-alternate .bg-area {
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
}
.our-work-piece-block--image-text-bg-alternate .bg-area.restrict-width {
    width: calc(100vw - 50px);
    right: calc((-100vw + 1600px) / 2);
}
.our-work-piece-block--image-text-bg-alternate .content-area {
    max-width: 700px;
    width: 100%;
    padding: 60px 120px;
    line-height: 2;
    background: 0 0;
}
@media (max-width: 1024px) {
    .staff-profile-page .staff-profile-page__header .staff-profile-page__header__meta .staff-profile-page__header__social ul li {
        margin: 5px;
    }
    .staff-profile-page .staff-profile-page__inner .staff-profile-page__content {
        padding-left: 20px;
    }
    .our-work-piece-block--image-text-bg-alternate {
        margin-top: 40px;
    }
    .our-work-piece-block--image-text-bg-alternate .bg-area {
        width: 100%;
    }
    .our-work-piece-block--image-text-bg-alternate .content-area {
        width: 100%;
        max-width: none;
    }
}
@media (max-width: 768px) {
    .our-work-piece-block--image-grid ul {
        padding: 0 30px;
    }
    .our-work-piece-block--image-grid-2 ul li {
        width: 100%;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-bottom: 40px;
    }
    .our-work-piece-block--image-grid-2 ul li:last-child {
        margin-bottom: 0;
    }
    .our-work-piece-block--image-text-bg-alternate .bg-area.restrict-width {
        right: 0;
        width: 100vw;
    }
    .our-work-piece-block--image-text-bg-alternate .content-area {
        padding: 50px 40px;
    }
}
.our-work-piece-block--image-text-bg-alternate .content-area + .bg-area-container {
    width: calc(100% - 700px);
    padding-right: 20px;
}
.our-work-piece-block--image-text-bg-alternate .bg-area-container {
    width: 65%;
    margin: -70px 0 -100px;
    text-align: center;
    padding-right: 50px;
    padding-left: 50px;
}
@media (max-width: 1024px) {
    .our-work-piece-block--image-text-bg-alternate .bg-area-container {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        padding: 0;
        margin: -50px 0;
    }
}
.our-work-piece-block--image-text-bg-alternate-2 {
    position: relative;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.our-work-piece-block--image-text-bg-alternate-2.restrict-width {
    padding: 0 60px;
}
.our-work-piece-block--image-text-bg-alternate-2.box-shadow-true .content-area {
    -webkit-box-shadow: -15px -15px 59px rgba(0, 0, 0, 0.14);
    box-shadow: -15px -15px 59px rgba(0, 0, 0, 0.14);
}
.our-work-piece-block--image-text-bg-alternate-2 .content-area {
    width: 70%;
    padding: 100px 50px 100px 120px;
    background-color: #f4f4fa;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (max-width: 1368px) {
    .our-work-piece-block--image-text-bg-alternate-2 .content-area {
        padding: 60px;
    }
}
@media (max-width: 1024px) {
    .our-work-piece-block--image-text-bg-alternate-2 .content-area {
        width: 100%;
        max-width: none;
    }
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--image-text-bg-alternate-2 .content-area p,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .main-blog-area .blog-sidebar .sidebar-cta p,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .rte {
    max-width: 55%;
    line-height: 2;
}
@media (max-width: 768px) {
    .our-work-piece-block--image-text-bg-alternate .content-area + .bg-area-container {
        width: calc(100% - 30px);
        padding-right: 0;
        margin-bottom: 0;
    }
    .our-work-piece-block--image-text-bg-alternate-2 {
        padding: 0;
    }
    .our-work-piece-block--image-text-bg-alternate-2 .content-area {
        padding: 200px 40px 50px;
        width: 100%;
    }
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--image-text-bg-alternate-2 .content-area p,
    .our-work-piece-block--image-text-bg-alternate-2 .content-area .main-blog-area .blog-sidebar .sidebar-cta p,
    .our-work-piece-block--image-text-bg-alternate-2 .content-area .rte {
        max-width: 100%;
    }
}
.contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p .our-work-piece-block--image-text-bg-alternate-2 .content-area a,
.contact-form .steps-wrapper > header .rte .our-work-piece-block--image-text-bg-alternate-2 .content-area a,
.contact-form .steps-wrapper > header h1 .our-work-piece-block--image-text-bg-alternate-2 .content-area a,
.main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p .our-work-piece-block--image-text-bg-alternate-2 .content-area a,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .contact-form .steps-wrapper > header .main-blog-area .blog-sidebar .sidebar-cta p a,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .contact-form .steps-wrapper > header .rte a,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .contact-form .steps-wrapper > header h1 a,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .highlight-link,
.our-work-piece-block--image-text-bg-alternate-2 .content-area .main-blog-area .blog-sidebar .sidebar-cta .contact-form .steps-wrapper > header p a {
    margin-top: 20px;
}
.our-work-piece-block--image-text-bg-alternate-2 .bg-area {
    width: 60%;
    margin: -50px 0 -100px -30%;
    position: relative;
    z-index: 1;
}
.our-work-piece-block--image-text-bg-alternate-2 .bg-area img {
    width: 100%;
}
.our-work-piece-block--image-text-bg-alternate-2.restrict-main-image .content-area {
    width: calc(100% - 225px);
}
@media (max-width: 768px) {
    .our-work-piece-block--image-text-bg-alternate-2 .bg-area {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        margin: 0 0 -200px;
    }
    .our-work-piece-block--image-text-bg-alternate-2.restrict-main-image .content-area {
        width: 100%;
    }
}
.our-work-piece-block--image-text-bg-alternate-2.restrict-main-image .bg-area {
    width: 450px;
    margin-left: -225px;
}
.our-work-piece-block--previous-next {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.our-work-piece-block--previous-next ul li.prev img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media (max-width: 768px) {
    .our-work-piece-block--image-text-bg-alternate-2.restrict-main-image .bg-area {
        width: 100%;
        margin-left: 0;
    }
    .our-work-piece-block--previous-next {
        padding: 0;
    }
    .our-work-piece-block--previous-next ul li.prev a {
        padding-left: 20px;
    }
}
.our-work-piece-block--previous-next ul li.prev a:hover img {
    -webkit-transform: rotate(180deg) translateX(5px);
    transform: rotate(180deg) translateX(5px);
}
.our-work-piece-block--previous-next ul li.next a {
    padding: 75px;
    -webkit-box-shadow: 8px 10px 35px rgba(0, 0, 0, 0.39);
    box-shadow: 8px 10px 35px rgba(0, 0, 0, 0.39);
}
.our-work-piece-block--previous-next ul li.next a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(200deg, rgba(66, 29, 175, 0) 0, rgba(36, 21, 82, 0.5) 50%, rgba(36, 21, 82, 0.9) 100%);
}
.our-work-piece-block--previous-next ul li.next a:hover img {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
.our-work-piece-block--previous-next ul li.next * {
    color: #fff;
}
.our-work-piece-block--previous-next ul li a {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.our-work-piece-block--previous-next ul li a img {
    width: 8px;
    margin-bottom: 13px;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.35s;
    transition: 0.35s;
}
.our-work-piece-block--previous-next ul li a > div {
    text-transform: none;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
.our-work-piece-block--previous-next ul li a > div h3 {
    margin-bottom: 5px;
    font-size: 26px;
    font-weight: 700;
}
.our-work-piece-block--long-image-with-text {
    width: 100%;
}
.our-work-piece-block--long-image-with-text .left-area {
    width: calc(100% - 400px);
}
@media (max-width: 768px) {
    .our-work-piece-block--previous-next ul li.next a {
        padding: 30px 20px;
    }
    .our-work-piece-block--previous-next ul li a > div {
        padding: 0 10px;
    }
    .our-work-piece-block--previous-next ul li a > div h3 {
        font-size: 16px;
    }
    .our-work-piece-block--long-image-with-text .left-area {
        width: 100%;
        padding: 0 30px;
    }
}
.our-work-piece-block--long-image-with-text .left-area img {
    width: 100%;
}
.our-work-piece-block--long-image-with-text .right-area {
    width: calc(400px + 200px);
    margin-left: -200px;
    background: #fff;
    -webkit-box-shadow: -15px -15px 59px rgba(0, 0, 0, 0.14);
    box-shadow: -15px -15px 59px rgba(0, 0, 0, 0.14);
    padding: 100px;
}
@media (max-width: 768px) {
    .our-work-piece-block--long-image-with-text .right-area {
        width: 100%;
        margin-left: 0;
        padding: 30px;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
.our-work-piece-block--image-and-text {
    position: relative;
    z-index: 1;
    width: 100%;
}
.our-work-piece-block--image-and-text .content-area {
    width: 55%;
    padding: 0 100px;
}
@media (max-width: 768px) {
    .our-work-piece-block--image-and-text .content-area {
        width: 100%;
        padding: 0 30px;
    }
}
.our-work-piece-block--image-and-text .content-area.align-end {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.our-work-piece-block--image-and-text .content-area.align-middle {
    -ms-flex-item-align: center;
    align-self: center;
}
.our-work-piece-block--image-and-text .content-area.align-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.our-work-piece-block--image-and-text .content-area .arrow-link {
    margin-top: 30px;
}
.our-work-piece-block--image-and-text .image-area {
    width: 45%;
}
@media (max-width: 768px) {
    .our-work-piece-block--image-and-text .image-area {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 30px;
        text-align: center;
    }
}
.our-work-piece-block--image-and-text .image-area.image_side_left {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}
.our-work-piece-block--image-and-text .image-area img {
    width: 100%;
}
.our-work-piece-block--image-and-text.variant-smaller {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
.our-work-piece-block--image-and-text.variant-smaller.size-smaller {
    max-width: 1000px;
}
.our-work-piece-block--image-and-text.variant-smaller .content-area {
    width: calc(100% - 450px);
    padding: 0 20px;
    max-width: 800px;
}

.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area {
    width: 450px;
    padding: 80px 80px 80px 40px;
}

.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.light,
.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.light h1,
.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.light h2,
.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.light h3,
.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.light h4,
.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.light h5 {
    color: #fff;
}
.our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.content-area--image_side_right {
    padding: 80px 40px 80px 80px;
}
@media (max-width: 768px) {
    .our-work-piece-block--image-and-text.variant-smaller .content-area {
        width: 100%;
    }

    .our-work-piece-block--image-and-text.variant-smaller.large-image-area .content-area.content-area--image_side_right {
        padding: 80px 40px;
    }
}
.our-work-piece-block--image-and-text.variant-smaller .image-area {
    width: 450px;
}
.our-work-piece-block--image-and-text.variant-smaller.large-image-area .image-area {
    width: calc(100% - 450px);
    height: 100%;
    position: relative;
}
@media (max-width: 768px) {
    .our-work-piece-block--image-and-text.variant-smaller.large-image-area .image-area {
        width: 100%;
        margin-bottom: 0;
    }
}
@media (min-width: 769px) {
    .our-work-piece-block--image-and-text.variant-smaller.large-image-area {
        margin-top: 40px;
        max-width: 1093px;
    }
    .our-work-piece-block--image-and-text.variant-smaller.large-image-area h3 {
        font-size: 30px;
    }
    .our-work-piece-block--image-and-text.variant-smaller.large-image-area .image-area img {
        position: absolute;
        width: 125%;
        right: 0;
        height: auto;
        transform: translateY(-10%);
    }
    .our-work-piece-block--image-and-text.variant-smaller.large-image-area .image-area.image_side_right img {
        left: 0;
        right: auto;
    }
    .main-blog-area .blog-sidebar,
    .main-blog-area .main-area {
        padding-top: 80px;
    }
    .our-work-piece-block.overlap-small {
        margin-top: -100px;
        margin-bottom: 100px;
    }
    .our-work-piece-block.overlap-medium {
        margin-top: -150px;
        margin-bottom: -150px;
    }
    .our-work-piece-block.overlap-large {
        margin-top: -200px;
        margin-bottom: -200px;
    }
    .our-work-piece-block.overlap-huge {
        margin-top: -350px;
        margin-bottom: -300px;
    }
    .our-work-piece-block.overlap-top-small {
        margin-top: -100px;
    }
    .our-work-piece-block.overlap-top-medium {
        margin-top: -150px;
    }
    .our-work-piece-block.overlap-top-large {
        margin-top: -250px;
    }
    .our-work-piece-block.overlap-top-huge {
        margin-top: -500px;
    }
    .our-work-piece-block.overlap-bottom-small {
        margin-bottom: 100px;
    }
    .our-work-piece-block.overlap-bottom-medium {
        margin-bottom: -150px;
    }
    .our-work-piece-block.overlap-bottom-large {
        margin-bottom: -250px;
    }
    .our-work-piece-block.overlap-bottom-huge {
        margin-bottom: -500px;
    }
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex .h1,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex .h2,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex .h3,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex .h4,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex .h5,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex .h6,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex h1,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex h2,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex h3,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex h4,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex h5,
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex h6,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex .h1,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex .h2,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex .h3,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex .h4,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex .h5,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex .h6,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex h1,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex h2,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex h3,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex h4,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex h5,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex h6,
    .our-work-piece-block--richtext .rte.flex .h1,
    .our-work-piece-block--richtext .rte.flex .h2,
    .our-work-piece-block--richtext .rte.flex .h3,
    .our-work-piece-block--richtext .rte.flex .h4,
    .our-work-piece-block--richtext .rte.flex .h5,
    .our-work-piece-block--richtext .rte.flex .h6,
    .our-work-piece-block--richtext .rte.flex h1,
    .our-work-piece-block--richtext .rte.flex h2,
    .our-work-piece-block--richtext .rte.flex h3,
    .our-work-piece-block--richtext .rte.flex h4,
    .our-work-piece-block--richtext .rte.flex h5,
    .our-work-piece-block--richtext .rte.flex h6 {
        width: 100%;
    }
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--richtext p.flex p,
    .our-work-piece-block--richtext .main-blog-area .blog-sidebar .sidebar-cta p.flex p,
    .our-work-piece-block--richtext .rte.flex p {
        width: 50%;
    }
    .our-work-piece-block--hero + .our-work-piece-block--image-and-text .content-area {
        padding-top: 120px;
    }
}
.our-work-piece-block--desktop-mobile-feature {
    padding: 0;
    width: 100%;
}
.our-work-piece-block--desktop-mobile-feature .bg-image {
    position: absolute;
    top: 500px;
    left: 0;
    width: 100vw;
    z-index: -1;
    left: calc((-100vw + 1600px) / 2);
}
.our-work-piece-block--desktop-mobile-feature .wrapper {
    padding: 0;
}
.our-work-piece-block--desktop-mobile-feature .left-area {
    padding: 0 50px;
    width: 60%;
}
@media (max-width: 768px) {
    .our-work-piece-block--image-and-text.variant-smaller .image-area {
        width: 100%;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin-bottom: 30px;
    }
    .our-work-piece-block--desktop-mobile-feature .bg-image {
        top: 150px;
    }
    .our-work-piece-block--desktop-mobile-feature .left-area {
        width: 100%;
        padding: 0 30px;
    }
}
.our-work-piece-block--desktop-mobile-feature .left-area img {
    width: 100%;
}
.our-work-piece-block--desktop-mobile-feature .right-area {
    width: 40%;
}
.our-work-piece-block--desktop-mobile-feature .right-area .top-area {
    margin-top: 200px;
}
.our-work-piece-block--desktop-mobile-feature .right-area .top-area h2 {
    font-weight: 500;
    margin-bottom: 80px;
    margin-top: 40px;
}
@media (max-width: 768px) {
    .our-work-piece-block--desktop-mobile-feature .right-area {
        width: 100%;
        padding: 0 30px;
        position: relative;
    }
    .our-work-piece-block--desktop-mobile-feature .right-area .top-area {
        margin-top: 50px;
    }
    .our-work-piece-block--desktop-mobile-feature .right-area .top-area h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
.our-work-piece-block--desktop-mobile-feature .right-area .top-area ul li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 50%;
}
.our-work-piece-block--desktop-mobile-feature .right-area .top-area ul li img {
    width: 100%;
}
.our-work-piece-block--desktop-mobile-feature .right-area .bottom-area {
    margin-top: 400px;
    -webkit-box-shadow: -15px -15px 59px rgba(0, 0, 0, 0.14);
    box-shadow: -15px -15px 59px rgba(0, 0, 0, 0.14);
    padding: 100px;
    background: #fff;
}
.main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--desktop-mobile-feature .right-area .bottom-area p h2,
.our-work-piece-block--desktop-mobile-feature .right-area .bottom-area .main-blog-area .blog-sidebar .sidebar-cta p h2,
.our-work-piece-block--desktop-mobile-feature .right-area .bottom-area .rte h2 {
    font-size: 36px;
    margin-bottom: 50px;
}
@media (max-width: 768px) {
    .our-work-piece-block--desktop-mobile-feature .right-area .bottom-area {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        padding: 30px 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .main-blog-area .blog-sidebar .sidebar-cta .our-work-piece-block--desktop-mobile-feature .right-area .bottom-area p h2,
    .our-work-piece-block--desktop-mobile-feature .right-area .bottom-area .main-blog-area .blog-sidebar .sidebar-cta p h2,
    .our-work-piece-block--desktop-mobile-feature .right-area .bottom-area .rte h2 {
        font-size: 26px;
        margin-bottom: 30px;
    }
}
.staff-profile-page__content a {
    font-weight: 300;
    text-decoration: underline;
    text-transform: none;
    font-size: 18px;
}
.footer-bubble {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 16px;
    right: 16px;
    background-color: #3788d1;
    border-radius: 30px;
    z-index: 2147483647;
}

.footer-bubble.no-marketing {
    display: none;
}
.image-only-block img {
    width: 900px;
    max-width: 90%;
    margin: 100px;
    height: auto;
}
.image-only-block--with-shadow img {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
@media (max-width: 767px) {
    .image-only-block img {
        max-width: 85%;
        margin: 30px;
    }
}
/* SEO Audit page */
.seo-audit-page {
    position: relative;
    min-height: 800px;
    width: 100vw;
    overflow-x: hidden;
}
.seo-audit-page::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    height: 800px;
    background: var(--Gradient-2, linear-gradient(212deg, rgba(66, 29, 175, 0.00) 0%, rgba(36, 21, 82, 0.50) 50%, rgba(36, 21, 82, 0.75) 100%), #000);
    z-index: -1;
}

.seo-audit-page.results-ready section.icon-text-grid,
.seo-audit-page.results-ready section.logo-marquee,
.seo-audit-page.results-ready section.testimonial-grid,
.seo-audit-page.results-ready section.our-work-piece-block--image-and-text,
.seo-audit-page.results-ready div.image-and-text,
.seo-audit-page.results-ready section.seo-audit-form--container {
    display:none !important;
} 

@media (max-width: 767px) {
    .seo-audit-page {
        min-height: 670px;
    }
    .seo-audit-page::before {
        height: 740px;
        top: 64px;
    }

    .seo-audit-page.step--2::before {
        height: 750px;
    }

    .seo-audit-page.step--4::before,
    .seo-audit-page.step--5::before {
        height: 550px;
    }
}

/* SEO Audit form */
.seo-audit-form {
    padding: 60px 80px;
    margin-top: 20px;
    max-width: 1270px;
    gap: 20px;
}

.seo-audit-form--container {
    margin-bottom: 100px;
    max-width: 980px;
}

@media (max-width: 767px) {
    .seo-audit-form {
        padding:40px 30px;
    }

    .seo-audit-form--container {
        margin-bottom: 50px;
    }
}

.seo-audit-form.light .rte,
.seo-audit-form.light .rte h1,
.seo-audit-form.light .rte h2,
.seo-audit-form.light .rte h3,
.seo-audit-form.light .rte h4,
.seo-audit-form.light .rte .h1,
.seo-audit-form.light .rte .h2,
.seo-audit-form.light .rte .h3,
.seo-audit-form.light .rte .h4   {
    color: #fff;
    font-weight: 300;
}

.seo-audit-form.light .rte h1 strong,
.seo-audit-form.light .rte h2 strong,
.seo-audit-form.light .rte h3 strong,
.seo-audit-form.light .rte h4 strong  {
    font-weight: 700;
}

.seo-audit-form__title-area {
    width: 100%;
    max-width: 820px;
    flex: 0 0 100%;
}

.seo-audit-form__title-area.hidden {
    display: none;
}

.seo-audit-form__text-area {
    width: 100%;
    max-width: 610px;
    padding: 0 30px;
    flex: 0 0 100%;
    margin-bottom: 20px;
}

.seo-audit-form__form {
    width: 100%;
    margin-top: 12px;
    gap: 12px;
}

.seo-audit-form__error-message {
    display: none;
    color: #fff;
    font-size: 12px;
    align-items: center;
    flex: 0 0 100%;
    gap: 6px;
}

.seo-audit-form__error-message.active {
    display: flex;
}

.seo-audit-form__step--1,
.seo-audit-form__step--3,
.seo-audit-form__step--4,
.seo-audit-form__step--5 {
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

@media (min-width: 767px) { 
    .seo-audit-form__step--1,
    .seo-audit-form__step--3,
    .seo-audit-form__step--4,
    .seo-audit-form__step--5 {
        padding: 0 30px;
    }
}

.seo-audit-form__step {
    display: none;
}

.seo-audit-form__step.active {
    display: flex;
    
}

.seo-audit-form__step--1 {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.seo-audit-form__step--1 input.invalid {
    border-color: red;
}

.seo-audit-form__step--2 {
    gap: 100px;
    align-items: center;
}

@media (max-width: 767px) {
    .seo-audit-form__form {
        flex-direction: column;
    }

    .seo-audit-form__step--2 {
        flex-direction: column;
        gap: 30px;
    }

    .seo-audit-form__title-area {
        padding: 0;
    }
}

.seo-audit-form__form-input {
    flex: 1;
    padding: 12px;
    font-size: 14px;
    border-radius: 6px;
}

.seo-audit-form__screenshot {
    aspect-ratio: 1.8;
    object-fit: cover;
    object-position: top center;
}

.seo-audit-form__screenshot-container,
.seo-audit-form__screenshot-container img {
    width: 100%;
}

.seo-audit-form__screenshot-container {
    border-radius: 10px;
    max-width: 550px;
    position: relative;
}

.seo-audit-form__screenshot-container::before {
    content: '';
    background-color: #000;
    opacity: 0.4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
}

img.seo-audit-form__screenshot-animation {
    position: absolute;
    width: calc(100% + 40px);
    left: -20px;
    top: 100%;
    animation: scanning 3s linear infinite;
    animation-direction: alternate;
    z-index: 3;
}


@keyframes scanning {
    0%   {top: 0}
    100% {top: 100%}
}

.seo-audit-form__step2-content {
    gap: 12px;
}

.seo-audit-form__text a {
    color: #fff;
}

.seo-audit-form__text.small {
    font-size: 10px;
    line-height: 2;
}

.seo-audit-form__text.intro {
    font-size: 20px;
}


.seo-audit-form__step--3,
.seo-audit-form__step--4,
.seo-audit-form__step--5 {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 430px;
    margin: 0 auto;
    padding: 0;
    gap: 20px;
}

.seo-audit-form__step--5 {
    max-width: 550px;
}

.seo-audit-form__step--3 h3,
.seo-audit-form__step--4 h3,
.seo-audit-form__step--5 h3 {
    margin: 0;
}

.seo-audit-form__colmn-inputs {
    gap: 12px;
}
/* Logo marquee */
.logo-marquee {
    z-index: 2;
    max-width: 100vw;
    overflow-x: hidden;
}

section.logo-marquee--overlay,
.site-content.layout section.logo-marquee--overlay,
.site-content.new-layout section.logo-marquee--overlay {
    padding: 10px 0;
    margin-top: -80px;
    position: relative;
    z-index: 1;
}

.logo-marquee .slick-track {
    display:flex!important;
    align-items:center;
    justify-content:center;
    overflow:visible!important;
}

.logo-marquee .slick-list {
    padding:0!important;
    overflow:visible!important;
}

.logo-marquee .slick-slide{
    height:inherit;
    display:flex;
    align-items:center;
    justify-content:center;
}

.logo-marquee__heading {
    font-weight: 300;
    margin-bottom: 50px;
}

.logo-marquee__image {
    margin: 0 50px;
    max-height: 60px;
}

.logo-marquee__wrapper {
    display: flex;
}

@media (max-width: 767px) {
    .site-content.layout section.logo-marquee--overlay,
    .site-content.new-layout section.logo-marquee--overlay {
        margin-top: -60px;
    }
    
    .logo-marquee__image {
        margin: 0 30px;
        max-height: 40px;
    }

    .logo-marquee__heading {
        margin-bottom: 30px;
    }
}

/* Logo grid */
.logo-grid {
    margin-top:0px;
}

.logo-grid__heading {
    font-weight: 300;
    margin-bottom: 50px;
}

.logo-grid__image {
    max-height: 38px;
    width: auto;
}

.logo-grid__image--smaller {
    max-height: 26px;
}

.logo-grid__grid {
    gap: 70px;
}

.logo-grid__carousel-image {
    max-height: 30px;
    margin: 0 30px;
}

@media (max-width: 767px) {
    .logo-grid__image {
        max-height: 30px;
    }
    
    .logo-grid__image--smaller {
        max-height: 20px;
    }


    .logo-grid__grid {
        gap: 30px;
    }

    .logo-grid__heading {
        margin-bottom: 30px;
    }
}

/* Icon text grid */
.icon-text-grid {
    display: block;
    max-width: 1320px;
    padding: 0 30px;
    margin-bottom: 40px;
}

.icon-text-grid__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 767px) {
    .icon-text-grid__grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.icon-text-grid__grid-item {
    gap: 20px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 32px;
}

.icon-text-grid__grid-item__icon {
    width: 60px;
    height: 60px;
    object-fit: contain;
    object-position: center;
}

.icon-text-grid__grid-item__title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
}

.icon-text-grid__grid-item__text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
}

.icon-text-grid__heading {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .icon-text-grid__heading {
        margin-bottom: 30px;
    }
}


/* Icon text links */

.icon-text-links__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.icon-text-links__grid-item {
    gap: 20px;
    padding: 32px;
    border-radius: 6px;
    text-transform: none;
}

.icon-text-links__grid-item:hover {
    background-color: #E30B5C;
}

.site-content.dark .icon-text-links .icon-text-links__grid-item__icon svg,
.site-content.dark .icon-text-links .icon-text-links__grid-item__icon img {
    width: 50px;
    height: 50px;
    fill: #E30B5C;
}

.site-content.dark .icon-text-links .icon-text-links__grid-item:hover .icon-text-links__grid-item__icon svg,
.site-content.dark .icon-text-links .icon-text-links__grid-item:hover .icon-text-links__grid-item__icon img {
    fill: #ffffff;
}

.site-content.dark .icon-text-links .icon-text-links__grid-item__icon svg.outlined {
    stroke: #e30b5c;
    fill: transparent;
}

.icon-text-links__grid-item__title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
}

.icon-text-links__grid-item__text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.3;
}

.icon-text-links .highlight-link {
    text-transform: uppercase;   
    font-weight: 400;
}

.icon-text-links .icon-text-links__grid-item:hover .highlight-link::after {
    background-color: #fff;    
}

@media (max-width: 767px) {
    .icon-text-links__grid {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .icon-text-links__grid-item.slick-slide {
        padding: 24px;
        display: flex;
        background-color: #E30B5C;
        margin-right: 20px;
    }
    
    .site-content.dark .icon-text-links .icon-text-links__grid-item__icon svg,
    .site-content.dark .icon-text-links .icon-text-links__grid-item__icon img {
        fill: #ffffff;
    }
    
    .icon-text-links .icon-text-links__grid-item .highlight-link::after {
        background-color: #fff;    
    }
    
    .icon-text-links__grid-item__text {
        font-size: 14px;    
    }
    
    .icon-text-links .slick-dots {
        position: relative;
        transform: none;
        left: initial;
        bottom: initial;
        margin-top: 45px;
        justify-content: center;
    }
}

/* Stats block */
.stats-block {
    display: block;
    margin-bottom: 100px;
}
@media (max-width: 767px) {
    .stats-block {
        margin-bottom: 0px;
    }
}

.stats-block.light * {
    color: #fff;
}

.stats-block__container {
    max-width: 1110px;
    padding: 70px 30px;
}

.stats-block__heading {
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 650px;
}

.stats-block__heading * {
    font-weight: 300;
}

.stats-block__heading strong {
    font-weight: 700;
}

@media (max-width: 767px) {
    .stats-block__heading {
        margin-bottom: 30px;
    }

    .stats-block__container {
        padding: 40px 30px;
    }
}

.stats-block__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 82px;
}

@media (max-width: 767px) {
    .stats-block__grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 32px;
    }
}

.stats-block__item {
    gap: 24px;
}

.stats-block__item__figure {
    font-weight: 700;
    font-size: 36px;
}
.stats-block__item__text {
    font-weight: 300;
    line-height: 26px;
}

/* Testimonials grid */
.testimonial-grid {
    display: block;
    background-color: #F7F7F7;
    margin-top: 30px;
}

.testimonial-grid__container {
    max-width: 1320px;
    padding: 70px 30px;
}

.testimonial-grid__heading {
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 650px;
}

.testimonial-grid__testimonial {
    line-height: 1.5;
}

@media (max-width: 767px) {
    .testimonial-grid__heading {
        margin-bottom: 30px;
    }

    .testimonial-grid__container {
        padding: 40px 30px;
    }
}

.testimonial-grid__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 767px) {
    .testimonial-grid__grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

.testimonial-grid__item {
    gap: 20px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 32px;
}

.testimonial-grid__person {
    gap: 20px;
}
.testimonial-grid__person__details {
    gap: 5px;
}
.testimonial-grid__person__details__role {
    font-weight: 300;
}

.testimonial-grid__person__image {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    background-color: #f1f1f1;
}

/* Blog adverts */
.blog-advert {
    display: flex !important;
    flex-direction: column;
    text-transform: none;
    border: 1px solid #3F3F3F;
    text-decoration: none !important;
}

.blog-advert--with-background {
    background-color: black;
    background-position: center;
    border: none;
    background-size: cover;
}

.blog-advert__image {
    width: 100%;
    aspect-ratio: 1.72;
}

.blog-advert__content {
    padding: 32px;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.blog-advert__content--with-arrow {
    padding: 16px 56px 16px 16px;
    position: relative;
    gap: 5px;
}

.blog-advert__content--with-arrow::after {
    position: absolute;
    right: 16px;
    top: 0;
    height: 100%;
    width: 20px;
    content: '';
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 18'%3E%3Cpath stroke='%23000000' stroke-width='2' d='M.5 9h18m0 0L11 1.5M18.5 9 11 16.5'/%3E%3C/svg%3E") right 50% center no-repeat;
}

.blog-advert--with-background .blog-advert__content--with-arrow::after {
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 18'%3E%3Cpath stroke='%23F0F0F0' stroke-width='2' d='M.5 9h18m0 0L11 1.5M18.5 9 11 16.5'/%3E%3C/svg%3E") right 50% center no-repeat;
}

.blog-advert--with-background .blog-advert__content *:not(.btn) {
    color: #fff;
}

.blog-advert__logo {
    aspect-ratio: 3;
    object-fit: contain;
    width: 112px;
    object-position: left center;
}

.blog-advert__title {
    line-height: 36px;
    font-weight: 700;
    margin: 0 !important;
}

.blog-advert__text {
    margin: 0 !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.blog-advert__content--with-arrow .blog-advert__text  {
    font-size: 13px;
}

.blog-advert__content .btn-primary {
    background-color: #000;
}

.article-main .rte .article-inline-adverts .blog-advert {
    display: flex !important;
}
.article-main .rte .article-inline-adverts:nth-of-type(2) .blog-advert:first-child {
    display: flex !important;
}
/*
.article-main .rte .article-inline-adverts .blog-advert {
    display: none !important;
}

.article-main .rte .article-inline-adverts:nth-of-type(2) .blog-advert:first-child {
    display: flex !important;
}

.article-main .rte .article-inline-adverts:nth-of-type(3) .blog-advert:nth-child(2) {
    display: flex !important;
}

.article-main .rte .article-inline-adverts:nth-of-type(4) .blog-advert:nth-child(3) {
    display: flex !important;
}

.article-main .rte .article-inline-adverts:nth-of-type(5) .blog-advert:nth-child(4) {
    display: flex !important;
}
*/

@media (min-width: 768px) {
    .article-main .rte .article-inline-adverts {
        display: none !important;
    }
}

/*  Featured slider (ARTICLES/ WORK) */
.featured-slider {
    max-width: 100vw;
}

@media (max-width: 768px) {
    .featured-slider {
        margin-bottom: 25px;
    }
}

.featured-slider__content {
     text-align: center;
     margin-bottom: 45px;
}

.featured-slider__content * {
    line-height: 1.2;
}

.featured-slider .slick-list {
    margin-right: 0;
    padding-left: 30px;
}

.featured-slider .slick-dots {
    position: relative;
    transform: none;
    bottom: initial;
    left: 0;
    margin: 30px auto;
    justify-content: center;
}
    
.featured-slider .slick-slide {
    margin-right: 20px;    
}
.featured-slider--work .slick-slide {
    margin-right: 10px;    
}

.featured-slider__arrows {
    position: relative;
}


.featured-slider .article-grid-item .info-area,
.featured-slider .article-grid-item .info-area .rte{
    padding-bottom: 0;  
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .featured-slider .slick-slide,
    .featured-slider--work .slick-slide {
        margin-right: 34px;    
    }
    
    .featured-slider__content {
        text-align: left;
        max-width: 629px;
    }
    
    .featured-slider .slick-list {
        width: 100vw;
        padding-left: calc((100vw - 1600px) / 2);
    }
}

@media (max-width: 767px) {
    .featured-slider__arrows {
        display:none;
    }
}


/*  Featured work item */
.featured-work-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.featured-work-item .image-area{
    aspect-ratio: 0.7;    
    background-size: cover;
    background-position: center center;
}

.featured-work-item .info-area,
.featured-work-item .info-area a{
    text-transform: none;    
}

@media (min-width: 768px) {
    .featured-work-item .image-area{
        aspect-ratio: 1.24;    
    }
}

/* Title-text block */
.title-text-block {
    gap: 24px;
    max-width: 100%;
    margin-bottom: 45px;
}

.title-text-block__heading {
    margin-bottom: 0;    
    font-weight: 400;
}

.title-text-block .rte {
    max-width: 580px;
    margin: 0 auto;
}

/* Title tetx row */
.title-text-row__container {
    max-width: 1110px;
    margin: 0 auto;
    justify-content: space-between;
    gap: 20px;
    padding: 130px 0;
}
.title-text-row__title {
    margin: 0;
    font-size: 30px;
    line-height: 36px;
}

.title-text-row__content {
    max-width: 550px;   
    line-height: 2;
    gap: 20px;
}

.title-text-row--border .title-text-row__container {
    border-bottom: 1px solid currentColor;    
}

@media (max-width: 768px) {
    .title-text-row__container {
        flex-direction: column;    
        padding: 32px 0;
    }
    
    .title-text-row--border .title-text-row__container {
        border-bottom: 1px solid currentColor;  
        padding: 0 0 64px;
        margin-bottom: 32px;
    }
}
/* CTA Button */
.cta-button {
    margin-top: 45px;
}

.cta-button.wrapper {
    max-width: 100%;
}

.service-cards.wrapper.larger {
    max-width: 100%;
    display: flex;
    justify-content: center;
}

/* service-cards*/
.service-cards__grid {
     gap: 45px;  
     max-width: 1600px;
}

@media (max-width: 1200px) {
    .service-cards__grid {
         flex-direction: column; 
    }
}

.service-cards__item {
    border-radius: 6px;
    overflow: hidden;
    flex: 1;
}

.service-cards__header {
    min-height: 215px;
    background-color: #000;
    padding: 36px;
    gap: 10px;
}

.service-cards__header *{
    line-height: 1.6;    
}

.service-cards__header {
   background: rgba(227, 11, 92);
}

.service-cards__heading.h2 {
    margin: 0;
}

.service-cards__content {
    background-color: #fff;
    padding: 40px;
    flex: 1;
}
    
.service-cards__content,
.service-cards__content *,
.site-content.dark .service-cards__content * {
    color: #3F3F3F ;
}

.service-cards__content h3,
.site-content.dark .service-cards__content h3,
.service-cards__content h4,
.site-content.dark .service-cards__content h4 {
    color: #000;
}

.site-content.dark .service-cards__content a:not(.highlight-link) {
    font-weight: 400;
    color: #E30B5C;
    text-decoration: underline;
}

.service-cards__content h3, 
.service-cards__conten h4, 
.service-cards__conten .h3, 
.service-cards__conten .h4 {
    font-size: 20px;
    position: relative;
    margin-bottom: 4px !important;
}

@media (max-width: 767px) {
    .service-cards__content h3, 
    .service-cards__conten h4, 
    .service-cards__conten .h3, 
    .service-cards__conten .h4 {
        font-size: 16px;
    }
}

.service-cards__content p:last-of-type {
    margin: 0;    
}

.service-cards__content .highlight-link {
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 50px;
    line-height: 1;
    flex: 1;
}

/* Fancy accordion */
.fancy-accordion__image {
    aspect-ratio: 1;    
    background-size: cover;
    background-position: center;
}

.fancy-accordion__inner {
    padding: 30px;
    background: linear-gradient(151.56deg, #FF0E69 20.63%, #FF6726 125.78%);
    height: 100%;
    gap: 24px;
}

.fancy-accordion__inner--2 {
    background: linear-gradient(151.7deg, #FFBF1A -9.84%, #E33F0B 99.95%);
}

.fancy-accordion__inner--3 {
    background: linear-gradient(162.58deg, #360BE3 6.35%, #1E067D 95.72%);
}

.fancy-accordion__inner--4 {
    background: linear-gradient(190.9deg, #D737FF -10.32%, #EB6300 96.84%);
}

.fancy-accordion__content {
    gap: 20px;
}
.fancy-accordion__title {
    margin: 0;
}

.fancy-accordion__text {
    line-height: 1.6;
}

.fancy-accordion__link {
    font-weight: 400;    
}

.fancy-accordion__link.highlight-link::after {
    background: #fff;
}

.fancy-accordion__item:not(.active) {
    cursor: pointer;
}

@media (max-width: 767px) {
    .fancy-accordion__inner {
        flex-direction: column;
    }
}

@media (max-width: 1199px) {
    .fancy-accordion__grid {
        flex-direction: column;
    }
    
    .fancy-accordion__image {
        max-width: 290px;    
    }
    
    .fancy-accordion__item:not(.active) {
        height: 100px;
        overflow: hidden;
    }
    
    .fancy-accordion__tagline {
        font-size: 18px; 
        line-height: 28.8px;
    }
    
    .fancy-accordion__item:not(.active) .fancy-accordion__title,
    .fancy-accordion__item:not(.active) .fancy-accordion__text,
    .fancy-accordion__item:not(.active) .fancy-accordion__link,
    .fancy-accordion__item:not(.active) .fancy-accordion__image {
        display: none;
    }
    
    .fancy-accordion__item:not(.active) .fancy-accordion__inner {
        padding: 40px 30px;    
    }
}

@media (min-width: 1200px) {
    .fancy-accordion__item:not(.active) {
        width: 180px;
        overflow: hidden;
        position: relative;
    }
    
    .fancy-accordion__item:not(.active)::before {
        width: 70px;
        content: '';
        height: 100%;
        background: linear-gradient(90deg, rgba(0,0,0, 0.2) 0%, rgba(30, 6, 125, 0) 100%);
        top: 0;
        left: 0;
        position: absolute;
        z-index: 2;
    }
    
     .fancy-accordion__item.active {
        width: calc(100% - (3* 180px));
        transition: width 0.6s linear;
    }
    
    .fancy-accordion__item {
        
    }
    
    .fancy-accordion__content {
        width: 350px;
        position: relative;
    }
    .fancy-accordion__inner {
        padding: 40px;
        gap: 10px;
        align-items: flex-end;
        overflow: hidden;
    }
    
    .fancy-accordion__item:not(.active) .fancy-accordion__inner {
        position: absolute;
        width: 740px;
    }
    
    .fancy-accordion__item:not(.active) .fancy-accordion__title,
    .fancy-accordion__item:not(.active) .fancy-accordion__text {
        opacity: 0.5;
        pointer-events: none;
    }
    
    .fancy-accordion__item:not(.active) .fancy-accordion__link {
        opacity: 0.2;
    }
    
    .fancy-accordion__item:not(.active) .fancy-accordion__tagline {
        width: 120px;
        line-break: anywhere;
    }
    .fancy-accordion__image {
        aspect-ratio: initial;  
        max-width: 300px;
        width: 100%;
        height: 100%;
    }
    
    .fancy-accordion__title,
    .fancy-accordion__text {
        width: 350px;
    }
}

@media (min-width: 1400px) {
    .fancy-accordion__item.active {
        width: calc(1280px - (3* 180px));
        transition: width 0.6s linear;
    }
}


/* Resource cards */

.resource-cards__item {
    gap: 20px;
}

.resource-cards__inner {
    background-color: #fff;
    color: #000;
    padding: 30px 30px 90px;
    display: block;
    font-weight: normal;
    text-transform: none;
     border-radius: 6px;
     height: 100%;
}

.site-content.dark .resource-cards__inner * {
    color: #000;    
}


.resource-cards__inner:hover {
    background-color: #E30B5C;
}

.site-content.dark .resource-cards__inner:hover * {
    color: #fff;    
}

.resource-cards__tagline {
    margin-bottom: 20px;    
}

.resource-cards__link {
    margin-top: 20px;    
    font-weight: normal;
    gap: 10px;
    text-transform: uppercase;
}

.resource-cards__inner:hover .resource-cards__link::after {
    background: #fff;
}
.resource-cards__text {
    font-size: 14px;
    line-height: 22.4px;
}

.resource-cards__grid .slick-dots {
    position: relative;
    transform: none;
    left: 0;
    bottom: 0;
    justify-content: center;
    margin-top: 45px;    
}
@media (min-width: 768px) {
    .resource-cards__grid {
        display: grid;
        gap: 20px;
    }
    
    .resource-cards__inner {
        padding: 30px;
    }
}
@media (min-width: 1200px) {
     .resource-cards__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .resource-cards__grid--has-5 {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .resource-cards__grid--has-5 li {
        grid-column: span 3;
    }
    
    .resource-cards__grid--has-5 li:nth-child(n+3) {
        grid-column: span 2;
    }
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}