article .wrapper,
article.wrapper {
    padding: 5rem 2rem 1rem;
    position: relative;
    z-index: 1;
}

#intro-container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#intro-container::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

#intro-container.web-app-development::before {
    background: url("../../images/services/bg/web-app-development.d5408190c994.jpg") no-repeat center/cover;
}

#intro-container.data-technology::before {
    background: url("../../images/services/bg/data-technology.d18fb2b3312a.jpg") no-repeat center/cover;
}

#intro-container.finance-transformation::before {
    background: url("../../images/services/bg/finance-transformation.bb797fa3e190.jpg") no-repeat top/cover;
}

#intro-container.cloud-computing::before {
    background: url("../../images/services/bg/cloud-computing.53e27779ea3a.jpg") no-repeat center/cover;
}

#intro-container.business-process-outsourcing::before {
    background: url("../../images/services/bg/business-process-outsourcing.0787741e7c73.jpg") no-repeat center/cover;
}

#intro-container.recruitment-consultancy::before {
    background: url("../../images/services/bg/recruitment-consultancy.792da7fd988c.jpg") no-repeat center/cover;
}

#intro-container.power-bi-services::before {
    background: url("../../images/services/bg/powerbi.e75efb9da050.jpg") no-repeat center/cover;
}

#intro-container.netsuite::before {
    background: url("../../images/services/bg/netsuite.8b483df34c37.jpg") no-repeat center/cover;
}

#intro-container.netsuite-support::before {
    background: url("../../images/services/bg/netsuite-support.34612106ff64.jpg") no-repeat center/cover;
}

#intro-container.web-app-development .bg-cover,
#intro-container.cloud-computing .bg-cover,
#intro-container.business-process-outsourcing .bg-cover,
#intro-container.recruitment-consultancy .bg-cover {
    background-color: var(--black-a50);
}

#intro-container.data-technology .bg-cover,
#intro-container.finance-transformation .bg-cover {
    background-color: var(--black-a40);
}

#intro-container.netsuite .bg-cover {
    background-color: var(--celtic-blue-a60);
}

#intro-container.netsuite-support .bg-cover {
    background-color: var(--black-a80);
}

#intro-container.centered-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* #intro-container.blog-details .wrapper {
    max-width: 1400px;
} */

#intro-container .inner-content {
    overflow: hidden;
}

#intro-container.centered-content .inner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#intro-container.about-us .inner-content {
    background-color: var(--oxford-blue-a80);
    backdrop-filter: blur(4px);
    padding: 40px 10px;
    border-radius: 6px;
}

#intro-container.has-bg-img .sub-title {
    color: var(--bleu-de-france);
}

#intro-container.netsuite .sub-title {
    color: var(--white);
}

#intro-container.has-bg-img .title {
    color: var(--white);
}

#intro-container .title {
    font-size: 3.25rem;
    margin: 0 0 3rem;
}

#intro-container .title>.inner-most-content:not(.animate) {
    animation: faded-slide-up 1s both 0.2s;
}

#intro-container .inner-content>p {
    color: var(--ghost-white);
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin-bottom: 2rem;
}

#hierarchy-paths {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}

#hierarchy-paths:not(.animate) {
    animation: faded-slide-left-in 1s both 0.2s;
}

#hierarchy-paths a.link {
    font-size: 0.95rem;
    color: var(--celtic-blue);
}

#hierarchy-paths a.link:not([href]) {
    color: var(--bleu-de-france);
    cursor: default;
}

#hierarchy-paths a.link:hover[href] {
    color: var(--picton-blue);
}

#hierarchy-paths .arrow-sep {
    font-size: 1rem;
    color: var(--white-a40);
    transform: rotateY(45deg);
    cursor: default;
}

@media (min-width: 2000px) {
    #intro-container .inner-content>p {
        font-size: calc(0.9rem * 1.25);
        line-height: calc(1.2rem * 1.25);
    }

    #hierarchy-paths a.link {
        font-size: calc(0.95rem * 1.25);
    }

    #hierarchy-paths .arrow-sep {
        font-size: calc(1rem * 1.25);
    }
}

@media (min-width: 1360px) {
    #intro-container .inner-content {
        width: 70%;
    }

    #intro-container .title {
        font-size: 3.5rem;
    }
}

@media (max-width: 1080px) {
    #intro-container .inner-content {
        width: 100%;
    }

    @media (min-width: 801px) {
        #intro-container .title {
            font-size: 3.1rem;
        }
    }
}

@media (min-width: 641px) and (max-width: 800px) {
    #intro-container .title {
        font-size: 2.8rem;
    }
}

@media (min-width: 301px) and (max-width: 640px) {
    #intro-container .inner-content {
        padding: 1.5rem 0;
    }
}

@media (min-width: 501px) {
    #intro-container.has-bg-img .wrapper {
        padding-bottom: 3rem;
    }

    #intro-container.has-bg-img {
        min-height: 350px;
    }

    @media (max-width: 640px) {

        article .wrapper,
        article.wrapper {
            padding: 4rem 1.5rem 1rem;
        }

        #intro-container .title {
            font-size: 2.4rem;
        }
    }
}

@media (max-width: 500px) {

    article .wrapper,
    article.wrapper {
        padding: 3rem 1rem 1rem;
    }

    #intro-container .title {
        font-size: 2rem;
    }

    #hierarchy-paths.long-paths {
        display: none;
    }

    @media (min-width: 461px) {
        #intro-container .title {
            font-size: 2.2rem;
        }
    }
}

@media (min-width: 301px) {
    #intro-container .inner-content>p {
        text-align: center;
    }

    #intro-container.centered-content .inner-content .title {
        text-align: center;
    }
}

@media (max-width: 300px) {
    #intro-container.centered-content .inner-content {
        align-items: flex-start;
    }

    #intro-container.has-bg-img .inner-content {
        padding: 1.5rem 0;
    }

    #intro-container.has-bg-img .inner-content.has-bg-color {
        padding-left: 12px;
        padding-right: 12px;
    }
}