:root {
    --original-color: #323341;
    --dark-slate-blue: #0c389f;
    --light-background: #eef1fa;
    --royal-blue-2: #064dfa4d;
    --white: white;
    --hover-blue-color: #053eca;
    --light-steel-blue: #a0bcff54;
    --font-color: #1b243a;
    --body-color: #323a46;
    --royal-blue: #064dfa80;
    --slate-grey: #5c6a8a;
    --new-font-color:#ee0c4f;
    --ghost-white: #efeef5;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}
.w-layout-grid1 {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

.w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

body {
    color: #323a46;
    font-family: Barlow, sans-serif;
    font-size: 1vw;
    line-height: 1.2em;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5em;
    font-weight: 600;
    line-height: 1.1em;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4em;
    font-weight: 500;
    line-height: 1.1em;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.1em;
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.1em;
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em;
    font-weight: 500;
    line-height: 1.1em;
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.1em;
}

p {
    margin-bottom: 0;
    font-size: 1.2em;
    line-height: 1.2em;
}

a {
    color: var(--original-color);
    text-decoration: none;
}

ul, ol {
    margin-top: 2em;
    margin-bottom: 2em;
    padding-left: 0em;
}

li {
    margin-bottom: .7em;
    font-size: 1.3em;
    line-height: 1.2em;
}

strong {
    font-weight: 800 !important;
}

blockquote {
    border-left: 5px solid var(--original-color);
    color: var(--dark-slate-blue);
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding: 1em 1em 1em 1.5em;
    font-size: 1.3em;
    line-height: 1.5em;
}

.page-wrapper {
    /* display: block;
    overflow: visible; */
}

.section {
    z-index: 10;
    border: .2px solid #000;
    border-radius: .1px;
    position: relative;
    overflow: hidden;
}
.section1 {
    z-index: 10;
    
    border-radius: .1px;
    position: relative;
    overflow: hidden;
}

.section.page-hero-sec {
    z-index: 0;
    display: block;
    overflow: visible;
}

.section.is-form-section {
    background-color: var(--light-background);
    border-top: 1px solid #064dfa40;
    border-bottom: 1px solid #064dfa40;
}

.section.cta-content-1 {
    z-index: 15;
    margin-top: 8em;
    margin-bottom: 8em;
    overflow: visible;
}

.section.blue-ligh-bg {
    background-color: var(--light-background);
}

.section.overflow-visible {
    overflow: visible;
}

.section.bg-blue {
    background-color: #eef1fa;
    border-top: 1px solid #064dfa1a;
    border-bottom: 1px solid #064dfa1a;
}

.section.contact-sec {
    border-top: 1px solid var(--royal-blue-2);
    border-bottom: 1px solid var(--royal-blue-2);
    overflow: visible;
}

.section.is-form-sec {
    overflow: visible;
}

.section.contact-sec-2 {
    z-index: 7;
    background-color: var(--light-background);
    border-top: 1px solid #064dfa40;
    border-bottom: 1px solid #064dfa40;
    margin-top: -8em;
}

.section.map-sec {
    background-color: #f1f5ff;
}

.section.is-newsletter {
    background-color: #1934721a;
    background-image: url('../images/background.jpg');
    background-position: 0 0;
    background-size: auto;
}
.section.is-newsletter1 {
    background-color: #1934721a;
    background-image: url('../images/background-1.png');
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.section.with-bottom-border {
    border-bottom: 1px solid var(--royal-blue-2);
}

.section.is-404-sec {
    z-index: 20;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    display: flex;
    overflow: visible;
}

.section.sticky-sec {
    z-index: 20;
    overflow: visible;
}

.container {
    z-index: 10;
    border: 0px solid var(--original-color);
    -webkit-text-fill-color: inherit;
    background-clip: content-box;
    border-radius: 3px;
    width: 100%;
    max-width: 1600px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8em;
    padding-right: 8em;
    display: block;
    position: relative;
    bottom: auto;
}


.container.is-cta-container {
    padding-left: 10em;
}

.container.is-static {
    position: static;
}

.container.in-acc {
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    display: flex;
}

.padding-inner {
    padding: 0;
}

.heading {
    text-align: left;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.is-content-title-2 {
    margin-top: .7em;
    margin-bottom: 1.6em;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.is-hero-2-title-1 {
    color: var(--white);
    text-align: center;
    margin-top: .7em;
    font-size: 4.4em;
    font-weight: 400;
    line-height: 1.3em;
}

.heading.is-content-title-5 {
    color: #fff;
    text-align: center;
    margin-top: .7em;
    margin-bottom: .7em;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.is-form-title {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 2.5em;
    line-height: 1.3em;
}

.heading.is-brand-title {
    margin-top: .7em;
    margin-bottom: 2em;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.is-cta-title-1 {
    text-align: center;
    max-width: 11.3em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 2.8em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.is-newsletter-title {
    letter-spacing: -.03em;
    text-transform: none;
    max-width: 12.5em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2em;
}

.heading.is-content-grid-title-1 {
    z-index: 10;
    text-transform: none;
    margin-bottom: 2em;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.1em;
    position: relative;
}

.heading.is-hero-2-title {
    color: var(--white);
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 4.4em;
    font-weight: 400;
    line-height: 1.3em;
}

.heading.is-about-title-2 {
    margin-top: .7em;
    margin-bottom: .7em;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.is-contact-title-2 {
    max-width: 21em;
    margin-bottom: 1.4em;
    padding-left: 1.7em;
    font-size: 2.1em;
    font-weight: 600;
    line-height: 1.4em;
}

.heading.is-hero-7-title {
    color: var(--white);
    text-align: left;
    font-size: 4em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading.is-content-title-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5em;
    font-weight: 600;
    line-height: 1.1em;
}

.heading.is-form-title-2 {
    text-align: center;
    letter-spacing: -.04em;
    text-transform: none;
    margin-bottom: 1.2em;
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading.is-contact-title-3 {
    margin-bottom: 1.2em;
    font-size: 2.6em;
    font-weight: 600;
    line-height: 1.1em;
}

.heading.is-hero-page-title {
    color: var(--white);
    text-align: center;
    object-fit: fill;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading.is-hero-page-title.in-terms {
    margin-right: .6em;
    font-size: 5.5em;
}

.heading.is-hero-page-title.in-solution-1 {
    margin-right: 1em;
    font-size: 5.5em;
}

.heading.is-hero-page-title.in-services {
    margin-right: 1em;
    font-size: 5.2em;
    line-height: 1.1em;
}

.heading.is-hero-page-title.in-testimonials {
    margin-right: 1em;
    font-size: 5.5em;
    line-height: 1.1em;
}

.heading.is-hero-page-title.in-brands {
    margin-right: .6em;
    font-size: 5.5em;
}

.heading.is-hero-1-title {
    color: var(--white);
    text-align: left;
    font-size: 4em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading.is-about-cms-title {
    margin-bottom: 1em;
    font-size: 4.5em;
    font-weight: 600;
}

.heading.is-project-cms-title {
    border-left: .1em solid var(--original-color);
    color: var(--white);
    max-width: 11.5em;
    padding-left: .8em;
    font-size: 6em;
    font-weight: 500;
    line-height: 1.5em;
}

.heading.is-content-title-4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: .4em;
    font-size: 4em;
    font-weight: 600;
    line-height: 1.1em;
}

.heading.in-hero-vertical {
    color: var(--white);
    text-align: center;
    margin-top: .8em;
    margin-bottom: .8em;
    font-size: 5em;
    font-weight: 400;
    line-height: 1.2em;
}

.heading.is-service-title-3 {
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.5em;
    display: block;
}

.heading.is-project-title-3 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.in-sticky-sec {
    color: var(--white);
    text-align: left;
    margin-bottom: 1em;
    font-size: 3.2em;
    font-weight: 400;
    line-height: 1.5em;
}

.heading.is-social-title {
    color: var(--white);
    margin-top: .3em;
    margin-bottom: .3em;
    margin-right: .7em;
    font-size: 7em;
}

.heading.is-sample-title {
    margin-bottom: .2em;
}

.heading.is-service-title-4 {
    letter-spacing: -.02em;
    text-transform: none;
    margin-bottom: .9em;
    font-size: 4em;
    font-weight: 400;
    line-height: 1.3em;
}

.heading.is-content-title-7 {
    text-align: center;
    margin-bottom: 1em;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.is-content-title-1 {
    text-align: center;
    max-width: 11.3em;
    font-size: 2.8em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading.in-contact-2 {
    color: var(--white);
    text-align: center;
    max-width: 14em;
    margin: 1em auto;
    font-size: 4.4em;
    font-weight: 400;
    line-height: 1.3em;
}

.max-width-1 {
    flex-direction: column;
    align-items: flex-start;
    max-width: 68em;
    display: flex;
}

.content-grid-1 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.circle-background {
    z-index: 2;
    background-color: var(--hover-blue-color);
    border-radius: 15px;
    width: 100%;
    height: 100%;
    position: absolute;
}

.custom-list-1 {
    max-width: 40em;
}

.list-block {
    z-index: 10;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 4.5em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.list-block.is-last {
    padding-bottom: 1.5em;
}

.list-block.in-company {
    max-width: 25em;
    padding-bottom: 6em;
}

.circle-in-list {
    border-radius: 15px;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    margin-right: 2.5em;
    display: flex;
    position: relative;
}

.list-content {
    padding-top: .3em;
}

.custom-list-icon {
    z-index: 10;
    object-fit: contain;
    width: auto;
    height: auto;
    max-height: 336%;
    font-size: 1.4em;
    position: absolute;
    overflow: visible;
}

.list-line {
    border-right: 1px solid var(--original-color);
    border-left: 1px solid var(--original-color);
    opacity: .35;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 0 0;
    background-size: .5em;
    width: .6em;
    height: 100%;
    position: absolute;
    top: .1em;
    left: 1.2em;
}

.list-line.is-2nd {
    opacity: .3;
    background-image: url('../images/diagonal-lines-white.svg');
    border-left-color: #afc7ff;
    border-right-color: #afc7ff;
}

.list-title {
    color: var(--hover-blue-color);
    margin-bottom: .7em;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}

.list-title.is-white-color {
    color: var(--white);
}

.list-text {
    text-align: justify;
    max-width: 20em;
    font-size: 1.1em;
    line-height: 1.5em;
}

.global-styles {
    position: fixed;
    inset: 0% auto auto 0%;
}

.main-button {
    z-index: 10;
    box-sizing: border-box;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    /* border: 1px solid var(--light-steel-blue); */
    backface-visibility: visible;
    color: var(--white);
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    object-fit: fill;
    border-radius: 1px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
    /* padding: .8em; */
    font-weight: 500;
    transition: border .4s;
    display: inline-block;
    position: static;
    bottom: 5px;
    overflow: visible;
}
.main-button-copy {
    z-index: 10;
    box-sizing: border-box;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    /* border: 0px solid var(--light-steel-blue); */
    color: var(--white);
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
    object-fit: fill;
    border-radius: 4px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding: .8em;
    font-weight: 500;
    transition: none;
    display: flex;
    position: static;
    bottom: 5px;
    overflow: visible;
}

.main-button:hover {
    border-color: #a0bcffa8;
}

.main-button.in-dropdown {
    font-size: .85em;
}

.main-button.is-full-width {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.main-button.in-footer {
    border-color: #354777;
    width: 100%;
}

.main-button.is-contact-menu {
    min-width: 18em;
    margin-left: 1em;
    font-size: .8em;
}

.content-text-1 {
    margin-bottom: 1em;
    font-size: 1.4em;
    line-height: 1.7em;
}

.empty-state-hidden {
    display: none;
}

.absolute-block {
    z-index: 1;
    position: absolute;
    inset: 0%;
}

.hero-2-header {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-bottom: 4em;
    display: flex;
    position: relative;
}

.opacity-70 {
    opacity: .7;
}

.hero-bg-color {
    z-index: 15;
    mix-blend-mode: multiply;
    background-color: #0c0c24b3;
    position: absolute;
    inset: 0%;
}

.sticky-100vh-block {
    z-index: 2;
    height: 100vh;
    position: sticky;
    top: 0;
}

.nav-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    /* background-color: var(--original-color); */
    color: var(--white);
    letter-spacing: .3em;
    text-transform: uppercase;
    border-left: 1px solid #0000;
    border-right: 1px solid #0000;
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding: 0 2em;
    font-size: .7em;
    font-weight: 600;
    transition: border-color .3s, background-color .3s;
    display: flex;
}
.nav-link-active{
    background-color: var(--new-font-color);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    /* background-color: var(--original-color); */
    color: var(--white);
    letter-spacing: .3em;
    text-transform: uppercase;
    border-left: 1px solid #0000;
    border-right: 1px solid #0000;
    flex-flow: column;
    color: #ffffff !important;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding: 0 2em;
    font-size: .7em;
    font-weight: 600;
    transition: border-color .3s, background-color .3s;
    display: flex;
}

.menu-link-title-active {
    color: #ffffff !important;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2em;
}

.nav-link:hover {
    /* border-right-color: var(--light-steel-blue);
    border-left-color: var(--light-steel-blue);
    background-color: #a0bcff1a !important;*/
    color: #ee0c4f !important; 
}
.nav-link-active:hover {
    
    color: #FFFFFF !important;
}

.nav-link.is-dropdown {
    background-color: var(--original-color);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 4em;
    position: static;
}

.nav-link.is-dropdown:hover {
    border-left-color: var(--light-steel-blue);
}

.cover-image {
    z-index: 5;
    box-sizing: border-box;
    object-fit: contain;
    width: 100%;
    height: 100%;
    margin-top: 40px;
    padding-top: 0;
    position: relative;
    inset: 0%;
    overflow: clip;
}

.cover-image.is-map {
    mix-blend-mode: multiply;
}

.brand-divider {
    opacity: .25;
    background-color: #c6d7ff;
    flex: none;
    width: 1px;
    height: 2em;
    margin-left: 1.5em;
    margin-right: 1.7em;
}

.brand-slogan {
    opacity: .8;
    color: #c6d7ff;
    letter-spacing: .25em;
    font-size: .7em;
    font-weight: 600;
    display: none;
}

.logo-image {
    object-fit: contain;
     width: 11em;
     display: block;
    height: 12em;
    margin-right: .5em; 
    font-size: 1.7em;
}

.inquiry-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-left: .9em;
    font-size: 1.5em;
}

.hero-2-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}

.hero-2-content {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 63em;
    padding-top: 32vh;
    padding-bottom: 12em;
    display: flex;
}

.solutions-grid {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.solution-item {
    display: flex;
}

.solution-link-block {
    z-index: 10;
    background-color: var(--original-color);
    color: var(--white);
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    min-height: 14em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.solution-link-block.in-page {
    flex-direction: column;
    min-height: auto;
}

.solution-image {
    width: 16em;
    position: relative;
    overflow: hidden;
}

.solution-image.in-page {
    width: 86%;
    height: 20em;
    margin-left: auto;
    margin-right: auto;
}

.solutions {
    margin-bottom: 3em;
}

.hero-2-solutions {
    width: 100%;
    max-width: 90em;
    margin-left: auto;
    margin-right: auto;
}

.hero-bg-gradient {
    z-index: 7;
    background-image: linear-gradient(#0000 35%, #090f1fe6);
    position: absolute;
    inset: 0%;
}

.hero-socials-list {
    flex-direction: column;
    align-items: center;
    margin-left: 3.2em;
    display: flex;
}

.hero-socials-list.in-hero-2 {
    margin-left: 0;
}

.hero-absolute-block {
    z-index: 2;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.moving-icon {
    z-index: 5;
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    position: relative;
}

.moving-icon.is-larger {
    font-size: 2em;
}

.social-link-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6em;
    height: 6em;
    padding: 1em;
    display: flex;
    position: relative;
}

.hero-sticky-block {
    z-index: 5;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8em;
    height: 100vh;
    padding-top: 10em;
    padding-bottom: 10em;
    display: flex;
    position: sticky;
    top: 0;
}

.aside-button-line {
    background-color: var(--white);
    width: 1px;
    height: 4em;
}

.scroll-to-button {
    border: 1px solid var(--light-steel-blue);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 2.5em;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 4em;
    height: 10em;
    margin-top: 1em;
    transition: border-color .2s, background-color .2s, opacity .2s;
    display: flex;
}

.scroll-to-button:hover {
    opacity: 1;
    background-color: #a0bcff1a;
    border-color: #a0bcff99;
}

.icon-scroll-to {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    font-size: 1.5em;
}

.right-menu-button {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #cad9ff54;
    border-radius: 2.5em;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 4em;
    height: 6em;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
}

.right-menu-button.is-goes-up {
    background-color: var(--font-color);
    transition: border-color .2s, background-color .2s;
    display: none;
}

.right-menu-button.is-goes-up:hover {
    background-color: #06070c;
    border-color: #cad9ffa6;
}

.grid-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-2-changed {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
}
.content-grid-block-1 {
    z-index: 10;
    background-color: #28334d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 35em;
    padding: 4em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.grid-icon-large {
    z-index: 20;
    box-sizing: content-box;
    aspect-ratio: auto;
    object-fit: cover;
    border-radius: 20px;
    width: auto;
    height: auto;
    font-size: 12em;
    line-height: 12em;
    position: relative;
    top: 20px;
}

._3d-block {
    z-index: 8;
    perspective: 1000px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}

._3d-block.is-visible {
    overflow: visible;
}

.image-animation-trigger {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    overflow: hidden;
}

.image-animation-trigger._3d-for-image {
    width: 115%;
    height: 115%;
    position: absolute;
}

.animation-color-bg {
    z-index: 15;
    background-color: var(--original-color);
    width: 450%;
    height: 100%;
    display: none;
    position: absolute;
    transform: skew(-60deg);
}

.animation-color-bg.is-white-color {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--white);
    pointer-events: auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: block;
}

.animation-color-bg.is-light-blue-color {
    background-color: var(--light-background);
}

.animation-color-bg.is-white-color {
    background-color: var(--white);
}

.animation-color-bg.is-dark-blue-color {
    background-color: var(--hover-blue-color);
}

.opacity-80 {
    opacity: .8;
}

.grid-content-2 {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.grid-content-3 {
    
    text-align: center;
    max-width: 16em;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.4em;
}

.uppercase-title-border {
    border-right: .5em solid var(--new-font-color);
    border-left: .5em solid var(--new-font-color);
    color: var(--font-color);
    text-align: center;
    letter-spacing: .2em;
    text-indent: 0;
    text-transform: uppercase;
    max-width: none;
    margin-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.6em;
    font-weight: 800;
    display: inline;
}

.uppercase-title-border1 {
    
    color: var(--font-color);
    text-align: center;
    letter-spacing: .2em;
    text-indent: 0;
    font-weight: 800;
    text-transform: uppercase;
    max-width: none;
    margin-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1.6em;   
    display: inline;
}

@media (max-width: 768px) {
    .uppercase-title-border {
        font-size: 1.3em;       /* smaller font */
        letter-spacing: 0.1em;  /* tighter spacing */
        padding-left: 1em;      /* smaller padding */
        padding-right: 1em;
        border-left-width: 0.3em;   /* thinner borders */
        border-right-width: 0.3em;
        display: block;         /* let it take full width if needed */
        margin-bottom: 1.5em;   /* slightly smaller margin */
    }
}

@media (max-width: 768px) {
    .dropdown-menu {
        left: auto !important;               
        min-width: unset !important;  
        width: 100% !important;       
    }

    .dropdown-item {
        display: block !important;
        margin: 0 !important;               
        padding: 1em 1em !important;       
        text-align: center !important;
        width: 100% !important;             
    }
}

.button-pattern {
    z-index: 1;
    opacity: .25;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 50%;
    background-size: .5em;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    inset: 0%;
}

.button-pattern.in-footer {
    opacity: .79;
}

.button-inner {
    z-index: 10;
    pointer-events: auto;
    background-color: var(--font-color);
    border-radius: 3em; 
    justify-content: center;
    align-items: center;
    padding: 1.4em 3.1em;
    font-size: 1em;
    display: flex;
    position: relative;
}

.button-title {
    font-size: 1em;
}

.button-title.is-black {
    color: var(--font-color);
    font-weight: 600;
}

.button-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-left: 1em;
    font-size: 1.2em;
}

.content-grid-block-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 22em;
    padding: 4em;
    display: flex;
    position: relative;
}

.grid-icon-2 {
    box-sizing: border-box;
    object-fit: contain;
    border-radius: 20px;
    width: auto;
    min-width: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 1em;
    font-size: 2em;
}

.max-width-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 70em;
    margin-bottom: 6em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.service-cms {
    display: block;
}

.content-block-5 {
    max-width: 36em;
    position: sticky;
    top: 6em;
}

.pattern-divider {
    border-top: 1px solid var(--light-steel-blue);
    border-bottom: 1px solid var(--light-steel-blue);
    opacity: .4;
    background-image: url('../images/background-1.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 5em;
    transition: background-color .2s;
    display: flex;
}

.pattern-divider:hover {
    background-color: var(--light-steel-blue);
}

.project-cms-grid {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.project-link-block {
    z-index: 10;
    cursor: default;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-start;
    height: 40em;
    padding: 5em;
    display: flex;
    position: relative;
}

.project-cms-item {
    display: flex;
}

.project-link {
    z-index: 10;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.project-link.in-projects-2 {
    align-self: center;
    width: 100%;
    min-height: 6em;
}

.project-bg-1 {
    z-index: 1;
    background-color: var(--light-background);
    cursor: pointer;
    display: block;
    position: absolute;
    inset: 0%;
}

.project-name {
    z-index: 10;
    color: var(--font-color);
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.1em;
    position: relative;
}

.project-gradient-bg {
    z-index: 9;
    mix-blend-mode: multiply;
    background-image: linear-gradient(#0000 40%, #1b243ae6);
    position: absolute;
    inset: 0%;
}

.project-icon {
    z-index: 10;
    cursor: pointer;
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-left: 1em;
    font-size: 1.2em;
    position: relative;
}

.form-grid {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.checkbox-field {
    align-items: center;
    width: 100%;
    margin-top: .9em;
    margin-bottom: .9em;
    padding-left: 0;
    display: flex;
}

.form-field {
    z-index: 5;
    color: var(--font-color);
    background-color: #0000;
    border: 1px solid #0000;
    border-bottom-color: #064dfa4d;
    min-height: 3em;
    margin-bottom: 0;
    padding: 0 0 0 6.6em;
    font-size: 1.4em;
    line-height: 1.1em;
    transition: border-color .5s;
    position: relative;
}

.form-field:hover {
    border-bottom-color: var(--dark-slate-blue);
}

.form-field:focus {
    background-color: #0000;
    border-color: #0000 #0000 #1b243ab3;
}

.form-field::placeholder {
    color: #1b243a66;
    font-size: .8em;
}

.form-field.text-area {
    min-height: 6em;
    padding-top: 2em;
    padding-left: 0;
}

.form-success-title {
    color: var(--white);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.1em;
    font-weight: 300;
    line-height: 1.2em;
}

.form-success-message-2 {
    background-color: var(--original-color);
    color: var(--white);
    border: 1px solid #f1fff8;
    width: 100%;
    padding: 5em 3em;
}

.form-success-message-2.is-newsletter {
    padding-top: 2em;
    padding-bottom: 2em;
}

.form {
    z-index: 10;
    border: 1px solid var(--light-steel-blue);
    background-color: var(--white);
    flex: none;
    width: 100%;
    margin-bottom: 0;
    padding: 4em;
    position: relative;
    overflow: hidden;
}

.form-success-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.3em;
    display: block;
}

.form-error-link {
    color: #0a223f;
    text-decoration: underline;
}

.checkbox {
    cursor: pointer;
    background-color: #0000;
    border-width: .25em;
    border-color: #191c1f;
    border-radius: 5px;
    flex: none;
    width: 1.4em;
    height: 1.4em;
    margin-top: 0;
    margin-left: 0;
    margin-right: 1em;
    transition: background-color .3s;
    box-shadow: 0 0 3px 1px #fff;
}

.checkbox.w--redirected-checked {
    background-color: #191c1f;
    background-image: url('../images/done_white_24dp_1.svg');
    background-size: 1em;
    border-width: .25em;
    border-color: #191c1f;
    margin-left: 0;
}

.checkbox.w--redirected-focus-visible {
    box-shadow: 0 0 3px 1px #3898ec;
}

.form-error-message {
    background-color: #ffccd5;
    border: 1px solid #c9184a;
    padding: 2em;
}

.form-label {
    z-index: 11;
    color: var(--font-color);
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.2em;
    position: absolute;
    top: 2em;
    left: 0;
}

.checkbox-label {
    color: #6c757d;
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 1.2em;
    line-height: 1.2em;
}

.form-error-paragraph {
    color: #191c1f;
    line-height: 1.6;
}

.form-item {
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.form-item:hover {
    border-bottom-color: #fff;
}

.form-item.is-area-text {
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 1em;
}

.form-inner {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.form-block {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    max-width: 45em;
    padding: 2.5em;
    position: relative;
}

.form-pattern {
    z-index: 1;
    border: 1px solid var(--original-color);
    opacity: .15;
    background-color: #eef1fa;
    background-image: url('../images/background-1.png');
    background-position: 50%;
    background-size: cover;
    position: absolute;
    inset: 0%;
}

.submit-button {
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #329223;
    background-image: url('../images/east_white_24dp.svg');
    background-position: 85%;
    background-repeat: no-repeat;
    background-size: 1.1em;
    border-radius: 3px;
    min-width: 15em;
    padding: 1.4em 3.6em 1.4em 2.3em;
    font-size: 1em;
    font-weight: 500;
    transition: background-position .6s cubic-bezier(.075, .82, .165, 1), background-color .2s;
}

.submit-button:hover {
    background-color: #297c1c;
    background-position: 89%;
}

.max-width-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.form-background {
    z-index: 1;
    width: 35vw;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.footer {
    background-color: var(--font-color);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.content-padding {
    padding: 14em 0 10em;
}

.dropdown-link {
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: static;
}

.dropdown-link.is-contanct-menu-grid {
    width: 50%;
}

.dropdown-icon {
    margin: 0 0 0 .5em;
    font-size: 1.3em;
    position: relative;
}

.dropdown-list {
    display: none;
    top: 5em;
}

.dropdown-list.w--open {
    background-color: transparent;
    top: 5.5em;
    left: 0;
    right: 0;
    box-shadow: 0 80px 100px -40px #0e131fb3;
}

.dropdown-list.w-dropdown-list {
    position: absolute;
    width: 250px; /* fixed width */
    z-index: 999;
}


.menu-solutions {
    padding-top: 0;
    padding-bottom: 1em;
}

.menu-dropdown-title {
    color: var(--font-color);
    margin-top: 0;
    margin-right: 1em;
    font-size: 1.9em;
}

.menu-dropdown-title.is-projects-title {
    margin-bottom: 0;
    line-height: 1.1em;
}

.menu-dropdown-title.is-contant-title {
    text-align: center;
    min-width: 8em;
    margin-bottom: 0;
}

.menu-services {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 4em;
    display: block;
}

.moving-link-circle {
    z-index: 1;
    border: .2em solid var(--light-steel-blue);
    border-radius: 50%;
    display: none;
    position: absolute;
    inset: 0%;
}

.moving-link-circle.is-blue-color {
    border-color: var(--original-color);
}

.menu-links-wrap {
    padding-top: 3em;
    padding-bottom: 3em;
}

.solution-title-1 {
    z-index: 10;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 1.5em;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
}

.solution-title-1.in-page {
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: .5em;
    font-size: 2.3em;
}

.service-cms-list-1 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.service-cms-item-1 {
    border-left: 1px solid #064dfa54;
    position: relative;
}

.service-cms-item-1.last-child-padding:last-child {
    padding-bottom: 8em;
}

.content-title-2 {
    text-align: left;
    -webkit-text-stroke-color: var(--body-color);
    text-transform: uppercase;
    padding-bottom: 10px;
    font-size: 2.42em;
    font-weight: 600;
    line-height: 1.2em;
}

.content-title-2.in-contact {
    margin-bottom: .6em;
    font-size: 1.8em;
}

.content-title-2.is-name {
    margin-bottom: .6em;
    font-size: 1.4em;
    font-weight: 500;
}

.service-cms-block {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8em;
    padding: 3.5em 5em;
    display: flex;
    position: relative;
    left: -2px;
}

.service-cms-block.in-home {
    margin-bottom: 4em;
}

.content-anim-trigger {
    opacity: .8;
    font-size: 1.6em;
    max-width: 25em;
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 1.6em;
}
content-anim-trigger1 {
    opacity: .8;
    font-size: 1.6em;
    
    line-height: 1.6em;
}

.content-anim-trigger.in-contact {
    margin-top: 0;
    margin-bottom: .6em;
}

.content-anim-trigger.in-home {
    margin-bottom: 0;
}

.services-padding {
    padding-top: 16em;
    padding-left: 0;
    padding-right: 0;
}

.border-anim-trigger {
    z-index: 2;
    background-color: var(--new-font-color);
    width: 3px;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.projects-menu-list {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.project-menu-item {
    display: flex;
}

.project-menu-link-block {
    z-index: 10;
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-start;
    height: 20em;
    padding: 2.5em;
    display: flex;
    position: relative;
}

.project-menu-gradient-bg {
    z-index: 9;
    mix-blend-mode: multiply;
    background-image: linear-gradient(#0000 40%, #1b243ae6);
    position: absolute;
    inset: 0%;
}

.contact-menu-grid-subtitle {
    opacity: .9;
    color: var(--font-color);
    max-width: 20em;
    font-size: 1.2em;
    line-height: 1.3em;
}

.projects-with-lines {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.projects-with-lines.with-margin {
    margin-bottom: 2.5em;
}

.projects-cms {
    width: 100%;
}

.blue-lines---middle {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    position: absolute;
}

.blue-line-1 {
    background-color: var(--royal-blue);
    width: 100%;
    height: 1px;
    position: absolute;
}

.blue-line-2 {
    background-color: var(--royal-blue);
    width: 1px;
    height: 100%;
    position: absolute;
}

.blue-lines---middle-left {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    position: absolute;
    left: -1.75em;
}

.blue-lines---corner-left {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    position: absolute;
    inset: -3.5em auto auto -3.5em;
}

.blue-lines---middle-right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    position: absolute;
    right: -1.75em;
}

.blue-lines---corner-right {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    position: absolute;
    inset: -3.5em -3.5em auto auto;
}

.blue-lines---corner-right-2 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    position: absolute;
    inset: auto -3.5em -3.5em auto;
}

.blue-lines---corner-left-2 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 3.5em;
    height: 3.5em;
    display: flex;
    position: absolute;
    inset: auto auto -3.5em -3.5em;
}

.project-bg-2 {
    z-index: 2;
    background-color: var(--original-color);
    display: none;
    position: absolute;
    inset: 0%;
}

.project-icon-for-hover {
    z-index: 10;
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    display: none;
    position: absolute;
    right: 1.7em;
}

.project-link-lines {
    z-index: 3;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 1.7em;
    height: 2em;
    display: none;
    position: absolute;
    left: 0;
}

.project-line-1 {
    background-color: var(--white);
    width: 100%;
    height: 2px;
    position: absolute;
}

.project-line-2 {
    background-color: var(--white);
    width: 2px;
    height: 100%;
    position: absolute;
}

.button-overlap-1 {
    margin-right: 2.3em;
}

.solution-animation-bg {
    z-index: 1;
    background-color: var(--hover-blue-color);
    display: none;
    position: absolute;
    inset: 0%;
}

.brands-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
}

.brand-item {
    margin-top: -1px;
    padding: .8em;
    display: flex;
    position: relative;
}

.brand-link-block {
    z-index: 20;
    border: 1px solid #0000;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: 10em;
    padding-left: 0;
    padding-right: 0;
    transition: border-color .2s, background-color .2s;
    display: flex;
    position: relative;
}

.brand-link-block:hover {
    background-color: #064dfa0d;
    border-color: #064dfa21;
}

.brands-logo {
    z-index: 10;
    box-sizing: border-box;
    object-fit: contain;
    object-position: 50% 50%;
    width: 12em;
    height: 10em;
    position: relative;
}

.corner-lines {
    z-index: 5;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.corner-line-1 {
    background-color: #c7d2ec;
    width: 3em;
    height: 1px;
    position: absolute;
    inset: 0% auto auto 0%;
}

.corner-line-2 {
    background-color: #c7d2ec;
    width: 1px;
    height: 3em;
    margin-left: -1px;
    position: absolute;
    inset: 0% auto auto 0%;
}

.corner-line-3 {
    background-color: #c7d2ec;
    width: 3em;
    height: 1px;
    position: absolute;
    inset: 0% 0% auto auto;
}

.corner-line-4 {
    background-color: #c7d2ec;
    width: 1px;
    height: 3em;
    position: absolute;
    inset: 0% 0% auto auto;
}

.corner-line-5 {
    background-color: #c7d2ec;
    width: 1px;
    height: 3em;
    position: absolute;
    inset: auto 0% 0% auto;
}

.corner-line-6 {
    background-color: #c7d2ec;
    width: 3em;
    height: 1px;
    position: absolute;
    inset: auto 0% 0% auto;
}

.corner-line-7 {
    background-color: #c7d2ec;
    width: 3em;
    height: 1px;
    position: absolute;
    inset: auto auto 0% 0%;
}

.corner-line-8 {
    background-color: #c7d2ec;
    width: 1px;
    height: 3em;
    margin-left: -1px;
    position: absolute;
    inset: auto auto 0% 0%;
}

.brands-content-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    place-items: center start;
    padding-top: 2em;
}

.brands-paragraph {
    opacity: .8;
    max-width: 15em;
    font-size: 1.2em;
    line-height: 1.5em;
}

.blue-95-background {
    background-color: var(--light-background);
    border: 1px solid #064dfa1a;
    border-radius: 5px;
    width: 95%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 0%;
}

.content-grid-4 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
    align-items: center;
}

.height-120-per {
    z-index: 10;
    height: 120%;
    position: relative;
}

.second-button {
    z-index: 10;
    color: var(--white);
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #0c389f0d;
    border: 1px solid #0000;
    border-radius: 3px;
    padding: .8em;
    font-weight: 500;
    transition: border .4s;
    position: relative;
}

.second-button:hover {
    border-color: #a0bcffa8;
}

.button-inner-2 {
    z-index: 10;
    background-color: #eef2ff;
    border: 1px solid #064dfa26;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    padding: 1.4em 3.1em;
    font-size: 1em;
    transition: background-color .2s, border-color .2s;
    display: flex;
    position: relative;
}

.button-inner-2:hover {
    background-color: #f3f5fa;
    border-color: #064dfa6b;
}

.newsletter-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-rows: auto;
}

.newsletter-field {
    z-index: 5;
    color: var(--font-color);
    background-color: #0000;
    border: 1px solid #0000;
    min-height: 3em;
    margin-bottom: 0;
    padding: .5em 0;
    font-size: 1.4em;
    line-height: 1.1em;
    transition: border-color .5s;
    position: relative;
}

.newsletter-field:focus {
    background-color: #0000;
    border-color: #fff0;
}

.newsletter-field:focus-visible, .newsletter-field[data-wf-focus-visible] {
    border-color: #fff0;
}

.newsletter-field::placeholder {
    color: #1b243a73;
    font-size: .9em;
}

.newsletter-form {
    z-index: 10;
    background-color: #f7f8fc;
    border: 1px solid #064dfa26;
    border-radius: 3px;
    flex: none;
    width: 100%;
    margin-bottom: 0;
    padding: 1.5em;
    transition: background-color .2s, border-color .2s;
    position: relative;
}

.newsletter-form:hover {
    background-color: var(--white);
    border-color: #064dfa52;
}

.newsletter-form-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.solution-icon {
    z-index: 10;
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-right: 1em;
    font-size: 1.2em;
    position: relative;
}

.solution-more-wrap {
    z-index: 10;
    border-bottom: 1px solid #0000;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: .4em;
    transition: border-color .2s;
    display: flex;
    position: relative;
}

.solution-more-wrap:hover {
    border-bottom-color: var(--white);
}

.more-text {
    margin-bottom: .1em;
    line-height: 1.1em;
}

.pattern {
    z-index: 1;
    border: 1px solid var(--original-color);
    opacity: .08;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 50%;
    background-size: 1em;
    position: absolute;
    inset: 0%;
}

.newsletter-block {
    background-color: #ffffff5c;
    width: 100%;
    padding: 1.2em;
    position: relative;
}

.newsletter-title-block {
    align-items: center;
    display: flex;
}

.newsletter-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-right: .3em;
    font-size: 6.3em;
}

.solution-block {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3.5em 1.5em 3.5em 4em;
    display: flex;
}

.solution-block.in-menu {
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 3em;
}

.solution-block.in-page {
    object-fit: cover;
    padding-top: 6em;
    padding-left: 8%;
    padding-right: 8%;
}

.footer-grid {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr .75fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding-top: 6em;
    padding-bottom: 6em;
    display: grid;
    overflow: hidden;
}

.footer-column-1 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 3em;
    padding-bottom: 3em;
    padding-right: 3em;
    display: flex;
    position: relative;
}

.footer-link {
    z-index: 20;
    color: #99abd6;
    padding: 1.1em .3em 1.1em 6em;
    font-size: 1em;
    font-weight: 300;
    position: relative;
}

.footer-link.w--current {
    color: var(--white);
}

.footer-small-link {
    color: #d4def7;
    text-align: center;
    letter-spacing: .03em;
    white-space: nowrap;
    border-left: .5em solid #0000;
    padding-top: 1.1em;
    padding-bottom: 1.1em;
    padding-left: 1.8em;
    font-size: 1.1em;
    transition: color .2s, border-color .2s;
    position: relative;
    left: -.5em;
}

.footer-small-link:hover {
    border-left-color: var(--original-color);
    color: var(--white);
}

.socials-in-footer {
    border-top: 1px solid #35415e;
    border-bottom: 1px solid #35415e;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
    transition: background-color .3s;
    display: flex;
}

.socials-in-footer:hover {
    background-color: var(--original-color);
}

.footer-social-list {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.moving-link {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6em;
    height: 6em;
    padding: 1em;
    display: flex;
    position: relative;
}

.moving-link.in-solutions-3 {
    margin-bottom: 1.5em;
}

.footer-contact-links {
    z-index: 10;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.footer-border-line {
    border: .1em solid var(--original-color);
    opacity: 1;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 0 0;
    background-size: .5em;
    width: 1em;
    height: 100%;
    position: absolute;
    left: 0;
}

.footer-link-title {
    font-size: 3em;
    line-height: 1.2em;
}

.footer-link-line {
    background-color: var(--original-color);
    width: 1em;
    display: none;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.footer-column-3 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.footer-contact-text {
    font-size: 1.1em;
}

.footer-about-text {
    color: #c3def899;
    margin-bottom: 1em;
    padding-left: 1.3em;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.9em;
}

.footer-address-button {
    border: .4em solid #1e346b;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: flex-start;
    margin-top: 2em;
    padding: 2.4em 6.5em 2.4em 2.4em;
    transition: border-color .2s, background-color .2s;
    display: flex;
    position: relative;
}

.footer-address-button:hover {
    background-color: #064dfa26;
    border-color: #243b75;
}

.footer-address {
    z-index: 10;
    color: #98b0c8;
    font-size: 1.2em;
    line-height: 1.9em;
    position: relative;
}

.footer-contect-block {
    border-left: .5em solid #064dfa26;
}

.footer-uppercase-title {
    z-index: 10;
    color: var(--white);
    letter-spacing: .5em;
    text-transform: uppercase;
    margin-bottom: 1.3em;
    font-size: .8em;
    font-weight: 700;
    position: relative;
}

.footer-address-icon {
    z-index: 10;
    opacity: .65;
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 2em;
    position: absolute;
    right: 1.2em;
}

.subfooter {
    border-top: 1px solid #35415e;
    border-bottom: 1px solid #35415e;
    width: 100%;
    padding-top: 2em;
    /* padding-bottom: 4em; */
}

.subfooter-inner {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    grid-template: "Area"
        / minmax(50px, 1fr) minmax(50px, 1fr) minmax(50px, 1fr) minmax(50px, 1fr);
    grid-auto-columns: 1fr;
    display: grid;
}

.address-pattern {
    z-index: 3;
    opacity: .4;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 50%;
    background-size: .5em;
    border-radius: 3px;
    position: absolute;
    inset: 0%;
}

.powered-by-webflow-link {
    color: #c3def8bf;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #0000;
    border: 0 solid #20305c;
    border-radius: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: .2em 0;
    padding: 1.6em 2.4em;
    font-weight: 400;
    transition: background-color .2s, color .2s;
    display: flex;
}

.powered-by-webflow-link:hover {
    color: #e8f4ff;
    background-color: #064dfa12;
}

.subfooter-button-outer-1 {
    font-size: .85em;
    display: flex;
}

.subfooter-brand {
    color: var(--white);
    letter-spacing: .4em;
    text-transform: uppercase;
    align-items: center;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-right: 2em;
    font-weight: 700;
    transition: letter-spacing .6s cubic-bezier(.075, .82, .165, 1);
    display: flex;
}

.subfooter-brand:hover {
    letter-spacing: .7em;
}

.subfooter-column {
    flex-direction: column;
    align-items: flex-start;
    display: block;
}

.footer-logo-image {
    object-fit: contain;
    width: auto;
    height: auto;
    margin-right: .5em;
    font-size: 1.7em;
}

.webflow-text {
    justify-content: center;
    align-items: left;
    font-size: 2.5em;
    line-height: 1.1em;
    display: block;
    color: white;
}

.content-flex-1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.main-footer-section {
    border-bottom: 1px solid #35415e;
    width: 100%;
    transition: background-color .3s;
}

.main-footer-section:hover {
    background-color: #064dfa0d;
}

.subfooter-button-outer-2 {
    font-size: .85em;
}

.solution-link-block-menu {
    z-index: 10;
    background-color: var(--original-color);
    color: var(--white);
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    align-items: stretch;
    min-height: 12em;
    transition: background-color .2s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.solution-link-block-menu:hover {
    background-color: var(--dark-slate-blue);
}

.service-cms-link-1 {
    color: var(--font-color);
    transition: color .2s;
}

.service-cms-link-1:hover {
    color: var(--original-color);
}

.contact-menu-title {
    font-size: 1.5em;
    line-height: 1.2em;
}

.solution-menu-title-1 {
    z-index: 10;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2em;
    position: relative;
}

.solution-more-menu {
    margin-bottom: .1em;
    line-height: 1.1em;
}

.solution-more-wrap-menu {
    z-index: 10;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.contact-menu-grid {
    z-index: 10;
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    border-bottom: 1px solid var(--royal-blue-2);
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    padding-top: 1.6em;
    padding-bottom: 1.6em;
    display: grid;
    position: relative;
}

.contact-menu-grid.is-last {
    border-bottom-color: #0000;
}

.menu-buttons {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
}

.menu-contacts {
    padding-top: 3em;
    padding-bottom: 3em;
}

.menu-link-title {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2em;
}

.menu-link-title:hover{
    color: #ee0c4f;
}

.dots-wrap {
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.menu-dot {
    background-color: var(--white);
    border-radius: 50%;
    width: 1em;
    height: 1em;
    font-size: .5em;
}

.menu-dot.in-middle {
    margin-left: 1em;
    margin-right: 1em;
}

.dots-wrap-2 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.menu-dot-2 {
    background-color: var(--white);
    border-radius: 50%;
    width: 1em;
    height: 1em;
    margin-left: .5em;
    margin-right: .5em;
}

.menu-desktop-title {
    z-index: 5;
    line-height: 1.2em;
    display: none;
    position: absolute;
}

.contact-menu-grid-item {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.menu-contact-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    display: none;
}

.content-block-logos {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    display: flex;
}

.solutions-page {
    margin-bottom: 3em;
}

.solutions-grid-page {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
}

.solution-item-page {
    display: flex;
}

.solution-description {
    z-index: 10;
    color: #ffffffd9;
    max-width: 19em;
    margin-bottom: 2.8em;
    font-size: 1.3em;
    line-height: 1.6em;
    position: relative;
}

.content-grid-2 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: transparent var(--original-color) var(--original-color);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.content-grid-2-block {
    z-index: 10;
    color: var(--body-color);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 25em;
    padding: 4em;
    transition: color .2s, background-color .2s;
    display: flex;
    position: relative;
}

.content-grid-2-block:hover {
    background-color: var(--font-color);
    color: var(--white);
}

.content-grid-2-block.in-middle {
    border-right: 1px solid var(--original-color);
    border-left: 1px solid var(--original-color);
}

.content-grid-icon-2 {
    z-index: 5;
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-bottom: .8em;
    font-size: 1.7em;
    position: relative;
}

.content-grid-text-1 {
    z-index: 10;
    margin-top: auto;
    position: relative;
}

.content-grid-pattern {
    z-index: 1;
    opacity: .35;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 50%;
    background-size: .5em;
    position: absolute;
    inset: 0%;
}

.solution-pattern {
    z-index: 3;
    background-image: url('../images/diagonal-lines-dark-blue-2.svg');
    background-position: 50%;
    background-size: .5em;
    border-bottom: 1px solid #2464ff;
    height: 23em;
    position: absolute;
    inset: 0% 0% auto;
}

.custom-list-2 {
    grid-column-gap: 0em;
    grid-row-gap: 7.5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.custom-list-2.with-paddings {
    padding-top: 8em;
    padding-bottom: 8em;
}

.list-block-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    display: flex;
}

.list-line-2 {
    border: 1px solid var(--original-color);
    opacity: .35;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 0 0;
    background-size: .5em;
    width: 100vw;
    height: .6em;
    position: absolute;
    left: 0;
}

.list-line-2.display-on-mobile {
    display: none;
}

.list-content-2 {
    max-width: 80%;
    padding-top: 2em;
    padding-left: 1.2em;
}

.list-icon-wrap {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.dropdown-title-block-2 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.7em;
    display: flex;
}

.dropdown-title-block-2.with-border {
    border-bottom: 1px solid var(--royal-blue-2);
    margin-top: 20px;
    padding-bottom: 2em;
}

.text-link {
    color: var(--original-color);
    background-image: url('../images/blue-arrow-right.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 1em;
    border-bottom: 1px solid #0000;
    padding-top: .3em;
    padding-bottom: .3em;
    padding-right: 1.7em;
    font-size: 1.8em;
    
    line-height: 1.2em;
    transition: border-color .2s, color .2s, padding .5s cubic-bezier(.075, .82, .165, 1);
    display: inline-block;
}

.text-link:hover {
    border-bottom-color: var(--original-color);
    color: var(--dark-slate-blue);
    padding-right: 2.1em;
}

.text-link:focus {
    border-color: transparent transparent var(--original-color);
    outline-offset: 0px;
    border-top-style: solid;
    border-top-width: 0;
    border-left-style: solid;
    border-left-width: 0;
    border-right-style: solid;
    border-right-width: 0;
    outline: 0 #0000;
    padding-right: 2em;
}

.text-link.in-contact {
    margin-top: .2em;
    margin-bottom: .2em;
}

.text-link.in-contact.is-phone {
    background-image: url('../images/call_FILL0_wght400_GRAD0_opsz48_blue.svg');
}

.text-link.in-contact.is-email {
    background-image: url('../images/send_FILL0_wght400_GRAD0_opsz48_blue.svg');
}

.text-link.is-other-templates {
    margin-right: 2em;
}

.buttons-wrap {
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.button-overlap-2 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.solution-description-line {
    z-index: 10;
    background-color: #a4bcf8;
    width: 2.5em;
    height: 2px;
    margin-right: 2em;
    position: absolute;
    inset: 1.1em auto auto 0%;
}

.solution-content {
    z-index: 10;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 5.5em;
    display: flex;
    position: relative;
}

.second-navbar {
    z-index: 998;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 8em;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
}

.goes-up-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 1.5em;
}

.list-title-2 {
    color: var(--hover-blue-color);
    margin-bottom: .7em;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}

.list-paragraph-2 {
    opacity: .85;
    text-align: justify;
    max-width: 30em;
    min-height: 10px;
    font-size: 1.1em;
    line-height: 1.5em;
}

.circle-in-list-2 {
    border-radius: 15px;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 12em;
    height: 12em;
    margin-right: 2.5em;
    padding-left: 20px;
    display: flex;
    position: relative;
}

.hero-2-content-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 65em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.hero-3-header {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 14.5em;
    padding-bottom: 10em;
    display: flex;
    position: relative;
}

.hero-button {
    z-index: 10;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    color: var(--white);
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #0c389f0d;
    /* border: 1px solid #a0bcff42; */
    border-radius: 3px;
    padding: .8em;
    font-weight: 500;
    transition: border .4s;
    position: relative;
}

.hero-button:hover {
    border-color: #a0bcffa8;
}

.button-inner-3 {
    z-index: 10;
    background-color: #a0bcff33;
    border: 1px solid #a0bcff24;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    padding: 1.4em 3.1em;
    font-size: 1em;
    display: flex;
    position: relative;
}

.hero-2-background-inner {
    z-index: 2;
    height: 100vh;
    position: sticky;
    top: 0;
}

.hero-buttons {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
}

.aside-contact-button {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--white);
    background-color: #064dfab3;
    border: 1px solid #cad9ff54;
    border-radius: 2.5em;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 4em;
    height: 6em;
    margin-top: 0;
    margin-bottom: 0;
    transition: background-color .2s;
    display: flex;
    overflow: hidden;
}

.aside-contact-button:hover {
    background-color: var(--original-color);
}

.hero-top-title {
    border-right: .3em solid var(--original-color);
    border-left: .3em solid var(--original-color);
    color: var(--white);
    text-align: center;
    letter-spacing: .5em;
    text-indent: .5em;
    text-transform: uppercase;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 1em;
    font-weight: 500;
}

.content-grid-3 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    border-bottom: 1px solid var(--royal-blue-2);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.newsletter-inner-padding {
    padding: 6em 0;
}

.content-grid-block-4 {
    z-index: 10;
    color: var(--body-color);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 25em;
    padding: 4em;
    display: flex;
    position: relative;
}

.content-grid-block-4.is-1st {
    background-color: var(--hover-blue-color);
    color: var(--white);
}

.content-grid-block-4.is-button {
    transition: background-color .2s, color .2s;
}

.content-grid-block-4.is-button:hover {
    background-color: var(--font-color);
    color: var(--white);
}

.content-grid-inner {
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: stretch;
    display: flex;
}

.content-grid-title-block-2 {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.content-grid-number {
    background-color: var(--hover-blue-color);
    margin-right: .7em;
    padding: .5em;
    font-size: 5em;
    font-weight: 400;
    line-height: 1.1em;
}

.content-grid-pattern-2 {
    z-index: -1;
    opacity: .35;
    background-image: url('../images/diagonal-lines-white.svg');
    background-position: 50%;
    background-size: .5em;
    position: absolute;
    inset: 0%;
}

.content-grid-title-block-1 {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40%;
    display: flex;
    position: relative;
}

.content-grid-text-2 {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2em;
}

.content-grid-icon-1 {
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 5em;
}

.content-grid-text-4 {
    text-align: center;
    max-width: 13em;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.5em;
}

.content-grid-text-3 {
    z-index: 10;
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.2em;
    position: relative;
}

.content-grid-text-5 {
    text-transform: uppercase;
    max-width: 4.1em;
    font-size: 2.3em;
    font-weight: 600;
    line-height: 1.3em;
}

.company-2-grid-block {
    flex-direction: column;
    align-items: flex-start;
    padding: 5em;
    display: flex;
    position: relative;
    left: -2px;
}

.company-2-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    margin-bottom: 5em;
}

.flex-for-sticky {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: flex-start;
    display: flex;
}

.sticky-column-1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    min-height: 100vh;
    padding-top: 11em;
    padding-bottom: 11em;
    display: flex;
    position: sticky;
    top: 0;
}

.min-100vh-sec {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    display: flex;
    position: relative;
}

.sticky-column-2-bg {
    z-index: 1;
    border-left: 1px solid var(--light-steel-blue);
    background-image: linear-gradient(to right, #0a0d1499, #0000);
    position: absolute;
    inset: 0%;
}

.custom-list-wrap {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.height-80-per {
    z-index: 10;
    height: 80%;
    position: relative;
}

.padding-inner-2 {
    padding-top: 14em;
}

.content-grid-4-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10em;
    padding-bottom: 10em;
    display: flex;
}

.content-grid-4-text {
    color: #fff;
    text-align: justify;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 1.4em;
    line-height: 1.6em;
}
.content-grid-4-text-copy {
    
    text-align: justify;
    
    margin-bottom: 1em;
    font-size: 1.4em;
    line-height: 1.4em;
}
.content-grid-4-text-copy2 {
    
    text-align: justify;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.4em;
    line-height: 1.4em;
}

.icon-large-2 {
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 5em;
}

.content-grid-5 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1.75fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 7em;
    display: grid;
}

.grid-block-3 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.hire-us-text {
    text-align: center;
    line-height: 1.6em;
}

.max-width-4 {
    max-width: 36em;
}

.hero-5-header {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 75vh;
    padding-top: 14em;
    padding-bottom: 10em;
    display: flex;
    position: relative;
}

.contact-2-grid {
    grid-column-gap: 6em;
    grid-row-gap: 10em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    display: grid;
}

.blue-bg-absolute {
    border-left: 1px solid var(--royal-blue-2);
    background-color: #a0bcff1a;
    width: 50vw;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.contact-block-1 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2.5em;
    padding: 4em;
    display: flex;
    position: relative;
    left: -2px;
}

.contact-block-1.full-border {
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--light-steel-blue) var(--light-steel-blue) var(--light-steel-blue) var(--light-steel-blue);
    color: var(--font-color);
    transition: background-color .2s;
    overflow: hidden;
}

.contact-block-1.full-border:hover {
    background-color: #a0bcff12;
}

.contact-block-1.full-border.is-last {
    margin-bottom: 5em;
}

.person-role {
    margin-top: -.2em;
    margin-bottom: 1.5em;
    font-size: 1.1em;
}

.contact-2-column-1 {
    /* border-left: 2px solid var(--light-steel-blue); */
    width: auto;
    padding-bottom: 8em;
}

.contact-2-image {
    width: 100%;
    height: 16em;
    margin-bottom: 2em;
    position: relative;
}

.contact-2-column-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    display: flex;
    position: sticky;
    top: 0;
}

.service-cms-link {
    color: var(--original-color);
    background-image: url('../images/more_horiz_black_24dp.svg');
    background-position: -10%;
    background-repeat: no-repeat;
    background-size: 1.6em;
    border-bottom: 1px solid #064dfa26;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 4em;
    margin-left: auto;
    margin-right: auto;
    padding: .5em 0;
    transition: color .2s, background-position .6s cubic-bezier(.075, .82, .165, 1), border-color .2s, padding .6s cubic-bezier(.075, .82, .165, 1);
    display: flex;
    overflow: hidden;
}

.service-cms-link:hover {
    border-bottom-color: var(--original-color);
    color: var(--font-color);
    background-position: 0%;
    padding-left: 3em;
    padding-right: 2em;
}

.service-cms-title {
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-right: 1em;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.1em;
}

.service-cms-item {
    justify-content: center;
    align-items: center;
    display: flex;
}

.service-cms-list {
    grid-column-gap: 2.75em;
    grid-row-gap: 0em;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.service-cms-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-left: 1em;
    font-size: 1.2em;
}

.solutions-menu-grid {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.template-grid {
    grid-column-gap: 4em;
    grid-row-gap: 4.5em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    font-size: .85em;
}

.template-links-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 2.4em;
    display: flex;
    position: relative;
}

.template-link-title {
    color: var(--font-color);
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.2em;
    position: absolute;
    inset: 0% auto auto 0%;
}

.dropdown-row-1 {
    border-bottom: 1px solid var(--royal-blue-2);
    background-color: #a0bcff1a;
    width: 100%;
    padding-top: 5em;
    padding-bottom: 2em;
    display: flex;
}

.hero-1-header {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 13.6em;
    padding-bottom: 15em;
    display: flex;
    position: relative;
}

.hero-content {
    border-left: .5em solid var(--original-color);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 62em;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    padding-left: 4em;
    display: flex;
}

.hero-content.in-socials {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
}

.chessboard-grid {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    padding-top: 5.5em;
    position: absolute;
    inset: 0%;
}

.chessboard-grid.with-breadcrumbs {
    padding-top: 8em;
}

.chessboard-grid.in-404-page, .chessboard-grid.without-padding {
    padding-top: 0;
}

.chessboard {
    z-index: 5;
    border: 1px solid #a0bcff1a;
    transition: background-color .5s, border-color .5s;
    position: relative;
}

.chessboard:hover {
    background-color: #a0bcff12;
    border-color: #a0bcff33;
}

.chessboard.is-25-opacity {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #064dfa40;
}

.chessboard.is-70-opacity {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #064dfab3;
}

.chessboard.is-10-opacity {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #064dfa1a;
}

.chessboard.is-90-opacity {
    background-color: #064dfae6;
}

.chessboard.is-button-1 {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
}

.hero-background-color {
    z-index: 15;
    mix-blend-mode: multiply;
    background-color: #0c0c248c;
    background-image: linear-gradient(to right, #0c0c2494, #01257c1a);
    position: absolute;
    inset: 0%;
}

.navbar {
    z-index: 999;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    /* border-bottom: 1px solid var(--light-steel-blue); */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--white);
    background-color: transparent;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    position: absolute;
    inset: 0% 0% auto;
}

.nav-main-row-grid {
    display: flex;
    width: 100%;
    
    height: 5.5em;
    align-items: center;
    justify-content: space-between;
}

.nav-main-row-grid > * {
    align-self: stretch;
    height: 100%;
}


.nav-column-1-grid {
    display: inline-flex;
    min-width: 35%;
        
}

.nav-menu-grid {
    /* background-color: var(--original-color); */
    display: inline-flex;
    /*flex: 1 1 auto;       ⬅️ Let it grow to fill available space */
    flex-direction: row;
    
    justify-content: space-evenly;  /* or space-between / center / etc. */
    align-items: center;
    
    position: relative;
    min-width: 50%;         /* prevents overflow in some flex layouts */
}
.droplist {
    /* width: 10em!important; */
    
}
.nav-column-2-grid {
    justify-content: space-between;
    display: flex;
}

.brand-grid {
    
    color: #fff;
    letter-spacing: .4em;
    text-transform: uppercase;
    /* background-color: #a0bcff0d; */
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em;
    font-weight: 700;
    padding-left: 2em;
    padding-right: 2em;
    transition: background-color .2s;
    display: flex;
}

.brand-grid:hover {
    /* background-color: #a0bcff1a; */
}

.nav-link-inquiry-grid {
    border-left: 1px solid var(--original-color);
    background-color: var(--original-color);
    color: #fff;
    letter-spacing: .3em;
    text-transform: uppercase;
    flex-direction: row;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 50%;
    padding-left: 1em;
    padding-right: 1em;
    font-size: .7em;
    font-weight: 600;
    transition: background-color .2s;
    display: flex;
}

.nav-link-inquiry-grid:hover {
    background-color: #064dfa80;
}

.hero-grid {
    z-index: 20;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
    position: relative;
}

.nav-link-contact-grid {
    border-right: 1px solid var(--original-color);
    border-left: 1px solid var(--original-color);
    background-color: var(--original-color);
    color: #fff;
    letter-spacing: .3em;
    text-transform: uppercase;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    min-width: 14em;
    padding: 0 2em;
    font-size: .7em;
    font-weight: 600;
    transition: background-color .2s;
    display: flex;
}

.nav-link-contact-grid:hover {
    background-color: #a0bcff33;
}

.brand-logo-block {
    justify-content: center;
    align-items: center;
    width: auto;
    padding-left: 1.5em;
    padding-right: 1.5em;
    display: flex;
}

.brand-slogan-block {
    justify-content: center;
    align-items: center;
    width: 50%;
    padding-left: 1.5em;
    padding-right: 1.5em;
    display: flex;
    position: relative;
}

.brand-divider-2 {
    opacity: .25;
    background-color: #c6d7ff;
    flex: none;
    width: 1px;
    height: 2em;
    display: none;
    position: absolute;
    left: 0%;
    right: auto;
}

.pattern-section-inner {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 85vh;
    padding-top: 12em;
    padding-bottom: 12em;
    display: flex;
    position: relative;
}

.border-block-1 {
    border-left: .5em solid var(--original-color);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    
    padding-left: 4em;
    display: flex;
}

.large-paragraph-1 {
    color: var(--white);
    text-align: left;
    text-transform: uppercase;
    max-width: 19em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.3em;
    font-weight: 500;
    line-height: 1.3em;
}

.explore-text {
    z-index: 10;
    color: var(--white);
    text-align: center;
    text-indent: .5em;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 500;
    position: relative;
}

.explore-icon {
    z-index: 10;
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 1.1em;
    position: absolute;
    right: 5em;
}

.explore-icon.is-inquiry {
    right: 3.5em;
}

.explore-background {
    z-index: 1;
    background-color: var(--dark-slate-blue);
    display: none;
    position: absolute;
    inset: 0%;
}

.explore-background.is-green-color {
    background-color: #329223;
}

.explore-background.is-black-color {
    background-color: #282e3d;
}

.hero-7-header {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 13.5em;
    padding-bottom: 13.5em;
    display: flex;
    position: relative;
}

.grid-link-block {
    background-color: var(--original-color);
    letter-spacing: .5em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1em;
    transition: letter-spacing .8s cubic-bezier(.075, .82, .165, 1);
    display: flex;
    position: absolute;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.grid-link-block:hover {
    letter-spacing: .65em;
}

.grid-link-block.is-2nd-button {
    background-color: #0000;
}

.project-cms-flex {
    grid-column-gap: 0em;
    grid-row-gap: 2.5em;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.project-cms-item-2 {
    width: 100%;
    display: flex;
}

.project-inner {
    z-index: 10;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 28em;
    padding: 5em;
    display: flex;
    position: relative;
}

.project-link-flex {
    z-index: 20;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.project-services {
    justify-content: flex-start;
    align-items: stretch;
    width: 46%;
    display: flex;
}

.project-services-cms-list {
    grid-column-gap: 0em;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
    overflow: auto;
}

.project-service-link {
    color: var(--white);
    border-top: 2px solid #0000;
    border-bottom: 2px solid #0000;
    flex-direction: column;
    flex: none;
    justify-content: center;
    align-items: center;
    min-height: 6em;
    padding: 1.2em 1.5em;
    transition: border-color .2s;
    display: flex;
}

.project-service-link:hover {
    border-bottom-color: var(--white);
}

.project-services-cms {
    width: 100%;
    display: flex;
}

.project-services-cms-item {
    flex: none;
    display: flex;
}

.project-name-overlap {
    z-index: 20;
    cursor: pointer;
    position: relative;
}

.project-gradient-bg-2 {
    z-index: 9;
    mix-blend-mode: multiply;
    background-image: linear-gradient(#0000 25%, #1b243a);
    position: absolute;
    inset: 0%;
}

.project-services-name {
    white-space: nowrap;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.2em;
}

.uppercase-title-3 {
    color: var(--original-color);
    letter-spacing: .5em;
    text-transform: uppercase;
    margin-top: .5em;
    margin-right: 5em;
    font-size: .9em;
    font-weight: 600;
}

.grid-3-column {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.border-icon {
    perspective: 1px;
    object-fit: fill;
    width: 1.5em;
    height: 1.5em;
    margin-top: .2em;
    margin-right: 1em;
    font-size: 2em;
    transition: transform .3s;
    transform: perspective(1px);
}

.border-icon.in-button {
    margin-top: 0;
    margin-left: 1em;
    margin-right: 0;
    font-size: 1.6em;
}

.border-line-top {
    z-index: 2;
    background-color: var(--original-color);
    width: 100%;
    height: 2px;
    position: absolute;
    inset: 0% 0% auto;
}

.border-line-top.in-grid {
    height: 8px;
    inset: auto 0% 0%;
}

.border-title-2 {
    text-transform: uppercase;
    margin-bottom: .5em;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.2em;
    transition: transform .3s;
}

.border-title-2.in-button {
    letter-spacing: .1em;
    margin-bottom: 0;
    font-size: 1.7em;
}

.border-content-2 {
    opacity: .8;
    font-weight: 500;
    text-align: justify;
    line-height: 1.6em;
    transition: transform .3s;
}

.grid-column {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8em 5em;
    transition: background-color .2s;
    /* display: flex; */
    position: relative;
}

.grid-column:hover {
    background-color: var(--white);
}

.project-link-block-overlap {
    align-items: center;
    width: 50%;
    display: flex;
}

.content-block-2 {
    flex-direction: row;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    display: flex;
}

.solution-cms-2 {
    width: 100%;
}

.solution-cms-2-grid {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.solution-cms-2-item {
    border: 1px solid var(--royal-blue-2);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 6.5em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.solution-cms-2-item:first-child, .solution-cms-2-item:last-child {
    background-color: var(--original-color);
    color: var(--white);
}

.solution-cms-2-bg {
    z-index: 10;
    width: 100%;
    height: 19em;
    margin-top: auto;
    margin-bottom: 2em;
    position: relative;
}

.solution-cms-2-title {
    text-transform: uppercase;
    font-size: 2.1em;
    font-weight: 600;
    line-height: 1.2em;
}

.solution-cms-2-desciption {
    opacity: .8;
    max-width: 20em;
    margin-top: 2em;
    margin-bottom: 3em;
    line-height: 1.6em;
}

.button-2 {
    background-color: var(--original-color);
    color: var(--white);
    border: 1px solid #5284ff;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2em;
    transition: background-color .2s;
    display: flex;
}

.button-2:hover {
    background-color: var(--hover-blue-color);
}

.form-2-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.form-background-2 {
    z-index: 1;
    width: 37.5vw;
    max-height: 100vh;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.form-2-content {
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 12em;
    padding-right: 8em;
    display: flex;
    position: relative;
}

.form-2-content.in-contact {
    padding-bottom: 20em;
}

.form-2-content-inner {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 33em;
    display: flex;
}

.submit-button-2 {
    background-color: var(--original-color);
    letter-spacing: .2em;
    text-transform: uppercase;
    background-image: url('../images/east_white_24dp.svg');
    background-position: 90%;
    background-repeat: no-repeat;
    background-size: 1.1em;
    border-radius: 3px;
    width: 100%;
    min-height: 5em;
    margin-top: 1.1em;
    padding: 1em;
    font-size: .9em;
    font-weight: 500;
    transition: background-position .6s cubic-bezier(.075, .82, .165, 1), background-color .2s;
}

.submit-button-2:hover {
    background-color: var(--hover-blue-color);
    background-position: 93%;
}

.submit-button-2:focus {
    box-shadow: 0 1px 40px 0 var(--original-color);
    outline-offset: 0px;
    outline: 0 #0000;
}

.form-2 {
    z-index: 10;
    width: 100%;
    margin-bottom: 2em;
    padding: 0;
    position: relative;
}

.form-item-2 {
    align-items: center;
    width: 100%;
    margin-bottom: 1em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.form-item-2:hover {
    border-bottom-color: #fff;
}

.form-item-2.is-text-area {
    align-items: flex-start;
}

.form-label-2 {
    z-index: 11;
    color: var(--dark-slate-blue);
    margin-bottom: 0;
    font-size: .9em;
    font-weight: 500;
    line-height: 1.2em;
    position: absolute;
    left: 1.5em;
}

.form-field-2 {
    z-index: 5;
    color: var(--font-color);
    background-color: #0000;
    border: 1px solid #064dfa33;
    border-radius: 3px;
    min-height: 3.3em;
    margin-bottom: 0;
    padding: .4em .7em .4em 5em;
    font-size: 1.4em;
    line-height: 1.1em;
    transition: background-color .2s, border-color .5s;
    position: relative;
}

.form-field-2:hover {
    background-color: #a0bcff1a;
    border-color: #064dfab3;
}

.form-field-2:focus {
    outline-offset: 0px;
    background-color: #a0bcff1a;
    border-color: #064dfab3;
    outline: 0 #0000;
}

.form-field-2::placeholder {
    color: #1b243a66;
    font-size: .8em;
}

.form-field-2.is-text-area {
    min-height: 8em;
    padding-top: 2.7em;
    padding-left: .9em;
}

.form-inner-2 {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.form-2-background {
    width: 100%;
    height: 26em;
    margin-bottom: 6em;
    position: relative;
}

.content-paragraph-3 {
    color: #193472d9;
    max-width: 25em;
    font-size: 1.1em;
    line-height: 1.7em;
}

.content-grid-text {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.content-grid {
    grid-column-gap: 5em;
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 5em;
    display: grid;
}

.content-grid.more-margin {
    margin-bottom: 8em;
}

.padding-services {
    padding-top: 10em;
    padding-left: 0;
    padding-right: 0;
}

.solutions-with-lines {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}

.form-label-2.is-text-area {
    top: 1.9em;
}

.regular-hero {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 17em;
    padding-bottom: 12em;
    display: flex;
    position: relative;
}

.regular-hero.with-breadcrumbs {
    padding-top: 19.5em;
}

.regular-hero.is-404-page {
    flex: 1;
    padding-top: 12em;
    padding-bottom: 12em;
}

.regular-hero.in-password-page {
    padding-top: 18em;
    padding-bottom: 18em;
}

.regular-grid-column {
    border-left: .5em solid var(--original-color);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    padding-left: 4em;
    display: flex;
    overflow: hidden;
}

.form-title-1 {
    text-align: center;
    letter-spacing: -.02em;
    max-width: 15em;
    margin-bottom: 1em;
    font-size: 2em;
    font-weight: 500;
    line-height: 1.1em;
}

.contact-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.contact-block-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 4em 4em 3.5em;
    display: flex;
    position: relative;
}

.contact-block-2.is-1st {
    background-color: var(--white);
}

.contact-image-block-2 {
    width: 100%;
    height: 11em;
    margin-bottom: 2.5em;
    position: relative;
}

.contact-grid-title-1 {
    margin-bottom: .6em;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.1em;
}

.contact-grid-text-1 {
    margin-bottom: .8em;
    line-height: 1.5em;
}

.person-block-1 {
    flex-direction: column;
    align-items: flex-start;
    padding: 2em 1.5em 2em 4em;
    display: flex;
    position: relative;
    left: -2px;
}

.person-grid {
    grid-column-gap: 0em;
    grid-row-gap: 2.5em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.contact-inner-1 {
    padding-top: 10em;
    padding-left: 0;
    padding-right: 0;
}

.contact-inner-2 {
    padding: 16em 0 10em;
}

.map-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11.9em 0;
    display: flex;
}

.map-content {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #fff6;
    border: .7em solid #064dfa1a;
    border-radius: 3px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 58em;
    padding: 2em 3em;
    display: flex;
}

.map-title {
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.1em;
}

.map-title-wrap {
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-right: 2em;
    display: flex;
}

.address-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    font-size: 2em;
}

.vertical-tabs {
    flex-direction: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.tab-link {
    color: var(--original-color);
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #0000;
    border-left: 2px solid #0000;
    justify-content: center;
    align-items: center;
    padding: 1.2em 0 1.2em 2em;
    font-size: .95em;
    font-weight: 500;
    line-height: 1.1em;
    transition: border-color .3s;
}

.tab-link:hover {
    border-left-color: var(--original-color);
}

.tab-link.w--current {
    border-left-color: var(--font-color);
    opacity: 1;
    color: var(--font-color);
    background-color: #0000;
}

.tab-pane-grid {
    width: 100%;
    height: 100%;
}

.tabs-content {
    z-index: 5;
    width: 100%;
    overflow: visible;
}

.vertical-tabs-menu {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 20%;
    margin-bottom: 3em;
    margin-right: 5em;
    display: flex;
}

.tab-grid-2 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.tab-pane-list {
    width: 100%;
}

.tab-image-small {
    height: 20em;
    position: relative;
}

.tab-title {
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.1em;
}

.tab-address {
    color: var(--hover-blue-color);
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.5em;
}

.tab-grid-1 {
    grid-column-gap: 3em;
    grid-row-gap: 3em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-bottom: 4em;
    display: grid;
}

.accordion-inner {
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    /* padding: 2em 0 1.5em; */
    display: flex;
    position: relative;
}

.accordion-inner.in-testimonial {
    /* padding-top: 1.3em; */
}

.accordion-lines {
    z-index: 5;
    opacity: 1;
    flex-direction: column;
    flex: 0 auto;
    order: -1;
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
}

.newsletter-list-item {
    color: var(--font-color);
    list-style: disc;
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 1.2em;
    margin-bottom: 1.0em;
    font-weight: 450;
    display: list-item !important;
    overflow: hidden;
}
li::marker {
  color: red;
}

.accordion-content {
    background-color: #0000;
    display: block;
    position: relative;
}

.accordion-content.w--open {
    position: relative;
}

.accordion {
    flex: none;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    transition: background-color .2s;
    display: block;
    position: relative;
    overflow: hidden;
}

.accordion:hover {
    background-color: #064dfa0d;
}

.accordion-toggle {
    color: var(--original-color);
    white-space: normal;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 4em;
    padding: 0;
    display: flex;
}

.accordion-toggle.in-testimonial {
    justify-content: flex-start;
    align-items: center;
    min-height: 12em;
    padding-left: 8em;
    padding-right: 8em;
}

.accordion-line {
    z-index: 1;
    background-color: var(--font-color);
    height: 1px;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
}

.accordion-line.in-testimonial {
    z-index: 3;
}

.acc-title {
    z-index: 20;
    text-align: center;
    letter-spacing: .01em;
    max-width: 70%;
    padding-top: 10px;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.1em;
    text-decoration: none;
    position: relative;
}

.acc-title.in-testimonial {
    z-index: 20;
    margin-bottom: 0;
    padding-top: 20px;
    font-size: 2em;
    font-weight: 400;
}

.acc-title.is-2nd {
    text-align: left;
}

.accordion-arrow {
    z-index: 20;
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 2em;
    position: absolute;
    left: 5rem;
}

.accordion-arrow.in-newsletter-1 {
    margin-right: 1em;
    position: relative;
    left: auto;
}

.newsletter-list {
    color: var(--font-color);
    
    margin-bottom: 0;
    padding-left: 0;
    list-style: circle !important;
}

.grid-main-bg {
    z-index: 2;
    color: #fff;
    background-color: #28334d;
    position: absolute;
    inset: 0%;
}

.grid-main-bg.with-opacity {
    opacity: .5;
}

.grid-for-button {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    background-color: var(--white);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    position: relative;
}

.explore-link-button {
    background-color: var(--original-color);
    letter-spacing: .5em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 8em;
    padding: 1em;
    transition: letter-spacing .8s cubic-bezier(.075, .82, .165, 1);
    display: flex;
    position: relative;
    overflow: hidden;
}

.explore-link-button:hover {
    letter-spacing: .8em;
}

.explore-link-button.is-inquiry {
    background-color: var(--slate-grey);
    align-items: flex-start;
    padding-left: 3.5em;
    padding-right: 7em;
}

.grid-button-item {
    overflow: hidden;
}

.content-block-7 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 3em;
    display: flex;
}
.content-block-8 {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 6em;
    display: flex;
}
.solution-cms-2-list {
    grid-row-gap: 2em;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.solution-cms-2-item-2 {
    grid-column-gap: 0em;
    grid-row-gap: 4em;
    border: 1px solid var(--royal-blue-2);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 6.5em;
    display: grid;
    position: relative;
    overflow: hidden;
}

.solution-cms-2-item-2:first-child, .solution-cms-2-item-2:last-child {
    background-color: var(--original-color);
    color: var(--white);
}

.solution-cms-2-image {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: relative;
}

.solution-cms-2-content {
    z-index: 10;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 5em;
    display: flex;
    position: relative;
}

.button-3 {
    background-color: var(--original-color);
    color: var(--white);
    border: 1px solid #5284ff;
    justify-content: center;
    align-items: center;
    padding: 1.5em 4.5em;
    transition: background-color .2s;
    display: flex;
}

.button-3:hover {
    background-color: var(--hover-blue-color);
}

.solution-cms-3-desciption {
    opacity: .8;
    text-align: justify;
    max-width: 20em;
    margin-top: 2em;
    margin-bottom: 2em;
    line-height: 1.6em;
}

.projects-menu-grid {
    z-index: 10;
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center start;
    margin-bottom: 2em;
    display: grid;
    position: relative;
}

.dropdown-buttons {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.dropdown-title-block {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.content-paragraph-4 {
    color: #193472d9;
    max-width: 25em;
    font-size: 1.3em;
    line-height: 1.7em;
}

.chessboard-for-solution {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    padding-left: 6.5em;
    position: absolute;
    inset: 0%;
}

.chessboard-2 {
    z-index: 5;
    border: 1px solid #a0bcff40;
    position: relative;
}

.chessboard-2.is-10-opacity {
    background-color: #a0bcff1a;
}

.chessboard-2.is-borderless {
    border-color: #0000;
}

.hero-socials {
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.content-grid-button {
    justify-content: flex-end;
    display: flex;
}

.acc-flex {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.newsletter-content-block {
    max-width: 30em;
}

.newsletter-content {
    line-height: 1.6em;
}

.newsletter-2-title-block {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* max-width: 33em; */
    margin-top: 3em;
    margin-bottom: 3em;
    display: flex;
}

.newsletter-2-form {
    background-color: #ffffff5c;
    width: 100%;
    padding: 1.2em;
    position: relative;
}

.newsletter-2-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* max-width: 46em; */
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.newsletter-2-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-right: .3em;
    font-size: 6.3em;
}

.newsletter-2-acc-flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.newsletter-2-content {
    text-align: left;
    max-width: 23em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.6em;
}

.newsletter-2-padding {
    padding: 6em 0 4em;
}

.newsletter-2-title {
    text-align: center;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.2em;
    display: flex;
}

.grid-for-cms-content {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.cms-content-link-block {
    border: 1px #000;
    padding-top: .7em;
    /* padding-bottom: .7em; */
    padding-left: 1.5em;
    font-size: 1.3em;
    transition: border-color .2s;
}

.cms-content-link-block:hover {
    border-left-color: var(--original-color);
}

.cms-content-link-block.w--current {
    border-left-color: var(--font-color);
    color: var(--font-color);
    font-weight: bold;
    
}

.rich-text {
    font-weight: 700;
}

.rich-text h2 {
    letter-spacing: -.02em;
    margin-bottom: .4em;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.1em;
}

.rich-text p {
    text-align: justify;
    margin-bottom: .3em;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.7em;
}

.rich-text h3 {
    margin-top: 1.1em;
    margin-bottom: .5em;
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.1em;
}

.rich-text h4 {
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-size: 1.9em;
    font-weight: 600;
    line-height: 1.1em;
}

.rich-text h5 {
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: 1.7em;
    font-weight: 600;
    line-height: 1.1em;
}

.rich-text h6 {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.1em;
}

.rich-text h1 {
    margin-bottom: .6em;
    font-size: 4em;
    font-weight: 700;
    line-height: 1em;
}

.rich-text a {
    color: var(--original-color);
    transition: color .2s;
}

.rich-text a:hover {
    color: var(--dark-slate-blue);
    text-decoration: underline;
}

.rich-text strong {
    font-weight: 800;
}

.rich-text.with-margin {
    margin-bottom: 2em;
}

.rich-text.is-testimonial {
    color: var(--hover-blue-color);
    text-align: center;
    width: 100%;
    max-width: 40em;
    margin: 2.4em auto;
    font-size: 1.7em;
}

.hero-description-1 {
    color: #ffffffe6;
    max-width: 26em;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.8em;
}

.hero-description-1.in-solutions, .hero-description-1.in-services {
    max-width: 20em;
}

.hero-description-1.in-testimonials-1 {
    font-size: 1.5em;
    font-weight: 300;
}

.hero-description-1.in-testimonials-2 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
}

.regular-title-block {
    border-left: .5em solid var(--original-color);
    justify-content: flex-start;
    align-items: center;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    padding-left: 4em;
    display: flex;
    overflow: hidden;
}

.regular-title-block.in-testimonials, .regular-title-block.in-terms {
    flex-direction: column;
    align-items: flex-start;
}

.cms-content-column-1 {
    border-left: 3px solid #064dfa1a;
    padding-left: 2em;
    padding-right: 5em;
    position: sticky;
    
    margin-top: 3em;
}

.tab-column-1 {
    align-items: center;
    display: flex;
}

.cms-content-links {
    margin-left: -2em;
    position: relative;
    left: -3px;
}

.cms-content-link-title {
    box-sizing: border-box;
    text-transform: none;
    word-break: normal;
    padding: 1rem 6rem 1rem;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    justify-content: center;
    align-items: center;
    
    font-style: normal;
    text-decoration: none;
    display: flex;
}
.main_content{
    animation: typing 1s forwards;
}
.gallery-lightbox {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 20em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.gallery-lightbox.is-large-image {
    height: 43em;
}

.gallery-background {
    z-index: 3;
    background-color: #064dfa8c;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

.icon {
    z-index: 10;
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 1em;
    position: relative;
}

.icon.in-gallery {
    font-size: 1.5em;
    display: none;
    position: absolute;
}

.gallery-thumbnail {
    z-index: 1;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%;
    position: relative;
}

.medium-gallery-grid {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.medium-gallery {
    width: 100%;
}

.content-subtitle-4 {
    color: #193472cc;
    text-align: center;
    max-width: 24em;
    margin-bottom: 3.5em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.6em;
}

.service-3-cms-image {
    width: 100%;
    height: 20em;
    margin-bottom: 3em;
    position: relative;
    overflow: hidden;
}

.newsletter-acc-content {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-rows: minmax(auto, 1fr);
    grid-template-columns: 1fr;
    grid-auto-columns: 4fr;
    align-items: center;
    width: 100%;
    max-width: 75em;
    margin-bottom: 4em;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.newsletter-2-content-2 {
    text-align: center;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.6em;
    display: block;
}

.accordion-chessboard {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: auto 0% 0%;
}

.chessboard-3 {
    z-index: 5;
    border: 1px solid #064dfa1a;
    position: relative;
}

.chessboard-3.is-opacity-10 {
    background-color: #064dfa1a;
}

.chessboard-3.is-opacity-5 {
    background-color: #064dfa0d;
}

.chessboard-3.is-opacity-3 {
    background-color: #064dfa08;
}

.chessboard-3.is-borderless {
    border-color: #0000;
}

.testimonial-content {
    z-index: 10;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.testimonial-pattern-line {
    background-image: url('../images/diagonal-lines-dark-blue.svg');
    background-position: 0 0;
    background-size: .4em;
    border: 1px solid #064dfa4d;
    width: 5px;
    height: 5em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.accordion-full-line {
    z-index: 1;
    background-color: var(--royal-blue-2);
    height: 1px;
    position: absolute;
    inset: 0% 0% auto;
}

.testimonial-cms-list {
    border-bottom: 1px solid var(--royal-blue-2);
}

.acc-open {
    z-index: 20;
    color: var(--dark-slate-blue);
    text-align: right;
    position: absolute;
    right: 5rem;
}

.acc-open.is-2nd {
    right: 6.5rem;
}

.sublinks-wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
    position: relative;
    top: 1px;
}

.sublink {
    color: #fff9;
    border-bottom: 1px solid #0000;
    margin-right: 3em;
    padding-top: 3.5em;
    padding-bottom: 3.5em;
    transition: color .2s;
}

.sublink:hover {
    color: #fff;
}

.sublink.w--current {
    border-bottom-color: var(--white);
    color: #fff;
}

.alternative-links {
    border-bottom: 1px solid #35415e;
    width: 100%;
    transition: background-color .2s;
}

.alternative-links:hover {
    background-color: #151c2c;
}

.pattern-background {
    z-index: 17;
    border-top: 1px solid var(--light-steel-blue);
    opacity: .3;
    object-fit: fill;
    background-color: #064dfa1a;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 50%;
    background-size: 1em;
    width: 100%;
    height: 60%;
    position: absolute;
    inset: auto 0% 20%;
}

.pattern-background.in-project-cms {
    height: 45%;
}

.hero-project-cms {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 19em;
    padding-bottom: 14em;
    display: flex;
    position: relative;
}

.large-gallery {
    width: 100%;
}

.large-gallery-grid {
    grid-column-gap: 0em;
    grid-row-gap: 2.5em;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.large-gallery-item {
    width: 48.5%;
}

.breadcrumbs {
    z-index: 99;
    border-bottom: 1px solid var(--light-steel-blue);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 2.5em;
    padding-left: .2em;
    display: flex;
    position: absolute;
    inset: 5.5em 0% auto;
}

.breadcrumb-link {
    opacity: .7;
    color: var(--white);
    letter-spacing: .4em;
    text-transform: uppercase;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    padding: .5em 3em;
    font-size: .55em;
    font-weight: 500;
    transition: opacity .2s;
    display: flex;
}

.breadcrumb-link:hover, .breadcrumb-link.w--current {
    opacity: 1;
}

.breadcrumb-icon {
    opacity: .5;
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 1em;
}

.grid-for-button-2 {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    background-color: var(--white);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    position: relative;
}

.solution-cms-3 {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.solution-cms-3-list {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.solution-cms-3-item {
    grid-column-gap: 2em;
    background-color: var(--light-background);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    width: 100%;
    padding: 2em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.solution-cms-3-item:nth-child(2n) {
    background-color: var(--white);
    flex-direction: row-reverse;
}

.solution-cms-3-content {
    z-index: 10;
    /* background-color: var(--font-color); 
    color: var(--white);*/
    text-align: center;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 5em 3em 12em;
    display: flex;
    position: relative;
}

.solution-button {
    background-color: var(--original-color);
    color: var(--white);
    letter-spacing: .1em;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 8em;
    margin-top: auto;
    padding: 1.5em 4.5em;
    font-weight: 500;
    transition: background-color .2s;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}

.solution-button:hover {
    background-color: var(--hover-blue-color);
}

.hero-with-vertical-lines {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 17em;
    padding-bottom: 8em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.hero-vertical-content {
    z-index: 20;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 70em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.circle-border-color {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 2px solid #ffffff1a;
    border-radius: 50%;
    position: absolute;
    inset: 0%;
}

.uppercase-title-vertical {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--white);
    text-align: center;
    letter-spacing: .5em;
    text-indent: .5em;
    text-transform: uppercase;
    border: 1px solid #ffffff42;
    padding: .8em 1.4em;
    font-size: 1em;
    font-weight: 600;
}

.solution-cms-3-image {
    z-index: 10;
    width: 65%;
    height: 100%;
    position: relative;
}

.grid-for-vertical-lines {
    z-index: 2;
    grid-column-gap: 0em;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-left: -1px;
    margin-right: -1px;
    padding-top: 5.5em;
    display: grid;
    position: absolute;
    inset: 0%;
}

.vertical-line {
    border-right: 1px solid var(--light-steel-blue);
    width: 100%;
    height: 100%;
    transition: background-color .3s;
    position: relative;
}

.vertical-line:hover {
    background-color: var(--royal-blue-2);
}

.vertical-line.with-bg-opacity-15 {
    background-color: #064dfa26;
}

.vertical-line.with-bg-opacity-15:hover {
    background-color: var(--royal-blue-2);
}

.vertical-line.with-bg-opacity-5 {
    background-color: #064dfa0d;
}

.vertical-line.with-bg-opacity-5:hover {
    background-color: var(--royal-blue-2);
}

.vertical-line.with-bg-opacity-25 {
    background-color: #064dfa40;
}

.vertical-line.with-bg-opacity-25:hover {
    background-color: var(--royal-blue-2);
}

.service-3-cms-list {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    border-left: 3px solid #064dfa26;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}
.service-3-cms-list1 {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    /* border-left: 3px solid #064dfa26; */
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
}

.service-3-cms-item {
    padding-top: 10px;
    padding-bottom: 0;
    position: relative;
    left: -1px;
}

.service-3-cms-item:first-child {
    /* padding-top: 6em; */
}

.service-3-cms-item:last-child {
    padding-bottom: 2em;
}

.services-3-wrap {
    grid-column-gap: 10em;
    grid-row-gap: 10em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
}

.services-3-content {
    max-width: 35em;
    /* margin-top: 6em; */
    margin-bottom: 8em;
    padding-top: 0;
    position: sticky;
    top: 2.5em;
}
.services-3-content1 {
    max-width: 48em;
    /* margin-top: 6em; */
    margin-bottom: 8em;
    padding-top: 0;
    position: sticky;
    top: 2.5em;
}

.services-paragraph-1 {
    color: var(--font-color);
    text-align: justify;
    margin-top: 1em;
    text-justify: distribute;
    
    margin-bottom: 1em;
    

    font-size: 1.4em;
    
    line-height: 1.5em;
}
.services-paragraph-1-copy {
    color: var(--font-color);
    text-align: justify;
    margin-top: 1em;
    text-justify: distribute;
    
    margin-bottom: 1em;
    

    font-size: 1.4em;
    
    line-height: 1.7em;
}

.hero-with-vertical-lines-2 {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 16.5em;
    padding-bottom: 8em;
    display: flex;
    position: relative;
    overflow: hidden;
}

.projects-3-list {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.project-3-item {
    width: 45%;
    position: relative;
}

.project-3-item:nth-child(2n) {
    margin-top: 10em;
}

.project-3-image {
    width: 100%;
    height: 30em;
    position: relative;
}

.project-3-content {
    padding-top: 2.2em;
}

.projects-3-padding {
    padding: 12em 0;
}

.project-3-link {
    transition: color .2s;
}

.project-3-link:hover {
    color: var(--font-color);
}

.projects-3 {
    width: 100%;
}

.services-3-wrap-home {
  display: grid;
  /*top: 60px; /* match or exceed navbar height */
  grid-template-columns: 2fr 2fr;
  grid-column-gap: 2rem;
  align-items: start;
}
.services-3-wrap-home1 {
  display: grid;
  /*top: 60px; /* match or exceed navbar height */
  grid-template-columns: 3fr 2fr;
  grid-column-gap: 1rem;
  
  align-items: start;
}

.hero-socials-wrap {
    margin-top: -1.6em;
}

.brand-slogan-footer {
    opacity: .8;
    color: #c6d7ff;
    letter-spacing: .25em;
    font-size: .6em;
    font-weight: 600;
}

.background-pattern {
    z-index: 1;
    background-color: #28334d;
    background-image: url('../images/diagonal-lines-blue.svg');
    background-position: 50%;
    background-size: 1em;
    position: absolute;
    inset: 0%;
}

.company-grid {
    grid-column-gap: 0em;
    grid-row-gap: 0em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.company-block-1 {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 35em;
    padding: 2.5em;
    line-height: 1em;
    transition: background-color .2s, color .2s;
    display: flex;
    position: relative;
}

.company-block-1:hover {
    background-color: var(--dark-slate-blue);
    color: var(--white);
}

.company-block-1.is-2nd {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.company-content {
    z-index: 20;
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    max-width: 17em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.company-content.is-white-color {
    color: var(--white);
}

.company-title {
    text-transform: uppercase;
    margin-bottom: 1em;
    font-size: 2.1em;
    font-weight: 600;
    line-height: 1.2em;
    display: inline-block;
}

.company-subtitle {
    line-height: 1.6em;
}

.company-block-2 {
    z-index: 10;
    min-height: 35em;
    position: relative;
    overflow: hidden;
}

.company-title-2 {
    z-index: 20;
    text-transform: uppercase;
    max-width: 4em;
    font-size: 3.3em;
    font-weight: 600;
    position: relative;
}

.company-title-2.is-white {
    color: var(--white);
}

.light-weight {
    font-weight: 200;
}

.content-grid-4-image {
    width: 100%;
    height: 80%;
    position: relative;
}

.company-2-padding {
    padding-left: 0;
    padding-right: 0;
}

.empty-state-default {
    z-index: 100;
    color: var(--white);
    text-align: center;
    background-color: #329223;
    justify-content: center;
    align-items: center;
    padding: 3.5em 3em;
    font-size: 2.4em;
    line-height: 1.1em;
    display: flex;
    position: relative;
}

.content-grid-block-3 {
    z-index: 10;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 35em;
    padding: 4em;
    display: grid;
    position: relative;
    overflow: hidden;
}

.content-grid-block-3.with-bg-blue {
    background-color: var(--hover-blue-color);
}

.service-3-cms-block {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8em;
    padding: 0 5em 3.5em;
    /* display: flex; */
    position: relative;
    left: -2px;
}
.service-3-cms-block1 {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8em;
    padding-left: 5em;
    /* display: flex; */
    position: relative;
    left: -2px;
}
.tab-paragraph-1 {
    margin-bottom: 1.5em;
    font-size: 1.2em;
    line-height: 1.5em;
}

.contact-inner-3 {
    padding: 10em 0;
}

.contact-2-inner-1 {
    object-fit: fill;
    /* padding-top: 10em; */
    padding-left: 0;
    padding-right: 0;
}

.sticky-column-2 {
    color: var(--white);
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    max-width: 35em;
    padding-top: 80vh;
    padding-bottom: 80vh;
    padding-left: 6em;
    display: flex;
    position: relative;
}

.sticky-100vh-block-2 {
    z-index: 2;
    height: 100vh;
    position: sticky;
    top: 0;
}

.content-paragraph-2 {
    font-size: 1.2em;
    line-height: 1.7em;
}

.content-block-8 {
    max-width: 36em;
    position: sticky;
    top: 6em;
}

.testimonial-title-1 {
    text-align: center;
    letter-spacing: .3em;
    text-indent: .3em;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
}

.testimonial-signature {
    justify-content: center;
    align-items: center;
    display: flex;
}

.testimonial-slash {
    margin-left: 1.2em;
    margin-right: 1.2em;
}

.social-hero-header {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding-top: 13.5em;
    padding-bottom: 13.5em;
    display: flex;
    position: relative;
}

.sublinks-cms-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.sample-paragraph {
    max-width: 36em;
    line-height: 1.9em;
}

.password-form {
    text-align: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0;
    display: flex;
}

.password {
    z-index: 100;
    background-color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 57em;
    margin-top: -8.3em;
    margin-left: auto;
    margin-right: auto;
    padding: 3em;
    display: flex;
    position: relative;
    box-shadow: 0 40px 140px -20px #1b243a63;
}

.password-form-label {
    z-index: 20;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 600;
    position: absolute;
    top: 5.5em;
    left: 3.6em;
}

.password-form-inner {
    background-color: #ffffff5c;
    width: 100%;
    padding: 1.2em;
    position: relative;
}

.password-form-block {
    z-index: 10;
    background-color: #f7f8fc;
    border: 1px solid #064dfa26;
    border-radius: 3px;
    flex: none;
    width: 100%;
    margin-bottom: 0;
    padding: 1.5em;
    transition: background-color .2s, border-color .2s;
    position: relative;
}

.password-form-block:hover {
    background-color: var(--white);
    border-color: #064dfa52;
}

.password-form-field {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex;
}

.password-form-input {
    z-index: 5;
    color: var(--font-color);
    background-color: #0000;
    border: 1px solid #0000;
    min-height: 3em;
    margin-bottom: 0;
    padding: .5em 0 .5em 5.5em;
    font-size: 1.4em;
    line-height: 1.1em;
    transition: border-color .5s;
    position: relative;
}

.password-form-input:focus {
    background-color: #0000;
    border-color: #fff0;
}

.password-form-input:focus-visible, .password-form-input[data-wf-focus-visible] {
    border-color: #fff0;
}

.password-form-input::placeholder {
    color: #1b243a73;
    font-size: .9em;
}

.password-form-submit {
    letter-spacing: .1em;
    text-transform: uppercase;
    background-color: #329223;
    background-image: url('../images/east_white_24dp.svg');
    background-position: 85%;
    background-repeat: no-repeat;
    background-size: 1.1em;
    border-radius: 3px;
    min-width: 15em;
    padding: 1.4em 3.6em 1.4em 2.3em;
    font-size: 1em;
    font-weight: 500;
    transition: background-position .6s cubic-bezier(.075, .82, .165, 1), background-color .2s;
}

.password-form-submit:hover {
    background-color: #297c1c;
    background-position: 89%;
}

.password-error {
    z-index: 50;
    background-color: #f79e9e66;
    border: 1px solid #fab1af;
    margin-top: 1em;
    padding: 1em;
    position: relative;
}

.password-error-text {
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.3em;
}

.max-width-6 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 64em;
    margin-bottom: 6em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.max-width-7 {
    width: 100%;
    max-width: 26em;
}

.content-grid-4 {
    grid-template-rows: auto;
}

.social-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 4em;
}

.content-text-2 {
    text-align: center;
    max-width: 15em;
    margin-bottom: 1.4em;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.5em;
}

.content-title-1 {
    text-align: center;
    max-width: 14em;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.5em;
}

.grid-icon-1 {
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 2em;
}

.company-block-4 {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 35em;
    margin-bottom: 0;
    padding: 2.5em;
    line-height: 1em;
    display: flex;
    position: relative;
}

.content-text-3 {
    color: #193472cc;
    text-align: center;
    max-width: 14em;
    margin-top: 1.8em;
    margin-bottom: 1.8em;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.5em;
}

.company-block-4 {
    margin-bottom: 0;
}

.company-title-3 {
    z-index: 20;
    text-transform: uppercase;
    max-width: 4em;
    font-size: 3.3em;
    font-weight: 600;
    position: relative;
}

.content-block-3 {
    flex-direction: row;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
}

.style-guide-block {
    width: 100%;
    max-width: 59em;
    margin-left: auto;
    margin-right: auto;
}

.aside-icon {
    object-fit: contain;
    width: 1em;
    height: 1em;
    font-size: 1.3em;
}

.button-overlap-4, .button-overlap-5 {
    margin-right: 2.3em;
}

.two-buttons-1 {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
}

.content-padding-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10em;
    padding-bottom: 10em;
    display: flex;
}

.content-icon-1 {
    object-fit: contain;
    width: 1em;
    height: 1em;
    margin-bottom: 1em;
    font-size: 1.7em;
}

.buttons-in-sticky-sec {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.max-width-8 {
    flex-direction: column;
    align-items: flex-start;
    max-width: 68em;
    display: flex;
}

.sublinks-cms {
    width: 100%;
}

.static-gallery-grid, .static-gallery-grid-large {
    grid-column-gap: 5em;
    grid-row-gap: 5em;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
}

.preloader-background {
    z-index: 1;
    background-color: var(--font-color);
    height: 150%;
    position: absolute;
    left: 0%;
    right: 0%;
}

.preloader-loading {
    z-index: 10;
    color: #618fff;
    letter-spacing: .6em;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: 400;
    position: absolute;
    right: 5em;
}

.preloader-brand {
    z-index: 10;
    align-items: center;
    display: block;
}

.preloader {
    z-index: 9999;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5em;
    display: none;
    position: fixed;
    inset: 0%;
}

.preloader-logo {
    object-fit: contain;
    width: 15em;
    height: 15em;
    margin-right: .6em;
    font-size: 1.9em;
}

.preloader-inner {
    z-index: 10;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.preloader-brand-name {
    color: var(--white);
    /* font-family: garn; */
    letter-spacing: .4em;
    text-transform: uppercase;
    font-weight: 600;
}

.preloader-line {
    background-color: var(--original-color);
    width: 1px;
    height: 5em;
    margin-left: 4em;
    margin-right: 4em;
}

.preloader-content {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.preloader-content-title {
    color: var(--white);
    font-size: 2em;
    font-weight: 300;
}

.preloader-title-overflow {
    margin-bottom: .3em;
    overflow: hidden;
}
/* Three image containers (use 25% for four, and 50% for two, etc) */
.row {
  display: flex;
  flex-wrap: wrap;
  /* padding: 2em 2em; */
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 33%;
 
  
}
.column1 {
  flex: 33%;
  
  padding-right: 6em;
  
}
.column img {
  margin-top: 8px;
  vertical-align: middle;
}

.project-link-2 {
    z-index: 10;
    background-color: var(--white);
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    padding: 1.8em;
    font-size: .8em;
    transition: background-color .3s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.project-link-2:hover {
    background-color: #ffffffbf;
}

.colors {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 5em;
    display: grid;
}

.color-define {
    background-color: var(--body-color);
    width: 100%;
    height: 5em;
}

.color-define.is-1st {
    opacity: .1;
}

.color-define.is-2nd {
    opacity: .3;
}

.color-define.is-3rd {
    opacity: .5;
}

.color-define.is-4th {
    opacity: .7;
}

.color-define.is-5th {
    opacity: .9;
}

.color-define-2 {
    background-color: var(--dark-slate-blue);
    width: 100%;
    height: 5em;
}

.color-define-2.is-1st {
    opacity: .1;
}

.color-define-2.is-2nd {
    opacity: .3;
}

.color-define-2.is-3rd {
    opacity: .5;
}

.color-define-2.is-4th {
    opacity: .7;
}

.color-define-2.is-5th {
    opacity: .9;
}

.color-define-3 {
    background-color: var(--original-color);
    width: 100%;
    height: 5em;
}

.color-define-3.is-1st {
    opacity: .1;
}

.color-define-3.is-2nd {
    opacity: .3;
}

.color-define-3.is-3rd {
    opacity: .5;
}

.color-define-3.is-4th {
    opacity: .7;
}

.color-define-3.is-5th {
    opacity: .9;
}

.bold-text {
    font-weight: 600;
}



.main-button-copy:hover {
    border-color: #a0bcffa8;
}

.main-button-copy.in-dropdown {
    font-size: .85em;
}

.main-button-copy.is-full-width {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.main-button-copy.in-footer {
    border-color: #354777;
    width: 100%;
}

.main-button-copy.is-contact-menu {
    min-width: 18em;
    margin-left: 1em;
    font-size: .8em;
}

.brands-logo-copy, .brands-logo-copy-copy {
    z-index: 10;
    box-sizing: border-box;
    object-fit: contain;
    object-position: 50% 50%;
    width: 13em;
    height: 3.4em;
    position: relative;
}

.image {
    max-width: 50%;
}

.image-2 {
    max-width: 75%;
}

.image-3 {
    border-radius: 15px;
}

.container-copy {
    z-index: 10;
    box-sizing: border-box;
    border: .1px solid var(--original-color);
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-clip: content-box;
    background-color: #ffffff;
    border-radius: 3px;
    width: 50%;
    max-width: 50em;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2em;
    padding-right: 2em;
    display: inline-flex;
    position: relative;
    bottom: auto;
}

.container-copy.is-cta-container {
    padding-left: 10em;
}

.container-copy.is-static {
    position: static;
}

.container-copy.in-acc {
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    display: flex;
}

.italic-text {
    text-align: justify;
    min-width: auto;
    min-height: auto;
    max-height: none;
}

.list-title-2-copy {
    color: var(--hover-blue-color);
    margin-bottom: .7em;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.2em;
}

.italic-text-2 {
    font-size: 1em;
}

.section-clients {
    z-index: 10;
    background-image: url('../images/background.webp');
    background-position: 50%;
    background-size: cover;
    border: .2px solid #000;
    border-radius: .1px;
    position: relative;
    overflow: hidden;
}

.section-clients.page-hero-sec {
    z-index: 20;
    overflow: visible;
}

.section-clients.is-form-section {
    background-color: var(--light-background);
    border-top: 1px solid #064dfa40;
    border-bottom: 1px solid #064dfa40;
}

.section-clients.cta-content-1 {
    z-index: 15;
    margin-top: 8em;
    margin-bottom: 8em;
    overflow: visible;
}

.section-clients.blue-ligh-bg {
    background-color: var(--light-background);
}

.section-clients.overflow-visible {
    overflow: visible;
}

.section-clients.bg-blue {
    background-color: #eef1fa;
    border-top: 1px solid #064dfa1a;
    border-bottom: 1px solid #064dfa1a;
}

.section-clients.contact-sec {
    border-top: 1px solid var(--royal-blue-2);
    border-bottom: 1px solid var(--royal-blue-2);
    overflow: visible;
}

.section-clients.is-form-sec {
    overflow: visible;
}

.section-clients.contact-sec-2 {
    z-index: 7;
    background-color: var(--light-background);
    border-top: 1px solid #064dfa40;
    border-bottom: 1px solid #064dfa40;
    margin-top: -8em;
}

.section-clients.map-sec {
    background-color: #f1f5ff;
}

.section-clients.is-newsletter {
    background-color: #1934721a;
    background-image: url('../images/background.jpg');
    background-position: 0 0;
    background-size: auto;
}

.section-clients.with-bottom-border {
    border-bottom: 1px solid var(--royal-blue-2);
}

.section-clients.is-404-sec {
    z-index: 20;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    display: flex;
    overflow: visible;
}

.section-clients.sticky-sec {
    z-index: 20;
    overflow: visible;
}

.image-4 {
    
    max-width: 40% !important;
}

.cover-image-copy {
    z-index: 5;
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.cover-image-copy.is-map {
    mix-blend-mode: multiply;
}

.rich-text-block {
    box-sizing: content-box;
    object-fit: cover;
    position: relative;
}

.grid-content-3-copy {
    color: #fff;
    text-align: center;
    order: 0;
    max-width: 16em;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.4em;
    text-decoration: none;
}

.bold-text-copy {
    font-weight: 600;
}

.list-item, .list-item a,.list-item-2, .list-item-3, .list-item-4,.list-item-2 a, .list-item-3 a, .list-item-4 a {
    color: #fff;
}

.text-block {
    padding-top: 10px;
    font-size: 1.6vw;
    font-weight: 500;
}

.rich-text-block-2 {
    box-sizing: border-box;
    text-align: justify;
    object-fit: contain;
    padding-top: 20px;
    font-size: 1.3vw;
    font-weight: 200;
    position: static;
}

.video {
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.background-video {
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    display: flex;
}

.image-5 {
    overflow: visible;
}

.content-title-2-copy {
    color: var(--original-color);
    text-align: left;
    -webkit-text-stroke-color: var(--body-color);
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.2em;
}

.content-title-2-copy {
    color: var(--original-color);
    text-align: left;
    -webkit-text-stroke-color: var(--body-color);
    text-transform: uppercase;
    
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.2em;
}

.image-6 {
    max-width: 50%;
}

.content-title-2-copy {
    color: var(--original-color);
    text-align: left;
    -webkit-text-stroke-color: var(--body-color);
    text-transform: uppercase;
    
    
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.2em;
}

.content-title-2-copy.in-contact {
    margin-bottom: .6em;
    font-size: 1.8em;
}

.content-title-2-copy.is-name {
    margin-bottom: .6em;
    font-size: 1.4em;
    font-weight: 500;
}

.paragraph {
    color: var(--font-color);
}

.content-title-2-copy-copy {
    color: var(--original-color);
    text-align: left;
    -webkit-text-stroke-color: var(--body-color);
    text-transform: none;
    margin-top: 0;
    margin-bottom: 2em;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.2em;
}

.content-title-2-copy-copy.in-contact {
    margin-bottom: .6em;
    font-size: 1.8em;
}

.content-title-2-copy-copy.is-name {
    margin-bottom: .6em;
    font-size: 1.4em;
    font-weight: 500;
}

.bold-text-2 {
    text-transform: uppercase;
}

.heading-copy.is-hero-page-title {
    color: var(--white);
    text-align: left;
    object-fit: fill;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.3em;
}

.list, .list-2, .list-3 {
    text-align: left;
}

.newsletter-2-content-2-copy {
    color: var(--white);
    text-align: left;
    text-transform: uppercase;
    max-width: 50em;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.6em;
    display: flex;
}
.newsletter-2-content-2-copy1 {
    color: var(--white);
    text-align: left;
    text-transform: none;
    max-width: 100em;    
    margin-left: auto;
    margin-right: auto;
    font-size: 0.8em !important;
    font-weight: 400;
    line-height: 1.6em;
    display: flex;
}

.heading-copy {
    
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.is-content-title-2 {
    margin-top: .7em;
    margin-bottom: 1.6em;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.is-hero-2-title-1 {
    color: var(--white);
    text-align: center;
    margin-top: .7em;
    font-size: 4.4em;
    font-weight: 400;
    line-height: 1.3em;
}

.heading-copy.is-content-title-5 {
    color: #fff;
    text-align: center;
    margin-top: .7em;
    margin-bottom: .7em;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.is-form-title {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 2.5em;
    line-height: 1.3em;
}

.heading-copy.is-brand-title {
    margin-top: .7em;
    margin-bottom: 2em;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.is-cta-title-1 {
    text-align: center;
    max-width: 11.3em;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 2.8em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.is-newsletter-title {
    letter-spacing: -.03em;
    text-transform: none;
    max-width: 12.5em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2em;
}

.heading-copy.is-content-grid-title-1 {
    z-index: 10;
    text-transform: none;
    margin-bottom: 2em;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 1.1em;
    position: relative;
}

.heading-copy.is-hero-2-title {
    color: var(--white);
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 4.4em;
    font-weight: 400;
    line-height: 1.3em;
}

.heading-copy.is-about-title-2 {
    margin-top: .7em;
    margin-bottom: .7em;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.is-contact-title-2 {
    max-width: 21em;
    margin-bottom: 1.4em;
    padding-left: 1.7em;
    font-size: 2.1em;
    font-weight: 600;
    line-height: 1.4em;
}

.heading-copy.is-hero-7-title {
    color: var(--white);
    text-align: left;
    font-size: 4em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading-copy.is-content-title-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 5em;
    font-weight: 600;
    line-height: 1.1em;
}

.heading-copy.is-form-title-2 {
    text-align: center;
    letter-spacing: -.04em;
    text-transform: none;
    margin-bottom: 1.2em;
    font-size: 2.2em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading-copy.is-contact-title-3 {
    margin-bottom: 1.2em;
    font-size: 2.6em;
    font-weight: 600;
    line-height: 1.1em;
}

.heading-copy.is-hero-page-title {
    color: var(--white);
    text-align: center;
    object-fit: fill;
    margin-top: 0.2em;
    font-size: 2em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading-copy.is-hero-page-title.in-terms {
    margin-right: .6em;
    font-size: 5.5em;
}

.heading-copy.is-hero-page-title.in-solution-1 {
    margin-right: 1em;
    font-size: 5.5em;
}

.heading-copy.is-hero-page-title.in-services {
    margin-right: 1em;
    font-size: 5.2em;
    line-height: 1.1em;
}

.heading-copy.is-hero-page-title.in-testimonials {
    margin-right: 1em;
    font-size: 5.5em;
    line-height: 1.1em;
}

.heading-copy.is-hero-page-title.in-brands {
    margin-right: .6em;
    font-size: 5.5em;
}

.heading-copy.is-hero-1-title {
    color: var(--white);
    text-align: left;
    font-size: 4em;
    font-weight: 500;
    line-height: 1.3em;
}

.heading-copy.is-about-cms-title {
    margin-bottom: 1em;
    font-size: 4.5em;
    font-weight: 600;
}

.heading-copy.is-project-cms-title {
    border-left: .1em solid var(--original-color);
    color: var(--white);
    max-width: 11.5em;
    padding-left: .8em;
    font-size: 6em;
    font-weight: 500;
    line-height: 1.5em;
}

.heading-copy.is-content-title-4 {
    text-align: center;
    margin-top: 0;
    margin-bottom: .4em;
    font-size: 4em;
    font-weight: 600;
    line-height: 1.1em;
}

.heading-copy.in-hero-vertical {
    color: var(--white);
    text-align: center;
    margin-top: .8em;
    margin-bottom: .8em;
    font-size: 5em;
    font-weight: 400;
    line-height: 1.2em;
}

.heading-copy.is-service-title-3 {
    font-size: 2.4em;
    font-weight: 400;
    line-height: 1.5em;
}

.heading-copy.is-project-title-3 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.in-sticky-sec {
    color: var(--white);
    text-align: left;
    margin-bottom: 1em;
    font-size: 3.2em;
    font-weight: 400;
    line-height: 1.5em;
}

.heading-copy.is-social-title {
    color: var(--white);
    margin-top: .3em;
    margin-bottom: .3em;
    margin-right: .7em;
    font-size: 7em;
}

.heading-copy.is-sample-title {
    margin-bottom: .2em;
}

.heading-copy.is-service-title-4 {
    letter-spacing: -.02em;
    text-transform: none;
    margin-bottom: .9em;
    font-size: 4em;
    font-weight: 400;
    line-height: 1.3em;
}

.heading-copy.is-content-title-7 {
    text-align: center;
    margin-bottom: 1em;
    font-size: 5em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.is-content-title-1 {
    text-align: center;
    max-width: 11.3em;
    font-size: 2.8em;
    font-weight: 500;
    line-height: 1.2em;
}

.heading-copy.in-contact-2 {
    color: var(--white);
    text-align: center;
    max-width: 14em;
    margin: 1em auto;
    font-size: 4.4em;
    font-weight: 400;
    line-height: 1.3em;
}

.uppercase-title-border-copy {
  border-left: 0.5em solid var(--new-font-color);
  border-right: 0.5em solid var(--new-font-color);
  color: var(--original-color);
  text-align: center;
  letter-spacing: 0.2em;
  text-indent: 0;
  text-transform: uppercase;
  object-fit: contain;
  max-width: none;
  margin-top: 3em; /* ✅ Added */
  margin-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 1.6em;
  font-weight: 800 !important;
  display: inline-block; /* ✅ Changed from inline */
}

.bold-text-3 {
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.bold-text-4 {
    display: inline;
}

@media screen and (min-width: 1440px) {
    body {
        font-size: 14px;
    }

    .section.cta-content-1 {
        margin-top: 4em;
    }

    .cover-image {
        text-align: left;
        object-fit: contain;
        margin-top: 0;
        position: absolute;
    }

    .content-anim-trigger {
        text-align: justify;
    }

    .brand-link-block {
        pointer-events: none;
    }

    .brands-logo {
        cursor: default;
        object-fit: contain;
        width: 8em;
    }

    .content-grid-4-text {
        color: #fff;
        text-align: justify;
        font-size: 1.4em;
    }
    .content-grid-4-text-copy {
        color: #000000;
        text-align: justify;
        font-size: 1.4em;
    }

    .grid-3-column {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .image-4 {
        width: 40%;
        max-width: 150%;
        max-height: 150px;
    }

    .cover-image-copy {
        text-align: left;
        object-fit: contain;
        position: absolute;
    }

    .collection-item {
        flex-flow: row;
        justify-content: center;
        align-items: center;
        display: flex;
    }
}

@media screen and (min-width: 1920px) {
    body {
        font-size: 15px;
    }
}

@media screen and (max-width: 991px) {
    body {
        font-size: 12px;
    }

    .section.is-404-sec {
        min-height: 80vh;
    }

    .container {
        padding-left: 6em;
        padding-right: 6em;
    }
    .container1 {
    
    }

    .container.is-cta-container {
        padding-left: 1.3em;
    }

    .padding-inner {
        padding-top: 8em;
        padding-bottom: 8em;
    }

    .heading.is-content-title-2 {
        font-size: 3.2em;
    }

    .heading.is-hero-2-title-1 {
        font-size: 3.4em;
    }

    .heading.is-content-title-5, .heading.is-brand-title {
        font-size: 3.2em;
    }

    .heading.is-cta-title-1 {
        font-size: 2.3em;
    }

    .heading.is-hero-2-title {
        font-size: 3.4em;
    }

    .heading.is-about-title-2, .heading.is-hero-7-title {
        font-size: 3.2em;
    }

    .heading.is-content-title-3 {
        font-size: 4em;
    }

    .heading.is-hero-page-title {
        font-size: 4.5em;
    }

    .heading.is-hero-page-title.in-terms {
        margin-bottom: .2em;
        font-size: 4.7em;
    }

    .heading.is-hero-page-title.in-solution-1, .heading.is-hero-page-title.in-services {
        margin-bottom: .2em;
        margin-right: 0;
        font-size: 4.7em;
    }

    .heading.is-hero-page-title.in-testimonials, .heading.is-hero-page-title.in-brands {
        margin-bottom: .2em;
        font-size: 4.7em;
    }

    .heading.is-hero-1-title {
        font-size: 3.2em;
    }

    .heading.is-about-cms-title {
        font-size: 4em;
    }

    .heading.is-project-cms-title {
        padding-left: .5em;
    }

    .heading.is-content-title-4, .heading.in-hero-vertical {
        font-size: 4em;
    }

    .heading.is-project-title-3 {
        font-size: 1.6em;
    }

    .heading.in-sticky-sec {
        font-size: 3.6em;
    }

    .heading.is-content-title-7 {
        font-size: 3.2em;
    }

    .heading.is-content-title-1 {
        font-size: 2.3em;
    }

    .heading.in-contact-2 {
        font-size: 3.4em;
    }

    .list-block.in-company {
        max-width: 31em;
    }

    .list-title {
        font-size: 1.4em;
    }

    .list-text {
        max-width: none;
        font-size: 1.15em;
    }

    .hero-2-header {
        min-height: auto;
    }

    .nav-link {
        color: var(--dark-slate-blue);
        letter-spacing: .15em;
        border-left-width: 0;
        border-left-color: #0000;
        min-height: 6em;
        font-size: 1.2em;
    }

    .nav-link.is-dropdown {
        width: 100%;
    }

    .hero-2-content {
        padding-top: 16em;
    }

    .solutions-grid {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        grid-template-columns: 1fr;
    }

    .solution-image {
        width: 22em;
    }

    .hero-2-solutions {
        max-width: 45em;
    }

    .hero-sticky-block {
        width: 6em;
        font-size: .9em;
    }

    .content-grid-block-1 {
        min-height: 30em;
        padding: 2.5em;
    }

    .grid-icon-large {
        font-size: 5em;
    }

    .project-cms-grid {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
    }

    .project-link-block {
        height: 32em;
        padding: 3em;
    }

    .form-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }

    .form-field {
        padding-left: 6.5em;
        font-size: 1.3em;
    }

    .form-label {
        font-size: .9em;
        font-weight: 500;
    }

    .form-item {
        font-size: 1.1em;
    }

    .form-block {
        margin-left: auto;
        margin-right: auto;
    }

    .submit-button {
        font-size: 1.1em;
    }

    .form-background {
        width: 100%;
        height: 40em;
        inset: 0% 0% auto;
    }

    .dropdown-link {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .dropdown-icon {
        font-size: 1em;
    }

    .dropdown-list.w--open {
        border-top: 1px solid var(--royal-blue-2);
        border-bottom: 1px solid var(--royal-blue-2);
        box-shadow: none;
        background-color: #e7ebf3;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }

    .dropdown-list.is-contacts {
        position: absolute;
        top: 5em;
        left: 0;
        right: 0;
        box-shadow: 0 100px 90px -30px #121827f0;
    }

    .menu-dropdown-title.is-contant-title {
        margin-right: 0;
    }

    .service-cms-block {
        margin-bottom: 6em;
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    .projects-menu-list {
        grid-template-columns: 1fr;
    }

    .project-menu-link-block {
        height: 16em;
    }

    .contact-menu-grid-subtitle {
        font-size: 1.1em;
    }

    .blue-lines---middle, .blue-lines---middle-left, .blue-lines---corner-left, .blue-lines---middle-right, .blue-lines---corner-right, .blue-lines---corner-right-2, .blue-lines---corner-left-2 {
        font-size: .7em;
    }

    .brands-grid {
        grid-template-columns: 1fr 1fr;
    }

    .brands-content-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .newsletter-grid {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 46em;
        margin-left: auto;
        margin-right: auto;
    }

    .newsletter-field {
        font-size: 1.3em;
    }

    .newsletter-field::placeholder {
        font-size: 1.1em;
    }

    .newsletter-icon {
        font-size: 5.9em;
    }

    .footer-grid {
        grid-column-gap: 0em;
        grid-row-gap: 5em;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .footer-small-link {
        border-left-color: var(--original-color);
        padding-left: 3.6em;
    }

    .socials-in-footer {
        background-color: var(--original-color);
    }

    .footer-link-title {
        font-size: 2.7em;
    }

    .footer-about-text {
        padding-left: 3em;
    }

    .footer-address-button {
        background-color: #064dfa26;
        border-color: #243b75;
        padding-left: 4em;
        padding-right: 4em;
    }

    .footer-contect-block {
        border-left-color: #064dfa4d;
        max-width: 37em;
    }

    .subfooter-inner {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .powered-by-webflow-link {
        color: #c3def8;
        background-color: #064dfa12;
        border-color: #273b70;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .main-footer-section:hover {
        background-color: #0000;
    }

    .nav-text-1 {
        letter-spacing: .3em;
        text-transform: uppercase;
        margin-left: .6em;
        font-size: .5em;
        font-weight: 600;
        line-height: 1.1em;
    }

    .contact-menu-title {
        font-size: 1.4em;
    }

    .dots-wrap {
        display: none;
    }

    .dots-wrap-2 {
        margin-left: .3em;
    }

    .menu-dot-2 {
        font-size: .175em;
    }

    .menu-desktop-title {
        font-size: 1.4em;
    }

    .contact-menu-grid-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .menu-contact-icon {
        flex: none;
        font-size: 2em;
        display: block;
    }

    .solutions-grid-page {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
        grid-template-columns: 1fr;
    }

    .solution-description {
        max-width: none;
    }

    .content-grid-2-block {
        padding: 2.5em;
    }

    .list-content-2 {
        max-width: 90%;
    }

    .text-link:hover {
        padding-right: 1.7em;
    }

    .buttons-wrap {
        flex-wrap: wrap;
    }

    .second-navbar {
        width: 6em;
        font-size: .9em;
    }

    .list-title-2 {
        font-size: 1.4em;
    }

    .list-paragraph-2 {
        max-width: none;
        font-size: 1.1em;
    }

    .content-grid-block-4 {
        padding: 2.5em;
    }

    .content-grid-block-4:hover {
        color: var(--font-color);
        background-color: #0000;
    }

    .content-grid-block-4.is-1st:hover {
        background-color: var(--hover-blue-color);
        color: var(--white);
    }

    .content-grid-block-4.different-color-for-tab {
        background-color: var(--font-color);
        color: var(--white);
    }

    .content-grid-number {
        padding-top: .8em;
        padding-bottom: .8em;
    }

    .company-2-grid-block {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    .flex-for-sticky {
        flex-wrap: wrap;
    }

    .sticky-column-1 {
        width: 100%;
        min-height: auto;
        padding-top: 16em;
        padding-bottom: 7em;
        position: relative;
    }

    .sticky-column-2-bg {
        border-top: 1px solid var(--light-steel-blue);
        border-right: 1px solid var(--light-steel-blue);
        margin-top: 0;
    }

    .content-grid-4-block {
        align-items: center;
        padding-top: 8em;
        padding-bottom: 8em;
    }

    .max-width-4 {
        max-width: 42em;
    }

    .contact-2-grid {
        grid-column-gap: 4em;
        grid-row-gap: 4em;
        grid-template-columns: 1fr;
    }

    .blue-bg-absolute {
        display: none;
    }

    .contact-block-1 {
        padding-left: 4em;
        padding-right: 4em;
    }

    .contact-2-column-1 {
        width: 100%;
        max-width: 45em;
    }

    .contact-2-column-2 {
        min-height: auto;
        position: relative;
    }

    .service-cms-link {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
    }

    .service-cms-link:hover {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .solutions-menu-grid {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
        grid-template-columns: 1fr;
    }

    .template-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .template-link-title {
        font-size: 1.2em;
    }

    .nav-main-row-grid {
        justify-content: space-between;
    }

    .nav-column-1-grid {
        min-width: auto;
    }

    .nav-menu-grid {
        /* z-index: 99; */
        background-color: var(--white);
        position: absolute;
        top: 5.6em;
        
    }

    .nav-column-2-grid {
        min-width: auto;
    }

    .brand-grid {
        border-right-width: 0;
        border-right-color: #0000;
        padding-left: 3.3em;
        padding-right: 3.8em;
    }

    .menu-button-inner-grid {
        flex: 1;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: .5em;
        display: flex;
    }

    .menu-button-grid {
        border-left: 1px solid var(--light-steel-blue);
        justify-content: space-between;
        align-items: stretch;
        padding: 0;
        display: flex;
    }

    .menu-button-grid.w--open {
        background-color: #064dfa1f;
    }

    .nav-link-contact-grid {
        flex: 1;
        min-width: 9em;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .large-paragraph-1 {
        font-size: 2.6em;
        line-height: 1.5em;
    }

    .hero-7-header {
        min-height: 80vh;
    }

    .project-cms-flex {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
    }

    .project-inner {
        height: 32em;
        padding: 3em;
    }

    .project-link-flex {
        flex-wrap: wrap;
        grid-template-columns: 1fr;
    }

    .project-services {
        width: 100%;
        padding-left: 2em;
    }

    .project-service-link {
        margin-right: 2em;
        padding-left: 0;
        padding-right: 0;
    }

    .project-services-cms {
        flex-wrap: wrap;
    }

    .grid-3-column {
        grid-template-columns: 1fr 1fr;
    }

    .grid-column {
        padding: 6em 2.5em;
    }

    .grid-column:hover {
        background-color: #0000;
    }

    .project-link-block-overlap {
        width: 100%;
    }

    .solution-cms-2-grid {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
    }

    .solution-cms-2-item {
        padding: 5vw;
    }

    .form-2-grid {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
    }

    .form-background-2 {
        width: 85%;
    }

    .form-2-content {
        padding-right: 10vw;
    }

    .submit-button-2, .form-item-2 {
        font-size: 1.1em;
    }

    .form-label-2 {
        font-size: .8em;
        font-weight: 500;
    }

    .form-field-2 {
        padding-left: 4em;
    }

    .content-paragraph-3 {
        font-size: 1.2em;
    }

    .content-grid {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        grid-template-columns: 1.5fr 1fr;
    }

    .padding-services {
        padding-top: 8em;
    }

    .contact-grid {
        grid-template-columns: 1fr 1fr;
    }

    .contact-block-2, .person-block-1 {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    .person-grid {
        grid-template-columns: 1fr 1fr;
    }

    .contact-inner-1, .contact-inner-2, .map-inner {
        padding-top: 8em;
        padding-bottom: 8em;
    }

    .map-content {
        flex-wrap: wrap;
        justify-content: center;
    }

    .tab-link {
        padding-left: 1.5em;
    }

    .vertical-tabs-menu {
        margin-right: 2em;
        overflow: auto;
    }

    .tab-grid-2 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .tab-grid-1 {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
        grid-template-columns: 1fr;
    }

    .accordion:hover {
        background-color: #0000;
    }

    .accordion-toggle.in-testimonial {
        justify-content: flex-start;
        padding-left: 8em;
    }

    .acc-title {
        font-size: 1.2em;
    }

    .acc-title.in-testimonial {
        text-align: left;
    }

    .accordion-arrow {
        left: 2rem;
    }

    .newsletter-list {
        font-size: .9em;
        list-style-type: lower-alpha;
    }

    .explore-link-button {
        min-height: 7em;
    }

    .solution-cms-2-item-2 {
        padding: 4em;
    }

    .chessboard-for-solution {
        padding-left: 10em;
    }

    .hero-socials {
        display: none;
    }

    .acc-flex {
        flex-direction: column;
        justify-content: flex-start;
    }

    .newsletter-content-block {
        max-width: 33em;
        margin-bottom: 2.5em;
    }

    .newsletter-content {
        font-size: 1.3em;
    }

    .newsletter-2-icon {
        font-size: 5.9em;
    }

    .grid-for-cms-content {
        grid-column-gap: 3.5em;
        grid-template-columns: .5fr 1fr;
    }

    .cms-content-link-block {
        font-size: 1.2em;
    }

    .rich-text.is-testimonial {
        font-size: 1.5em;
    }

    .hero-description-1 {
        max-width: 26em;
    }

    .regular-title-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .cms-content-column-1 {
        padding-left: 1.7em;
        padding-right: 0;
    }

    .cms-content-links {
        margin-left: -1.7em;
    }

    .gallery-lightbox {
        height: 15em;
    }

    .gallery-lightbox.is-large-image {
        height: 33em;
    }

    .testimonial-content {
        max-width: 50em;
    }

    .acc-open {
        right: 2.5rem;
    }

    .acc-open.is-2nd {
        right: 5rem;
    }

    .sublink {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .alternative-links {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .solution-cms-3-item {
        grid-column-gap: 0em;
    }

    .solution-cms-3-content {
        flex: 0 auto;
        width: 49%;
        padding-bottom: 11em;
    }

    .solution-button {
        font-size: .9em;
    }

    .solution-cms-3-image {
        width: 49%;
    }

    .grid-for-vertical-lines {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .vertical-line.tab-is-hidden {
        display: none;
    }

    .services-3-wrap {
        grid-column-gap: 5em;
        grid-row-gap: 5em;
    }

    .project-3-item:nth-child(2n) {
        margin-top: 7em;
    }

    .project-3-image {
        height: 20em;
    }

    .projects-3-padding {
        padding-bottom: 17em;
    }

    .services-3-wrap-home {
        grid-column-gap: 5em;
        grid-row-gap: 5em;
    }

    .company-block-1 {
        min-height: 25em;
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    .company-block-1:hover {
        color: #193472;
        background-color: #0000;
    }

    .company-title {
        font-size: 1.8em;
    }

    .company-block-2 {
        min-height: 25em;
    }

    .company-title-2 {
        font-size: 2.9em;
    }

    .empty-state-default {
        font-size: 2em;
    }

    .content-grid-block-3 {
        padding: 2.5em;
    }

    .service-3-cms-block {
        margin-bottom: 6em;
        padding-left: 2.5em;
        padding-right: 0;
    }

    .contact-inner-3, .contact-2-inner-1 {
        padding-top: 8em;
        padding-bottom: 8em;
    }

    .sticky-column-2 {
        flex: 0 auto;
        width: auto;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        padding: 8em 6em 12em;
    }

    .password-form-input {
        font-size: 1.3em;
    }

    .password-form-input::placeholder, .password-form-submit {
        font-size: 1.1em;
    }

    .company-block-4 {
        min-height: 25em;
    }

    .content-text-3 {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    .company-title-3 {
        font-size: 2.3em;
    }

    .two-buttons-1 {
        grid-template-columns: 1fr;
    }

    .content-padding-2 {
        align-items: center;
    }

    .static-gallery-grid, .static-gallery-grid-large {
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
    }

    .project-link-2 {
        font-size: .9em;
    }

    .color-define, .color-define-2, .color-define-3 {
        height: 4em;
    }

    .container-copy {
        padding-left: 6em;
        padding-right: 6em;
    }

    .container-copy.is-cta-container {
        padding-left: 1.3em;
    }

    .list-title-2-copy {
        font-size: 1.4em;
    }

    .section-clients.is-404-sec {
        min-height: 80vh;
    }

    .heading-copy.is-content-title-5, .heading-copy.is-brand-title {
        font-size: 3.2em;
    }

    .heading-copy.is-about-title-2, .heading-copy.is-hero-7-title {
        font-size: 3.2em;
    }

    .heading-copy.is-hero-page-title.in-solution-1, .heading-copy.is-hero-page-title.in-services {
        margin-bottom: .2em;
        margin-right: 0;
        font-size: 4.7em;
    }

    .heading-copy.is-hero-page-title.in-testimonials, .heading-copy.is-hero-page-title.in-brands {
        margin-bottom: .2em;
        font-size: 4.7em;
    }

    .heading-copy.is-content-title-4, .heading-copy.in-hero-vertical {
        font-size: 4em;
    }

    .heading-copy.is-content-title-2 {
        font-size: 3.2em;
    }

    .heading-copy.is-hero-2-title-1 {
        font-size: 3.4em;
    }

    .heading-copy.is-content-title-5, .heading-copy.is-brand-title {
        font-size: 3.2em;
    }

    .heading-copy.is-cta-title-1 {
        font-size: 2.3em;
    }

    .heading-copy.is-hero-2-title {
        font-size: 3.4em;
    }

    .heading-copy.is-about-title-2, .heading-copy.is-hero-7-title {
        font-size: 3.2em;
    }

    .heading-copy.is-content-title-3 {
        font-size: 4em;
    }

    .heading-copy.is-hero-page-title {
        font-size: 4.5em;
    }

    .heading-copy.is-hero-page-title.in-terms {
        margin-bottom: .2em;
        font-size: 4.7em;
    }

    .heading-copy.is-hero-page-title.in-solution-1, .heading-copy.is-hero-page-title.in-services {
        margin-bottom: .2em;
        margin-right: 0;
        font-size: 4.7em;
    }

    .heading-copy.is-hero-page-title.in-testimonials, .heading-copy.is-hero-page-title.in-brands {
        margin-bottom: .2em;
        font-size: 4.7em;
    }

    .heading-copy.is-hero-1-title {
        font-size: 3.2em;
    }

    .heading-copy.is-about-cms-title {
        font-size: 4em;
    }

    .heading-copy.is-project-cms-title {
        padding-left: .5em;
    }

    .heading-copy.is-content-title-4, .heading-copy.in-hero-vertical {
        font-size: 4em;
    }

    .heading-copy.is-project-title-3 {
        font-size: 1.6em;
    }

    .heading-copy.in-sticky-sec {
        font-size: 3.6em;
    }

    .heading-copy.is-content-title-7 {
        font-size: 3.2em;
    }

    .heading-copy.is-content-title-1 {
        font-size: 2.3em;
    }

    .heading-copy.in-contact-2 {
        font-size: 3.4em;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 11px;
    }

    p {
        font-size: 1.3em;
        line-height: 1.4em;
    }

    .section.cta-content-1 {
        margin-bottom: 2em;
    }

    .section.is-form-sec {
        overflow: hidden;
    }

    .section.is-newsletter {
        border-top: 1px solid var(--royal-blue-2);
    }

    .container {
        padding-left: 4em;
        padding-right: 4em;
    }

    .container.is-cta-container {
        padding-left: 4em;
    }

    .heading.is-content-title-2 {
        margin-top: .7em;
        margin-bottom: .7em;
        font-size: 3em;
    }

    .heading.is-hero-2-title-1, .heading.is-brand-title, .heading.is-hero-2-title, .heading.is-about-title-2, .heading.is-hero-7-title {
        font-size: 3em;
    }

    .heading.is-content-title-3 {
        margin-right: 0;
    }

    .heading.is-hero-page-title {
        font-size: 4em;
    }

    .heading.is-hero-page-title.in-terms, .heading.is-hero-page-title.in-solution-1, .heading.is-hero-page-title.in-services {
        margin-bottom: .1em;
        font-size: 4.2em;
    }

    .heading.is-hero-page-title.in-testimonials {
        margin-top: .1em;
        margin-bottom: .1em;
        font-size: 4.2em;
    }

    .heading.is-hero-page-title.in-brands {
        margin-bottom: .1em;
        font-size: 4.2em;
    }

    .heading.is-hero-1-title {
        font-size: 3em;
    }

    .heading.is-about-cms-title {
        margin-bottom: .5em;
        font-size: 3.4em;
    }

    .heading.is-project-cms-title {
        max-width: none;
        font-size: 4em;
    }

    .heading.is-content-title-4 {
        margin-right: 0;
    }

    .heading.in-hero-vertical {
        font-size: 3.5em;
    }

    .heading.is-project-title-3 {
        font-size: 2.1em;
    }

    .heading.in-sticky-sec {
        text-align: center;
        font-size: 3em;
    }

    .heading.is-social-title {
        font-size: 5em;
    }

    .heading.in-contact-2 {
        font-size: 3em;
    }

    .content-grid-1 {
        grid-template-columns: 1fr;
    }

    .circle-in-list {
        width: 2.6em;
        height: 2.6em;
        margin-right: 2em;
    }

    .list-line {
        left: 1em;
    }

    .list-text {
        font-size: 1.2em;
    }

    .main-button.is-contact-menu {
        font-size: .9em;
    }

    .hero-2-header {
        padding-bottom: 10em;
    }

    .brand-slogan {
        display: none;
    }

    .hero-2-flex {
        flex-wrap: wrap;
    }

    .solution-image {
        width: 19em;
    }

    .solutions {
        margin-bottom: 0;
    }

    .hero-socials-list {
        flex-direction: row;
    }

    .hero-absolute-block {
        position: absolute;
        inset: auto 0% 0%;
    }

    .hero-sticky-block {
        width: 100%;
        height: auto;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .grid-2 {
        border-bottom: 1px solid var(--royal-blue-2);
        grid-template-columns: 1fr 1fr;
    }

    .content-grid-block-2 {
        background-color: #064dfa14;
    }

    .content-block-5 {
        margin-bottom: 3em;
        position: relative;
        top: 0;
    }

    .project-cms-grid {
        grid-template-columns: 1fr;
    }

    .checkbox-field {
        font-size: 1.2em;
    }

    .form-field::placeholder {
        font-size: .9em;
        
    }

    .form {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 3em;
        padding-right: 3em;
    }

    .form-label {
        top: 1.8em;
    }

    .form-item {
        width: 100%;
    }

    .max-width-3 {
        padding-top: 5em;
    }

    .dropdown-link.is-contanct-menu-grid {
        width: auto;
    }
    

    .dropdown-list.is-contacts {
        top: 4em;
    }

    .menu-dropdown-title.is-contant-title {
        margin-bottom: .4em;
    }

    .menu-dropdown-title.is-template {
        margin-bottom: 1em;
    }

    .menu-services {
        padding-top: 2em;
    }

    .service-cms-1 {
        width: 100%;
        max-width: 38em;
        margin-left: auto;
        margin-right: auto;
    }

    .service-cms-list-1 {
        grid-template-columns: 1fr;
    }

    .content-title-2.is-name {
        font-size: 1.7em;
    }

    .content-anim-trigger {
        max-width: none;
    }

    .contact-menu-grid-subtitle {
        font-size: 1.2em;
    }

    .blue-lines---corner-left {
        top: -1.75em;
        left: -1.75em;
    }

    .blue-lines---corner-right {
        top: -1.75em;
        right: -1.75em;
    }

    .blue-lines---corner-right-2 {
        bottom: -1.75em;
        right: -1.75em;
    }

    .blue-lines---corner-left-2 {
        bottom: -1.75em;
        left: -1.75em;
    }

    .brands-content-grid {
        grid-template-columns: 1fr 1fr;
    }

    .brands-paragraph {
        font-size: 1.3em;
    }

    .blue-95-background {
        width: 93%;
    }

    .content-grid-4 {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr;
    }

    .height-120-per {
        height: 33em;
        margin-top: 4em;
    }

    .newsletter-field::placeholder {
        font-size: 1em;
    }

    .newsletter-form {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .footer-grid {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr;
    }

    .footer-column-1 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .footer-link {
        padding-top: .8em;
        padding-bottom: .8em;
        padding-left: 4em;
    }

    .footer-small-link {
        border-left-width: 1em;
        padding-left: 3em;
        left: -1em;
    }

    .footer-border-line.is-1st {
        border-bottom-color: #0000;
    }

    .footer-border-line.is-2nd {
        border-top-color: #0000;
        top: -1px;
    }

    .footer-contact-text {
        font-size: 1.3em;
    }

    .footer-about-text {
        padding-left: 2.1em;
        font-size: 1.5em;
    }

    .footer-address-button {
        margin-top: 0;
    }

    .footer-address {
        font-size: 1.4em;
    }

    .footer-contect-block {
        border-left-width: 1em;
        margin-top: 4em;
        margin-bottom: 4em;
    }

    .footer-uppercase-title {
        margin-bottom: 2.3em;
        font-size: .9em;
    }

    .subfooter {
        padding-top: 4em;
        /* padding-bottom: 6em; */
    }

    .subfooter-inner {
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 36em;
        margin-left: auto;
        margin-right: auto;
    }

    .subfooter-button-outer-1 {
        font-size: 1em;
    }

    .main-footer-section {
        max-width: 44em;
    }

    .subfooter-button-outer-2 {
        font-size: 1em;
    }

    .nav-text-1 {
        font-size: .45em;
    }

    .contact-menu-grid {
        text-align: center;
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .menu-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contact-menu-grid-item {
        justify-content: center;
        align-items: center;
    }

    .solutions-page {
        margin-bottom: 0;
    }

    .content-grid-2 {
        grid-template-columns: 1fr;
    }

    .content-grid-2-block {
        min-height: auto;
        padding: 3.5em;
    }

    .content-grid-2-block.in-middle {
        border-style: solid;
        border-width: 1px 0;
        border-color: var(--original-color) transparent;
    }

    .custom-list-2 {
        grid-column-gap: 0em;
        grid-row-gap: 2.5em;
        grid-template-columns: 1fr;
    }

    .custom-list-2.with-paddings {
        padding-top: 0;
        padding-bottom: 5em;
    }

    .list-line-2.display-on-mobile {
        display: block;
    }

    .list-content-2 {
        max-width: none;
    }

    .text-link.in-contact {
        font-size: 1.6em;
    }

    .text-link.is-other-templates {
        margin-top: .8em;
        margin-bottom: .8em;
    }

    .second-navbar {
        font-size: .6em;
        display: none;
    }

    .list-title-2 {
        font-size: 1.6em;
    }

    .list-paragraph-2 {
        font-size: 1.3em;
    }

    .circle-in-list-2 {
        font-size: 1.2em;
    }

    .hero-2-content-block {
        flex-wrap: wrap;
    }

    .hero-3-header {
        min-height: auto;
        padding-top: 12em;
        overflow: hidden;
    }

    .hero-2-background-inner {
        height: auto;
        position: absolute;
        inset: 0%;
    }

    .hero-top-title {
        font-size: 1em;
    }

    .content-grid-3 {
        grid-template-columns: 1fr;
    }

    .content-grid-block-4 {
        min-height: 19em;
    }

    .content-grid-number {
        padding-top: .3em;
        padding-bottom: .3em;
        font-size: 4.3em;
    }

    .content-grid-icon-1 {
        font-size: 4em;
    }

    .content-grid-text-5 {
        text-align: center;
        max-width: none;
    }

    .company-2-grid-block {
        margin-top: 3em;
        margin-bottom: 3em;
        left: -3px;
    }

    .company-2-grid {
        border-left: 3px solid #064dfa26;
        grid-template-columns: 1fr;
        max-width: 40em;
        margin-left: auto;
        margin-right: auto;
    }

    .sticky-column-1 {
        padding-top: 14em;
    }

    .height-80-per {
        height: 33em;
    }

    .content-grid-4-block {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .content-grid-4-block.no-padding-bottom-on-phone {
        padding-bottom: 0;
    }

    .content-grid-5 {
        grid-template-columns: 1fr;
    }

    .hero-5-header {
        min-height: auto;
        padding-top: 12em;
        overflow: hidden;
    }

    .person-role {
        font-size: 1.2em;
    }

    .contact-2-column-1 {
        padding-bottom: 4em;
    }

    .service-cms-list, .template-grid {
        grid-template-columns: 1fr 1fr;
    }

    .dropdown-row-1 {
        padding-top: 2em;
    }

    .hero-1-header {
        min-height: 80vh;
        padding-top: 15em;
        padding-bottom: 16em;
        overflow: hidden;
    }

    .hero-content {
        flex-wrap: wrap;
    }

    .chessboard-grid {
        padding-top: 4em;
    }

    .chessboard-grid.with-breadcrumbs {
        padding-top: 6.5em;
    }

    .chessboard.is-90-opacity.phone-is-transparent {
        background-color: #0000;
    }

    .chessboard.phone-with-bg {
        background-color: #064dfae6;
    }

    .navbar {
        background-color: #a0bcff0d;
    }

    .nav-main-row-grid {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        height: 4em;
        display: flex;
    }

    .nav-menu-grid {
        top: 4em;
    }

    .brand-grid {
        padding-right: 1.3em;
    }

    .nav-link-inquiry-grid {
        width: auto;
        /* padding-left: 2em;
        padding-right: 2em; */
    }

    .menu-button-grid {
        flex: 1;
    }

    .brand-logo-block {
        width: 100%;
    }

    .brand-slogan-block, .brand-divider-2 {
        display: none;
    }

    .pattern-section-inner {
        min-height: auto;
        padding-top: 15em;
        padding-bottom: 16em;
        overflow: hidden;
    }

    .border-block-1 {
        flex-wrap: wrap;
    }

    .large-paragraph-1 {
        font-size: 2.2em;
    }

    .explore-icon {
        right: 1.7em;
    }

    .hero-7-header {
        overflow: hidden;
    }

    .project-cms-flex {
        grid-template-columns: 1fr;
    }

    .project-service-link {
        min-height: auto;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .uppercase-title-3 {
        margin-right: 4em;
        font-size: 1em;
    }

    .grid-3-column {
        grid-template-columns: 1fr;
    }

    .border-content-2 {
        max-width: none;
    }

    .grid-column {
        padding-left: 3.5em;
        padding-right: 3.5em;
    }

    .solution-cms-2 {
        width: 100%;
    }

    .solution-cms-2-grid {
        grid-template-columns: 1fr;
    }

    .solution-cms-2-item {
        padding: 5em;
    }

    .solution-cms-2-title {
        font-size: 2.5em;
    }

    .solution-cms-2-desciption {
        max-width: 25em;
    }

    .form-2-grid {
        grid-template-columns: 1fr;
    }

    .form-background-2 {
        width: 100%;
        height: 35em;
        max-height: none;
        position: relative;
    }

    .form-2-content {
        align-items: center;
        margin-top: -5em;
        padding-bottom: 8em;
        padding-left: 12vw;
        padding-right: 12vw;
    }

    .form-2-content.in-contact {
        padding-bottom: 8em;
    }

    .form-label-2 {
        font-size: .95em;
    }

    .form-field-2 {
        padding-left: 4.7em;
    }

    .form-field-2::placeholder {
        font-size: .9em;
    }

    .form-2-background {
        border: 1px solid #fff9;
        box-shadow: -57px -57px 110px -20px #1b243a75;
    }

    .content-paragraph-3 {
        font-size: 1.3em;
    }

    .content-grid {
        grid-template-columns: 1fr;
    }

    .content-grid.more-margin {
        margin-bottom: 6em;
    }

    .regular-hero {
        padding-top: 12em;
        padding-bottom: 8em;
    }

    .regular-hero.with-breadcrumbs {
        padding-top: 12.7em;
    }

    .regular-grid-column {
        flex-wrap: wrap;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }

    .contact-grid-title-1 {
        font-size: 1.5em;
    }

    .person-grid {
        grid-template-columns: 1fr;
    }

    .contact-inner-1 {
        padding-top: 6em;
    }

    .contact-inner-2 {
        width: 100%;
        max-width: 33em;
        margin-left: auto;
        margin-right: auto;
    }

    .vertical-tabs-menu {
        justify-content: flex-start;
        margin-bottom: 2em;
    }

    .tab-grid-2 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .tab-image-small {
        height: 14em;
    }

    .tab-address {
        font-size: 1.4em;
    }

    .accordion-toggle.in-testimonial {
        padding-right: 16em;
    }

    .acc-title {
        font-size: 1.3em;
    }

    .accordion-arrow {
        font-size: 1.6em;
    }

    .newsletter-list {
        font-size: .8em;
        list-style-type: lower-alpha;
    }

    .grid-main-bg.different-color-on-tab {
        background-color: #1d263a;
    }

    .explore-link-button {
        min-height: 6em;
    }

    .solution-cms-2-item-2 {
        grid-template-columns: 1fr;
    }

    .solution-cms-2-image {
        height: 20em;
    }

    .solution-cms-2-content {
        width: 100%;
        padding-right: 0;
    }

    .solution-cms-3-desciption {
        max-width: 25em;
    }

    .projects-menu-grid {
        grid-template-columns: 1fr;
    }

    .dropdown-buttons {
        flex-wrap: wrap;
    }

    .dropdown-title-block {
        flex-direction: column;
        justify-content: center;
    }

    .chessboard-for-solution {
        width: 100%;
        height: 37em;
        padding-left: 0;
        inset: auto 0% 0%;
    }

    .chessboard-2.is-10-opacity.phone-hide {
        background-color: #0000;
        border-color: #0000;
    }

    .chessboard-2.is-borderless.phone-visible {
        background-color: #a0bcff1a;
        border-color: #a0bcff26;
    }

    .chessboard-2.is-borderless.phone-border {
        border-color: #a0bcff26;
    }

    .chessboard-2.in-mob {
        border-color: #0000;
    }

    .hero-socials {
        position: absolute;
        inset: auto 0% 0%;
    }

    .grid-for-cms-content {
        grid-template-columns: 1fr;
    }

    .cms-content-link-block {
        border-bottom: 3px solid #0000;
        border-left-width: 0;
        margin-right: 2.2em;
        padding-left: 0;
    }

    .cms-content-link-block.w--current {
        border-bottom-width: 2px;
        border-bottom-color: var(--font-color);
    }

    .rich-text.is-testimonial {
        font-size: 1.4em;
    }

    .hero-description-1 {
        font-size: 1.3em;
    }

    .regular-title-block {
        flex-direction: column;
        align-items: flex-start;
    }

    .cms-content-column-1 {
        border-left-width: 0;
        border-left-color: #0000;
        margin-bottom: 2.5em;
        padding-left: 0;
        position: relative;
        top: 0;
    }

    .cms-content-links-list {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .cms-content-links {
        width: 100%;
        margin-left: 0;
        left: 0;
    }

    .medium-gallery-grid {
        grid-column-gap: 2em;
        grid-row-gap: 2em;
    }

    .accordion-chessboard {
        inset: auto 0% 0%;
    }

    .acc-open {
        font-size: 1.1em;
    }

    .acc-open.is-2nd {
        right: 3rem;
    }

    .acc-open.in-testimonial {
        max-width: 10em;
    }

    .sublink {
        margin-bottom: 1.2em;
        padding-top: .7em;
        padding-bottom: .7em;
    }

    .hero-project-cms {
        min-height: auto;
        overflow: hidden;
    }

    .large-gallery-item {
        width: 100%;
    }

    .breadcrumbs {
        justify-content: flex-start;
        top: 4em;
        overflow: auto;
    }

    .breadcrumb-link {
        white-space: nowrap;
        flex: none;
    }

    .breadcrumb-icon {
        flex: none;
    }

    .solution-cms-3 {
        width: 100%;
    }

    .solution-cms-3-item {
        flex-wrap: wrap-reverse;
        grid-template-columns: 1fr;
    }

    .solution-cms-3-content {
        width: 100%;
    }

    .hero-with-vertical-lines {
        min-height: auto;
        padding-top: 12em;
        padding-bottom: 8em;
    }

    .solution-cms-3-image {
        width: 100%;
        height: 30em;
    }

    .grid-for-vertical-lines {
        padding-top: 0;
    }

    .service-3-cms {
        width: 100%;
        max-width: 38em;
        margin-left: auto;
        margin-right: auto;
    }

    .service-3-cms-list {
        grid-template-columns: 1fr;
        padding-bottom: 8em;
    }

    .service-3-cms-item:first-child {
        padding-top: 6em;
    }

    .services-3-wrap {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr;
        margin-bottom: -4em;
    }

    .services-3-content {
        border-left: 3px solid #064dfa26;
        max-width: 38em;
        margin: 0 auto;
        padding-top: 10em;
        padding-left: 4em;
        position: relative;
        top: auto;
    }
    

    .hero-with-vertical-lines-2 {
        min-height: auto;
        padding-top: 12em;
        padding-bottom: 8em;
    }

    .project-3-item {
        width: 100%;
        margin-bottom: 6em;
    }

    .project-3-item:nth-child(2n) {
        margin-top: 0;
    }

    .project-3-item:last-child {
        margin-bottom: 0;
    }

    .projects-3-padding {
        padding-bottom: 10em;
    }

    .services-3-wrap-home {
        grid-column-gap: 0em;
        grid-row-gap: 0em;
        grid-template-columns: 1fr;
        margin-bottom: -4em;
    }

    .brand-slogan-footer {
        font-size: .8em;
    }

    .company-content {
        max-width: 20em;
    }

    .company-subtitle {
        max-width: none;
    }

    .content-grid-4-image {
        height: 25em;
    }

    .contact-inner-3 {
        width: 100%;
        max-width: 33em;
        margin-left: auto;
        margin-right: auto;
    }

    .sticky-column-2 {
        padding-bottom: 10em;
        padding-left: 10vw;
        padding-right: 10vw;
    }

    .content-paragraph-2 {
        font-size: 1.3em;
    }

    .content-block-8 {
        margin-bottom: 2em;
        position: relative;
        top: 0;
    }

    .social-hero-header {
        min-height: 80vh;
        overflow: hidden;
    }

    .password-form-block {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .password-form-field {
        flex-wrap: wrap;
    }

    .password-form-input {
        width: 100%;
        margin-bottom: 1em;
    }

    .password-form-input::placeholder {
        font-size: 1em;
    }

    .password-form-submit {
        width: 100%;
    }

    .content-padding-2 {
        padding-top: 8em;
        padding-bottom: 6em;
    }

    .max-width-8 {
        margin-bottom: 3em;
    }

    .static-gallery-grid-large {
        grid-template-columns: 1fr;
    }

    .preloader {
        padding: 10em 5vw;
    }

    .preloader-line {
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .preloader-content-title {
        font-size: 3.6vw;
    }

    .main-button-copy.is-contact-menu {
        font-size: .9em;
    }

    .container-copy {
        padding-left: 4em;
        padding-right: 4em;
    }

    .container-copy.is-cta-container {
        padding-left: 4em;
    }

    .list-title-2-copy {
        font-size: 1.6em;
    }

    .section-clients.cta-content-1 {
        margin-bottom: 2em;
    }

    .section-clients.is-form-sec {
        overflow: hidden;
    }

    .section-clients.is-newsletter {
        border-top: 1px solid var(--royal-blue-2);
    }

    .content-title-2-copy.is-name, .content-title-2-copy-copy.is-name {
        font-size: 1.7em;
    }

    .heading-copy.is-hero-2-title-1, .heading-copy.is-brand-title, .heading-copy.is-hero-2-title, .heading-copy.is-about-title-2, .heading-copy.is-hero-7-title {
        font-size: 3em;
    }

    .heading-copy.is-hero-page-title.in-terms, .heading-copy.is-hero-page-title.in-solution-1, .heading-copy.is-hero-page-title.in-services {
        margin-bottom: .1em;
        font-size: 4.2em;
    }

    .heading-copy.is-content-title-2 {
        margin-top: .7em;
        margin-bottom: .7em;
        font-size: 3em;
    }

    .heading-copy.is-hero-2-title-1, .heading-copy.is-brand-title, .heading-copy.is-hero-2-title, .heading-copy.is-about-title-2, .heading-copy.is-hero-7-title {
        font-size: 3em;
    }

    .heading-copy.is-content-title-3 {
        margin-right: 0;
    }

    .heading-copy.is-hero-page-title {
        font-size: 4em;
    }

    .heading-copy.is-hero-page-title.in-terms, .heading-copy.is-hero-page-title.in-solution-1, .heading-copy.is-hero-page-title.in-services {
        margin-bottom: .1em;
        font-size: 4.2em;
    }

    .heading-copy.is-hero-page-title.in-testimonials {
        margin-top: .1em;
        margin-bottom: .1em;
        font-size: 4.2em;
    }

    .heading-copy.is-hero-page-title.in-brands {
        margin-bottom: .1em;
        font-size: 4.2em;
    }

    .heading-copy.is-hero-1-title {
        font-size: 3em;
    }

    .heading-copy.is-about-cms-title {
        margin-bottom: .5em;
        font-size: 3.4em;
    }

    .heading-copy.is-project-cms-title {
        max-width: none;
        font-size: 4em;
    }

    .heading-copy.is-content-title-4 {
        margin-right: 0;
    }

    .heading-copy.in-hero-vertical {
        font-size: 3.5em;
    }

    .heading-copy.is-project-title-3 {
        font-size: 2.1em;
    }

    .heading-copy.in-sticky-sec {
        text-align: center;
        font-size: 3em;
    }

    .heading-copy.is-social-title {
        font-size: 5em;
    }

    .heading-copy.in-contact-2 {
        font-size: 3em;
    }
}

@media screen and (max-width: 479px) {
    ol {
        padding-left: 2.2em;
    }

    .container, .container.is-cta-container {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .padding-inner {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .heading.is-content-title-2 {
        margin-bottom: .7em;
        font-size: 2.8em;
    }

    .heading.is-hero-2-title-1, .heading.is-content-title-5 {
        font-size: 2.8em;
    }

    .heading.is-form-title {
        font-size: 2.2em;
    }

    .heading.is-brand-title {
        font-size: 2.8em;
    }

    .heading.is-newsletter-title {
        font-size: 1.7em;
    }

    .heading.is-hero-2-title {
        font-size: 2.8em;
    }

    .heading.is-about-title-2 {
        margin-bottom: .7em;
        font-size: 2.5em;
    }

    .heading.is-contact-title-2 {
        padding-left: 1em;
    }

    .heading.is-hero-7-title {
        font-size: 2.5em;
    }

    .heading.is-content-title-3 {
        font-size: 3em;
    }

    .heading.is-form-title-2 {
        font-size: 2.2em;
    }

    .heading.is-hero-page-title {
        font-size: 2.9em;
    }

    .heading.is-hero-page-title.in-terms, .heading.is-hero-page-title.in-solution-1, .heading.is-hero-page-title.in-services, .heading.is-hero-page-title.in-testimonials, .heading.is-hero-page-title.in-brands {
        font-size: 10vw;
    }

    .heading.is-hero-1-title {
        font-size: 8vw;
        line-height: 1.4em;
    }

    .heading.is-about-cms-title {
        font-size: 2.7em;
    }

    .heading.is-project-cms-title {
        font-size: 3em;
    }

    .heading.is-content-title-4 {
        margin-bottom: .2em;
        font-size: 3em;
    }

    .heading.in-hero-vertical {
        font-size: 3em;
    }

    .heading.is-service-title-3 {
        font-size: 2em;
    }

    .heading.is-project-title-3 {
        font-size: 1.9em;
    }

    .heading.in-sticky-sec {
        font-size: 2.5em;
    }

    .heading.is-social-title {
        font-size: 12vw;
    }

    .heading.is-service-title-4 {
        font-size: 2em;
    }

    .heading.is-content-title-7, .heading.in-contact-2 {
        font-size: 2.8em;
    }

    .custom-list-1 {
        max-width: none;
    }

    .list-block {
        padding-bottom: 3em;
    }

    .circle-in-list {
        width: 2.3em;
        height: 2.3em;
        margin-right: 1.5em;
    }

    .list-line {
        left: .8em;
    }

    .main-button {
        min-width: 80%;
    }

    .main-button.is-contact-menu {
        width: 100%;
        margin-top: .4em;
        margin-bottom: .4em;
    }

    .nav-link {
        font-size: 1em;
    }

    .inquiry-icon {
        margin-left: .5em;
        font-size: 1.3em;
    }

    .hero-2-content {
        padding-top: 12em;
        padding-bottom: 8.5em;
    }

    .solutions-grid {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
    }

    .solution-link-block {
        min-height: 9.7em;
    }

    .solution-image {
        width: 33%;
    }

    .solution-image.in-page {
        height: 18em;
    }

    .content-grid-block-1 {
        min-height: 22em;
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .grid-icon-large {
        font-size: 5em;
    }

    .project-link {
        padding: 1.5em;
    }

    .project-link.in-projects-2 {
        min-height: 4.5em;
    }

    .project-name {
        font-size: 1.3em;
    }

    .form-field {
        padding-left: 4.3em;
    }

    .form-field::placeholder {
        font-size: .75em;
    }

    .form-success-title {
        font-size: 1.2em;
    }

    .form {
        padding: 5vw;
    }

    .form-error-message {
        padding: 1.7em;
    }

    .form-label {
        font-size: .9em;
        top: 2.3em;
    }

    .checkbox-label, .form-error-paragraph {
        font-size: 1em;
    }

    .form-block {
        padding: 5vw;
    }

    .submit-button {
        width: 100%;
    }

    .solution-title-1 {
        margin-bottom: 1em;
        font-size: 1.2em;
    }

    .service-cms-item-1.last-child-padding:last-child {
        padding-bottom: 4em;
    }

    .service-cms-block {
        margin-bottom: 4em;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .blue-lines---middle, .blue-lines---middle-left, .blue-lines---corner-left, .blue-lines---middle-right, .blue-lines---corner-right, .blue-lines---corner-right-2, .blue-lines---corner-left-2 {
        font-size: .5em;
    }

    .button-overlap-1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .brands-logo {
        width: 6em;
        height: 1.5em;
    }

    .brands-content-grid {
        grid-template-columns: 1fr;
    }

    .brands-paragraph {
        margin-bottom: 1.5em;
    }

    .second-button {
        min-width: 80%;
    }

    .newsletter-field {
        text-align: center;
        width: 100%;
        margin-bottom: 1em;
    }

    .newsletter-form-inner {
        flex-wrap: wrap;
    }

    .more-text {
        font-size: 1.2em;
    }

    .newsletter-icon {
        margin-right: .2em;
        font-size: 4.7em;
    }

    .solution-block {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
        padding-left: 2em;
    }

    .solution-block.in-menu {
        padding: 2.3em 3vw 2.3em 5vw;
    }

    .solution-block.in-page {
        padding-top: 5em;
        padding-left: 2em;
        padding-right: 2em;
    }

    .moving-link {
        width: 5em;
        height: 5em;
    }

    .solution-link-block-menu {
        min-height: 9em;
    }

    .contact-menu-title, .solution-menu-title-1, .solution-more-menu {
        font-size: 1.2em;
    }

    .menu-link-title {
        color: var(--font-color);
    }

    .dots-wrap-2 {
        font-size: .8em;
    }

    .menu-desktop-title {
        font-size: 1.2em;
    }

    .menu-contact-icon {
        font-size: 1.8em;
    }

    .content-grid-2-block {
        padding: 7vw;
    }

    .solution-pattern {
        height: 20em;
    }

    .dropdown-title-block-2.with-border {
        flex-wrap: wrap;
    }

    .text-link.in-contact {
        font-size: 1.4em;
    }

    .text-link.is-other-templates {
        margin-right: 0;
    }

    .solution-description-line {
        width: 5vw;
        margin-right: 1.5em;
    }

    .solution-content {
        padding-left: 10vw;
    }

    .hero-button {
        min-width: 80%;
    }

    .button-overlap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .hero-buttons {
        width: 100%;
    }

    .content-grid-block-4 {
        min-height: 16em;
    }

    .content-grid-number {
        padding-left: .3em;
        padding-right: .3em;
        font-size: 3.7em;
    }

    .content-grid-text-5 {
        text-align: left;
        max-width: 5.2em;
    }

    .company-2-grid-block {
        margin-bottom: 4em;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .sticky-column-1 {
        padding-top: 10em;
        padding-bottom: 6em;
    }

    .icon-large-2 {
        font-size: 5em;
    }

    .contact-block-1 {
        margin-bottom: 4em;
        padding: 2.5em;
    }

    .service-cms-link {
        min-height: 5em;
    }

    .service-cms-list {
        grid-column-gap: 1em;
        grid-row-gap: .5em;
        grid-template-columns: 1fr;
    }

    .solutions-menu-grid {
        grid-column-gap: .5em;
        grid-row-gap: .5em;
    }

    .template-grid {
        grid-column-gap: 1.75em;
        grid-row-gap: 3.5em;
    }

    .hero-1-header {
        padding-top: 10em;
        padding-bottom: 10em;
    }

    .hero-content {
        padding-left: 3em;
        padding-right: 3em;
    }

    .chessboard.is-button-1.phone-hide {
        display: none;
    }

    .brand-grid {
        padding-left: 3vw;
        padding-right: 3vw;
        font-size: .8em;
    }

    .nav-link-inquiry-grid {
        padding-left: 5vw;
        padding-right: 5vw;
        display: none;
    }

    .menu-button-inner-grid {
        justify-content: center;
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .menu-button-grid {
        flex: 1;
        justify-content: center;
    }

    .pattern-section-inner {
        padding-top: 8em;
        padding-bottom: 9.5em;
    }

    .border-block-1 {
        padding-left: 3em;
        padding-right: 3em;
    }

    .large-paragraph-1 {
        font-size: 2em;
    }

    .explore-icon {
        right: 2em;
    }

    .explore-icon.is-inquiry {
        right: 2.3em;
    }

    .hero-7-header {
        padding-top: 12em;
    }

    .grid-link-block.is-2nd-button {
        display: none;
    }

    .project-inner {
        padding: 6vw;
    }

    .project-services {
        padding-left: 1.5em;
    }

    .uppercase-title-3 {
        margin-bottom: 1.3em;
        margin-right: 0;
    }

    .grid-3-column {
        grid-template-columns: 1fr;
    }

    .grid-column {
        padding-left: 0;
        padding-right: 0;
    }

    .solution-cms-2-item {
        padding: 10vw 8vw;
    }

    .solution-cms-2-bg {
        height: 14em;
        margin-bottom: 1.5em;
    }

    .solution-cms-2-title {
        font-size: 2.2em;
    }

    .solution-cms-2-desciption {
        max-width: none;
        margin-bottom: 2.3em;
    }

    .button-2 {
        padding: 1.5em;
    }

    .submit-button-2 {
        font-size: 1em;
    }

    .form-label-2 {
        left: .9em;
    }

    .form-field-2 {
        padding-left: 3.7em;
    }

    .form-field-2::placeholder {
        font-size: .75em;
    }

    .form-2-background {
        height: 19em;
        margin-bottom: 4em;
    }

    .content-grid-text {
        flex-direction: column;
    }

    .regular-hero {
        padding-top: 8em;
        padding-bottom: 5em;
    }

    .regular-hero.with-breadcrumbs {
        padding-top: 11.5em;
    }

    .regular-hero.is-404-page {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .regular-grid-column {
        padding-left: 2.5em;
        padding-right: 2em;
    }

    .contact-block-2, .person-block-1 {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .contact-inner-2 {
        padding-bottom: 6em;
    }

    .map-title {
        max-width: 11em;
    }

    .map-title-wrap {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        margin-top: 0;
        margin-bottom: 2em;
        margin-right: 0;
    }

    .address-icon {
        margin-bottom: .6em;
        margin-right: 0;
        font-size: 2.6em;
    }

    .vertical-tabs {
        flex-direction: column;
    }

    .tab-link {
        margin-right: 1.5em;
    }

    .vertical-tabs-menu {
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        min-width: auto;
        margin-right: 0;
        position: relative;
        top: 0;
    }

    .tab-grid-2 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .tab-image-small {
        height: 11em;
    }

    .accordion-toggle.in-testimonial {
        padding-left: 5.5em;
        padding-right: 2em;
    }

    .acc-title {
        max-width: 50%;
    }

    .acc-title.in-testimonial {
        max-width: none;
    }

    .acc-title.is-2nd {
        max-width: 70%;
    }

    .accordion-arrow.in-newsletter-1 {
        margin-right: .5em;
    }

    .accordion-arrow.in-testimonial {
        left: 1.2rem;
    }

    .grid-for-button {
        grid-template-columns: 1fr 1fr;
    }

    .explore-link-button {
        align-items: flex-start;
        padding-left: 1.7em;
        padding-right: 1.7em;
    }

    .explore-link-button.is-inquiry {
        padding-left: 1.5em;
        padding-right: 4em;
    }

    .content-block-7 {
        flex-direction: column;
        margin-bottom: 3em;
    }
.content-block-8 {
        flex-direction: column;
        margin-bottom: 3em;
    }
    .solution-cms-2-item-2 {
        padding: 12vw 10vw;
    }

    .solution-cms-2-image {
        height: 14em;
    }

    .button-3 {
        width: 100%;
    }

    .solution-cms-3-desciption {
        max-width: none;
        margin-bottom: 2.3em;
    }

    .dropdown-buttons {
        flex-direction: column-reverse;
        justify-content: center;
    }

    .chessboard-for-solution {
        height: 21em;
    }

    .newsletter-2-icon {
        font-size: 4.7em;
    }

    .newsletter-2-title {
        font-size: 1.7em;
    }

    .cms-content-link-block {
        margin-right: 1.6em;
        font-size: 1em;
    }

    .rich-text ul {
        padding-left: 2.2em;
    }

    .rich-text.is-testimonial {
        font-size: 1.2em;
    }

    .hero-description-1 {
        max-width: 18em;
    }

    .hero-description-1.in-testimonials-1 {
        font-size: 1.3em;
    }

    .hero-description-1.in-testimonials-2 {
        font-size: 1.2em;
    }

    .regular-title-block {
        padding-left: 3em;
    }

    .gallery-lightbox {
        height: 10em;
    }

    .gallery-lightbox.is-large-image {
        height: 21em;
    }

    .medium-gallery-grid {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
    }

    .content-subtitle-4 {
        margin-bottom: 2.5em;
    }

    .newsletter-acc-content {
        grid-column-gap: 1.75em;
        grid-row-gap: 1.75em;
        grid-template-columns: 1fr;
        margin-bottom: 2.5em;
    }

    .accordion-chessboard {
        height: 21em;
    }

    .acc-open {
        right: 1.8rem;
    }

    .acc-open.is-2nd {
        right: 1.9rem;
    }

    .acc-open.in-testimonial {
        text-align: left;
        max-width: none;
        bottom: 2em;
        left: 5.1em;
    }

    .sublink {
        text-align: center;
        min-width: 33.3333%;
        margin-right: 0;
    }

    .hero-project-cms {
        padding-top: 13em;
        padding-bottom: 10em;
    }

    .large-gallery-grid {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
    }

    .breadcrumb-link {
        padding-left: 2em;
        padding-right: 2em;
    }

    .grid-for-button-2 {
        grid-template-columns: 1fr 1fr;
    }

    .solution-cms-3-content {
        padding-top: 3.5em;
        padding-bottom: 8.5em;
    }

    .solution-button {
        width: 100%;
        min-height: 7em;
    }

    .uppercase-title-vertical {
        padding: .6em 1em;
        font-size: .9em;
    }

    .solution-cms-3-image {
        height: 23em;
    }

    .services-3-content {
        padding-left: 2em;
    }

    .projects-3-padding {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .company-grid {
        grid-template-columns: 1fr;
    }

    .company-block-1 {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .company-block-1.is-2nd {
        border-top: 1px solid var(--royal-blue-2);
        border-bottom: 1px solid var(--royal-blue-2);
        min-height: 15em;
    }

    .content-grid-block-3 {
        min-height: 22em;
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .content-grid-block-3.with-bg-blue {
        grid-column-gap: 4em;
        grid-row-gap: 4em;
        grid-template-columns: 1fr;
    }

    .service-3-cms-block {
        margin-bottom: 4em;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .contact-inner-3, .contact-2-inner-1 {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .sticky-column-2 {
        padding-top: 6em;
    }

    .button-overlap-3 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .testimonial-title-1 {
        letter-spacing: .2em;
        text-indent: .2em;
    }

    .sublinks-cms-item {
        text-align: center;
        min-width: 33.3333%;
    }

    .password {
        padding: 0;
    }

    .password-form-label {
        top: 3.8em;
        left: 0;
        right: 0;
    }

    .password-form-field {
        flex-wrap: wrap;
        padding-top: 2em;
    }

    .password-form-input {
        text-align: center;
        width: 100%;
        margin-bottom: 1em;
        padding-left: 0;
    }

    .password-form-submit {
        width: 100%;
    }

    .social-icon {
        font-size: 2em;
    }

    .company-block-4 {
        margin-bottom: 4em;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .company-block-4.with-borders-on-phone {
        border-top: 1px solid var(--royal-blue-2);
        border-bottom: 1px solid var(--royal-blue-2);
    }

    .company-block-4 {
        margin-bottom: 0;
    }

    .button-overlap-4 {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        margin-right: 0;
        display: flex;
    }

    .button-overlap-5, .two-buttons-1 {
        width: 100%;
    }

    .button-overlap-6 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        display: flex;
    }

    .buttons-in-sticky-sec {
        width: 100%;
    }

    .static-gallery-grid, .static-gallery-grid-large {
        grid-column-gap: 1.25em;
        grid-row-gap: 1.25em;
    }

    .preloader-inner {
        flex-direction: column;
    }

    .preloader-line {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .preloader-content-title {
        text-align: center;
        font-size: 6vw;
    }

    .preloader-title-overflow {
        text-align: center;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .project-link-2 {
        padding: 1.5em;
    }

    .color-define, .color-define-2, .color-define-3 {
        height: 3em;
    }

    .main-button-copy {
        min-width: 80%;
    }

    .main-button-copy.is-contact-menu {
        width: 100%;
        margin-top: .4em;
        margin-bottom: .4em;
    }

    .brands-logo-copy, .brands-logo-copy-copy {
        width: 6em;
        height: 1.5em;
    }

    .container-copy, .container-copy.is-cta-container {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .heading-copy.is-hero-2-title-1, .heading-copy.is-content-title-5 {
        font-size: 2.8em;
    }

    .heading-copy.is-hero-page-title.in-terms, .heading-copy.is-hero-page-title.in-solution-1, .heading-copy.is-hero-page-title.in-services, .heading-copy.is-hero-page-title.in-testimonials, .heading-copy.is-hero-page-title.in-brands {
        font-size: 10vw;
    }

    .heading-copy.is-content-title-7, .heading-copy.in-contact-2 {
        font-size: 2.8em;
    }

    .heading-copy.is-content-title-2 {
        margin-bottom: .7em;
        font-size: 2.8em;
    }

    .heading-copy.is-hero-2-title-1, .heading-copy.is-content-title-5 {
        font-size: 2.8em;
    }

    .heading-copy.is-form-title {
        font-size: 2.2em;
    }

    .heading-copy.is-brand-title {
        font-size: 2.8em;
    }

    .heading-copy.is-newsletter-title {
        font-size: 1.7em;
    }

    .heading-copy.is-hero-2-title {
        font-size: 2.8em;
    }

    .heading-copy.is-about-title-2 {
        margin-bottom: .7em;
        font-size: 2.5em;
    }

    .heading-copy.is-contact-title-2 {
        padding-left: 1em;
    }

    .heading-copy.is-hero-7-title {
        font-size: 2.5em;
    }

    .heading-copy.is-content-title-3 {
        font-size: 3em;
    }

    .heading-copy.is-form-title-2 {
        font-size: 2.2em;
    }

    .heading-copy.is-hero-page-title {
        font-size: 2.9em;
    }

    .heading-copy.is-hero-page-title.in-terms, .heading-copy.is-hero-page-title.in-solution-1, .heading-copy.is-hero-page-title.in-services, .heading-copy.is-hero-page-title.in-testimonials, .heading-copy.is-hero-page-title.in-brands {
        font-size: 10vw;
    }

    .heading-copy.is-hero-1-title {
        font-size: 8vw;
        line-height: 1.4em;
    }

    .heading-copy.is-about-cms-title {
        font-size: 2.7em;
    }

    .heading-copy.is-project-cms-title {
        font-size: 3em;
    }

    .heading-copy.is-content-title-4 {
        margin-bottom: .2em;
        font-size: 3em;
    }

    .heading-copy.in-hero-vertical {
        font-size: 3em;
    }

    .heading-copy.is-service-title-3 {
        font-size: 2em;
    }

    .heading-copy.is-project-title-3 {
        font-size: 1.9em;
    }

    .heading-copy.in-sticky-sec {
        font-size: 2.5em;
    }

    .heading-copy.is-social-title {
        font-size: 12vw;
    }

    .heading-copy.is-service-title-4 {
        font-size: 2em;
    }

    .heading-copy.is-content-title-7, .heading-copy.in-contact-2 {
        font-size: 2.8em;
    }
}

#w-node-_953b5936-f918-05dd-c40a-c7b1168830a8-c17ce3e0 {
    grid-area: 1 / 4 / 2 / 5;
    justify-self: stretch;
}

#w-node-_8137663d-4316-5de2-dc0c-31323dc8a383-561c8b57 {
    align-self: center;
}

#w-node-_8137663d-4316-5de2-dc0c-31323dc8a38d-561c8b57, #w-node-cd27697f-bfa2-4d88-1a70-7e26a07abc13-561c8b57, #w-node-c911ae05-f968-469d-3be4-2aa7a033b128-561c8b57 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch end;
}

#w-node-e4da4c37-ee58-167a-cbd7-451e68993a19-68993a17 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e4da4c37-ee58-167a-cbd7-451e68993a25-68993a17 {
    grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e4da4c37-ee58-167a-cbd7-451e68993a9f-68993a17 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e4da4c37-ee58-167a-cbd7-451e68993aa1-68993a17 {
    justify-self: end;
}

#w-node-e4da4c37-ee58-167a-cbd7-451e68993ac6-68993a17 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e4da4c37-ee58-167a-cbd7-451e68993ad4-68993a17, #w-node-f5cf92aa-2b80-10e1-54ea-7128b6967dba-c17ce3da, #w-node-f5cf92aa-2b80-10e1-54ea-7128b6967dbd-c17ce3da, #w-node-f5cf92aa-2b80-10e1-54ea-7128b6967dc2-c17ce3da, #w-node-f5cf92aa-2b80-10e1-54ea-7128b6967dc8-c17ce3da {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5cf92aa-2b80-10e1-54ea-7128b6967dcd-c17ce3da {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b5922f5a-0b88-2202-ca2a-2313e26f7f1f-c17ce3da {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-a51d6f26-c4b1-3e87-97e3-18981062399c-c17ce3da {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7cbb90d0-b3bd-6698-545a-651a1a08c493-c17ce3da, #w-node-_6962c5e0-33b2-495b-d0fa-c872f005e489-c17ce3da {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-_6962c5e0-33b2-495b-d0fa-c872f005e48c-c17ce3da {
    grid-area: 1 / 4 / 2 / 5;
    justify-self: stretch;
}

#w-node-c4442ee1-5837-2ede-b004-647ecf03e42b-cf03e41b {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81243046-8783-d51a-71a6-adbd6f644254-6f644250 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: stretch;
}

#w-node-_81243046-8783-d51a-71a6-adbd6f644281-6f644250 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: center;
}

#w-node-_6446ed93-05ba-3406-f0c5-9d783cc1c10b-c17ce3db {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-_19d1f056-0b94-e47c-7213-54bcdf961152-c17ce3db {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-e6058060-069d-7f12-7ef0-6b7910081208-c17ce3db {
    align-self: stretch;
}

#w-node-_28653b17-a850-7613-7887-aa3fc3cb6c3c-c3cb6c36 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_28653b17-a850-7613-7887-aa3fc3cb6c3d-c3cb6c36 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32245ce4-b1ae-f529-f4d3-052c869455c2-c17ce3dc {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-_32245ce4-b1ae-f529-f4d3-052c8694560f-c17ce3dc {
    grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_127c046d-0a46-5ea8-ba4a-cf2db07a88bf-b07a88bb, #w-node-_127c046d-0a46-5ea8-ba4a-cf2db07a88c5-b07a88bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b97c522a-e9e2-a026-73cb-9108419cedc7-c17ce3dd {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-b97c522a-e9e2-a026-73cb-9108419cedfd-c17ce3dd {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-b97c522a-e9e2-a026-73cb-9108419cee09-c17ce3dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-b97c522a-e9e2-a026-73cb-9108419cee0a-c17ce3dd {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d356ab0-0e82-60c1-f68e-e43c0d64990f-c17ce3de {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-_7d356ab0-0e82-60c1-f68e-e43c0d649945-c17ce3de {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-cf2b8de4-700e-73b4-26a6-2dfd653c943d-c17ce3df {
    grid-area: 1 / 3 / 2 / 5;
}

#w-node-_29c26390-1a0c-8e4a-8b8f-ee9c95d08087-c17ce3df {
    grid-area: 2 / 2 / 3 / 3;
}

#w-node-_041e01dc-1503-0801-4d17-fd2e0362b95e-c17ce3df {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_041e01dc-1503-0801-4d17-fd2e0362b95f-c17ce3df {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1f9b820-fcab-03d7-d4c5-77bd13051bcf-c17ce3e1 {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-f1f9b820-fcab-03d7-d4c5-77bd13051c05-c17ce3e1 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3c108fd0-dc67-5ed0-c798-4c28fc432752-c17ce3e5, #w-node-_99adc4da-5f5f-4ffa-3a43-684b1215e911-c17ce3e5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_46432781-249a-1d48-81cb-6f7679e7c67a-c17ce3e6 {
    grid-area: 1 / 2 / 2 / 7;
}

#w-node-fd971108-46f6-116c-4373-98ae01c85ec0-c17ce3e6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a94e5f1d-a642-ed37-464f-372c7a3e410a-c17ce3e6, #w-node-d0c1ecf8-84bf-0560-7f96-098bfd9f8097-c17ce3e6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0cea9877-e5e7-d1f7-febc-4bed34191eff-c17ce3e6 {
    align-self: start;
}

#w-node-a4e65e9a-ae05-3071-89f3-b9e90f1f7b45-0f1f7b03, #w-node-a4e65e9a-ae05-3071-89f3-b9e90f1f7b4b-0f1f7b03 {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d05a6ffb-970a-b22f-b3fd-8894e8b9eb32-c17ce3e7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64cd2cd7-c438-38cd-385f-faad00276946-c17ce3e7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_9a021312-ab24-2cd5-5415-994c6659baf1-c17ce3e7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start stretch;
}

#w-node-_2c25faab-77c2-8321-ca6f-42d4cf9bfa09-c17ce3e8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_0982a48b-286a-4334-3ee3-4040dfa3f415-c17ce3e8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_0982a48b-286a-4334-3ee3-4040dfa3f419-c17ce3e8, #w-node-_0982a48b-286a-4334-3ee3-4040dfa3f41d-c17ce3e8 {
    grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_0982a48b-286a-4334-3ee3-4040dfa3f421-c17ce3e8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_7b9d02af-cdc6-6497-f6ef-cf39cc00eb87-c17ce3e8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_7b9d02af-cdc6-6497-f6ef-cf39cc00eb90-c17ce3e8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_7b9d02af-cdc6-6497-f6ef-cf39cc00eb94-c17ce3e8, #w-node-_7b9d02af-cdc6-6497-f6ef-cf39cc00eb98-c17ce3e8 {
    grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_7b9d02af-cdc6-6497-f6ef-cf39cc00eb9c-c17ce3e8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_70fd9605-fefa-9270-20cb-262bde9c62c5-c17ce3e8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_70fd9605-fefa-9270-20cb-262bde9c62ce-c17ce3e8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_70fd9605-fefa-9270-20cb-262bde9c62d2-c17ce3e8, #w-node-_70fd9605-fefa-9270-20cb-262bde9c62d6-c17ce3e8 {
    grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_70fd9605-fefa-9270-20cb-262bde9c62da-c17ce3e8 {
    grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_2d38a569-f720-e19e-7c81-b9e805bb42c1-05bb42be {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-_2d38a569-f720-e19e-7c81-b9e805bb42f4-05bb42be {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea5c-c17ce3ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea5d-c17ce3ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea5d-c17ce3eb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea66-c17ce3ea {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-d945e5d6-250c-3b4b-0e9d-debf38063795-c17ce3ea, #w-node-d945e5d6-250c-3b4b-0e9d-debf3806378d-c17ce3ea, #w-node-_5378de4e-2373-771c-59c4-0bef999e88e8-c17ce3ea {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-c17ce3ea {
    grid-area: 1 / 4 / 2 / 5;
    justify-self: stretch;
}

#w-node-_3bd9fc55-29eb-5d0c-e889-b67a513455dd-170871cd {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-_69553c6e-0c2b-567d-676c-9864d98ad7d9-c17ce3ed, #w-node-e297b821-a651-fb4e-a64f-8560b39c82a0-c17ce3ed, #w-node-_4ab4774f-554e-547b-d350-343ff6279edf-c17ce3ed {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec5ed4b2-ce6c-cd02-2b1b-3c31e4f15ab1-c17ce3ef {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-ec5ed4b2-ce6c-cd02-2b1b-3c31e4f15ae4-c17ce3ef {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cb8-c17ce3ef {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cb9-c17ce3ef {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cbf-c17ce3ef {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cea-c17ce3ef, #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cf4-c17ce3ef, #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cfe-c17ce3ef {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6bc3d575-87cc-f314-2a69-2ec217d12d22-c17ce3ef {
    grid-area: 1 / 4 / 2 / 5;
    justify-self: stretch;
}

#w-node-_168c2e1a-8c17-aefa-3c90-16a8e3680c21-c17ce3f0 {
    grid-area: 1 / 1 / 2 / 3;
}

#w-node-_45fd1168-2d7d-b0bb-a702-b290824e44a0-c17ce3f0 {
    align-self: stretch;
}

#w-node-_09fc60e0-4e9a-6cff-ab49-f3464194038c-c17ce3f1 {
    grid-area: 1 / 2 / 2 / 8;
}

#w-node-_09fc60e0-4e9a-6cff-ab49-f346419403c2-c17ce3f1 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_88e714d2-d5a5-f1ac-ab03-f3ca2bbcd5ce-c17ce3f1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_88e714d2-d5a5-f1ac-ab03-f3ca2bbcd5cf-c17ce3f1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e45c162-5afd-615d-003f-df75704285f6-c17ce3f4 {
    align-self: stretch;
}

#w-node-_4b35e656-c581-910e-815d-768de4ba71d4-c17ce3f6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_4b35e656-c581-910e-815d-768de4ba71d5-c17ce3f6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c76c3270-1c7b-23a9-c9d7-4f42219bc1d6-c17ce3f6 {
    align-self: start;
}

#w-node-dfd9819c-980a-326c-592e-ccec4c9bfa0b-c17ce3f7 {
    grid-area: 1 / 2 / 2 / 7;
}

#w-node-dfd9819c-980a-326c-592e-ccec4c9bfa3e-c17ce3f7 {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9fbd8841-cae6-d15d-37a8-64b6e5f79de7-c17ce3f8 {
    grid-area: 1 / 2 / 2 / 7;
}

#w-node-a5c20e83-3cc9-d9a9-dc7e-14ed0186f450-12e446d4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-a5c20e83-3cc9-d9a9-dc7e-14ed0186f451-12e446d4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5c20e83-3cc9-d9a9-dc7e-14ed0186f485-12e446d4 {
    align-self: start;
}

#w-node-_2987c338-0297-3e6f-56bd-52e2e8739204-92a7bb7b {
    grid-area: 1 / 2 / 2 / 7;
}

#w-node-_2987c338-0297-3e6f-56bd-52e2e8739237-92a7bb7b {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea5c-92a7bb7b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea5d-92a7bb7b {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea66-92a7bb7b {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-d945e5d6-250c-3b4b-0e9d-debf38063795-92a7bb7b, #w-node-d945e5d6-250c-3b4b-0e9d-debf3806378d-92a7bb7b, #w-node-_5378de4e-2373-771c-59c4-0bef999e88e8-92a7bb7b {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-92a7bb7b {
    grid-area: 1 / 4 / 2 / 5;
    justify-self: stretch;
}

#w-node-fe1e740a-3ae3-ddc7-868a-9d6cd40e91f6-05071e0b {
    grid-area: 1 / 2 / 2 / 7;
}

#w-node-fe1e740a-3ae3-ddc7-868a-9d6cd40e9229-05071e0b {
    grid-area: 1 / 2 / 2 / 3;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea5c-05071e0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea5d-05071e0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea66-05071e0b {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-d945e5d6-250c-3b4b-0e9d-debf38063795-05071e0b, #w-node-d945e5d6-250c-3b4b-0e9d-debf3806378d-05071e0b, #w-node-_5378de4e-2373-771c-59c4-0bef999e88e8-05071e0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-05071e0b {
    grid-area: 1 / 4 / 2 / 5;
    justify-self: stretch;
}

@media screen and (min-width: 1440px) {
    #w-node-_2d38a569-f720-e19e-7c81-b9e805bb42c1-05bb42be {
        grid-column-end: 8;
    }
}

@media screen and (max-width: 991px) {
    #w-node-_953b5936-f918-05dd-c40a-c7b1168830a8-c17ce3e0 {
        grid-column: 3 / 4;
    }

    #w-node-_8137663d-4316-5de2-dc0c-31323dc8a383-561c8b57 {
        grid-area: span 1 / span 2 / span 1 / span 2;
        align-self: center;
    }

    #w-node-_8137663d-4316-5de2-dc0c-31323dc8a38d-561c8b57, #w-node-cd27697f-bfa2-4d88-1a70-7e26a07abc13-561c8b57, #w-node-c911ae05-f968-469d-3be4-2aa7a033b128-561c8b57 {
        justify-self: stretch;
    }

    #w-node-e4da4c37-ee58-167a-cbd7-451e68993a19-68993a17 {
        grid-area: span 1 / span 3 / span 1 / span 3;
    }

    #w-node-e4da4c37-ee58-167a-cbd7-451e68993abe-68993a17 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-e4da4c37-ee58-167a-cbd7-451e68993ac6-68993a17 {
        grid-column: span 3 / span 3;
    }

    #w-node-_6962c5e0-33b2-495b-d0fa-c872f005e489-c17ce3da {
        grid-column: 2 / 3;
    }

    #w-node-_6962c5e0-33b2-495b-d0fa-c872f005e48c-c17ce3da {
        grid-column: 3 / 4;
    }

    #w-node-_6446ed93-05ba-3406-f0c5-9d783cc1c10b-c17ce3db {
        grid-column-start: 1;
    }

    #w-node-_32245ce4-b1ae-f529-f4d3-052c869455c2-c17ce3dc {
        grid-area: 1 / 1 / 2 / 8;
    }

    #w-node-b97c522a-e9e2-a026-73cb-9108419cedc7-c17ce3dd, #w-node-_7d356ab0-0e82-60c1-f68e-e43c0d64990f-c17ce3de {
        grid-column-start: 1;
    }

    #w-node-_29c26390-1a0c-8e4a-8b8f-ee9c95d08087-c17ce3df {
        grid-area: 2 / 1 / 3 / 3;
    }

    #w-node-f1f9b820-fcab-03d7-d4c5-77bd13051bcf-c17ce3e1 {
        grid-column-start: 1;
    }

    #w-node-_3c108fd0-dc67-5ed0-c798-4c28fc43274c-c17ce3e5, #w-node-_3c108fd0-dc67-5ed0-c798-4c28fc432759-c17ce3e5, #w-node-_182b8f2c-5ffd-ffc0-4b34-a59d8396cd23-c17ce3e5, #w-node-df774271-2fe5-e963-3711-cc889a19ef62-c17ce3e5 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_46432781-249a-1d48-81cb-6f7679e7c67a-c17ce3e6 {
        grid-area: 1 / 1 / 2 / 8;
    }

    #w-node-d05a6ffb-970a-b22f-b3fd-8894e8b9eb32-c17ce3e7, #w-node-_64cd2cd7-c438-38cd-385f-faad00276946-c17ce3e7 {
        justify-self: center;
    }

    #w-node-_2d38a569-f720-e19e-7c81-b9e805bb42c1-05bb42be {
        grid-area: 1 / 1 / 2 / 8;
    }

    #w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-c17ce3ea {
        grid-column: 3 / 4;
    }

    #w-node-ec5ed4b2-ce6c-cd02-2b1b-3c31e4f15ab1-c17ce3ef {
        grid-area: 1 / 1 / 2 / 8;
    }

    #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12d22-c17ce3ef {
        grid-column: 3 / 4;
    }

    #w-node-_09fc60e0-4e9a-6cff-ab49-f3464194038c-c17ce3f1 {
        grid-column-start: 1;
    }

    #w-node-dfd9819c-980a-326c-592e-ccec4c9bfa0b-c17ce3f7, #w-node-_9fbd8841-cae6-d15d-37a8-64b6e5f79de7-c17ce3f8, #w-node-_2987c338-0297-3e6f-56bd-52e2e8739204-92a7bb7b {
        grid-area: 1 / 1 / 2 / 8;
    }

    #w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-92a7bb7b {
        grid-column: 3 / 4;
    }

    #w-node-fe1e740a-3ae3-ddc7-868a-9d6cd40e91f6-05071e0b {
        grid-area: 1 / 1 / 2 / 8;
    }

    #w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-05071e0b {
        grid-column: 3 / 4;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_953b5936-f918-05dd-c40a-c7b1168830a8-c17ce3e0 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_8137663d-4316-5de2-dc0c-31323dc8a383-561c8b57 {
        grid-column: span 1 / span 1;
    }

    #w-node-e4da4c37-ee58-167a-cbd7-451e68993aa1-68993a17 {
        justify-self: start;
    }

    #w-node-f5cf92aa-2b80-10e1-54ea-7128b6967dc2-c17ce3da, #w-node-f5cf92aa-2b80-10e1-54ea-7128b6967dc8-c17ce3da, #w-node-f98181f1-b99f-99b7-e471-7eb6d3b3e5af-c17ce3da, #w-node-_516e4c6c-f6a4-5008-968c-2b0cc598b9fa-c17ce3da, #w-node-_15d944a1-f895-8b5f-5482-2f81fdfdce88-c17ce3da {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_7cbb90d0-b3bd-6698-545a-651a1a08c493-c17ce3da {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_6962c5e0-33b2-495b-d0fa-c872f005e489-c17ce3da, #w-node-_6962c5e0-33b2-495b-d0fa-c872f005e48c-c17ce3da {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-c4442ee1-5837-2ede-b004-647ecf03e42b-cf03e41b {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_3c108fd0-dc67-5ed0-c798-4c28fc432752-c17ce3e5 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_3c108fd0-dc67-5ed0-c798-4c28fc43274c-c17ce3e5 {
        grid-column: span 1 / span 1;
    }

    #w-node-_3c108fd0-dc67-5ed0-c798-4c28fc432759-c17ce3e5 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_182b8f2c-5ffd-ffc0-4b34-a59d8396cd23-c17ce3e5, #w-node-_99adc4da-5f5f-4ffa-3a43-684b1215e911-c17ce3e5, #w-node-df774271-2fe5-e963-3711-cc889a19ef62-c17ce3e5 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-d0c1ecf8-84bf-0560-7f96-098bfd9f8097-c17ce3e6 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea66-c17ce3ea {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-d945e5d6-250c-3b4b-0e9d-debf38063795-c17ce3ea, #w-node-d945e5d6-250c-3b4b-0e9d-debf380637b1-c17ce3ea, #w-node-_9e94db57-32d3-742f-1ccd-c7edc8dbaca9-c17ce3ea, #w-node-d945e5d6-250c-3b4b-0e9d-debf380637bb-c17ce3ea {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-c17ce3ea {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cbf-c17ce3ef {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cea-c17ce3ef, #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cef-c17ce3ef, #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12cf9-c17ce3ef, #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12d02-c17ce3ef {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_6bc3d575-87cc-f314-2a69-2ec217d12d22-c17ce3ef {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_6d675344-39d4-6367-c314-d97b69cc7961-c17ce3f6 {
        grid-area: span 2 / span 1 / span 2 / span 1;
    }

    #w-node-dfd9819c-980a-326c-592e-ccec4c9bfa3e-c17ce3f7 {
        grid-area: 1 / 1 / 2 / 3;
    }

    #w-node-a5c20e83-3cc9-d9a9-dc7e-14ed0186f471-12e446d4 {
        grid-area: span 2 / span 1 / span 2 / span 1;
    }

    #w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea66-92a7bb7b {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-d945e5d6-250c-3b4b-0e9d-debf38063795-92a7bb7b, #w-node-d945e5d6-250c-3b4b-0e9d-debf380637b1-92a7bb7b, #w-node-_9e94db57-32d3-742f-1ccd-c7edc8dbaca9-92a7bb7b, #w-node-d945e5d6-250c-3b4b-0e9d-debf380637bb-92a7bb7b {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-92a7bb7b {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_3ed03f9c-df2c-6227-7623-34bc7c4bea66-05071e0b {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-d945e5d6-250c-3b4b-0e9d-debf38063795-05071e0b, #w-node-d945e5d6-250c-3b4b-0e9d-debf380637b1-05071e0b, #w-node-_9e94db57-32d3-742f-1ccd-c7edc8dbaca9-05071e0b, #w-node-d945e5d6-250c-3b4b-0e9d-debf380637bb-05071e0b {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_05c8c5b3-e21a-a681-292e-597556931cc4-05071e0b {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_6446ed93-05ba-3406-f0c5-9d783cc1c10b-c17ce3db, #w-node-_32245ce4-b1ae-f529-f4d3-052c869455c2-c17ce3dc, #w-node-b97c522a-e9e2-a026-73cb-9108419cedc7-c17ce3dd, #w-node-_7d356ab0-0e82-60c1-f68e-e43c0d64990f-c17ce3de, #w-node-f1f9b820-fcab-03d7-d4c5-77bd13051bcf-c17ce3e1, #w-node-_46432781-249a-1d48-81cb-6f7679e7c67a-c17ce3e6 {
        grid-area: 1 / 1 / 2 / 9;
    }

    #w-node-fdbac8a3-8f8f-0b3f-35f6-d2fc63f3a08c-c17ce3e6 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_9443f39b-c860-a313-c78e-c342f11461b2-c17ce3e6 {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-fd971108-46f6-116c-4373-98ae01c85ec0-c17ce3e6 {
        grid-column: span 1 / span 1;
    }

    #w-node-a4e65e9a-ae05-3071-89f3-b9e90f1f7b45-0f1f7b03 {
        grid-area: span 1 / span 6 / span 1 / span 6;
    }

    #w-node-_2d38a569-f720-e19e-7c81-b9e805bb42c1-05bb42be, #w-node-ec5ed4b2-ce6c-cd02-2b1b-3c31e4f15ab1-c17ce3ef, #w-node-_09fc60e0-4e9a-6cff-ab49-f3464194038c-c17ce3f1, #w-node-dfd9819c-980a-326c-592e-ccec4c9bfa0b-c17ce3f7, #w-node-_9fbd8841-cae6-d15d-37a8-64b6e5f79de7-c17ce3f8, #w-node-_2987c338-0297-3e6f-56bd-52e2e8739204-92a7bb7b, #w-node-fe1e740a-3ae3-ddc7-868a-9d6cd40e91f6-05071e0b {
        grid-area: 1 / 1 / 2 / 9;
    }
}

.cms-content-link-block.active .cms-content-link-title {
    text-decoration: solid;
    font-weight: bolder;
    /* optional: tone down text color */
}
.counter {
    opacity: 0;
    animation: fadeIn 0.6s ease forwards;
    animation-delay: 0.2s;
    font-size: 2em;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
.custom-dropdown {
    position: relative;
}

.dropdown-toggle {
    cursor: pointer;
}

.dropdown-toggle span{
    color: white
}

.dropdown-menu {
    display: none; /* hide by default */
    position: absolute;
    top: 100%; /* right below the toggle */
    left: 0;
    opacity: 0;
    /* background: rgba(255,255,255,0.6);
    box-shadow: 0 4px 8px rgba(0,0,0,0.6);
    border-radius: 10px; */
    
    padding: 0.75em 0.75em;
    width: auto; /* auto width based on content */
    min-width: 80%; /* at least as wide as toggle */
    z-index: 1000;
    white-space: nowrap; /* prevent wrapping so width fits content */
    transition: all 4s ease-out;
}

.dropdown-menu.show {
    display: block;
    transition: all 4s ease-out;
}

.dropdown-item {
    display: block;
    background-color: rgba(255,255,255,1); 
    padding: 0.5em 1em;
    color: #262c36;
    text-decoration: none;
    font-size: 14px;
    
    padding-bottom:1em;
    box-shadow: 0px 0px 0px  rgba(28,44,54,0.7); 
    margin-top: 0.5em;
    letter-spacing: 0.1em !important;
}
.dropdown-item1 {
    display: block;
    background-color: rgba(255,255,255,0.7); 
    padding: 0.5em 1em;
    color: #262c36;
    text-decoration: none;
    font-size: 14px;
    padding-bottom:1em;
    
    margin-top: 0.5em;
    letter-spacing: 0.1em !important;
}

.dropdown-item:hover {
    background-color: #fff; 
    box-shadow: none;
    }
    .dropdown-item1:hover {
    background-color: #fff; 
    box-shadow: none;
    }
/* Show on hover */
.custom-dropdown:hover .dropdown-menu {
    opacity: 1;  
    position: absolute;
    display: block;
    transition: all 5s ease-in;

}

/* Add the 'show' class for JS toggling */
.dropdown-menu {
      

    display: none;
    transition: all 1s ease-out;
    /* ...your existing styles... */
}

.dropdown-menu.show {
    display: block;
    transition: all 5s ease-in;
}

 

        .footer {
            
            color: #fff;
            padding: 50px 0 20px;
            position: relative;
            overflow: hidden;
        }

        .footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            animation: shimmer 2s infinite linear;
        }
/* 
        @keyframes shimmer {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        } */

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
        }

        .footer-section {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 0.6s forwards;
        }

        @keyframes fadeInUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .footer-section h3 {
            color: #ffffff;
            margin-bottom: 20px;
            font-size: 1.2rem;
            position: relative;
            padding-bottom: 10px;
        }

        .footer-section h3::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background: #ffffff;
            /* transition: width 0.3s ease; */
        }

        .footer-section:hover h3::after {
            width: 50px;
        }

        .footer-section p {
            line-height: 1.6;
            margin-bottom: 15px;
            color: #a0a0a0;
        }

        .footer-links {
            list-style: none;
        }

        .footer-links li {
            margin-bottom: 12px;
        }

        .footer-links a {
            color: #a0a0a0;
            text-decoration: none;
            /* transition: all 0.3s ease; */
            display: inline-block;
        }

        .footer-links a:hover {
            color: #ffffff;
            /* transform: translateX(5px); */
        }

        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }

        .social-links a {
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #333;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .social-links a:hover {
            background: #ffffff;
            transform: translateY(-3px);
        }

        .contact-info {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            color: #a0a0a0;
        }

        .contact-info i {
            margin-right: 10px;
            color: #4facfe;
        }

        .footer-bottom {
            text-align: center;
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid #3f3f3f;
            color: #ffffff;
        }

        .newsletter-form {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }

        .newsletter-form input {
            flex: 1;
            padding: 10px;
            border: none;
            border-radius: 5px;
            background: #333;
            color: #fff;
        }

        .newsletter-form button {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            background: #4facfe;
            color: #fff;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .newsletter-form button:hover {
            background: #0056b3;
            transform: translateY(-2px);
        }

        @media (max-width: 768px) {
            .footer-content {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .newsletter-form {
                flex-direction: column;
            }

            .footer-section {
                text-align: center;
            }

            .footer-section h3::after {
                left: 50%;
                /* transform: translateX(-50%); */
            }

            .social-links {
                justify-content: center;
            }

            .contact-info {
                justify-content: center;
            }
        }

        @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");

* {
	box-sizing: border-box;
}



ol {
	list-style: none;
	counter-reset: list;
	padding: 0 1rem;
}

li.newsletter-list-item{
	position: relative;
	counter-increment: list;
	max-width: 45rem;
	padding: 1rem 1rem 1rem;
	box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;
	overflow: hidden;
	background-color: white;
}
.cms-content-link-title-main{
 position: relative;
	counter-increment: list;
	max-width: 45rem;
	padding: 1rem 5rem 1rem;
	box-shadow: 0.1rem 0.1rem 1.5rem rgba(0, 0, 0, 0.3);
	border-radius: 0.25rem;
	overflow: hidden;
	background-color: white;   
}
        li.newsletter-list-item::before {
	--stop: calc(100% / var(--length) * var(--i));
	--l: 62%;
	--l2: 88%;
	--c1: hsl(var(--h), 71%, var(--l));
	--c2: hsl(var(--h), 71%, var(--l2));
	
	content: '';
	display: block;
	width: 100%;
	height: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(to right, var(--c1) var(--stop), var(--c2) var(--stop));
}


.wrapper{
  width: 90%;
  margin: 0 auto;
  max-width: 80rem;
}

.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col{
  width: calc(50% - 2rem);
  margin: 1rem;
  cursor: pointer;
}

.container3{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.front,
.back{
  background-size: cover;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
  border-radius: 10px;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: justify;
	min-height: 400px;
	height: auto;
	border-radius: 10px;
    font-weight: 500;
	color: var(--font-color);
    
	font-size: 1.2rem;
}

.back{
  background: #cedce7;
  /* background: -webkit-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: -o-linear-gradient(45deg,  #cedce7 0%,#596a72 100%);
  background: linear-gradient(45deg,  #cedce7 0%,#596a72 100%); */
}

.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.container3:hover .front,
.container3:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.inner{
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
            transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.container3 .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container3 .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container3:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container3:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #C6D4DF;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(255,255,255,0.7);
  font-family: 'Montserrat';
  font-weight: 300;
}

@media (max-width: 768px) {
  /* Disable 3D flip on mobile */
  .container3 {
    -webkit-transform-style: unset !important;
    transform-style: unset !important;
    perspective: unset !important;
    margin-bottom: 2rem; /* optional spacing */
  }

  /* Make front and back stack naturally */
  .container3 .front,
  .container3 .back {
    position: relative !important;
    transform: none !important;
    backface-visibility: visible !important;
    height: auto !important;
    min-height: unset !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
    border-radius: 10px !important;
  }

  /* Show inner content normally */
  .container3 .inner {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    transform: none !important;
    padding: 1rem !important;
    width: 100% !important;
  }

  /* Optional: adjust text size for small screens */
  .front .inner p,
  .back .inner p {
    font-size: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .front .inner p:after {
    width: 3rem !important;
    bottom: -.5rem !important;
  }
}


@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}