:root {
    --branding-black:#051126;
    --branding-dark-blue: #0C2248;
    --branding-green:#23D675;
    --branding-blue: #9ADBFF;
    --color-white: #ffff;

}

/* RESET layout */
.what-we-do-type-one, .what-we-do-type-two {
    padding-block: 0 30px !important;
}
.main_breadcrumbs, .header-page-graphic-image__back, .header-page-graphic-image__front {
    display: none;
}

.color-action {
    color: var(--branding-green) !important;
}

/* BUTTONS */
.header-page .button-delante, .what-we-do-type-two .button-delante, .clients-logos .button-delante, .what-we-do-type-one .button-delante, .what-we-do-tiles__button .button-delante, .small-articles__button .button-delante  {
    position: relative;
    border-radius: 8px;
    font-size: 20px;
    line-height: 28.76px;
    padding: 15px 69px 15px 30px;
    font-weight: 500;
}
.header-page .button-delante::after, .what-we-do-type-two .button-delante::after, .what-we-do-type-one .button-delante::after, .clients-logos .button-delante::after, .what-we-do-tiles__button .button-delante::after, .small-articles__button .button-delante::after{
    content: "";
    display: block;
    background-image: url('../../assets/images/cta-arrow.svg');
    height: 17px;
    width: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.button--color-action-dark::after{
    background-image: url('../../assets/images/cta-arrow-white.svg') !important;
}
.button--color-action-dark:hover  {
    background-color: var(--branding-green) !important;
}
.button--color-action-dark {
    background-color: var(--branding-dark-blue) !important;
    color: var(--color-white) !important;
}

.button--color-action, .show-more-button {
    background-color: var(--branding-green) !important;
    color: var(--branding-black) !important;
}

/* RESET layout */
.ib-type-2__links a svg  {
    fill: var(--branding-blue) !important;
}
.information-bar {
    background-color: var(--branding-dark-blue);
    border-color: var(--branding-dark-blue);
}
.information-bar p, .information-bar a {
    color: var(--color-white);
}

.information-bar a {
    font-weight: 400;
}

.information-bar .information-bar__content--link {
    background: none !important;
}
.information-bar .info-bar-cta {
    color: var(--branding-black);
    background: var(--branding-blue);
    border-radius: 4px;
    padding: 7px 20px ;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    gap: 15px;
}
.info-bar-cta::after{
    content: "";
    display: block;
    background-image: url('../../assets/images/cta-arrow.svg');
    height: 10px;
    width: 11px;
    background-repeat: no-repeat;
    background-size: cover;
}


/* MENU */
.header{
    margin-bottom: 0 !important;
}
#header .header-container, .ib-type-2 {
    padding: 5px 10% !important;
}
.header__nav-menu a {
    color: var(--branding-black);
}

.header__nav-menu>li:hover {
    background-color: var(--branding-dark-blue) !important;
    border-radius: 8px;
}

.header__nav-menu .sub-menu a:has(> .nav__dropdown-header)::after {
    background-color: var(--branding-green) !important;
}
.header__nav-menu .sub-menu a::after {
    background-color: var(--branding-dark-blue) !important;
}

/* HERO */
.hero-deco {
    position: relative;
}

.hero-deco::before{
    content: "";
    display: block;
    background-image: url('../../assets/images/hero-deco.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
}

@media(max-width: 1000px) {
    .hero-deco{
        display: none;
    }
}
.header-page, .header-main {
    position: relative;
    align-items: center;
}
.header-page::before, .header-main::before{
    content: "";
    display: block;
    background-image: url('../../assets/images/hero-middle.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 52%;
    top:60%;
    transform: translate(-50%, -50%);
    height: 200px;
    width: 100px; 
    z-index: 9;
}
.header-page::after, .header-main::after{
    content: "";
    display: block;
    background-image: url('../../assets/images/hero-line-bottom.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 13px;
    width: 100%;

}

@media(max-width: 1000px) {
    .hero-deco, .header-page::before, .header-page::after, .header-main::before, .header-main::after{
        display: none;
    }
        #header .header-container, #header .header-container, .ib-type-2 {
            padding: 5px 2% !important;
    }
    .header-main__content:before {
        height: 118% !important;
    }
}
.header-page-graphic-image, .header-main-graphic-image {
    mask-image: url(../../dist/images/hero-mask.svg) !important;
    left: 0% !important;
    top: 3% !important;
}
.header-main-graphic-image__back, .header-main-graphic-image__front, .header-cpt__thumbnail-wrapper::before, .header-cpt__thumbnail-wrapper::after {
    display: none !important;
}
.header-page__content, .header-main__content {
    grid-column: 1 / 2;
    grid-row: 1;
}
.header-page__title, .header-main__title{
    font-weight: 600!important;
}
.header-page__title .color-action, .header-main__title .color-action {
    color: var(--branding-dark-blue) !important;
}
.header-page__title small, .header-main__title small {
    margin-top: 20px;
    display: block;
    font-weight: 400 !important;
    font-size: 32px !important;
    line-height: 48px !important;
}



/* BLOCKS */
.what-we-do-type-two, .what-we-do-type-one {
    background: url('../../assets/images/deco-trans.svg') right center no-repeat !important;
}

.what-we-do-type-two .what-we-do-type-two__title, .what-we-do-type-one .what-we-do-type-one__title {
    font-weight: 600;
}

.what-we-do-type-two .what-we-do-type-two__content p, .what-we-do-type-one .what-we-do-type-one__content p {
    color: var(--branding-dark-blue);
}

.what-we-do-type-two .what-we-do-type-two__content, .what-we-do-type-one .what-we-do-type-one__content{
    border-color: #D1D1D1;
    -webkit-box-shadow: 0px 10px 0px 0px var(--branding-green);
    -moz-box-shadow: 0px 10px 0px 0px var(--branding-green);
    box-shadow: 0px 10px 0px 0px var(--branding-green);
}

.what-we-do-type-two .what-we-do-type-two__list, .what-we-do-type-one .what-we-do-type-one__list {
    position: relative;
}

.what-we-do-type-two .what-we-do-type-two__list::before, .what-we-do-type-one .what-we-do-type-one__list::before{
    content: "";
    display: block;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background-color: #D1D1D1;
}


.what-we-do-type-two__opinion .opinion-type-one, .what-we-do-type-one__opinion .opinion-type-one   {
    background: #fff;
    border-color: #D1D1D1;
    -webkit-box-shadow: 0px 10px 0px 0px var(--branding-dark-blue);
    -moz-box-shadow: 0px 10px 0px 0px var(--branding-dark-blue);
    box-shadow: 0px 10px 0px 0px var(--branding-dark-blue);
}

.what-we-do-type-two__opinion .opinion-type-one__opinion p, .what-we-do-type-one__opinion .opinion-type-one__opinion p {
    color: var(--branding-dark-blue);
}

.what-we-do-type-two__opinion .author__image, .what-we-do-type-one__opinion .author__image {
    order: 0 !important;
}

.what-we-do-type-two__opinion .author__details, .what-we-do-type-one__opinion .author__details{
    text-align: left !important;
}

.what-we-do-type-two__opinion .author__name, .what-we-do-type-two__opinion .author__position, .what-we-do-type-one__opinion .author__name, .what-we-do-type-one__opinion .author__position {
    color: var(--branding-dark-blue);
}
.what-we-do-type-two__opinion .author__name, .what-we-do-type-one__opinion .author__name  {
    font-size: 22px;
    font-weight: 600;
}
.what-we-do-type-two__opinion .author__position, .what-we-do-type-one__opinion .author__position  {
    font-weight: normal;
    font-size: 16px;
}
.what-we-do-type-two .button-delante, .what-we-do-type-one .button-delante {
    background: var(--branding-green);
    color: var(--branding-black);
}

.what-we-do-tiles p, .what-we-do-tiles h3, .what-we-do-type-two__title, .social-proofs__title, .what-we-do-type-one__title, .what-we-do-type-one__content p {
    color: var(--branding-dark-blue);
}

.opinion-type-one:before {
    background: url('../../assets/images/quote-deco.svg') center center no-repeat;
    top: -5.5rem;
    left: 8.5rem;
    width: 62px;
    height: 77px;
}


.social-proofs .opinion-type-one{
    background: #fff;
    border-color: #D1D1D1;
    -webkit-box-shadow: 0px 10px 0px 0px var(--branding-green);
    -moz-box-shadow: 0px 10px 0px 0px var(--branding-green);
    box-shadow: 0px 10px 0px 0px var(--branding-green);

}

.clients-logos {
    background: #fff;
    border-color: #D1D1D1;
    -webkit-box-shadow: 0px 10px 0px 0px var(--branding-dark-blue);
    -moz-box-shadow: 0px 10px 0px 0px var(--branding-dark-blue);
    box-shadow: 0px 10px 0px 0px var(--branding-dark-blue);
}
.clients-logos img {
    opacity: 1;
}
.clients-logos .button-delante {
    font-size: 15px;
    line-height: 25px;
    padding: 10px 69px 10px 30px;
}

.clients-logos .button-delante::after  {
    height: 12px;
    width: 12px;
}



.what-we-do-tiles .what-we-do-tiles__inside {
    background-color: var(--branding-dark-blue);
}
.what-we-do-tiles .what-we-do-tiles__title {
    color: var(--color-white);
}

.what-we-do-tiles .opinion-type-one  {
    -webkit-box-shadow: 0px 10px 0px 0px var(--branding-green);
    -moz-box-shadow: 0px 10px 0px 0px var(--branding-green);
    box-shadow: 0px 10px 0px 0px var(--branding-green);
}

.what-we-do-tiles .opinion-type-one:before  {
    background: url('../../assets/images/quote-deco-green.svg') center center no-repeat;
}


.result-case-studies {
    background-color: var(--branding-blue);
}
.result-case-studies__header {
    font-weight: 600;
    color: var(--branding-dark-blue);
}

.result-case-studies .case-studies-boxes__col--categories .--category {
    border-color: var(--branding-dark-blue);
    color: var(--branding-dark-blue);
    border-radius: 8px !important;
    padding: 0px 10px;
    line-height: 26px;
    font-size: 12px;
}
.result-case-studies small.color-action {
    color: #fff !important;
}
.ppl-works {
    background-color: var(--color-white);
    border-color: #D1D1D1;
}
.ppl-works__title, .ppl-works p, .ppl-works-signs__col--title {
    color: var(--branding-dark-blue);
}
.ppl-works-signs__col--name {
    color: var(--branding-green);
}

.cfto__container {
    background-color: var(--branding-green) !important;
}

.cfto__form {
    -webkit-box-shadow: 0px 13px 0px 0px var(--branding-dark-blue) !important;
    -moz-box-shadow: 0px 13px 0px 0px var(--branding-dark-blue) !important;
    box-shadow: 0px 13px 0px 0px var(--branding-dark-blue) !important;

}

.cfto__form input, .nto__form-wrapper input, .cftt__form input, .cft3__form input, .download-report__form-wrapper .wpforms-container input, .fto__form-wrapper input, .hsrl__content-form-wrapper .wpforms-container input, .hsw__form-wrapper .wpforms-container input, .cfto__form select, .nto__form-wrapper select, .cftt__form select, .cft3__form select, .download-report__form-wrapper .wpforms-container select, .fto__form-wrapper select, .hsrl__content-form-wrapper .wpforms-container select, .hsw__form-wrapper .wpforms-container select, .d-custom-form input, .d-custom-form select {
    border-color: var(--branding-green) !important;
}

.cfto__form * {
    color: var(--branding-dark-blue) !important;
}

.cfto__title {
    color: var(--branding-dark-blue);
}

.cfto__form button {
    background-color: var(--branding-dark-blue) !important;
    padding: 12px 45px !important;
    border-radius: 8px !important;
}


.small-articles {
    background-color: var(--branding-blue);
}

.small-articles__row--col {
    background-color: var(--color-white);
    border-radius: 15px;
    padding-bottom: 20px;
}

.small-articles__title a:hover {
    color: var(--branding-green);
}





@media(max-width:1000px) {
    .header-page .button-delante, .what-we-do-type-two .button-delante, .clients-logos .button-delante, .what-we-do-type-one .button-delante, .what-we-do-tiles__button .button-delante, .small-articles__button .button-delante {
        padding: 15px 50px 15px 30px;
        font-size: 15px;
    }
    .header-page .button-delante::after, .what-we-do-type-two .button-delante::after, .what-we-do-type-one .button-delante::after, .clients-logos .button-delante::after, .what-we-do-tiles__button .button-delante::after, .small-articles__button .button-delante::after {
        height: 12px;
        width: 12px;
    }

    .header-page {
        height: 40vh;
        margin-top: 35px;
    }
    .header-page__content {
        min-height: auto;
    }
    .header-page__graphics {
        display: none;
    }
    .opinion-type-one:before {
        top: -3.5rem;
        width: 37px;
        height: 45px;
    }

    .ppl-works__quote object {
        display: none;
    }
    .ppl-works__quote img {
        transform: none !important; 
    }
}

@media(min-width: 1000px) {
    .ppl-works {
        -webkit-box-shadow: 0px 10px 0px 0px var(--branding-green);
        -moz-box-shadow: 0px 10px 0px 0px var(--branding-green);
        box-shadow: 0px 10px 0px 0px var(--branding-green);
    }
    .ppl-works__cover  {
        transform: none !important;
        max-height: 470px;
        object-fit: contain;
    }
    .ppl-works__inside {
        align-items: center !important;
    }
    .ppl-works__inside--left {
     left: 0 !important;   
    }
}

@media(max-width: 1000px){
    .header__nav-menu>li:hover {
        background-color: #fff !important;
    }

    .d-text-white{
        
    }   
}

.d-text-white{
    color: #fff !important;
    display: block !important;
        margin: 0 auto !important;
}