/* Override CSS */
:root {
    --purple-1: #AAB6C3;
    --purple-2: #000F1D;
    --purple-3: #081D33;
    --purple-4: #000F1D;
    --bg-brown: #FBFBFB;
    --brown-4: #081D33;
    --brown-5: #549AD3;
    --brown-6: #081D33;
    --brown-7: #aab6c393;
    --brown-8: #AAB6C3;
    --brown-9: #A3A8AD;
    --brown-10: #C9D1D9;
    --brown-11: #C9D1D9;
    --brown-12: white;
    --brown-14: ;
    --brown-30-transparent: #aab6c393;
    --brown-20-transparent: #081d332a;
    --purple-50-transparent: #081d3348;
    --purple-60-transparent: #000F1DD1;
    --brown-50-transparent: #AAB6C3;
    --brown-30-light: #aab6c393;
}
body {
    color: #081D33 !important;
}

.nav-link,.nav-link-consultation  {
    color: white !important;
    opacity: .85 !important;
}

.nav-link:hover,.nav-link-consultation:hover {
    opacity: 1 !important;
}

.solution-2-number {
    display: block;
    color: var(--brown-5);
    border-color: var(--brown-5);
}

.with-bg-light {
    background-color: #FBFBFB !important;
}

.with-bg-lightblue {
    background-color: #F6F8FA !important;
}

.solution-2-bg-animation {
    background-color: #F6F8FA;
}

/* .paragraph.is-uppercase-2 {
    color: #3B6AA0;
} */

.minimal-button {
    color: var;
}

.minimal-button svg path {
    fill: var(--brown-5);
    stroke: var(--brown-5);
}

.minimal-button:hover {
    border-color: var(--brown-5);
    background-color: #3b6aa005;
}

.solution-2-item-1, .solutions-2-list {
    border-color: var(--brown-7) transparent;
}

.solution-2-link, .solution-2-link:hover {
    color: #081D33;
}

.solution-2-link-line {
    /* background-color: var(--brown-5); */
    background-color: white;
}

.button.is-dark {
    color: #081D33;
    border-color: #0e2e50;
}

.button.is-dark:hover, .button.is-dark:hover svg path {
    /* stroke: var(--brown-10); */
    stroke: white;
}

.button.is-dark:hover {
    color: var(--brown-10);
}

.button-bg-animation.is-2nd {
    background-color: var(--purple-3);
}

.interactive-line-color {
    background-image: linear-gradient(to right, #081d3317, #C9D1D9 50%, #081d3317)
}

.home-hero-overlay-1.home-hero-overlay-1-new {
    background: linear-gradient(79.64deg, var(--purple-4) 8.11%, rgba(18, 15, 34, 0.16) 62.98%) !important;
}

.case-hero-button-1 {
    background-color: var(--brown-6);
}

.case-hero-button-1:hover {
    background-color: #000F1D;
    color: white;
}

.case-1-overlay-1 {
    background-image: linear-gradient(to top, var(--purple-1), #1e1a3300 35%);
}

.case-1-overlay-2 {
    background-color: var(--brown-8);
}

.grid-4-block-3 {
    background-color: var(--bg-brown);
    color: var(--brown-4);
}

.content-6-wrap {
    background-color: var(--purple-60-transparent);
}

.case-1-block {
    border-color: var(--brown-7);
}

.case-1-block:hover {
    box-shadow: 0 70px 60px -30px var(--purple-60-transparent);
}

.section.with-bg-purple-1 {
    background-color: var(--purple-4);
}

.content-5-overlay {
    background-color: var(--purple-3);
    opacity: .75;
}

.section.with-bg-purple-2 {
    background-color: var(--purple-4);
}

.cta-1-content {
    background-color: var(--purple-3);
    max-width: 58em !important;
}

.newsletter-text-field {
    border-color: transparent transparent var(--brown-30-light);
}

.newsletter-text-field:hover {
    border-bottom-color: var(--brown-8)
}

.newsletter-submit-button {
    border-color: var(--brown-30-light);
}

.footer-2 {
    background-color: var(--purple-4);
}

.footer-contact-link {
    border-color: var(--brown-30-light);
}

.social-link-border {
    border-color: var(--brown-8);
}

.accordion-toggle.is-2nd {
    background-image: url('../images/arrow-down-full.svg');
    background-size: 1.35em;
}

.button-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.article-1-category.is-featured {
    border-color: var(--purple-1);
}

.content-4-number,.content-4-description {
    color: white;
    opacity: 1;
}

.vert-line-pin {
    background-color: var(--brown-30-transparent);
}

.paragraph.is-uppercase-1 {
    color: var(--brown-5);
}

/* Sticky content section styling to match grid-2-content */
.section.with-sticky-content .process-block-2 .heading.is-grid-2-title {
    /* color: var(--purple-4) !important; */
    color: white !important;
}

.section.with-sticky-content .process-block-2 .paragraph.is-grid-2-text {
    /* color: var(--purple-4) !important; */
    color: white !important;
}

.process-layout {
    background-color: var(--purple-4) !important;
}

.section.with-sticky-content .heading.is-grid-2-title {
    color: white !important;
}

.text-field::placeholder {
  color: var(--brown-11);
  font-size: 1em;
}

label.field-label {
    color: var(--brown-5);
}

.form-block {
    font-family: var(--serif-font);
}

.field-label.in-area {
    top: 3.3em;
}

.field-label-required.in-area {
    top: 2.2em;
}

.alert.alert-success.alert-dismissible {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background-color: var(--brown-5);
    margin-bottom: 2rem;
}

.w-input.text-field::placeholder {
    color: var(--brown-5);
    opacity: .6;
}

.form .text-field:hover {
    min-height: 4em !important;
}

.form .text-field.is-area:hover {
    min-height: 14em !important;
    border-color: var(--brown-11);
}

.form .text-field.is-area {
    border: 1px solid var(--brown-7);
    min-height: 14em;
}

.nav-main {
    height: unset;
}

.button-text {
    font-size: 12px;
}

.solution-2-bg-overlay {
        opacity: .65;
    }

@media(max-width: 1024px) {
    .form-group.form-field:not(:last-of-type) {
        margin-bottom: 3rem;
    }
    
    label.field-label {
        top: 0 !important;
    }

    .form-control.text-field.w-input {
        padding-left: 0;
    }
}

@media(min-width: 1024px) {
    .text-field.w-input {
        font-size: 20px;
    }
}

@media(max-width: 991px) {
    .heading.is-medium-title {
        font-size: 5.5vw;
    }
    .paragraph.is-hero-7-button-text {
        font-size: 1.5em;
    }
     .paragraph.is-uppercase-2 {
        font-size: 1.5em;
    }

    .button-icon {
        width: 1.5em;
    }

    .button-inner {
        padding: 1rem 1rem;
        gap: 4rem;
    }
}

@media(max-width: 767px) {
    .solution-2-bg-overlay {
        opacity: .4;
    }

    .button-text {
        font-size: 10px;
    }

    .home-hero-buttons {
        grid-row-gap: 1.75rem;
    }

    .heading.is-home-hero-title {
        font-size: 8vw;
    }

    .case-hero-button-1 {
        height: 10em;
        max-width: 70vw;
    }

    .paragraph.is-hero-7-button-text {
        font-size: 1.77em;
    }

    .solution-2-number {
        display: none;
    }
    .paragraph.is-uppercase-2 {
        font-size: 1.4em;
    }

     .minimal-button-text {
        font-size: 1.07em;
    }

    .solution-2-bg {
        height: 26em;
    }
}

@media(max-width: 479px) {
     .heading.is-home-hero-title {
        font-size: 9vw;
    }
}