/* =========================================================
   Drupal Developer Outsourcing Banner
   ========================================================= */

.drupal-outsourcing-banner {
    position: relative;
    overflow: hidden;
    background: #ffffff;
}

.drupal-outsourcing-banner-main {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 35% 40%,
            rgba(0, 87, 255, 0.17),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #020b21 0%,
            #04132f 50%,
            #020819 100%
        );
}

.drupal-outsourcing-banner-main > .container-custom {
    position: relative;
    z-index: 2;
}


/* Left Content */

.drupal-outsourcing-banner-content {
    position: relative;
    z-index: 6;
    min-height: 760px;
    padding: 52px 48px 45px 0;
}

.drupal-outsourcing-banner-badge {
    margin-bottom: 27px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 800;
    text-transform: uppercase;
}

.drupal-outsourcing-banner-badge strong {
    font-style: normal;
}

.drupal-outsourcing-banner-badge em {
    color: #ff5a00;
    font-style: normal;
}

.drupal-outsourcing-banner-badge > span {
    position: relative;
    width: 37px;
    min-width: 37px;
    height: 2px;
    display: block;
    background: #ff5a00;
}

.drupal-outsourcing-banner-badge > span::before,
.drupal-outsourcing-banner-badge > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.drupal-outsourcing-banner-badge > span::before {
    left: 0;
}

.drupal-outsourcing-banner-badge > span::after {
    right: 0;
}

.drupal-outsourcing-banner-title {
    max-width: 680px;
    margin: 0;
    color: #ffffff;
    font-size: 55px;
    line-height: 1.28;
    font-weight: 800;
    letter-spacing: -0.035em;
}

.drupal-outsourcing-banner-title > span {
    display: block;
    color: #ff5a00;
}

.drupal-outsourcing-banner-description {
    max-width: 590px;
    margin: 27px 0 31px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.6;
    overflow-wrap: break-word;
}


/* Buttons */

.drupal-outsourcing-banner-actions {
    margin-bottom: 42px;
}

.drupal-outsourcing-banner-primary,
.drupal-outsourcing-banner-secondary {
    min-width: 0;
    min-height: 60px;
    padding: 15px 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    border-radius: 9px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.drupal-outsourcing-banner-primary {
    min-width: 315px;
}

.drupal-outsourcing-banner-primary:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

.drupal-outsourcing-banner-secondary {
    min-width: 275px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    background: rgba(1, 13, 36, 0.3);
}

.drupal-outsourcing-banner-secondary:hover {
    color: #ffffff;
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}


/* Trust Highlights */

.drupal-outsourcing-banner-highlights {
    max-width: 650px;
}

.drupal-outsourcing-banner-highlight {
    min-height: 100px;
    padding: 0 19px;
    border-right: 1px solid rgba(255, 255, 255, 0.13);
}

.drupal-outsourcing-banner-highlights .row > div:first-child .drupal-outsourcing-banner-highlight {
    padding-left: 0;
}

.drupal-outsourcing-banner-highlight-last {
    border-right: 0;
}

.drupal-outsourcing-highlight-icon {
    width: 62px;
    min-width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.08);
    font-size: 26px;
}

.drupal-outsourcing-highlight-orange {
    color: #ff5a00;
}

.drupal-outsourcing-highlight-blue {
    color: #1687ff;
}

.drupal-outsourcing-highlight-green {
    color: #1db15c;
}

.drupal-outsourcing-highlight-copy {
    min-width: 0;
}

.drupal-outsourcing-banner-highlight h3 {
    margin: 4px 0 9px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.drupal-outsourcing-banner-highlight p {
    color: rgba(255, 255, 255, 0.73);
    font-size: 16px;
    line-height: 1.5;
}


/* Right Visual */

.drupal-outsourcing-banner-visual {
    min-height: 760px;
    margin-right: calc((100vw - 100%) / -2);
}

.drupal-outsourcing-banner-visual::before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 2px;
    height: 115%;
    top: -7%;
    left: 5px;
    background: #ff5a00;
    transform: rotate(16deg);
    transform-origin: top center;
    pointer-events: none;
}

.drupal-outsourcing-banner-image {
    z-index: 1;
    inset: 0;
    overflow: hidden;
    clip-path: polygon(17% 0, 100% 0, 100% 100%, 18% 100%, 4% 43%);
    background: #06142b;
}

.drupal-outsourcing-banner-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(2, 11, 33, 0.5) 0%,
            transparent 30%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.12),
            rgba(0, 0, 0, 0.02)
        );
    pointer-events: none;
}

.drupal-outsourcing-banner-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


/* Workflow */

.drupal-outsourcing-workflow {
    position: absolute;
    z-index: 8;
    top: 87px;
    left: 12%;
    right: 2%;
    gap: 13px;
}

.drupal-outsourcing-workflow-card {
    min-width: 0;
    flex: 1;
    min-height: 102px;
    padding: 17px 15px;
    border-radius: 12px;
    color: #071333;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 15px 34px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(8px);
}

.drupal-outsourcing-workflow-card > .d-flex > div:last-child {
    min-width: 0;
}

.drupal-outsourcing-workflow-icon {
    width: 45px;
    min-width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 19px;
}

.drupal-outsourcing-workflow-orange {
    color: #a9a9a9;
    background: #fff2e8;
}

.drupal-outsourcing-workflow-blue {
    color: #1687ff;
    background: #edf4ff;
}

.drupal-outsourcing-workflow-green {
    color: #259b58;
    background: #eef8f2;
}

.drupal-outsourcing-workflow-card h3 {
    margin: 3px 0 7px;
    color: #071333;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
    overflow-wrap: break-word;
}

.drupal-outsourcing-workflow-card p {
    color: #536181;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: break-word;
}

.drupal-outsourcing-workflow-connector {
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 2px;
    margin-top: 31px;
    border-top: 1px dashed rgba(255, 255, 255, 0.8);
}

.drupal-outsourcing-workflow-connector::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: -5px;
    left: 50%;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #75849a;
    transform: translateX(-50%);
}


/* Project Card */

.drupal-outsourcing-project-card {
    position: absolute;
    z-index: 9;
    width: 215px;
    left: 4%;
    bottom: 132px;
    padding: 20px 16px;
    border: 1px solid rgba(255, 255, 255, 0.52);
    border-radius: 12px;
    color: #ffffff;
    background: rgba(18, 27, 44, 0.79);
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.23);
    backdrop-filter: blur(10px);
}

.drupal-outsourcing-project-head {
    margin-bottom: 13px;
    font-size: 13px;
}

.drupal-outsourcing-project-head span {
    color: #1687ff;
    font-weight: 800;
}

.drupal-outsourcing-project-progress {
    width: 100%;
    height: 5px;
    margin-bottom: 16px;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.35);
}

.drupal-outsourcing-project-progress span {
    width: 75%;
    height: 100%;
    display: block;
    border-radius: inherit;
    background: #1687ff;
}

.drupal-outsourcing-project-list p {
    margin: 0 0 13px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.35;
}

.drupal-outsourcing-project-list p:last-child {
    margin-bottom: 0;
}

.drupal-outsourcing-project-list i {
    color: #43bd71;
    font-size: 17px;
}

.drupal-outsourcing-project-list .pending i {
    color: #ffffff;
}


/* Security */

.drupal-outsourcing-security-card {
    position: absolute;
    z-index: 9;
    right: 3%;
    bottom: 49px;
    min-width: 270px;
    padding: 20px 23px;
    border: 1px solid rgba(22, 135, 255, 0.55);
    border-radius: 12px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(3, 31, 76, 0.94),
            rgba(4, 22, 56, 0.96)
        );
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
}

.drupal-outsourcing-security-icon {
    width: 48px;
    min-width: 48px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1687ff;
    font-size: 38px;
}

.drupal-outsourcing-security-card > div:last-child {
    min-width: 0;
}

.drupal-outsourcing-security-card h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
}

.drupal-outsourcing-security-card p {
    color: #94b9f0;
    font-size: 13px;
    line-height: 1.4;
}


/* Statistics */

.drupal-outsourcing-banner-stats {
    margin: 36px 0;
    overflow: hidden;
    border: 1px solid #dfe7f1;
    border-radius: 15px;
    background:
        radial-gradient(
            circle at top right,
            rgba(13, 110, 253, 0.04),
            transparent 28%
        ),
        #ffffff;
    box-shadow: 0 14px 34px rgba(17, 40, 80, 0.06);
}

.drupal-outsourcing-stat {
    min-height: 160px;
    padding: 26px 38px;
    border-right: 1px solid #d9e2ee;
}

.drupal-outsourcing-stat-last {
    border-right: 0;
}

.drupal-outsourcing-stat-icon {
    width: 70px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}

.drupal-outsourcing-stat-orange {
    color: #ff5a00;
}

.drupal-outsourcing-stat-blue {
    color: #1267eb;
}

.drupal-outsourcing-stat-green {
    color: #168b47;
}

.drupal-outsourcing-stat-purple {
    color: #7b2bd4;
}

.drupal-outsourcing-stat > div:last-child {
    min-width: 0;
}

.drupal-outsourcing-stat strong {
    display: block;
    margin-bottom: 9px;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
}

.drupal-outsourcing-stat-orange-text {
    color: #ff5a00;
}

.drupal-outsourcing-stat-blue-text {
    color: #1267eb;
}

.drupal-outsourcing-stat-green-text {
    color: #168b47;
}

.drupal-outsourcing-stat-purple-text {
    color: #7b2bd4;
}

.drupal-outsourcing-stat-label {
    display: block;
    margin-bottom: 3px;
    color: #071333;
    font-size: 14px;
}

.drupal-outsourcing-stat p {
    color: #071333;
    font-size: 14px;
    line-height: 1.55;
}


/* =========================================================
   Drupal Developer Outsourcing Banner Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .drupal-outsourcing-banner-content,
    .drupal-outsourcing-banner-visual {
        min-height: 680px;
    }

    .drupal-outsourcing-banner-content {
        padding-right: 38px;
    }

    .drupal-outsourcing-banner-badge {
        margin-bottom: 23px;
        font-size: 15px;
    }

    .drupal-outsourcing-banner-title {
        font-size: 48px;
    }

    .drupal-outsourcing-banner-description {
        margin: 23px 0 27px;
        font-size: 17px;
    }

    .drupal-outsourcing-banner-primary,
    .drupal-outsourcing-banner-secondary {
        min-height: 54px;
        padding: 13px 20px;
        font-size: 16px;
    }

    .drupal-outsourcing-banner-primary {
        min-width: 285px;
    }

    .drupal-outsourcing-banner-secondary {
        min-width: 255px;
    }

    .drupal-outsourcing-banner-actions {
        margin-bottom: 35px;
    }

    .drupal-outsourcing-banner-highlight h3,
    .drupal-outsourcing-banner-highlight p {
        font-size: 14px;
    }

    .drupal-outsourcing-highlight-icon {
        width: 56px;
        min-width: 56px;
        height: 56px;
        font-size: 23px;
    }

    .drupal-outsourcing-workflow {
        top: 75px;
    }

    .drupal-outsourcing-workflow-card {
        min-height: 92px;
        padding: 14px 12px;
    }

    .drupal-outsourcing-workflow-icon {
        width: 40px;
        min-width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .drupal-outsourcing-project-card {
        bottom: 105px;
    }

    .drupal-outsourcing-security-card {
        bottom: 40px;
    }

    .drupal-outsourcing-stat {
        min-height: 145px;
        padding: 23px 28px;
    }

    .drupal-outsourcing-stat-icon {
        width: 60px;
        min-width: 60px;
        font-size: 41px;
    }
}

@media (max-width: 1399.98px) {
    .drupal-outsourcing-banner-content,
    .drupal-outsourcing-banner-visual {
        min-height: 620px;
    }

    .drupal-outsourcing-banner-content {
        padding: 42px 28px 38px 0;
    }

    .drupal-outsourcing-banner-badge {
        margin-bottom: 20px;
        font-size: 14px;
    }

    .drupal-outsourcing-banner-badge > span {
        width: 28px;
        min-width: 28px;
    }

    .drupal-outsourcing-banner-title {
        font-size: 40px;
    }

    .drupal-outsourcing-banner-description {
        max-width: 510px;
        margin: 21px 0 25px;
        font-size: 15px;
    }

    .drupal-outsourcing-banner-primary,
    .drupal-outsourcing-banner-secondary {
        min-height: 50px;
        padding: 12px 17px;
        gap: 14px;
        font-size: 14px;
    }

    .drupal-outsourcing-banner-primary {
        min-width: 245px;
    }

    .drupal-outsourcing-banner-secondary {
        min-width: 220px;
    }

    .drupal-outsourcing-banner-actions {
        margin-bottom: 31px;
    }

    .drupal-outsourcing-banner-highlight {
        gap: 10px !important;
        padding: 0 11px;
    }

    .drupal-outsourcing-highlight-icon {
        width: 49px;
        min-width: 49px;
        height: 49px;
        font-size: 20px;
    }

    .drupal-outsourcing-banner-highlight h3,
    .drupal-outsourcing-banner-highlight p {
        font-size: 12px;
    }

    .drupal-outsourcing-workflow {
        top: 67px;
        left: 11%;
        right: 1%;
        gap: 8px;
    }

    .drupal-outsourcing-workflow-card {
        min-height: 82px;
        padding: 12px 9px;
    }

    .drupal-outsourcing-workflow-icon {
        width: 34px;
        min-width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .drupal-outsourcing-workflow-card h3 {
        font-size: 11px;
    }

    .drupal-outsourcing-workflow-card p {
        font-size: 10px;
    }

    .drupal-outsourcing-workflow-connector {
        width: 12px;
        min-width: 12px;
        margin-top: 27px;
    }

    .drupal-outsourcing-project-card {
        width: 185px;
        bottom: 90px;
        padding: 16px 13px;
    }

    .drupal-outsourcing-project-head,
    .drupal-outsourcing-project-list p {
        font-size: 11px;
    }

    .drupal-outsourcing-security-card {
        right: 2%;
        bottom: 32px;
        min-width: 230px;
        padding: 16px 17px;
    }

    .drupal-outsourcing-security-icon {
        width: 40px;
        min-width: 40px;
        font-size: 31px;
    }

    .drupal-outsourcing-security-card h3 {
        font-size: 13px;
    }

    .drupal-outsourcing-security-card p {
        font-size: 11px;
    }

    .drupal-outsourcing-stat {
        min-height: 132px;
        padding: 21px 20px;
    }

    .drupal-outsourcing-stat-icon {
        width: 52px;
        min-width: 52px;
        font-size: 35px;
    }

    .drupal-outsourcing-stat strong {
        font-size: 26px;
    }

    .drupal-outsourcing-stat p,
    .drupal-outsourcing-stat-label {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {
    .drupal-outsourcing-banner-content {
        min-height: auto;
        padding: 55px 0 45px;
        text-align: center;
    }

    .drupal-outsourcing-banner-badge,
    .drupal-outsourcing-banner-actions {
        justify-content: center;
    }

    .drupal-outsourcing-banner-title,
    .drupal-outsourcing-banner-description,
    .drupal-outsourcing-banner-highlights {
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-banner-highlight {
        text-align: left;
    }

    .drupal-outsourcing-banner-visual {
        min-height: 630px;
        margin: 0 calc((100vw - 100%) / -2);
    }

    .drupal-outsourcing-banner-visual::before {
        display: none;
    }

    .drupal-outsourcing-banner-image {
        clip-path: none;
    }

    .drupal-outsourcing-workflow {
        left: 5%;
        right: 5%;
    }

    .drupal-outsourcing-workflow-card {
        min-height: 90px;
    }

    .drupal-outsourcing-workflow-card h3 {
        font-size: 12px;
    }

    .drupal-outsourcing-workflow-card p {
        font-size: 11px;
    }

    .drupal-outsourcing-project-card {
        left: 7%;
        bottom: 52px;
    }

    .drupal-outsourcing-security-card {
        right: 7%;
        bottom: 52px;
    }

    .drupal-outsourcing-banner-stats {
        margin: 28px 0;
    }

    .drupal-outsourcing-stat {
        border-bottom: 1px solid #d9e2ee;
    }

    .drupal-outsourcing-banner-stats .row > div:nth-child(2n) .drupal-outsourcing-stat {
        border-right: 0;
    }
}

@media (max-width: 767.98px) {
    .drupal-outsourcing-banner-content {
        padding: 42px 0 36px;
    }

    .drupal-outsourcing-banner-badge {
        gap: 8px !important;
        margin-bottom: 17px;
        font-size: 12px;
    }

    .drupal-outsourcing-banner-badge > span {
        width: 20px;
        min-width: 20px;
    }

    .drupal-outsourcing-banner-title {
        font-size: 32px;
        line-height: 1.25;
    }

    .drupal-outsourcing-banner-description {
        margin: 18px auto 22px;
        font-size: 15px;
        line-height: 1.6;
    }

    .drupal-outsourcing-banner-primary,
    .drupal-outsourcing-banner-secondary {
        width: 100%;
        min-width: 0;
        min-height: 50px;
        padding: 12px 16px;
        white-space: normal;
        overflow-wrap: break-word;
        font-size: 15px;
    }

    .drupal-outsourcing-banner-actions {
        margin-bottom: 28px;
    }

    .drupal-outsourcing-banner-highlight {
        min-height: auto;
        padding: 16px 10px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .drupal-outsourcing-banner-highlights .row > div:first-child .drupal-outsourcing-banner-highlight {
        padding-left: 10px;
    }

    .drupal-outsourcing-banner-highlights .row > div:last-child .drupal-outsourcing-banner-highlight {
        border-bottom: 0;
    }

    .drupal-outsourcing-banner-highlight h3,
    .drupal-outsourcing-banner-highlight p {
        font-size: 12px;
    }

    .drupal-outsourcing-banner-visual {
        min-height: 650px;
    }

    .drupal-outsourcing-workflow {
        top: 20px;
        left: 15px;
        right: 15px;
        display: flex !important;
        flex-direction: column;
        gap: 8px;
    }

    .drupal-outsourcing-workflow-card {
        min-height: auto;
        padding: 10px 12px;
    }

    .drupal-outsourcing-workflow-card h3 {
        font-size: 12px;
    }

    .drupal-outsourcing-workflow-card p {
        font-size: 11px;
    }

    .drupal-outsourcing-workflow-connector {
        display: none;
    }

    .drupal-outsourcing-project-card {
        width: 190px;
        left: 15px;
        bottom: 20px;
    }

    .drupal-outsourcing-security-card {
        min-width: 0;
        width: calc(100% - 235px);
        right: 15px;
        bottom: 20px;
    }

    .drupal-outsourcing-stat {
        min-height: 120px;
        padding: 20px 17px;
    }

    .drupal-outsourcing-stat-icon {
        width: 48px;
        min-width: 48px;
        font-size: 31px;
    }

    .drupal-outsourcing-stat strong {
        font-size: 24px;
    }

    .drupal-outsourcing-stat p,
    .drupal-outsourcing-stat-label {
        font-size: 12px;
    }
}

@media (max-width: 575.98px) {
    .drupal-outsourcing-banner-content {
        padding: 36px 0 30px;
    }

    .drupal-outsourcing-banner-title br {
        display: none;
    }

    .drupal-outsourcing-banner-title > span {
        margin-top: 5px;
    }

    .drupal-outsourcing-banner-highlight {
        align-items: center !important;
    }

    .drupal-outsourcing-banner-visual {
        min-height: 680px;
    }

    .drupal-outsourcing-banner-image img {
        object-position: 62% center;
    }

    .drupal-outsourcing-project-card {
        width: calc(100% - 30px);
        left: 15px;
        bottom: 140px;
    }

    .drupal-outsourcing-security-card {
        width: calc(100% - 30px);
        right: 15px;
        bottom: 20px;
    }

    .drupal-outsourcing-banner-stats {
        margin: 22px 0;
    }

    .drupal-outsourcing-banner-stats .row > div .drupal-outsourcing-stat {
        border-right: 0;
        border-bottom: 1px solid #d9e2ee;
    }

    .drupal-outsourcing-banner-stats .row > div:last-child .drupal-outsourcing-stat {
        border-bottom: 0;
    }

    .drupal-outsourcing-stat {
        min-height: auto;
        padding: 20px;
    }
}
/* =========================================================
   Drupal Outsourcing Use Cases
   ========================================================= */

.outsourcing-use-cases-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at top left,
            rgba(13, 110, 253, 0.035),
            transparent 25%
        ),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}


/* Section Head */

.outsourcing-use-cases-head {
    max-width: 800px;
    margin-bottom: 32px;
}

.outsourcing-use-cases-kicker {
    margin-bottom: 17px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.outsourcing-use-cases-kicker > span {
    position: relative;
    width: 38px;
    min-width: 38px;
    height: 2px;
    display: block;
    background: #ff5a00;
}

.outsourcing-use-cases-kicker > span::before,
.outsourcing-use-cases-kicker > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.outsourcing-use-cases-kicker > span::before {
    left: 0;
}

.outsourcing-use-cases-kicker > span::after {
    right: 0;
}

.outsourcing-use-cases-head h2 {
    margin: 0;
    color: #071333;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.outsourcing-use-cases-head h2 span {
    color: #ff5a00;
}

.outsourcing-use-cases-head-line {
    width: 45px;
    height: 2px;
    display: block;
    margin: 17px 0;
    background: #ff5a00;
}

.outsourcing-use-cases-head > p {
    max-width: 760px;
    margin: 0;
    color: #536181;
    font-size: 18px;
    line-height: 1.55;
}


/* Use Cases */

.outsourcing-use-cases-list {
    max-width: 830px;
}

.outsourcing-use-case-item {
    --case-color: #ff5a00;
    --case-soft: #fff2e9;
    --case-border: #ffd9bd;

    position: relative;
    min-height: 280px;
    padding: 0 27px 28px;
    border-right: 1px solid #dce4ee;
}

.outsourcing-use-cases-list .row > div:nth-child(3) .outsourcing-use-case-item,
.outsourcing-use-cases-list .row > div:last-child .outsourcing-use-case-item {
    border-right: 0;
}

.outsourcing-use-case-orange {
    --case-color: #ff5a00;
    --case-soft: #fff1e8;
    --case-border: #ffd9c0;
}

.outsourcing-use-case-blue {
    --case-color: #1764e8;
    --case-soft: #edf4ff;
    --case-border: #ccdfff;
}

.outsourcing-use-case-green {
    --case-color: #16894a;
    --case-soft: #edf8f2;
    --case-border: #cce8d9;
}

.outsourcing-use-case-purple {
    --case-color: #8137df;
    --case-soft: #f5efff;
    --case-border: #dfd2f8;
}

.outsourcing-use-case-top {
    min-height: 94px;
}

.outsourcing-use-case-icon {
    width: 92px;
    min-width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--case-border);
    border-radius: 50%;
    color: var(--case-color);
    background: var(--case-soft);
    font-size: 37px;
}

.outsourcing-use-case-number {
    margin-top: 10px;
    color: #edf0f5;
    font-size: 50px;
    line-height: 1;
    font-weight: 900;
}

.outsourcing-use-case-item h3 {
    margin: 14px 0 11px;
    color: #071333;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
    overflow-wrap: break-word;
}

.outsourcing-use-case-line {
    width: 38px;
    height: 2px;
    display: block;
    margin-bottom: 16px;
    background: var(--case-color);
}

.outsourcing-use-case-item p {
    margin: 0;
    color: #34405c;
    font-size: 16px;
    line-height: 1.55;
    overflow-wrap: break-word;
}

.outsourcing-use-case-bottom {
    min-height: 210px;
    margin-top: 20px;
    padding-top: 5px;
}

.outsourcing-use-case-bottom .outsourcing-use-case-top {
    min-height: 90px;
    float: left;
    margin-right: 16px;
}

.outsourcing-use-case-bottom-copy {
    min-width: 0;
    padding-top: 4px;
}

.outsourcing-use-case-bottom .outsourcing-use-case-number {
    position: absolute;
    top: 0;
    right: 24px;
}


/* Right Visual */

.outsourcing-use-cases-visual {
    min-height: 720px;
    border-radius: 25px;
    background: #071333;
    box-shadow: 0 18px 42px rgba(13, 40, 88, 0.08);
}

.outsourcing-use-cases-image {
    position: absolute;
    inset: 0;
}

.outsourcing-use-cases-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(2, 12, 29, 0.15) 0%,
            rgba(2, 12, 29, 0) 40%,
            rgba(2, 12, 29, 0.13) 100%
        );
}

.outsourcing-use-cases-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


/* Project Health */

.outsourcing-health-card {
    position: absolute;
    z-index: 5;
    width: 245px;
    top: 64px;
    left: 45px;
    padding: 19px 20px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 15px 32px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(8px);
}

.outsourcing-health-card > h3,
.outsourcing-velocity-card h3 {
    margin: 0 0 14px;
    color: #071333;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
}

.outsourcing-health-chart {
    position: relative;
    width: 78px;
    min-width: 78px;
    height: 78px;
    border-radius: 50%;
    background:
        conic-gradient(
            #1687ff 0deg 259deg,
            #29a66a 259deg 324deg,
            #ff6700 324deg 360deg
        );
}

.outsourcing-health-chart-center {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background: #ffffff;
    transform: translate(-50%, -50%);
}

.outsourcing-health-legend {
    min-width: 0;
    flex: 1;
}

.outsourcing-health-legend p {
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #34405c;
    font-size: 10px;
    line-height: 1.2;
}

.outsourcing-health-legend p:last-child {
    margin-bottom: 0;
}

.outsourcing-health-legend strong {
    margin-left: auto;
    color: #071333;
}

.outsourcing-health-dot {
    width: 9px;
    min-width: 9px;
    height: 9px;
    display: block;
    border-radius: 50%;
}

.outsourcing-health-blue {
    background: #1687ff;
}

.outsourcing-health-green {
    background: #29a66a;
}

.outsourcing-health-orange {
    background: #ff6700;
}


/* Velocity */

.outsourcing-velocity-card {
    position: absolute;
    z-index: 5;
    width: 220px;
    top: 250px;
    left: 28px;
    padding: 17px 18px 14px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 15px 32px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(8px);
}

.outsourcing-velocity-growth {
    padding: 4px 7px;
    border: 1px solid #a6ddc1;
    border-radius: 8px;
    color: #16894a;
    background: #eff9f3;
    font-size: 10px;
    line-height: 1;
    font-weight: 700;
}

.outsourcing-velocity-chart {
    position: relative;
    min-height: 92px;
    border-left: 1px solid #d7e0ed;
    border-bottom: 1px solid #d7e0ed;
    background:
        linear-gradient(
            to bottom,
            transparent 32%,
            #edf1f6 33%,
            transparent 34%,
            transparent 65%,
            #edf1f6 66%,
            transparent 67%
        );
}

.outsourcing-velocity-chart svg {
    position: absolute;
    width: 100%;
    height: 78px;
    left: 0;
    top: 4px;
}

.outsourcing-velocity-chart polyline {
    fill: none;
    stroke: #1687ff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.outsourcing-velocity-chart > span {
    position: absolute;
    left: 3px;
    bottom: -16px;
    color: #8793a8;
    font-size: 9px;
}


/* Outcome */

.outsourcing-outcome-card {
    position: absolute;
    z-index: 6;
    width: 265px;
    left: 44px;
    bottom: 100px;
    padding: 18px 23px;
    border: 1px solid rgba(22, 135, 255, 0.3);
    border-radius: 13px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(5, 37, 85, 0.97),
            rgba(3, 21, 54, 0.97)
        );
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.outsourcing-outcome-icon {
    width: 45px;
    min-width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ff5a00;
    border-radius: 50%;
    color: #ff5a00;
    font-size: 18px;
}

.outsourcing-outcome-card h3 {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

.outsourcing-outcome-card strong {
    display: block;
    margin-top: 3px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.3;
}

.outsourcing-use-cases-path {
    position: absolute;
    z-index: 3;
    width: 110px;
    height: 180px;
    top: 135px;
    left: -16px;
    border-left: 2px dashed #ff5a00;
    border-bottom: 2px dashed #ff5a00;
    border-radius: 45px 0 0 45px;
}


/* Bottom Message */

.outsourcing-use-cases-bottom {
    margin-top: 45px;
    padding: 23px 27px;
    border: 1px solid #dce5ef;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(17, 40, 80, 0.06);
}

.outsourcing-use-cases-bottom-left {
    min-height: 83px;
    padding-right: 30px;
    border-right: 1px solid #dce4ee;
}

.outsourcing-use-cases-bottom-right {
    min-height: 83px;
    padding-left: 20px;
}

.outsourcing-use-cases-bottom-icon {
    width: 76px;
    min-width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 31px;
}

.outsourcing-use-cases-bottom-orange {
    color: #ffffff;
    background: linear-gradient(135deg, #ff7a00, #ff4d00);
}

.outsourcing-use-cases-bottom-blue {
    color: #071333;
    background: #f1f4f9;
}

.outsourcing-use-cases-bottom p {
    color: #34405c;
    font-size: 17px;
    line-height: 1.55;
}

.outsourcing-use-cases-bottom p strong {
    display: block;
    color: #071333;
    font-weight: 800;
}

.outsourcing-use-cases-bottom-left p strong {
    color: #ff5a00;
}

.outsourcing-use-cases-bottom-arrow {
    color: #ff5a00;
    font-size: 22px;
    transform: rotate(25deg);
}


/* =========================================================
   Drupal Outsourcing Use Cases Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .outsourcing-use-cases-kicker {
        font-size: 15px;
    }

    .outsourcing-use-cases-head h2 {
        font-size: 38px;
    }

    .outsourcing-use-cases-head > p {
        font-size: 17px;
    }

    .outsourcing-use-case-item {
        min-height: 255px;
        padding: 0 22px 24px;
    }

    .outsourcing-use-case-icon {
        width: 80px;
        min-width: 80px;
        height: 80px;
        font-size: 32px;
    }

    .outsourcing-use-case-number {
        font-size: 44px;
    }

    .outsourcing-use-case-item h3 {
        font-size: 20px;
    }

    .outsourcing-use-case-item p {
        font-size: 15px;
    }

    .outsourcing-use-case-bottom {
        min-height: 195px;
    }

    .outsourcing-use-cases-visual {
        min-height: 650px;
    }

    .outsourcing-health-card {
        width: 225px;
        left: 35px;
    }

    .outsourcing-velocity-card {
        width: 205px;
    }

    .outsourcing-outcome-card {
        width: 245px;
        bottom: 85px;
    }

    .outsourcing-use-cases-bottom p {
        font-size: 16px;
    }
}

@media (max-width: 1399.98px) {
    .outsourcing-use-cases-kicker {
        font-size: 14px;
    }

    .outsourcing-use-cases-kicker > span {
        width: 30px;
        min-width: 30px;
    }

    .outsourcing-use-cases-head h2 {
        font-size: 32px;
    }

    .outsourcing-use-cases-head > p {
        font-size: 15px;
    }

    .outsourcing-use-case-item {
        min-height: 235px;
        padding: 0 18px 20px;
    }

    .outsourcing-use-case-icon {
        width: 70px;
        min-width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .outsourcing-use-case-number {
        font-size: 38px;
    }

    .outsourcing-use-case-item h3 {
        font-size: 17px;
    }

    .outsourcing-use-case-item p {
        font-size: 14px;
    }

    .outsourcing-use-case-bottom {
        min-height: 180px;
    }

    .outsourcing-use-cases-visual {
        min-height: 590px;
    }

    .outsourcing-health-card {
        width: 205px;
        top: 52px;
        left: 28px;
        padding: 15px;
    }

    .outsourcing-health-chart {
        width: 65px;
        min-width: 65px;
        height: 65px;
    }

    .outsourcing-health-chart-center {
        width: 37px;
        height: 37px;
    }

    .outsourcing-velocity-card {
        width: 190px;
        top: 218px;
    }

    .outsourcing-outcome-card {
        width: 225px;
        left: 28px;
        bottom: 72px;
        padding: 15px 18px;
    }

    .outsourcing-outcome-card h3,
    .outsourcing-outcome-card strong {
        font-size: 14px;
    }

    .outsourcing-use-cases-bottom {
        margin-top: 35px;
    }

    .outsourcing-use-cases-bottom-icon {
        width: 66px;
        min-width: 66px;
        height: 66px;
        font-size: 27px;
    }

    .outsourcing-use-cases-bottom p {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .outsourcing-use-cases-head {
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .outsourcing-use-cases-kicker {
        justify-content: center;
    }

    .outsourcing-use-cases-head-line {
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-use-cases-list {
        max-width: 760px;
        margin: 0 auto;
    }

    .outsourcing-use-case-item {
        min-height: 245px;
    }

    .outsourcing-use-cases-list .row > div:nth-child(2) .outsourcing-use-case-item {
        border-right: 0;
    }

    .outsourcing-use-cases-list .row > div:nth-child(3) .outsourcing-use-case-item {
        margin-top: 20px;
        border-right: 1px solid #dce4ee;
    }

    .outsourcing-use-cases-visual {
        max-width: 680px;
        min-height: 650px;
        margin: 10px auto 0;
    }

    .outsourcing-use-cases-bottom-left {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid #dce4ee;
    }

    .outsourcing-use-cases-bottom-right {
        padding: 5px 0 0;
    }
}

@media (max-width: 767.98px) {
    .outsourcing-use-cases-kicker {
        gap: 9px !important;
        font-size: 12px;
    }

    .outsourcing-use-cases-kicker > span {
        width: 24px;
        min-width: 24px;
    }

    .outsourcing-use-cases-head h2 {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .outsourcing-use-cases-head h2 br {
        display: none;
    }

    .outsourcing-use-cases-head > p {
        font-size: 16px;
    }

    .outsourcing-use-cases-list .row > div .outsourcing-use-case-item {
        min-height: auto;
        margin-top: 0;
        padding: 18px 15px 22px;
        border-right: 0;
        border-bottom: 1px solid #dce4ee;
    }

    .outsourcing-use-cases-list .row > div:last-child .outsourcing-use-case-item {
        border-bottom: 0;
    }

    .outsourcing-use-case-top {
        min-height: auto;
    }

    .outsourcing-use-case-icon {
        width: 62px;
        min-width: 62px;
        height: 62px;
        font-size: 25px;
    }

    .outsourcing-use-case-number {
        font-size: 34px;
    }

    .outsourcing-use-case-item h3 {
        font-size: 18px;
    }

    .outsourcing-use-case-item p {
        font-size: 14px;
    }

    .outsourcing-use-case-bottom .outsourcing-use-case-top {
        float: none;
        margin: 0;
    }

    .outsourcing-use-case-bottom .outsourcing-use-case-number {
        position: static;
    }

    .outsourcing-use-cases-visual {
        min-height: 600px;
    }

    .outsourcing-health-card {
        width: 210px;
        top: 20px;
        left: 15px;
    }

    .outsourcing-velocity-card {
        width: 190px;
        top: 190px;
        left: 15px;
    }

    .outsourcing-outcome-card {
        width: 230px;
        left: 15px;
        bottom: 25px;
    }

    .outsourcing-use-cases-bottom {
        padding: 20px 18px;
    }

    .outsourcing-use-cases-bottom-left,
    .outsourcing-use-cases-bottom-right {
        align-items: flex-start !important;
    }

    .outsourcing-use-cases-bottom-icon {
        width: 58px;
        min-width: 58px;
        height: 58px;
        font-size: 23px;
    }

    .outsourcing-use-cases-bottom p {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .outsourcing-use-cases-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .outsourcing-use-cases-kicker > span {
        width: 18px;
        min-width: 18px;
    }

    .outsourcing-use-case-icon {
        width: 56px;
        min-width: 56px;
        height: 56px;
        font-size: 22px;
    }

    .outsourcing-use-case-item h3 {
        font-size: 16px;
    }

    .outsourcing-use-cases-visual {
        min-height: 610px;
        border-radius: 18px;
    }

    .outsourcing-use-cases-image img {
        object-position: 58% center;
    }

    .outsourcing-health-card {
        width: calc(100% - 30px);
        left: 15px;
    }

    .outsourcing-velocity-card {
        width: calc(100% - 30px);
        top: 185px;
        left: 15px;
    }

    .outsourcing-outcome-card {
        width: calc(100% - 30px);
        left: 15px;
        bottom: 20px;
    }

    .outsourcing-use-cases-path {
        display: none;
    }

    .outsourcing-use-cases-bottom-left,
    .outsourcing-use-cases-bottom-right {
        flex-direction: column;
        gap: 12px !important;
    }

    .outsourcing-use-cases-bottom p strong {
        display: inline;
    }
}
/* =========================================================
   Drupal Outsourcing Expertise
   ========================================================= */

.outsourcing-expertise-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at top left,
            rgba(13, 110, 253, 0.035),
            transparent 25%
        ),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}


/* Section Head */

.outsourcing-expertise-top {
    margin-bottom: 18px;
}

.outsourcing-expertise-head {
    min-height: 275px;
    max-width: 650px;
    min-width: 0;
}

.outsourcing-expertise-kicker {
    margin-bottom: 17px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.outsourcing-expertise-kicker > span {
    position: relative;
    width: 38px;
    min-width: 38px;
    height: 2px;
    display: block;
    background: #ff5a00;
}

.outsourcing-expertise-kicker > span::before,
.outsourcing-expertise-kicker > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.outsourcing-expertise-kicker > span::before {
    left: 0;
}

.outsourcing-expertise-kicker > span::after {
    right: 0;
}

.outsourcing-expertise-head h2 {
    margin: 0;
    color: #071333;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.outsourcing-expertise-head h2 span {
    color: #ff5a00;
}

.outsourcing-expertise-head-line {
    width: 42px;
    height: 2px;
    display: block;
    margin: 18px 0 16px;
    background: #ff5a00;
}

.outsourcing-expertise-head > p {
    max-width: 620px;
    color: #536181;
    font-size: 18px;
    line-height: 1.55;
}


/* Featured Service */

.outsourcing-expertise-featured {
    min-height: 280px;
    border: 1px solid #173b70;
    border-radius: 20px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 78% 52%,
            rgba(0, 111, 255, 0.3),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #03132e 0%,
            #052452 55%,
            #03142f 100%
        );
    box-shadow: 0 18px 42px rgba(13, 40, 88, 0.08);
}

.outsourcing-expertise-featured::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 390px;
    height: 250px;
    right: -20px;
    top: 8px;
    border-radius: 50%;
    border: 1px solid rgba(22, 135, 255, 0.25);
    transform: rotate(-12deg);
}

.outsourcing-expertise-featured-content {
    z-index: 4;
    width: 42%;
    min-width: 0;
    padding: 24px 0 24px 25px;
}

.outsourcing-expertise-featured-icon {
    width: 61px;
    min-width: 61px;
    height: 61px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1267eb;
    border-radius: 13px;
    color: #1687ff;
    background: rgba(1, 42, 101, 0.7);
    font-size: 24px;
}

.outsourcing-expertise-featured h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
}

.outsourcing-expertise-featured p {
    color: rgba(255, 255, 255, 0.86);
    font-size: 16px;
    line-height: 1.55;
}

.outsourcing-expertise-featured-image {
    position: absolute;
    z-index: 3;
    width: 57%;
    height: 100%;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.outsourcing-expertise-featured-image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 280px;
    display: block;
    object-fit: contain;
}


/* Service Cards */

.outsourcing-expertise-row {
    margin-top: 0;
    margin-bottom: 18px;
}

.outsourcing-expertise-card {
    --expertise-color: #ff5a00;
    --expertise-soft: #fff6f0;
    --expertise-border: #f5ded1;

    position: relative;
    min-height: 270px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--expertise-border);
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            var(--expertise-soft) 0%,
            #ffffff 100%
        );
}

.outsourcing-expertise-card-orange {
    --expertise-color: #ff5a00;
    --expertise-soft: #fff7f1;
    --expertise-border: #f5dfd3;
}

.outsourcing-expertise-card-blue {
    --expertise-color: #1764e8;
    --expertise-soft: #f1f6ff;
    --expertise-border: #dce8fc;
}

.outsourcing-expertise-card-green {
    --expertise-color: #16894a;
    --expertise-soft: #f2faf6;
    --expertise-border: #dcece4;
}

.outsourcing-expertise-card-purple {
    --expertise-color: #8137df;
    --expertise-soft: #f7f2ff;
    --expertise-border: #e6dcf8;
}

.outsourcing-expertise-card-gold {
    --expertise-color: #f18a00;
    --expertise-soft: #fff8ee;
    --expertise-border: #f4e3ca;
}

.outsourcing-expertise-card-cyan {
    --expertise-color: #1687e8;
    --expertise-soft: #f0f9ff;
    --expertise-border: #d9ebf6;
}

.outsourcing-expertise-card-red {
    --expertise-color: #ff3d55;
    --expertise-soft: #fff4f5;
    --expertise-border: #f5dcdf;
}

.outsourcing-expertise-card-content {
    position: relative;
    z-index: 3;
    min-width: 0;
}

.outsourcing-expertise-card-icon {
    width: 57px;
    min-width: 57px;
    height: 57px;
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--expertise-color);
    border-radius: 12px;
    color: var(--expertise-color);
    background: rgba(255, 255, 255, 0.55);
    font-size: 23px;
}

.outsourcing-expertise-card h3 {
    margin: 0 0 9px;
    color: #071333;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
    overflow-wrap: break-word;
}

.outsourcing-expertise-card-line {
    width: 27px;
    height: 2px;
    display: block;
    margin-bottom: 13px;
    background: var(--expertise-color);
}

.outsourcing-expertise-featured .outsourcing-expertise-card-line {
    width: 39px;
    background: #ff5a00;
}

.outsourcing-expertise-card p {
    position: relative;
    z-index: 3;
    margin-bottom: 0;
    color: #34405c;
    font-size: 16px;
    line-height: 1.55;
    overflow-wrap: break-word;
}

.outsourcing-expertise-card-image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.outsourcing-expertise-card-image img {
    width: 100%;
    max-width: 230px;
    height: auto;
    max-height: 205px;
    display: block;
    object-fit: contain;
}


/* Smaller 4-column Cards */

.outsourcing-expertise-small-image {
    position: absolute;
    z-index: 1;
    width: 48%;
    height: 69%;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.outsourcing-expertise-small-image img {
    width: 100%;
    max-width: 180px;
    height: auto;
    max-height: 170px;
    display: block;
    object-fit: contain;
    object-position: right bottom;
}

.outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card-content {
    width: 57%;
}

.outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card {
    min-height: 235px;
}

.outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card h3 {
    font-size: 20px;
}

.outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card p {
    font-size: 15px;
}


/* Bottom Trust Strip */

.outsourcing-expertise-trust {
    margin-top: 7px;
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 15px;
    background:
        radial-gradient(
            circle at top right,
            rgba(13, 110, 253, 0.04),
            transparent 28%
        ),
        #ffffff;
    box-shadow: 0 14px 34px rgba(17, 40, 80, 0.06);
}

.outsourcing-expertise-trust-main {
    min-height: 116px;
    padding: 17px 26px;
    border-right: 1px solid #dce4ee;
}

.outsourcing-expertise-drupal-logo {
    width: 78px;
    min-width: 78px;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #1687ff;
    background:
        linear-gradient(
            145deg,
            #031b45,
            #03132f
        );
    font-size: 45px;
}

.outsourcing-expertise-trust-main h3 {
    min-width: 0;
    color: #071333;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 800;
}

.outsourcing-expertise-trust-main h3 span {
    color: #ff5a00;
}

.outsourcing-expertise-trust-item {
    min-height: 116px;
    padding: 15px 20px;
    border-right: 1px solid #dce4ee;
}

.outsourcing-expertise-trust-item-last {
    border-right: 0;
}

.outsourcing-expertise-trust-icon {
    width: 55px;
    min-width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 21px;
}

.outsourcing-expertise-trust-blue {
    color: #1764e8;
    border-color: #cee0ff;
    background: #eff5ff;
}

.outsourcing-expertise-trust-orange {
    color: #ff5a00;
    border-color: #ffdbca;
    background: #fff3ec;
}

.outsourcing-expertise-trust-green {
    color: #16894a;
    border-color: #d0e8da;
    background: #eff8f3;
}

.outsourcing-expertise-trust-purple {
    color: #8137df;
    border-color: #e1d5f8;
    background: #f5efff;
}

.outsourcing-expertise-trust-item > div:last-child {
    min-width: 0;
}

.outsourcing-expertise-trust-item h4 {
    margin: 0 0 6px;
    color: #071333;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 800;
    overflow-wrap: break-word;
}

.outsourcing-expertise-trust-item p {
    color: #536181;
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: break-word;
}


/* =========================================================
   Drupal Outsourcing Expertise Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .outsourcing-expertise-head {
        min-height: 250px;
    }

    .outsourcing-expertise-kicker {
        font-size: 15px;
    }

    .outsourcing-expertise-head h2 {
        font-size: 38px;
    }

    .outsourcing-expertise-head > p {
        font-size: 17px;
    }

    .outsourcing-expertise-featured {
        min-height: 255px;
    }

    .outsourcing-expertise-featured h3 {
        font-size: 20px;
    }

    .outsourcing-expertise-featured p {
        font-size: 15px;
    }

    .outsourcing-expertise-featured-image img {
        max-height: 255px;
    }

    .outsourcing-expertise-card {
        min-height: 250px;
        padding: 16px;
    }

    .outsourcing-expertise-card-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 21px;
    }

    .outsourcing-expertise-card h3 {
        font-size: 20px;
    }

    .outsourcing-expertise-card p {
        font-size: 15px;
    }

    .outsourcing-expertise-card-image {
        height: 190px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card {
        min-height: 220px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card h3 {
        font-size: 19px;
    }

    .outsourcing-expertise-trust-main h3 {
        font-size: 20px;
    }
}

@media (max-width: 1399.98px) {
    .outsourcing-expertise-head {
        min-height: 225px;
    }

    .outsourcing-expertise-kicker {
        font-size: 14px;
    }

    .outsourcing-expertise-kicker > span {
        width: 30px;
        min-width: 30px;
    }

    .outsourcing-expertise-head h2 {
        font-size: 32px;
    }

    .outsourcing-expertise-head > p {
        font-size: 15px;
    }

    .outsourcing-expertise-featured {
        min-height: 230px;
    }

    .outsourcing-expertise-featured-content {
        width: 45%;
        padding: 20px 0 20px 21px;
    }

    .outsourcing-expertise-featured-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 20px;
    }

    .outsourcing-expertise-featured h3 {
        font-size: 17px;
    }

    .outsourcing-expertise-featured p {
        font-size: 14px;
    }

    .outsourcing-expertise-featured-image {
        width: 55%;
    }

    .outsourcing-expertise-featured-image img {
        max-height: 230px;
    }

    .outsourcing-expertise-card {
        min-height: 225px;
        padding: 14px;
    }

    .outsourcing-expertise-card-icon {
        width: 47px;
        min-width: 47px;
        height: 47px;
        font-size: 19px;
    }

    .outsourcing-expertise-card h3 {
        font-size: 17px;
    }

    .outsourcing-expertise-card p {
        font-size: 14px;
    }

    .outsourcing-expertise-card-image {
        height: 175px;
    }

    .outsourcing-expertise-card-image img {
        max-width: 190px;
        max-height: 175px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card {
        min-height: 205px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card h3 {
        font-size: 17px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card p {
        font-size: 14px;
    }

    .outsourcing-expertise-small-image {
        width: 46%;
        height: 64%;
    }

    .outsourcing-expertise-trust-main {
        padding: 15px 18px;
    }

    .outsourcing-expertise-drupal-logo {
        width: 66px;
        min-width: 66px;
        height: 66px;
        font-size: 37px;
    }

    .outsourcing-expertise-trust-main h3 {
        font-size: 17px;
    }

    .outsourcing-expertise-trust-item {
        padding: 13px;
        gap: 10px !important;
    }

    .outsourcing-expertise-trust-icon {
        width: 47px;
        min-width: 47px;
        height: 47px;
        font-size: 18px;
    }

    .outsourcing-expertise-trust-item h4 {
        font-size: 13px;
    }

    .outsourcing-expertise-trust-item p {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {
    .outsourcing-expertise-head {
        min-height: auto;
        max-width: 720px;
        margin: 0 auto 15px;
        text-align: center;
    }

    .outsourcing-expertise-kicker {
        justify-content: center;
    }

    .outsourcing-expertise-head-line {
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-expertise-featured {
        min-height: 300px;
    }

    .outsourcing-expertise-featured-content {
        width: 43%;
        padding: 30px;
    }

    .outsourcing-expertise-featured-image {
        width: 59%;
    }

    .outsourcing-expertise-featured-image img {
        max-height: 300px;
    }

    .outsourcing-expertise-row {
        margin-bottom: 16px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card-content {
        width: 58%;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card {
        min-height: 245px;
    }

    .outsourcing-expertise-small-image {
        width: 44%;
        height: 75%;
    }

    .outsourcing-expertise-trust-main {
        border-right: 0;
        border-bottom: 1px solid #dce4ee;
    }

    .outsourcing-expertise-trust-item {
        min-height: 110px;
        border-bottom: 1px solid #dce4ee;
    }

    .outsourcing-expertise-trust .row-cols-lg-4 > .col:nth-child(2) .outsourcing-expertise-trust-item {
        border-right: 0;
    }

    .outsourcing-expertise-trust .row-cols-lg-4 > .col:nth-last-child(-n + 2) .outsourcing-expertise-trust-item {
        border-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .outsourcing-expertise-kicker {
        gap: 9px !important;
        font-size: 12px;
    }

    .outsourcing-expertise-kicker > span {
        width: 24px;
        min-width: 24px;
    }

    .outsourcing-expertise-head h2 {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .outsourcing-expertise-head > p {
        font-size: 16px;
    }

    .outsourcing-expertise-featured {
        min-height: 400px;
    }

    .outsourcing-expertise-featured-content {
        width: 100%;
        padding: 23px 20px 0;
        text-align: center;
    }

    .outsourcing-expertise-featured-icon {
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-expertise-featured .outsourcing-expertise-card-line {
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-expertise-featured h3 {
        font-size: 18px;
    }

    .outsourcing-expertise-featured p {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
    }

    .outsourcing-expertise-featured-image {
        width: 100%;
        height: 52%;
        top: auto;
        bottom: 0;
    }

    .outsourcing-expertise-featured-image img {
        max-height: 220px;
    }

    .outsourcing-expertise-card {
        min-height: auto;
        padding: 20px 18px;
    }

    .outsourcing-expertise-card h3,
    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card h3 {
        font-size: 18px;
    }

    .outsourcing-expertise-card p,
    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card p {
        font-size: 14px;
    }

    .outsourcing-expertise-card-image {
        height: 190px;
    }

    .outsourcing-expertise-card-image img {
        max-width: 220px;
        max-height: 185px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card {
        min-height: 250px;
    }

    .outsourcing-expertise-trust-main {
        min-height: auto;
        padding: 20px;
    }

    .outsourcing-expertise-trust-main h3 {
        font-size: 18px;
    }

    .outsourcing-expertise-trust-item {
        min-height: 110px;
        padding: 16px;
    }

    .outsourcing-expertise-trust-item h4 {
        font-size: 15px;
    }

    .outsourcing-expertise-trust-item p {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .outsourcing-expertise-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .outsourcing-expertise-kicker > span {
        width: 18px;
        min-width: 18px;
    }

    .outsourcing-expertise-head h2 br {
        display: none;
    }

    .outsourcing-expertise-featured {
        min-height: 385px;
        border-radius: 16px;
    }

    .outsourcing-expertise-featured-content {
        padding: 20px 16px 0;
    }

    .outsourcing-expertise-card > .row > .col-sm-6:first-child {
        order: 1;
    }

    .outsourcing-expertise-card > .row > .col-sm-6:last-child {
        order: 2;
    }

    .outsourcing-expertise-card-image {
        height: 165px;
        margin-top: 10px;
    }

    .outsourcing-expertise-card-image img {
        max-height: 160px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card {
        min-height: 270px;
    }

    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card-content {
        width: 67%;
    }

    .outsourcing-expertise-small-image {
        width: 42%;
        height: 59%;
    }

    .outsourcing-expertise-small-image img {
        max-height: 145px;
    }

    .outsourcing-expertise-card h3,
    .outsourcing-expertise-row:nth-of-type(3) .outsourcing-expertise-card h3 {
        font-size: 16px;
    }

    .outsourcing-expertise-trust-main {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .outsourcing-expertise-trust .row-cols-lg-4 > .col .outsourcing-expertise-trust-item {
        border-right: 0;
        border-bottom: 1px solid #dce4ee;
    }

    .outsourcing-expertise-trust .row-cols-lg-4 > .col:last-child .outsourcing-expertise-trust-item {
        border-bottom: 0;
    }
}
/* =========================================================
   Drupal Outsourcing Process
   ========================================================= */

.drupal-outsourcing-process-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at top left,
            rgba(13, 110, 253, 0.035),
            transparent 25%
        ),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}


/* Section Head */

.drupal-outsourcing-process-top {
    margin-bottom: 54px;
}

.drupal-outsourcing-process-head {
    max-width: 750px;
}

.drupal-outsourcing-process-kicker {
    margin-bottom: 18px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.drupal-outsourcing-process-kicker > span {
    position: relative;
    width: 38px;
    min-width: 38px;
    height: 2px;
    display: block;
    background: #ff5a00;
}

.drupal-outsourcing-process-kicker > span::before,
.drupal-outsourcing-process-kicker > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.drupal-outsourcing-process-kicker > span::before {
    left: 0;
}

.drupal-outsourcing-process-kicker > span::after {
    right: 0;
}

.drupal-outsourcing-process-head h2 {
    margin: 0 0 14px;
    color: #071333;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.drupal-outsourcing-process-head h2 span {
    color: #ff5a00;
}

.drupal-outsourcing-process-head > p {
    max-width: 640px;
    color: #536181;
    font-size: 18px;
    line-height: 1.55;
}


/* Assurance */

.drupal-outsourcing-assurance {
    overflow: hidden;
    border: 1px solid #d8e4f3;
    border-radius: 15px;
    background:
        radial-gradient(
            circle at top right,
            rgba(13, 110, 253, 0.04),
            transparent 28%
        ),
        #ffffff;
    box-shadow: 0 10px 28px rgba(17, 40, 80, 0.035);
}

.drupal-outsourcing-assurance-item {
    min-height: 92px;
    padding: 20px 24px;
    border-right: 1px solid #dfe7f0;
    border-bottom: 1px solid #dfe7f0;
}

.drupal-outsourcing-assurance-right {
    border-right: 0;
}

.drupal-outsourcing-assurance-bottom {
    border-bottom: 0;
}

.drupal-outsourcing-assurance-icon {
    width: 57px;
    min-width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 22px;
}

.drupal-outsourcing-assurance-blue {
    color: #1764e8;
    border-color: #cee0ff;
    background: #eff5ff;
}

.drupal-outsourcing-assurance-teal {
    color: #08758c;
    border-color: #cae6eb;
    background: #eff9fa;
}

.drupal-outsourcing-assurance-navy {
    color: #16488e;
    border-color: #d5e1f2;
    background: #f2f6fc;
}

.drupal-outsourcing-assurance-cyan {
    color: #07949e;
    border-color: #cae9eb;
    background: #effafa;
}

.drupal-outsourcing-assurance-copy {
    min-width: 0;
}

.drupal-outsourcing-assurance-copy h3 {
    margin: 1px 0 6px;
    color: #071333;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 800;
    overflow-wrap: break-word;
}

.drupal-outsourcing-assurance-copy p {
    color: #536181;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: break-word;
}


/* Process Flow */

.drupal-outsourcing-process-flow {
    margin-bottom: 26px;
}

.drupal-outsourcing-process-flow::before {
    content: "";
    position: absolute;
    z-index: 0;
    height: 1px;
    top: 87px;
    left: 6%;
    right: 6%;
    border-top: 1px dashed #8593aa;
}

.drupal-outsourcing-process-card {
    --process-color: #ff5a00;
    --process-soft: #fff2ea;
    --process-border: #ffd6c3;

    position: relative;
    z-index: 2;
    min-height: 330px;
    padding: 34px 20px 24px;
    border: 1px solid var(--process-border);
    border-radius: 13px;
    background: #ffffff;
}

.drupal-outsourcing-step-orange {
    --process-color: #ff5a00;
    --process-soft: #fff2e9;
    --process-border: #ffd6c3;
}

.drupal-outsourcing-step-blue {
    --process-color: #1764e8;
    --process-soft: #edf4ff;
    --process-border: #d3e2fb;
}

.drupal-outsourcing-step-green {
    --process-color: #128a4c;
    --process-soft: #edf8f2;
    --process-border: #d4e9dc;
}

.drupal-outsourcing-step-purple {
    --process-color: #7932d3;
    --process-soft: #f4edff;
    --process-border: #e3d6f8;
}

.drupal-outsourcing-step-gold {
    --process-color: #ea8b00;
    --process-soft: #fff7e8;
    --process-border: #f4dfb9;
}

.drupal-outsourcing-step-teal {
    --process-color: #078b91;
    --process-soft: #ebf9f9;
    --process-border: #cce9e9;
}

.drupal-outsourcing-step-number {
    position: absolute;
    z-index: 4;
    width: 50px;
    height: 50px;
    top: -25px;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--process-border);
    border-radius: 50%;
    color: var(--process-color);
    background: var(--process-soft);
    font-size: 20px;
    line-height: 1;
    font-weight: 800;
    transform: translateX(-50%);
}

.drupal-outsourcing-step-icon {
    position: relative;
    z-index: 3;
    width: 96px;
    min-width: 96px;
    height: 96px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--process-color);
    background: var(--process-soft);
    font-size: 39px;
}

.drupal-outsourcing-process-card h3 {
    margin: 0;
    color: #071333;
    text-align: center;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 800;
    overflow-wrap: break-word;
}

.drupal-outsourcing-step-line {
    width: 31px;
    height: 2px;
    display: block;
    margin: 12px auto 14px;
    background: var(--process-color);
}

.drupal-outsourcing-process-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.drupal-outsourcing-process-card li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 15px;
    color: #34405c;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: break-word;
}

.drupal-outsourcing-process-card li:last-child {
    margin-bottom: 0;
}

.drupal-outsourcing-process-card li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 0;
    border-radius: 50%;
    background: var(--process-color);
}

.drupal-outsourcing-step-arrow {
    position: absolute;
    z-index: 6;
    width: 31px;
    height: 31px;
    top: 70px;
    right: -29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    background: #06285f;
    box-shadow: 0 2px 8px rgba(6, 40, 95, 0.15);
    font-size: 11px;
}


/* Tools & Practices */

.drupal-outsourcing-tools {
    overflow: hidden;
    margin-top: 20px;
    border: 1px solid #d8e4f3;
    border-radius: 15px;
    background:
        radial-gradient(
            circle at top right,
            rgba(13, 110, 253, 0.04),
            transparent 30%
        ),
        linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
    box-shadow: 0 10px 28px rgba(17, 40, 80, 0.035);
}

.drupal-outsourcing-tools-intro {
    min-height: 210px;
    padding: 24px 34px;
    border-right: 1px solid #dce5ef;
}

.drupal-outsourcing-tools-intro h3 {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #071333;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
}

.drupal-outsourcing-tools-intro > span {
    position: relative;
    z-index: 2;
    width: 38px;
    height: 2px;
    display: block;
    margin: 15px 0;
    background: #ff5a00;
}

.drupal-outsourcing-tools-intro p {
    position: relative;
    z-index: 2;
    max-width: 260px;
    color: #34405c;
    font-size: 14px;
    line-height: 1.6;
}

.drupal-outsourcing-tools-watermark {
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 5px;
    color: #edf3fa;
    font-size: 120px;
}

.drupal-outsourcing-tool-column {
    min-height: 210px;
    padding: 24px 27px;
    border-right: 1px solid #dce5ef;
}

.drupal-outsourcing-tool-column-last {
    border-right: 0;
}

.drupal-outsourcing-tool-icon {
    width: 58px;
    min-width: 58px;
    height: 58px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 21px;
}

.drupal-outsourcing-tool-orange {
    color: #ff5a00;
    border-color: #ffd5c2;
    background: #fff5ef;
}

.drupal-outsourcing-tool-blue {
    color: #1764e8;
    border-color: #cee0ff;
    background: #eff5ff;
}

.drupal-outsourcing-tool-green {
    color: #16894a;
    border-color: #d0e8da;
    background: #eff8f3;
}

.drupal-outsourcing-tool-purple {
    color: #7a33d3;
    border-color: #e1d5f8;
    background: #f5efff;
}

.drupal-outsourcing-tool-gold {
    color: #ea8b00;
    border-color: #f4dfb9;
    background: #fff7e8;
}

.drupal-outsourcing-tool-column h4 {
    margin: 0 0 10px;
    color: #071333;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
}

.drupal-outsourcing-tool-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.drupal-outsourcing-tool-column li {
    min-width: 0;
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #34405c;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: break-word;
}

.drupal-outsourcing-tool-column li:last-child {
    margin-bottom: 0;
}

.drupal-outsourcing-tool-column li i {
    width: 16px;
    flex-shrink: 0;
    text-align: center;
}


/* Bottom Control Strip */

.drupal-outsourcing-control-strip {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(17, 40, 80, 0.035);
}

.drupal-outsourcing-control-main {
    min-height: 78px;
    padding: 13px 30px;
    border-right: 1px solid #dce5ef;
}

.drupal-outsourcing-control-shield {
    width: 55px;
    min-width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #54c8ff;
    background:
        linear-gradient(
            135deg,
            #05275e,
            #073b7c
        );
    font-size: 24px;
}

.drupal-outsourcing-control-main p {
    min-width: 0;
    color: #071333;
    font-size: 17px;
    line-height: 1.4;
}

.drupal-outsourcing-control-main strong {
    font-weight: 800;
}

.drupal-outsourcing-control-main span {
    margin-left: 5px;
    color: #ff5a00;
    font-weight: 800;
}

.drupal-outsourcing-control-item {
    min-height: 78px;
    padding: 12px 25px;
    border-right: 1px solid #dce5ef;
}

.drupal-outsourcing-control-item-last {
    border-right: 0;
}

.drupal-outsourcing-control-icon {
    width: 46px;
    min-width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #071333;
    font-size: 34px;
}

.drupal-outsourcing-control-blue {
    color: #1764e8;
}

.drupal-outsourcing-control-item > div:last-child {
    min-width: 0;
}

.drupal-outsourcing-control-item strong {
    display: block;
    margin-bottom: 3px;
    color: #ff5a00;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
}

.drupal-outsourcing-control-item .drupal-outsourcing-control-global {
    font-size: 17px;
}

.drupal-outsourcing-control-item p {
    color: #34405c;
    font-size: 13px;
    line-height: 1.4;
}


/* =========================================================
   Drupal Outsourcing Process Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .drupal-outsourcing-process-top {
        margin-bottom: 48px;
    }

    .drupal-outsourcing-process-kicker {
        font-size: 15px;
    }

    .drupal-outsourcing-process-head h2 {
        font-size: 38px;
    }

    .drupal-outsourcing-process-head > p {
        font-size: 17px;
    }

    .drupal-outsourcing-assurance-item {
        min-height: 86px;
        padding: 17px 20px;
    }

    .drupal-outsourcing-assurance-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 20px;
    }

    .drupal-outsourcing-assurance-copy h3 {
        font-size: 16px;
    }

    .drupal-outsourcing-assurance-copy p {
        font-size: 13px;
    }

    .drupal-outsourcing-process-card {
        min-height: 315px;
        padding: 32px 17px 21px;
    }

    .drupal-outsourcing-step-icon {
        width: 86px;
        min-width: 86px;
        height: 86px;
        font-size: 34px;
    }

    .drupal-outsourcing-process-card h3 {
        font-size: 19px;
    }

    .drupal-outsourcing-process-card li {
        font-size: 13px;
    }

    .drupal-outsourcing-process-flow::before {
        top: 82px;
    }

    .drupal-outsourcing-step-arrow {
        top: 66px;
    }

    .drupal-outsourcing-tools-intro h3 {
        font-size: 22px;
    }

    .drupal-outsourcing-control-main p {
        font-size: 16px;
    }
}

@media (max-width: 1399.98px) {
    .drupal-outsourcing-process-top {
        margin-bottom: 45px;
    }

    .drupal-outsourcing-process-kicker {
        font-size: 14px;
    }

    .drupal-outsourcing-process-kicker > span {
        width: 30px;
        min-width: 30px;
    }

    .drupal-outsourcing-process-head h2 {
        font-size: 32px;
    }

    .drupal-outsourcing-process-head > p {
        max-width: 570px;
        font-size: 15px;
    }

    .drupal-outsourcing-assurance-item {
        padding: 15px 16px;
    }

    .drupal-outsourcing-assurance-icon {
        width: 47px;
        min-width: 47px;
        height: 47px;
        font-size: 18px;
    }

    .drupal-outsourcing-assurance-copy h3 {
        font-size: 14px;
    }

    .drupal-outsourcing-assurance-copy p {
        font-size: 12px;
    }

    .drupal-outsourcing-process-card {
        min-height: 300px;
        padding: 30px 14px 18px;
    }

    .drupal-outsourcing-step-number {
        width: 45px;
        height: 45px;
        top: -23px;
        font-size: 18px;
    }

    .drupal-outsourcing-step-icon {
        width: 74px;
        min-width: 74px;
        height: 74px;
        font-size: 29px;
    }

    .drupal-outsourcing-process-card h3 {
        font-size: 17px;
    }

    .drupal-outsourcing-process-card li {
        padding-left: 13px;
        font-size: 12px;
    }

    .drupal-outsourcing-process-flow::before {
        top: 76px;
    }

    .drupal-outsourcing-step-arrow {
        width: 28px;
        height: 28px;
        top: 62px;
        right: -27px;
        font-size: 10px;
    }

    .drupal-outsourcing-tools-intro,
    .drupal-outsourcing-tool-column {
        min-height: 195px;
    }

    .drupal-outsourcing-tools-intro {
        padding: 21px 24px;
    }

    .drupal-outsourcing-tools-intro h3 {
        font-size: 20px;
    }

    .drupal-outsourcing-tools-intro p,
    .drupal-outsourcing-tool-column li {
        font-size: 13px;
    }

    .drupal-outsourcing-tool-column {
        padding: 21px 20px;
    }

    .drupal-outsourcing-tool-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 19px;
    }

    .drupal-outsourcing-tool-column h4 {
        font-size: 14px;
    }

    .drupal-outsourcing-control-main {
        padding-left: 20px;
        padding-right: 20px;
    }

    .drupal-outsourcing-control-main p {
        font-size: 14px;
    }

    .drupal-outsourcing-control-item {
        padding-left: 17px;
        padding-right: 17px;
    }

    .drupal-outsourcing-control-icon {
        width: 40px;
        min-width: 40px;
        font-size: 29px;
    }

    .drupal-outsourcing-control-item strong {
        font-size: 21px;
    }

    .drupal-outsourcing-control-item .drupal-outsourcing-control-global {
        font-size: 15px;
    }

    .drupal-outsourcing-control-item p {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {
    .drupal-outsourcing-process-head {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .drupal-outsourcing-process-kicker {
        justify-content: center;
    }

    .drupal-outsourcing-process-head > p {
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-assurance {
        max-width: 760px;
        margin: 10px auto 0;
    }

    .drupal-outsourcing-process-flow {
        margin-top: 10px;
    }

    .drupal-outsourcing-process-flow::before,
    .drupal-outsourcing-step-arrow {
        display: none;
    }

    .drupal-outsourcing-process-flow .row {
        row-gap: 45px;
    }

    .drupal-outsourcing-process-card {
        min-height: 305px;
    }

    .drupal-outsourcing-tools-intro {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid #dce5ef;
    }

    .drupal-outsourcing-tools-intro p {
        max-width: 580px;
    }

    .drupal-outsourcing-tools-watermark {
        right: 40px;
    }

    .drupal-outsourcing-tool-column {
        border-bottom: 1px solid #dce5ef;
    }

    .drupal-outsourcing-tools .row > div:nth-child(3) .drupal-outsourcing-tool-column,
    .drupal-outsourcing-tools .row > div:nth-child(5) .drupal-outsourcing-tool-column {
        border-right: 0;
    }

    .drupal-outsourcing-control-main {
        border-right: 0;
        border-bottom: 1px solid #dce5ef;
        justify-content: center;
    }

    .drupal-outsourcing-control-item {
        min-height: 85px;
    }
}

@media (max-width: 767.98px) {
    .drupal-outsourcing-process-kicker {
        gap: 9px !important;
        font-size: 12px;
    }

    .drupal-outsourcing-process-kicker > span {
        width: 24px;
        min-width: 24px;
    }

    .drupal-outsourcing-process-head h2 {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .drupal-outsourcing-process-head h2 br {
        display: none;
    }

    .drupal-outsourcing-process-head > p {
        font-size: 16px;
        line-height: 1.55;
    }

    .drupal-outsourcing-assurance-item {
        min-height: auto;
    }

    .drupal-outsourcing-assurance-item,
    .drupal-outsourcing-assurance-right,
    .drupal-outsourcing-assurance-bottom {
        border-right: 0;
        border-bottom: 1px solid #dfe7f0;
    }

    .drupal-outsourcing-assurance .row > div:last-child .drupal-outsourcing-assurance-item {
        border-bottom: 0;
    }

    .drupal-outsourcing-assurance-copy h3 {
        font-size: 16px;
    }

    .drupal-outsourcing-assurance-copy p {
        font-size: 14px;
    }

    .drupal-outsourcing-process-flow .row {
        row-gap: 40px;
    }

    .drupal-outsourcing-process-card {
        min-height: 300px;
    }

    .drupal-outsourcing-process-card h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-process-card li {
        font-size: 14px;
    }

    .drupal-outsourcing-tools-intro h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-tools-intro p {
        font-size: 14px;
    }

    .drupal-outsourcing-tool-column {
        min-height: auto;
    }

    .drupal-outsourcing-tool-column h4 {
        font-size: 16px;
    }

    .drupal-outsourcing-tool-column li {
        font-size: 14px;
    }

    .drupal-outsourcing-control-main {
        justify-content: flex-start;
    }

    .drupal-outsourcing-control-main p {
        font-size: 14px;
    }

    .drupal-outsourcing-control-item {
        justify-content: flex-start !important;
    }
}

@media (max-width: 575.98px) {
    .drupal-outsourcing-process-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .drupal-outsourcing-process-kicker > span {
        width: 18px;
        min-width: 18px;
    }

    .drupal-outsourcing-process-top {
        margin-bottom: 38px;
    }

    .drupal-outsourcing-process-card {
        min-height: auto;
        padding: 31px 18px 22px;
    }

    .drupal-outsourcing-step-icon {
        width: 70px;
        min-width: 70px;
        height: 70px;
        font-size: 27px;
    }

    .drupal-outsourcing-process-card h3 {
        font-size: 16px;
    }

    .drupal-outsourcing-tools-intro {
        padding: 20px 17px;
    }

    .drupal-outsourcing-tools-watermark {
        right: 15px;
        font-size: 90px;
    }

    .drupal-outsourcing-tools .row > div .drupal-outsourcing-tool-column {
        border-right: 0;
        border-bottom: 1px solid #dce5ef;
    }

    .drupal-outsourcing-tools .row > div:last-child .drupal-outsourcing-tool-column {
        border-bottom: 0;
    }

    .drupal-outsourcing-control-main {
        padding: 16px;
    }

    .drupal-outsourcing-control-main {
        align-items: flex-start !important;
    }

    .drupal-outsourcing-control-main p span {
        display: block;
        margin: 3px 0 0;
    }

    .drupal-outsourcing-control-item {
        min-height: auto;
        padding: 17px;
        border-right: 0;
        border-bottom: 1px solid #dce5ef;
    }

    .drupal-outsourcing-control-strip .row > div:last-child .drupal-outsourcing-control-item {
        border-bottom: 0;
    }
}
/* =========================================================
   Drupal Outsourcing Models
   ========================================================= */

.drupal-outsourcing-models-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at top left,
            rgba(13, 110, 253, 0.035),
            transparent 24%
        ),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}


/* Top Heading */

.drupal-outsourcing-models-top {
    margin-bottom: 32px;
}

.drupal-outsourcing-models-head {
    max-width: 610px;
}

.drupal-outsourcing-models-kicker {
    margin-bottom: 16px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.drupal-outsourcing-models-kicker > span {
    position: relative;
    width: 36px;
    min-width: 36px;
    height: 2px;
    background: #ff5a00;
}

.drupal-outsourcing-models-kicker > span::before,
.drupal-outsourcing-models-kicker > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.drupal-outsourcing-models-kicker > span::before {
    left: 0;
}

.drupal-outsourcing-models-kicker > span::after {
    right: 0;
}

.drupal-outsourcing-models-head h2 {
    margin: 0;
    color: #071333;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.drupal-outsourcing-models-title-line {
    width: 34px;
    height: 2px;
    display: block;
    margin: 14px 0 10px;
    background: #ff5a00;
}

.drupal-outsourcing-models-head > p {
    max-width: 540px;
    color: #536181;
    font-size: 18px;
    line-height: 1.5;
}


/* Expert Help */

.drupal-outsourcing-model-help {
    min-height: 115px;
    padding: 20px 26px;
    border: 1px solid #d8e5f5;
    border-radius: 14px;
    background:
        linear-gradient(
            135deg,
            #f5f9ff 0%,
            #ffffff 100%
        );
    box-shadow: 0 10px 28px rgba(17, 40, 80, 0.035);
}

.drupal-outsourcing-model-help-icon {
    width: 62px;
    min-width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, #075be8, #003d9d);
    font-size: 29px;
}

.drupal-outsourcing-model-help-copy {
    min-width: 0;
    flex: 1;
}

.drupal-outsourcing-model-help-copy h3 {
    margin: 0 0 6px;
    color: #071333;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 800;
}

.drupal-outsourcing-model-help-copy p {
    color: #34405c;
    font-size: 15px;
    line-height: 1.5;
}

.drupal-outsourcing-model-help-btn {
    min-width: 185px;
    min-height: 48px;
    padding: 11px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border: 1.5px solid #071333;
    border-radius: 8px;
    color: #071333;
    background: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 800;
    text-decoration: none;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease;
}

.drupal-outsourcing-model-help-btn:hover {
    color: #ffffff;
    background: #071333;
    transform: translateY(-2px);
}


/* Model Cards */

.drupal-outsourcing-models-cards {
    margin-bottom: 26px;
}

.drupal-outsourcing-model-card {
    --model-color: #ff5a00;
    --model-soft: #fff5ef;
    --model-border: #f6dacc;

    position: relative;
    min-width: 0;
    min-height: 365px;
    padding: 18px 20px 20px;
    border: 1px solid var(--model-border);
    border-radius: 12px;
    background:
        linear-gradient(
            145deg,
            var(--model-soft) 0%,
            #ffffff 75%
        );
}

.drupal-outsourcing-model-orange {
    --model-color: #ff5a00;
    --model-soft: #fff7f2;
    --model-border: #f8d9c9;
}

.drupal-outsourcing-model-blue {
    --model-color: #075be8;
    --model-soft: #f1f6ff;
    --model-border: #d5e3fb;
}

.drupal-outsourcing-model-green {
    --model-color: #08783d;
    --model-soft: #f2f9f5;
    --model-border: #d9e9df;
}

.drupal-outsourcing-model-purple {
    --model-color: #7832d5;
    --model-soft: #f7f2ff;
    --model-border: #e6daf8;
}

.drupal-outsourcing-model-gold {
    --model-color: #f28600;
    --model-soft: #fff8ef;
    --model-border: #f5dfc3;
}

.drupal-outsourcing-model-number {
    position: absolute;
    width: 37px;
    height: 37px;
    top: 18px;
    left: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--model-color);
    font-size: 14px;
    line-height: 1;
    font-weight: 800;
}

.drupal-outsourcing-model-icon {
    width: 81px;
    min-width: 81px;
    height: 81px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--model-border);
    border-radius: 50%;
    color: var(--model-color);
    background: var(--model-soft);
    font-size: 34px;
}

.drupal-outsourcing-model-card h3 {
    margin: 0;
    color: #071333;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 800;
    overflow-wrap: break-word;
}

.drupal-outsourcing-model-line {
    width: 28px;
    height: 2px;
    display: block;
    margin: 12px 0 11px;
    background: var(--model-color);
}

.drupal-outsourcing-model-description {
    min-height: 72px;
    margin: 0 0 14px;
    color: #34405c;
    font-size: 15px;
    line-height: 1.5;
    overflow-wrap: break-word;
}

.drupal-outsourcing-model-card ul {
    padding: 0;
    list-style: none;
}

.drupal-outsourcing-model-card li {
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #071333;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: break-word;
}

.drupal-outsourcing-model-card li:last-child {
    margin-bottom: 0;
}

.drupal-outsourcing-model-card li i {
    margin-top: 2px;
    flex-shrink: 0;
    color: var(--model-color);
    font-size: 14px;
}


/* Comparison */

.drupal-outsourcing-models-bottom {
    align-items: stretch;
}

.drupal-outsourcing-model-comparison {
    height: 100%;
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(17, 40, 80, 0.035);
}

.drupal-outsourcing-model-comparison table {
    min-width: 950px;
}

.drupal-outsourcing-model-comparison th,
.drupal-outsourcing-model-comparison td {
    vertical-align: middle;
    border-right: 1px solid #e2e8f1;
    border-bottom: 1px solid #e6ebf2;
}

.drupal-outsourcing-model-comparison th:last-child,
.drupal-outsourcing-model-comparison td:last-child {
    border-right: 0;
}

.drupal-outsourcing-model-comparison tbody tr:last-child td {
    border-bottom: 0;
}

.drupal-outsourcing-model-comparison thead th {
    min-width: 145px;
    padding: 14px 12px;
    color: #071333;
    background: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.drupal-outsourcing-model-comparison thead .drupal-outsourcing-model-feature-head {
    min-width: 245px;
    padding-left: 16px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #03183f,
            #06275e
        );
    text-align: left;
    font-size: 16px;
}

.drupal-outsourcing-table-model {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.drupal-outsourcing-table-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 15px;
}

.drupal-outsourcing-table-orange {
    color: #ff5a00;
    background: #fff2eb;
}

.drupal-outsourcing-table-blue {
    color: #075be8;
    background: #eef4ff;
}

.drupal-outsourcing-table-green {
    color: #08783d;
    background: #edf8f2;
}

.drupal-outsourcing-table-purple {
    color: #7832d5;
    background: #f4efff;
}

.drupal-outsourcing-model-comparison tbody td {
    padding: 9px 13px;
    color: #34405c;
    font-size: 12px;
    line-height: 1.35;
    text-align: center;
}

.drupal-outsourcing-model-comparison tbody td:first-child {
    min-width: 245px;
    color: #34405c;
    text-align: left;
}

.drupal-outsourcing-model-comparison tbody td:first-child i {
    width: 22px;
    margin-right: 7px;
    color: #526483;
    text-align: center;
}

.table-check {
    font-size: 17px;
}

.table-check.orange,
.table-dash.orange {
    color: #ff5a00;
}

.table-check.blue,
.table-dash.blue {
    color: #075be8;
}

.table-check.green,
.table-dash.green {
    color: #08783d;
}

.table-check.purple,
.table-dash.purple {
    color: #7832d5;
}

.table-dash {
    font-size: 17px;
    font-weight: 700;
}


/* Consultation */

.drupal-outsourcing-model-consultation {
    min-height: 330px;
    border-radius: 13px;
    background: #031a40;
}

.drupal-outsourcing-model-consultation-image {
    position: absolute;
    inset: 0;
}

.drupal-outsourcing-model-consultation-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 75% center;
}

.drupal-outsourcing-model-consultation-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(2, 20, 52, 0.98) 0%,
            rgba(2, 20, 52, 0.91) 42%,
            rgba(2, 20, 52, 0.32) 100%
        );
}

.drupal-outsourcing-model-consultation-content {
    z-index: 3;
    width: 63%;
    min-width: 0;
    padding: 22px 0 18px 20px;
}

.drupal-outsourcing-model-consultation-icon {
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 90, 0, 0.65);
    border-radius: 50%;
    color: #ff5a00;
    background: rgba(6, 35, 79, 0.75);
    font-size: 21px;
}

.drupal-outsourcing-model-consultation h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 800;
}

.drupal-outsourcing-model-consultation p {
    margin: 0 0 12px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 13px;
    line-height: 1.45;
}

.drupal-outsourcing-model-consultation ul {
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}

.drupal-outsourcing-model-consultation li {
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #ffffff;
    font-size: 12px;
    line-height: 1.3;
}

.drupal-outsourcing-model-consultation li i {
    color: #ff5a00;
}

.drupal-outsourcing-model-consultation-btn {
    width: 100%;
    min-height: 45px;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-radius: 7px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
    text-decoration: none;
}

.drupal-outsourcing-model-consultation-btn:hover {
    color: #ffffff;
}


/* =========================================================
   Drupal Outsourcing Models Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .drupal-outsourcing-models-head h2 {
        font-size: 38px;
    }

    .drupal-outsourcing-models-kicker {
        font-size: 15px;
    }

    .drupal-outsourcing-models-head > p {
        font-size: 17px;
    }

    .drupal-outsourcing-model-help {
        padding: 18px 22px;
    }

    .drupal-outsourcing-model-help-copy h3 {
        font-size: 19px;
    }

    .drupal-outsourcing-model-help-copy p {
        font-size: 14px;
    }

    .drupal-outsourcing-model-help-btn {
        min-width: 175px;
        font-size: 15px;
    }

    .drupal-outsourcing-model-card {
        min-height: 350px;
        padding: 17px 18px 19px;
    }

    .drupal-outsourcing-model-icon {
        width: 74px;
        min-width: 74px;
        height: 74px;
        font-size: 30px;
    }

    .drupal-outsourcing-model-card h3 {
        font-size: 20px;
    }

    .drupal-outsourcing-model-description {
        font-size: 15px;
    }

    .drupal-outsourcing-model-card li {
        font-size: 14px;
    }

    .drupal-outsourcing-model-consultation h3 {
        font-size: 20px;
    }
}

@media (max-width: 1399.98px) {
    .drupal-outsourcing-models-head h2 {
        font-size: 32px;
    }

    .drupal-outsourcing-models-kicker {
        font-size: 14px;
    }

    .drupal-outsourcing-models-kicker > span {
        width: 30px;
        min-width: 30px;
    }

    .drupal-outsourcing-models-head > p {
        font-size: 15px;
    }

    .drupal-outsourcing-model-help {
        gap: 14px !important;
        padding: 16px 18px;
    }

    .drupal-outsourcing-model-help-icon {
        width: 54px;
        min-width: 54px;
        height: 54px;
        font-size: 25px;
    }

    .drupal-outsourcing-model-help-copy h3 {
        font-size: 17px;
    }

    .drupal-outsourcing-model-help-copy p {
        font-size: 13px;
    }

    .drupal-outsourcing-model-help-btn {
        min-width: 155px;
        padding: 10px 15px;
        font-size: 14px;
    }

    .drupal-outsourcing-model-card {
        min-height: 330px;
        padding: 16px;
    }

    .drupal-outsourcing-model-icon {
        width: 66px;
        min-width: 66px;
        height: 66px;
        font-size: 27px;
    }

    .drupal-outsourcing-model-number {
        width: 34px;
        height: 34px;
        font-size: 13px;
    }

    .drupal-outsourcing-model-card h3 {
        font-size: 17px;
    }

    .drupal-outsourcing-model-description {
        min-height: 67px;
        font-size: 14px;
    }

    .drupal-outsourcing-model-card li {
        gap: 6px;
        font-size: 13px;
    }

    .drupal-outsourcing-model-comparison thead th {
        font-size: 11px;
    }

    .drupal-outsourcing-model-comparison tbody td {
        font-size: 11px;
    }

    .drupal-outsourcing-model-consultation-content {
        width: 68%;
        padding-left: 17px;
    }

    .drupal-outsourcing-model-consultation h3 {
        font-size: 17px;
    }

    .drupal-outsourcing-model-consultation p {
        font-size: 12px;
    }

    .drupal-outsourcing-model-consultation li {
        font-size: 11px;
    }
}

@media (max-width: 991.98px) {
    .drupal-outsourcing-models-head {
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }

    .drupal-outsourcing-models-kicker {
        justify-content: center;
    }

    .drupal-outsourcing-models-title-line {
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-models-head > p {
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-model-help {
        max-width: 760px;
        margin: 8px auto 0;
    }

    .drupal-outsourcing-model-card {
        min-height: 335px;
    }

    .drupal-outsourcing-model-description {
        min-height: auto;
    }

    .drupal-outsourcing-model-consultation {
        min-height: 360px;
    }

    .drupal-outsourcing-model-consultation-content {
        width: 52%;
        padding: 28px 0 24px 28px;
    }

    .drupal-outsourcing-model-consultation-image img {
        object-position: 80% center;
    }
}

@media (max-width: 767.98px) {
    .drupal-outsourcing-models-kicker {
        gap: 9px !important;
        font-size: 12px;
    }

    .drupal-outsourcing-models-kicker > span {
        width: 24px;
        min-width: 24px;
    }

    .drupal-outsourcing-models-head h2 {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .drupal-outsourcing-models-head h2 br {
        display: none;
    }

    .drupal-outsourcing-models-head > p {
        font-size: 16px;
    }

    .drupal-outsourcing-model-help {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .drupal-outsourcing-model-help-copy {
        flex-basis: calc(100% - 80px);
        text-align: left;
    }

    .drupal-outsourcing-model-help-copy h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-model-help-copy p {
        font-size: 14px;
    }

    .drupal-outsourcing-model-help-btn {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        white-space: normal;
        overflow-wrap: break-word;
        font-size: 14px;
    }

    .drupal-outsourcing-model-card {
        min-height: auto;
        padding: 20px 18px;
    }

    .drupal-outsourcing-model-icon {
        width: 64px;
        min-width: 64px;
        height: 64px;
        font-size: 26px;
    }

    .drupal-outsourcing-model-card h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-model-description,
    .drupal-outsourcing-model-card li {
        font-size: 14px;
    }

    .drupal-outsourcing-model-consultation-content {
        width: 62%;
    }

    .drupal-outsourcing-model-consultation h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-model-consultation p,
    .drupal-outsourcing-model-consultation li {
        font-size: 14px;
    }

    .drupal-outsourcing-model-consultation-btn {
        min-height: 48px;
        padding: 12px 16px;
        white-space: normal;
        overflow-wrap: break-word;
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .drupal-outsourcing-models-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .drupal-outsourcing-models-kicker > span {
        width: 18px;
        min-width: 18px;
    }

    .drupal-outsourcing-model-help {
        padding: 17px 15px;
    }

    .drupal-outsourcing-model-help-copy {
        flex-basis: calc(100% - 70px);
    }

    .drupal-outsourcing-model-help-icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        font-size: 22px;
    }

    .drupal-outsourcing-model-card {
        padding: 18px 16px;
    }

    .drupal-outsourcing-model-card h3 {
        font-size: 16px;
    }

    .drupal-outsourcing-model-consultation {
        min-height: 470px;
    }

    .drupal-outsourcing-model-consultation-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(2, 20, 52, 0.98) 0%,
                rgba(2, 20, 52, 0.92) 58%,
                rgba(2, 20, 52, 0.25) 100%
            );
    }

    .drupal-outsourcing-model-consultation-content {
        width: 100%;
        padding: 22px 18px;
    }

    .drupal-outsourcing-model-consultation-image img {
        object-position: center bottom;
    }

    .drupal-outsourcing-model-consultation h3 {
        font-size: 16px;
    }
}
/* =========================================================
   Why Businesses Choose Hapus
   ========================================================= */

.why-outsource-hapus-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at top left,
            rgba(13, 110, 253, 0.035),
            transparent 25%
        ),
        linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}


/* Top Area */

.why-outsource-hapus-top {
    margin-bottom: 25px;
}

.why-outsource-hapus-head {
    max-width: 680px;
}

.why-outsource-hapus-kicker {
    margin-bottom: 20px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.why-outsource-hapus-kicker > span {
    position: relative;
    width: 31px;
    min-width: 31px;
    height: 2px;
    display: block;
    background: #ff5a00;
}

.why-outsource-hapus-kicker > span::before,
.why-outsource-hapus-kicker > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.why-outsource-hapus-kicker > span::before {
    left: 0;
}

.why-outsource-hapus-kicker > span::after {
    right: 0;
}

.why-outsource-hapus-head h2 {
    margin: 0;
    color: #071333;
    font-size: 44px;
    line-height: 1.17;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.why-outsource-hapus-head h2 span {
    color: #ff5a00;
}

.why-outsource-hapus-title-line {
    width: 43px;
    height: 2px;
    display: block;
    margin: 19px 0;
    background: #ff5a00;
}

.why-outsource-hapus-head > p {
    max-width: 610px;
    color: #536181;
    font-size: 18px;
    line-height: 1.55;
}


/* Main Visual */

.why-outsource-hapus-visual {
    min-height: 335px;
    border-radius: 19px;
    background: #06162e;
    box-shadow: 0 18px 42px rgba(13, 40, 88, 0.08);
}

.why-outsource-hapus-image {
    position: absolute;
    inset: 0;
}

.why-outsource-hapus-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(2, 18, 43, 0.1),
            transparent 35%
        );
}

.why-outsource-hapus-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}


/* Visual Message */

.why-outsource-hapus-visual-message {
    position: absolute;
    z-index: 3;
    min-width: 215px;
    top: 22px;
    left: 22px;
    padding: 17px 20px;
    border: 1px solid rgba(22, 135, 255, 0.35);
    border-radius: 13px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(3, 34, 78, 0.96),
            rgba(2, 20, 53, 0.96)
        );
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.15);
}

.why-outsource-hapus-message-icon {
    width: 52px;
    min-width: 52px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff5a00;
    font-size: 38px;
}

.why-outsource-hapus-visual-message p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 700;
}

.why-outsource-hapus-visual-message strong {
    display: block;
    margin-top: 3px;
    color: #ff5a00;
    font-size: 13px;
    line-height: 1.4;
}


/* Retention */

.why-outsource-hapus-retention {
    position: absolute;
    z-index: 3;
    min-width: 125px;
    right: 22px;
    bottom: 16px;
    padding: 17px 14px;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 15px 32px rgba(0, 0, 0, 0.13);
}

.why-outsource-hapus-retention strong {
    display: block;
    margin-bottom: 6px;
    color: #ff5a00;
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
}

.why-outsource-hapus-retention p {
    color: #071333;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}


/* Benefits */

.why-outsource-hapus-benefits {
    margin-bottom: 24px;
}

.why-outsource-hapus-card {
    --benefit-color: #ff5a00;
    --benefit-soft: #fff3ec;
    --benefit-border: #ffd9c5;

    min-width: 0;
    min-height: 320px;
    padding: 18px;
    border: 1px solid #dfe6ef;
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            var(--benefit-soft) 0%,
            #ffffff 38%
        );
}

.why-outsource-hapus-orange {
    --benefit-color: #ff5a00;
    --benefit-soft: #fff5ef;
    --benefit-border: #ffdccb;
}

.why-outsource-hapus-blue {
    --benefit-color: #1764e8;
    --benefit-soft: #f0f6ff;
    --benefit-border: #d1e1fb;
}

.why-outsource-hapus-green {
    --benefit-color: #16894a;
    --benefit-soft: #eff9f3;
    --benefit-border: #d2e9dc;
}

.why-outsource-hapus-purple {
    --benefit-color: #7934d8;
    --benefit-soft: #f5f0ff;
    --benefit-border: #e2d7f8;
}

.why-outsource-hapus-gold {
    --benefit-color: #ef9400;
    --benefit-soft: #fff8ec;
    --benefit-border: #f3dfbd;
}

.why-outsource-hapus-card-icon {
    width: 74px;
    min-width: 74px;
    height: 74px;
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--benefit-border);
    border-radius: 50%;
    color: var(--benefit-color);
    background: var(--benefit-soft);
    font-size: 30px;
}

.why-outsource-hapus-card h3 {
    margin: 0;
    color: #071333;
    font-size: 22px;
    line-height: 1.22;
    font-weight: 800;
    overflow-wrap: break-word;
}

.why-outsource-hapus-card-line {
    width: 27px;
    height: 2px;
    display: block;
    margin: 13px 0 16px;
    background: var(--benefit-color);
}

.why-outsource-hapus-card p {
    color: #34405c;
    font-size: 16px;
    line-height: 1.55;
    overflow-wrap: break-word;
}


/* Global Trust */

.why-outsource-hapus-global {
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 15px;
    background:
        radial-gradient(
            circle at top right,
            rgba(13, 110, 253, 0.035),
            transparent 30%
        ),
        #ffffff;
    box-shadow: 0 14px 34px rgba(17, 40, 80, 0.06);
}

.why-outsource-hapus-global-intro {
    min-height: 130px;
    padding: 23px 28px;
    border-right: 1px solid #dce5ef;
}

.why-outsource-hapus-global-intro h3 {
    margin: 0 0 8px;
    color: #071333;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 800;
}

.why-outsource-hapus-global-intro p {
    color: #536181;
    font-size: 14px;
    line-height: 1.55;
}


/* Stats */

.why-outsource-hapus-stat {
    min-height: 130px;
    padding: 18px 20px;
    border-right: 1px solid #dce5ef;
}

.why-outsource-hapus-stat-last {
    border-right: 0;
}

.why-outsource-hapus-stat-icon {
    width: 61px;
    min-width: 61px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 25px;
}

.why-outsource-hapus-stat-orange {
    color: #ff5a00;
}

.why-outsource-hapus-stat-blue {
    color: #1764e8;
}

.why-outsource-hapus-stat-green {
    color: #16894a;
}

.why-outsource-hapus-stat-purple {
    color: #7934d8;
}

.why-outsource-hapus-stat > div:last-child {
    min-width: 0;
}

.why-outsource-hapus-stat strong {
    display: block;
    margin-bottom: 6px;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

.why-outsource-hapus-stat-orange-text {
    color: #ff5a00;
}

.why-outsource-hapus-stat-blue-text {
    color: #1764e8;
}

.why-outsource-hapus-stat-green-text {
    color: #16894a;
}

.why-outsource-hapus-stat-purple-text {
    color: #7934d8;
}

.why-outsource-hapus-stat p {
    color: #071333;
    font-size: 12px;
    line-height: 1.4;
}


/* Client Logos */

.why-outsource-hapus-logos {
    margin: 0 28px;
    border-top: 1px solid #dce5ef;
}

.why-outsource-hapus-logo {
    min-height: 85px;
    padding: 18px 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #dce5ef;
}

.why-outsource-hapus-logo-last {
    border-right: 0;
}

.why-outsource-hapus-logo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 37px;
    display: block;
    object-fit: contain;
}


/* =========================================================
   Why Businesses Choose Hapus Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .why-outsource-hapus-kicker {
        font-size: 15px;
    }

    .why-outsource-hapus-head h2 {
        font-size: 38px;
    }

    .why-outsource-hapus-head > p {
        font-size: 17px;
    }

    .why-outsource-hapus-visual {
        min-height: 315px;
    }

    .why-outsource-hapus-card {
        min-height: 305px;
        padding: 16px;
    }

    .why-outsource-hapus-card-icon {
        width: 68px;
        min-width: 68px;
        height: 68px;
        font-size: 27px;
    }

    .why-outsource-hapus-card h3 {
        font-size: 20px;
    }

    .why-outsource-hapus-card p {
        font-size: 15px;
    }

    .why-outsource-hapus-global-intro h3 {
        font-size: 20px;
    }

    .why-outsource-hapus-stat strong {
        font-size: 26px;
    }
}

@media (max-width: 1399.98px) {
    .why-outsource-hapus-kicker {
        font-size: 14px;
    }

    .why-outsource-hapus-kicker > span {
        width: 27px;
        min-width: 27px;
    }

    .why-outsource-hapus-head h2 {
        font-size: 32px;
    }

    .why-outsource-hapus-head > p {
        font-size: 15px;
    }

    .why-outsource-hapus-visual {
        min-height: 290px;
    }

    .why-outsource-hapus-visual-message {
        min-width: 190px;
        top: 18px;
        left: 18px;
        padding: 14px 16px;
    }

    .why-outsource-hapus-message-icon {
        width: 44px;
        min-width: 44px;
        font-size: 32px;
    }

    .why-outsource-hapus-retention {
        min-width: 110px;
        right: 17px;
        bottom: 14px;
    }

    .why-outsource-hapus-retention strong {
        font-size: 23px;
    }

    .why-outsource-hapus-card {
        min-height: 290px;
        padding: 15px;
    }

    .why-outsource-hapus-card-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        font-size: 24px;
    }

    .why-outsource-hapus-card h3 {
        font-size: 17px;
    }

    .why-outsource-hapus-card p {
        font-size: 14px;
    }

    .why-outsource-hapus-global-intro {
        padding: 20px;
    }

    .why-outsource-hapus-global-intro h3 {
        font-size: 17px;
    }

    .why-outsource-hapus-global-intro p {
        font-size: 13px;
    }

    .why-outsource-hapus-stat {
        padding: 15px;
        gap: 10px !important;
    }

    .why-outsource-hapus-stat-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 21px;
    }

    .why-outsource-hapus-stat strong {
        font-size: 23px;
    }

    .why-outsource-hapus-stat p {
        font-size: 11px;
    }

    .why-outsource-hapus-logo {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 991.98px) {
    .why-outsource-hapus-head {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .why-outsource-hapus-kicker {
        justify-content: center;
    }

    .why-outsource-hapus-title-line {
        margin-left: auto;
        margin-right: auto;
    }

    .why-outsource-hapus-head > p {
        margin-left: auto;
        margin-right: auto;
    }

    .why-outsource-hapus-visual {
        max-width: 760px;
        min-height: 390px;
        margin: 12px auto 0;
    }

    .why-outsource-hapus-card {
        min-height: 270px;
    }

    .why-outsource-hapus-global-intro {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid #dce5ef;
        text-align: center;
    }

    .why-outsource-hapus-global-intro p {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-outsource-hapus-stat {
        min-height: 110px;
        justify-content: flex-start !important;
        border-bottom: 1px solid #dce5ef;
    }

    .why-outsource-hapus-global > .row > div:nth-child(3) .why-outsource-hapus-stat,
    .why-outsource-hapus-global > .row > div:nth-child(5) .why-outsource-hapus-stat {
        border-right: 0;
    }

    .why-outsource-hapus-logos {
        margin: 0 20px;
    }

    .why-outsource-hapus-logo {
        border-bottom: 1px solid #dce5ef;
    }

    .why-outsource-hapus-logos .row > div:nth-child(4n) .why-outsource-hapus-logo {
        border-right: 0;
    }
}

@media (max-width: 767.98px) {
    .why-outsource-hapus-kicker {
        gap: 9px !important;
        font-size: 12px;
    }

    .why-outsource-hapus-kicker > span {
        width: 22px;
        min-width: 22px;
    }

    .why-outsource-hapus-head h2 {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .why-outsource-hapus-head h2 br {
        display: none;
    }

    .why-outsource-hapus-head > p {
        font-size: 16px;
    }

    .why-outsource-hapus-visual {
        min-height: 340px;
    }

    .why-outsource-hapus-visual-message {
        min-width: 180px;
    }

    .why-outsource-hapus-visual-message p {
        font-size: 13px;
    }

    .why-outsource-hapus-card {
        min-height: auto;
        padding: 18px;
    }

    .why-outsource-hapus-card h3 {
        font-size: 18px;
    }

    .why-outsource-hapus-card p {
        font-size: 14px;
    }

    .why-outsource-hapus-global-intro h3 {
        font-size: 18px;
    }

    .why-outsource-hapus-stat {
        min-height: 105px;
    }

    .why-outsource-hapus-stat strong {
        font-size: 22px;
    }

    .why-outsource-hapus-stat p {
        font-size: 12px;
    }
}

@media (max-width: 575.98px) {
    .why-outsource-hapus-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .why-outsource-hapus-kicker > span {
        width: 17px;
        min-width: 17px;
    }

    .why-outsource-hapus-visual {
        min-height: 430px;
        border-radius: 15px;
    }

    .why-outsource-hapus-image img {
        object-position: 63% center;
    }

    .why-outsource-hapus-visual-message {
        min-width: 0;
        width: calc(100% - 30px);
        top: 15px;
        left: 15px;
    }

    .why-outsource-hapus-retention {
        right: 15px;
        bottom: 15px;
    }

    .why-outsource-hapus-card-icon {
        width: 56px;
        min-width: 56px;
        height: 56px;
        font-size: 22px;
    }

    .why-outsource-hapus-card h3 {
        font-size: 16px;
    }

    .why-outsource-hapus-global > .row > div .why-outsource-hapus-stat {
        border-right: 0;
        border-bottom: 1px solid #dce5ef;
    }

    .why-outsource-hapus-global > .row > div:last-child .why-outsource-hapus-stat {
        border-bottom: 0;
    }

    .why-outsource-hapus-stat {
        justify-content: flex-start !important;
        padding: 17px 20px;
    }

    .why-outsource-hapus-logos {
        margin: 0 14px;
    }

    .why-outsource-hapus-logos .row > div .why-outsource-hapus-logo {
        min-height: 75px;
        padding: 15px;
        border-right: 1px solid #dce5ef;
        border-bottom: 1px solid #dce5ef;
    }

    .why-outsource-hapus-logos .row > div:nth-child(2n) .why-outsource-hapus-logo {
        border-right: 0;
    }

    .why-outsource-hapus-logos .row > div:nth-last-child(-n + 2) .why-outsource-hapus-logo {
        border-bottom: 0;
    }

    .why-outsource-hapus-logo img {
        max-height: 30px;
    }
}
/* =========================================================
   Drupal Outsourcing FAQ
   ========================================================= */

.drupal-outsourcing-faq-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at top left,
            rgba(13, 110, 253, 0.035),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 100%
        );
}


/* =========================================================
   FAQ Left Content
   ========================================================= */

.drupal-outsourcing-faq-left {
    min-width: 0;
}

.drupal-outsourcing-faq-head {
    max-width: 540px;
}

.drupal-outsourcing-faq-kicker {
    margin-bottom: 18px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.drupal-outsourcing-faq-kicker > span {
    position: relative;
    width: 31px;
    min-width: 31px;
    height: 2px;
    display: block;
    background: #ff5a00;
}

.drupal-outsourcing-faq-kicker > span::before,
.drupal-outsourcing-faq-kicker > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.drupal-outsourcing-faq-kicker > span::before {
    left: 0;
}

.drupal-outsourcing-faq-kicker > span::after {
    right: 0;
}

.drupal-outsourcing-faq-head h2 {
    margin: 0;
    color: #071333;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.drupal-outsourcing-faq-head h2 span {
    color: #ff5a00;
}

.drupal-outsourcing-faq-title-line {
    width: 39px;
    height: 2px;
    display: block;
    margin: 18px 0;
    background: #ff5a00;
}

.drupal-outsourcing-faq-head > p {
    max-width: 430px;
    color: #536181;
    font-size: 18px;
    line-height: 1.55;
    overflow-wrap: break-word;
}


/* =========================================================
   FAQ Illustration
   ========================================================= */

.drupal-outsourcing-faq-visual {
    max-width: 460px;
    min-height: 260px;
    margin: 20px 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drupal-outsourcing-faq-image {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 410px;
}

.drupal-outsourcing-faq-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 250px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.drupal-outsourcing-faq-dots {
    position: absolute;
    z-index: 1;
    width: 110px;
    height: 75px;
    right: 10px;
    bottom: 24px;
    opacity: 0.55;
    background-image: radial-gradient(
        #85aeef 2px,
        transparent 2px
    );
    background-size: 15px 15px;
}


/* =========================================================
   Expert Help
   ========================================================= */

.drupal-outsourcing-faq-help {
    max-width: 475px;
    min-height: 112px;
    padding: 20px 24px;
    border: 1px solid #dce5ef;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(17, 40, 80, 0.035);
}

.drupal-outsourcing-faq-help-icon {
    width: 64px;
    min-width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff5a00;
    font-size: 46px;
}

.drupal-outsourcing-faq-help-copy {
    min-width: 0;
}

.drupal-outsourcing-faq-help h3 {
    margin: 0 0 4px;
    color: #071333;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 800;
}

.drupal-outsourcing-faq-help p {
    margin: 0 0 9px;
    color: #536181;
    font-size: 14px;
    line-height: 1.45;
}

.drupal-outsourcing-faq-help a {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #ff5a00;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
    text-decoration: none;
}

.drupal-outsourcing-faq-help a i {
    transition: transform 0.2s ease;
}

.drupal-outsourcing-faq-help a:hover i {
    transform: translateX(4px);
}


/* =========================================================
   FAQ Accordion
   ========================================================= */

.drupal-outsourcing-faq-accordion {
    overflow: hidden;
    border: 1px solid #d9e4f1;
    border-radius: 14px;
    background: #ffffff;
}

.drupal-outsourcing-faq-accordion .accordion-item {
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    background: #ffffff;
}

.drupal-outsourcing-faq-accordion .accordion-item:last-child {
    border-bottom: 0;
}

.drupal-outsourcing-faq-accordion .accordion-button {
    min-height: 67px;
    padding: 11px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #071333;
    background: #ffffff;
    box-shadow: none;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 800;
}

.drupal-outsourcing-faq-accordion .accordion-button:not(.collapsed) {
    color: #071333;
    background:
        linear-gradient(
            135deg,
            #f7faff 0%,
            #ffffff 100%
        );
    box-shadow: none;
}

.drupal-outsourcing-faq-accordion .accordion-button:focus {
    box-shadow: none;
}

.drupal-outsourcing-faq-question-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6e2f5;
    border-radius: 50%;
    color: #071f55;
    background:
        linear-gradient(
            135deg,
            #edf4ff 0%,
            #ffffff 100%
        );
    font-size: 20px;
}

.drupal-outsourcing-faq-icon-blue {
    color: #102e6c;
}

.drupal-outsourcing-faq-question {
    min-width: 0;
    flex: 1;
    overflow-wrap: break-word;
}


/* Custom Plus / Minus */

.drupal-outsourcing-faq-accordion .accordion-button::after {
    position: relative;
    width: 31px;
    min-width: 31px;
    height: 31px;
    margin-left: 15px;
    border: 1px solid #ff5a00;
    border-radius: 50%;
    background-image: none;
    transform: none;
}

.drupal-outsourcing-faq-accordion .accordion-button::before {
    content: "+";
    position: absolute;
    z-index: 3;
    width: 31px;
    height: 31px;
    right: 25px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff5a00;
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
    pointer-events: none;
    transform: translateY(-50%);
}

.drupal-outsourcing-faq-accordion .accordion-button:not(.collapsed)::before {
    content: "−";
}

.drupal-outsourcing-faq-accordion .accordion-body {
    margin-top: -9px;
    padding: 0 75px 15px 90px;
    color: #34405c;
    background:
        linear-gradient(
            135deg,
            #f7faff 0%,
            #ffffff 100%
        );
    font-size: 18px;
    line-height: 1.55;
    overflow-wrap: break-word;
}


/* =========================================================
   Bottom CTA
   ========================================================= */

.drupal-outsourcing-faq-cta {
    margin-top: 25px;
    padding: 30px 35px 0;
    border-radius: 14px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 65% 42%,
            rgba(0, 98, 255, 0.26),
            transparent 27%
        ),
        radial-gradient(
            circle at bottom left,
            rgba(0, 91, 255, 0.17),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #020b25 0%,
            #061d49 50%,
            #020b25 100%
        );
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.drupal-outsourcing-faq-cta::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 220px;
    right: 7%;
    top: 0;
    opacity: 0.22;
    background-image: radial-gradient(
        rgba(0, 111, 255, 0.9) 1.6px,
        transparent 1.6px
    );
    background-size: 10px 10px;
    mask-image: linear-gradient(
        90deg,
        transparent,
        #000,
        transparent
    );
}


/* CTA Content */

.drupal-outsourcing-faq-cta-content {
    position: relative;
    z-index: 4;
    max-width: 620px;
    padding: 10px 0 30px;
}

.drupal-outsourcing-faq-cta-content h3 {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -0.025em;
}

.drupal-outsourcing-faq-cta-line {
    width: 37px;
    height: 2px;
    display: block;
    margin: 17px 0;
    background: #ff5a00;
}

.drupal-outsourcing-faq-cta-content > p {
    max-width: 370px;
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.83);
    font-size: 16px;
    line-height: 1.6;
}


/* CTA Buttons */

.drupal-outsourcing-faq-cta-actions {
    margin-bottom: 22px;
}

.drupal-outsourcing-faq-primary-btn,
.drupal-outsourcing-faq-secondary-btn {
    min-height: 50px;
    padding: 12px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    border-radius: 7px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-decoration: none;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.drupal-outsourcing-faq-primary-btn {
    min-width: 255px;
}

.drupal-outsourcing-faq-primary-btn:hover {
    color: #ffffff;
    transform: translateY(-2px);
}

.drupal-outsourcing-faq-secondary-btn {
    min-width: 190px;
    border: 1px solid rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.025);
}

.drupal-outsourcing-faq-secondary-btn:hover {
    color: #ffffff;
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    transform: translateY(-2px);
}


/* Trust Items */

.drupal-outsourcing-faq-cta-trust {
    gap: 0;
}

.drupal-outsourcing-faq-trust-item {
    min-height: 25px;
    padding: 0 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    color: rgba(255, 255, 255, 0.88);
    font-size: 13px;
    line-height: 1.3;
}

.drupal-outsourcing-faq-trust-item:first-child {
    padding-left: 0;
}

.drupal-outsourcing-faq-trust-last {
    border-right: 0;
}

.drupal-outsourcing-faq-trust-item i {
    color: #ff5a00;
    font-size: 16px;
}


/* =========================================================
   CTA Visual
   ========================================================= */

.drupal-outsourcing-faq-cta-visual {
    min-height: 275px;
}

.drupal-outsourcing-faq-cta-image {
    position: absolute;
    width: 94%;
    height: 100%;
    right: 3%;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.drupal-outsourcing-faq-cta-image img {
    width: 100%;
    max-width: 620px;
    height: auto;
    max-height: 290px;
    display: block;
    object-fit: contain;
    object-position: center bottom;
}


/* Floating Cards */

.drupal-outsourcing-faq-floating-card {
    position: absolute;
    z-index: 5;
    min-width: 165px;
    min-height: 47px;
    padding: 9px 15px;
    border: 1px solid rgba(22, 135, 255, 0.32);
    border-radius: 8px;
    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            rgba(7, 46, 101, 0.97),
            rgba(3, 25, 61, 0.96)
        );
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(7px);
}

.drupal-outsourcing-faq-floating-card span {
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1687ff;
    font-size: 17px;
}

.drupal-outsourcing-faq-floating-card strong {
    color: #ffffff;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
}

.drupal-outsourcing-faq-floating-one {
    top: 55px;
    right: 0;
}

.drupal-outsourcing-faq-floating-two {
    top: 125px;
    right: 0;
}

.drupal-outsourcing-faq-floating-three {
    top: 195px;
    right: 0;
}


/* =========================================================
   Drupal Outsourcing FAQ Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .drupal-outsourcing-faq-kicker {
        font-size: 15px;
    }

    .drupal-outsourcing-faq-head h2 {
        font-size: 38px;
    }

    .drupal-outsourcing-faq-head > p {
        font-size: 17px;
    }

    .drupal-outsourcing-faq-visual {
        min-height: 245px;
    }

    .drupal-outsourcing-faq-image {
        max-width: 385px;
    }

    .drupal-outsourcing-faq-help {
        max-width: 450px;
        min-height: 105px;
    }

    .drupal-outsourcing-faq-help-icon {
        width: 58px;
        min-width: 58px;
        height: 58px;
        font-size: 41px;
    }

    .drupal-outsourcing-faq-help h3 {
        font-size: 17px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button {
        min-height: 64px;
        padding: 10px 22px;
        font-size: 19px;
    }

    .drupal-outsourcing-faq-question-icon {
        width: 47px;
        min-width: 47px;
        height: 47px;
        font-size: 19px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button::before {
        right: 22px;
    }

    .drupal-outsourcing-faq-accordion .accordion-body {
        padding-left: 84px;
        padding-right: 70px;
        font-size: 17px;
    }

    .drupal-outsourcing-faq-cta-content h3 {
        font-size: 24px;
    }

    .drupal-outsourcing-faq-cta-content > p {
        font-size: 15px;
    }

    .drupal-outsourcing-faq-primary-btn,
    .drupal-outsourcing-faq-secondary-btn {
        font-size: 15px;
    }

    .drupal-outsourcing-faq-cta-image img {
        max-height: 270px;
    }
}

@media (max-width: 1399.98px) {
    .drupal-outsourcing-faq-kicker {
        font-size: 14px;
    }

    .drupal-outsourcing-faq-kicker > span {
        width: 27px;
        min-width: 27px;
    }

    .drupal-outsourcing-faq-head h2 {
        font-size: 32px;
    }

    .drupal-outsourcing-faq-head > p {
        font-size: 15px;
    }

    .drupal-outsourcing-faq-visual {
        min-height: 225px;
        margin-top: 15px;
    }

    .drupal-outsourcing-faq-image {
        max-width: 350px;
    }

    .drupal-outsourcing-faq-help {
        max-width: 415px;
        min-height: 97px;
        padding: 16px 19px;
    }

    .drupal-outsourcing-faq-help-icon {
        width: 51px;
        min-width: 51px;
        height: 51px;
        font-size: 36px;
    }

    .drupal-outsourcing-faq-help h3 {
        font-size: 16px;
    }

    .drupal-outsourcing-faq-help p {
        font-size: 13px;
    }

    .drupal-outsourcing-faq-help a {
        font-size: 14px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button {
        min-height: 60px;
        padding: 9px 19px;
        gap: 12px;
        font-size: 17px;
    }

    .drupal-outsourcing-faq-question-icon {
        width: 43px;
        min-width: 43px;
        height: 43px;
        font-size: 17px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button::after {
        width: 28px;
        min-width: 28px;
        height: 28px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button::before {
        width: 28px;
        height: 28px;
        right: 19px;
        font-size: 19px;
    }

    .drupal-outsourcing-faq-accordion .accordion-body {
        padding: 0 65px 13px 74px;
        font-size: 15px;
    }

    .drupal-outsourcing-faq-cta {
        padding: 27px 28px 0;
    }

    .drupal-outsourcing-faq-cta-content h3 {
        font-size: 22px;
    }

    .drupal-outsourcing-faq-cta-content > p {
        font-size: 14px;
    }

    .drupal-outsourcing-faq-primary-btn,
    .drupal-outsourcing-faq-secondary-btn {
        min-height: 46px;
        padding: 11px 16px;
        font-size: 14px;
    }

    .drupal-outsourcing-faq-primary-btn {
        min-width: 225px;
    }

    .drupal-outsourcing-faq-secondary-btn {
        min-width: 175px;
    }

    .drupal-outsourcing-faq-trust-item {
        padding: 0 14px;
        font-size: 12px;
    }

    .drupal-outsourcing-faq-cta-visual {
        min-height: 250px;
    }

    .drupal-outsourcing-faq-cta-image img {
        max-height: 250px;
    }

    .drupal-outsourcing-faq-floating-card {
        min-width: 145px;
        padding: 8px 11px;
    }

    .drupal-outsourcing-faq-floating-one {
        top: 48px;
    }

    .drupal-outsourcing-faq-floating-two {
        top: 112px;
    }

    .drupal-outsourcing-faq-floating-three {
        top: 176px;
    }
}

@media (max-width: 991.98px) {
    .drupal-outsourcing-faq-head {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .drupal-outsourcing-faq-kicker {
        justify-content: center;
    }

    .drupal-outsourcing-faq-title-line {
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-faq-head > p {
        max-width: 570px;
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-faq-visual {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-faq-help {
        max-width: 570px;
        margin: 0 auto;
    }

    .drupal-outsourcing-faq-accordion {
        max-width: 760px;
        margin: 0 auto;
    }

    .drupal-outsourcing-faq-cta {
        margin-top: 30px;
        padding: 30px;
    }

    .drupal-outsourcing-faq-cta-content {
        max-width: 680px;
        margin: 0 auto;
        padding-bottom: 10px;
        text-align: center;
    }

    .drupal-outsourcing-faq-cta-line {
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-faq-cta-content > p {
        max-width: 530px;
        margin-left: auto;
        margin-right: auto;
    }

    .drupal-outsourcing-faq-cta-actions,
    .drupal-outsourcing-faq-cta-trust {
        justify-content: center;
    }

    .drupal-outsourcing-faq-cta-visual {
        max-width: 650px;
        min-height: 320px;
        margin: 0 auto;
    }

    .drupal-outsourcing-faq-cta-image {
        width: 90%;
        right: 5%;
    }

    .drupal-outsourcing-faq-cta-image img {
        max-height: 320px;
    }

    .drupal-outsourcing-faq-floating-one,
    .drupal-outsourcing-faq-floating-two,
    .drupal-outsourcing-faq-floating-three {
        right: 2%;
    }
}

@media (max-width: 767.98px) {
    .drupal-outsourcing-faq-kicker {
        gap: 9px !important;
        font-size: 12px;
    }

    .drupal-outsourcing-faq-kicker > span {
        width: 22px;
        min-width: 22px;
    }

    .drupal-outsourcing-faq-head h2 {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .drupal-outsourcing-faq-head h2 br {
        display: none;
    }

    .drupal-outsourcing-faq-head > p {
        font-size: 16px;
    }

    .drupal-outsourcing-faq-visual {
        min-height: 210px;
    }

    .drupal-outsourcing-faq-image {
        max-width: 330px;
    }

    .drupal-outsourcing-faq-help {
        align-items: flex-start !important;
    }

    .drupal-outsourcing-faq-help h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-faq-help p,
    .drupal-outsourcing-faq-help a {
        font-size: 14px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button {
        min-height: 62px;
        padding: 10px 15px;
        padding-right: 53px;
        gap: 10px;
        font-size: 16px;
    }

    .drupal-outsourcing-faq-question-icon {
        width: 42px;
        min-width: 42px;
        height: 42px;
        font-size: 17px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button::after {
        position: absolute;
        right: 14px;
        width: 27px;
        min-width: 27px;
        height: 27px;
        margin: 0;
    }

    .drupal-outsourcing-faq-accordion .accordion-button::before {
        width: 27px;
        height: 27px;
        right: 14px;
        font-size: 18px;
    }

    .drupal-outsourcing-faq-accordion .accordion-body {
        margin-top: 0;
        padding: 0 16px 16px 67px;
        font-size: 14px;
        line-height: 1.55;
    }

    .drupal-outsourcing-faq-cta {
        padding: 25px 20px 0;
    }

    .drupal-outsourcing-faq-cta-content h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-faq-cta-content h3 br {
        display: none;
    }

    .drupal-outsourcing-faq-cta-content > p {
        font-size: 14px;
    }

    .drupal-outsourcing-faq-primary-btn,
    .drupal-outsourcing-faq-secondary-btn {
        width: 100%;
        min-width: 0;
        min-height: 50px;
        padding: 12px 16px;
        white-space: normal;
        overflow-wrap: break-word;
        font-size: 14px;
    }

    .drupal-outsourcing-faq-cta-trust {
        gap: 12px;
    }

    .drupal-outsourcing-faq-trust-item {
        padding: 0 12px 0 0;
    }

    .drupal-outsourcing-faq-cta-visual {
        min-height: 300px;
    }

    .drupal-outsourcing-faq-cta-image img {
        max-height: 280px;
    }

    .drupal-outsourcing-faq-floating-card {
        min-width: 140px;
    }

    .drupal-outsourcing-faq-floating-card strong {
        font-size: 11px;
    }
}

@media (max-width: 575.98px) {
    .drupal-outsourcing-faq-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .drupal-outsourcing-faq-kicker > span {
        width: 17px;
        min-width: 17px;
    }

    .drupal-outsourcing-faq-visual {
        min-height: 185px;
        margin-top: 12px;
    }

    .drupal-outsourcing-faq-image {
        max-width: 290px;
    }

    .drupal-outsourcing-faq-dots {
        display: none;
    }

    .drupal-outsourcing-faq-help {
        padding: 17px 15px;
        gap: 12px !important;
    }

    .drupal-outsourcing-faq-help-icon {
        width: 46px;
        min-width: 46px;
        height: 46px;
        font-size: 33px;
    }

    .drupal-outsourcing-faq-help h3 {
        font-size: 16px;
    }

    .drupal-outsourcing-faq-accordion {
        border-radius: 11px;
    }

    .drupal-outsourcing-faq-accordion .accordion-button {
        min-height: 60px;
        padding-left: 12px;
        padding-right: 49px;
    }

    .drupal-outsourcing-faq-question-icon {
        width: 38px;
        min-width: 38px;
        height: 38px;
        font-size: 15px;
    }

    .drupal-outsourcing-faq-accordion .accordion-body {
        padding-left: 60px;
        padding-right: 12px;
    }

    .drupal-outsourcing-faq-cta {
        margin-top: 22px;
        padding: 22px 15px 0;
        border-radius: 12px;
    }

    .drupal-outsourcing-faq-cta-content h3 {
        font-size: 18px;
    }

    .drupal-outsourcing-faq-trust-item {
        width: 100%;
        justify-content: center;
        min-height: auto;
        padding: 5px 0;
        border-right: 0;
    }

    .drupal-outsourcing-faq-cta-visual {
        min-height: 350px;
    }

    .drupal-outsourcing-faq-cta-image {
        width: 100%;
        right: 0;
    }

    .drupal-outsourcing-faq-cta-image img {
        max-height: 260px;
    }

    .drupal-outsourcing-faq-floating-card {
        min-width: 0;
        width: calc(100% - 30px);
        left: 15px;
        right: auto;
    }

    .drupal-outsourcing-faq-floating-one {
        top: 10px;
    }

    .drupal-outsourcing-faq-floating-two {
        top: 66px;
    }

    .drupal-outsourcing-faq-floating-three {
        top: 122px;
    }
}
/* =========================================================
   Drupal Outsourcing Partnership
   ========================================================= */

.outsourcing-partnership-section {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 78% 25%,
            rgba(0, 102, 255, 0.22),
            transparent 28%
        ),
        radial-gradient(
            circle at 20% 90%,
            rgba(0, 91, 255, 0.16),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #020617 0%,
            #06182f 48%,
            #020817 100%
        );
}

.outsourcing-partnership-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 220px;
    left: 0;
    bottom: 0;
    opacity: 0.17;
    background-image:
        radial-gradient(
            rgba(25, 122, 255, 0.9) 1.5px,
            transparent 1.5px
        );
    background-size: 18px 18px;
    mask-image:
        linear-gradient(
            to top,
            #000,
            transparent
        );
}

.outsourcing-partnership-section .container-custom {
    position: relative;
    z-index: 2;
}


/* =========================================================
   Heading
   ========================================================= */

.outsourcing-partnership-head {
    max-width: 650px;
}

.outsourcing-partnership-kicker {
    margin-bottom: 20px;
    color: #ff5a00;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

.outsourcing-partnership-kicker > span {
    position: relative;
    width: 36px;
    min-width: 36px;
    height: 2px;
    display: block;
    background: #ff5a00;
}

.outsourcing-partnership-kicker > span::before,
.outsourcing-partnership-kicker > span::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    border-radius: 50%;
    background: #ff5a00;
    transform: translateY(-50%);
}

.outsourcing-partnership-kicker > span::before {
    left: 0;
}

.outsourcing-partnership-kicker > span::after {
    right: 0;
}

.outsourcing-partnership-head h2 {
    margin: 0;
    color: #ffffff;
    font-size: 44px;
    line-height: 1.17;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.outsourcing-partnership-head h2 span {
    color: #ff5a00;
}

.outsourcing-partnership-title-line {
    width: 46px;
    height: 2px;
    display: block;
    margin: 24px 0 20px;
    background: #ff5a00;
}

.outsourcing-partnership-head > p {
    max-width: 560px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.65;
    overflow-wrap: break-word;
}

.outsourcing-partnership-head > p strong {
    color: #ff5a00;
    font-weight: 700;
}


/* =========================================================
   Benefits
   ========================================================= */

.outsourcing-partnership-benefits {
    margin-top: 36px;
}

.outsourcing-partnership-benefit {
    min-height: 215px;
    padding: 5px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.outsourcing-partnership-benefit-last {
    border-right: 0;
}

.outsourcing-partnership-benefit-icon {
    width: 74px;
    min-width: 74px;
    height: 74px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ff5a00;
    background:
        linear-gradient(
            135deg,
            rgba(11, 51, 103, 0.94),
            rgba(3, 22, 52, 0.95)
        );
    font-size: 31px;
}

.outsourcing-partnership-benefit h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 800;
}

.outsourcing-partnership-benefit p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    line-height: 1.6;
    overflow-wrap: break-word;
}


/* =========================================================
   Testimonial
   ========================================================= */

.outsourcing-partnership-testimonial {
    margin-top: 25px;
    padding: 20px 25px;
    border: 1px solid rgba(160, 190, 235, 0.38);
    border-radius: 16px;
    background:
        linear-gradient(
            135deg,
            rgba(4, 25, 57, 0.74),
            rgba(2, 17, 41, 0.82)
        );
}

.outsourcing-partnership-testimonial-copy {
    min-width: 0;
}

.outsourcing-partnership-quote {
    color: #ff5a00;
    font-size: 25px;
}

.outsourcing-partnership-testimonial p {
    margin: 0 0 8px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    line-height: 1.65;
}

.outsourcing-partnership-testimonial strong {
    color: #ff5a00;
    font-size: 13px;
    line-height: 1.4;
}

.outsourcing-partnership-person {
    width: 83px;
    min-width: 83px;
    height: 83px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.55);
    border-radius: 50%;
}

.outsourcing-partnership-person img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* =========================================================
   Contact Card
   ========================================================= */

.outsourcing-partnership-contact {
    min-width: 0;
    padding: 37px 31px 28px;
    border: 1px solid rgba(85, 125, 181, 0.54);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at top right,
            rgba(0, 105, 255, 0.14),
            transparent 35%
        ),
        linear-gradient(
            160deg,
            rgba(3, 25, 57, 0.98),
            rgba(2, 17, 39, 0.97)
        );
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.outsourcing-partnership-contact > h3 {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 800;
}

.outsourcing-partnership-contact-line {
    width: 43px;
    height: 2px;
    display: block;
    margin: 18px 0;
    background: #ff5a00;
}

.outsourcing-partnership-contact > p {
    margin: 0 0 24px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 16px;
    line-height: 1.55;
}

.outsourcing-partnership-contact ul {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
}

.outsourcing-partnership-contact li {
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
    line-height: 1.4;
}

.outsourcing-partnership-contact li:last-child {
    margin-bottom: 0;
}

.outsourcing-partnership-contact li i {
    flex-shrink: 0;
    color: #ff5a00;
    font-size: 17px;
}


/* Contact Buttons */

.outsourcing-partnership-contact-actions {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.outsourcing-partnership-primary-btn,
.outsourcing-partnership-secondary-btn {
    width: 100%;
    min-width: 0;
    min-height: 53px;
    padding: 12px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: break-word;
}

.outsourcing-partnership-primary-btn:hover {
    color: #ffffff;
}

.outsourcing-partnership-secondary-btn {
    border: 1px solid rgba(255, 255, 255, 0.92);
    background: transparent;
}

.outsourcing-partnership-secondary-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.07);
}

.outsourcing-partnership-privacy {
    margin-top: 30px;
}

.outsourcing-partnership-privacy > i {
    margin-top: 3px;
    color: #ffffff;
    font-size: 19px;
}

.outsourcing-partnership-privacy p {
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    line-height: 1.55;
}


/* =========================================================
   Right Visual
   ========================================================= */

.outsourcing-partnership-visual {
    min-height: 700px;
}

.outsourcing-partnership-image {
    position: absolute;
    width: 100%;
    height: 62%;
    left: 0;
    bottom: 0;
}

.outsourcing-partnership-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(3, 15, 35, 0) 0%,
            rgba(2, 11, 27, 0.13) 65%,
            rgba(2, 11, 27, 0.5) 100%
        );
}

.outsourcing-partnership-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center bottom;
}


/* =========================================================
   Drupal Orbit
   ========================================================= */

.outsourcing-partnership-orbit {
    width: 390px;
    height: 390px;
    top: 20px;
    left: 50%;
    border: 1px dashed rgba(48, 137, 255, 0.52);
    border-radius: 50%;
    transform: translateX(-50%);
}

.outsourcing-partnership-orbit::before,
.outsourcing-partnership-orbit::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.outsourcing-partnership-orbit::before {
    inset: 45px;
    border: 1px dashed rgba(45, 122, 232, 0.32);
}

.outsourcing-partnership-orbit::after {
    inset: 95px;
    border: 1px solid rgba(59, 135, 245, 0.2);
}

.outsourcing-partnership-orbit-center {
    position: absolute;
    z-index: 4;
    width: 165px;
    height: 165px;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #a9d7ff;
    background:
        radial-gradient(
            circle,
            rgba(0, 105, 255, 0.44),
            rgba(0, 64, 170, 0.13) 50%,
            transparent 72%
        );
    filter: drop-shadow(0 0 25px rgba(0, 111, 255, 0.8));
    font-size: 125px;
    transform: translate(-50%, -50%);
}

.outsourcing-partnership-orbit-item {
    position: absolute;
    z-index: 5;
    min-width: 100px;
    text-align: center;
}

.outsourcing-partnership-orbit-item > span {
    width: 62px;
    min-width: 62px;
    height: 62px;
    margin: 0 auto 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #358eff;
    border-radius: 50%;
    color: #91c7ff;
    background:
        linear-gradient(
            135deg,
            rgba(4, 38, 83, 0.98),
            rgba(2, 20, 46, 0.98)
        );
    font-size: 24px;
}

.outsourcing-partnership-orbit-item strong {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}

.outsourcing-partnership-orbit-goals {
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
}

.outsourcing-partnership-orbit-expertise {
    top: 52px;
    left: -30px;
}

.outsourcing-partnership-orbit-success {
    top: 88px;
    right: -33px;
}

.outsourcing-partnership-orbit-delivery {
    top: 185px;
    left: -48px;
}


/* =========================================================
   Next Steps
   ========================================================= */

.outsourcing-partnership-next {
    position: relative;
    z-index: 5;
    margin-top: 38px;
    overflow: hidden;
    border: 1px solid rgba(105, 148, 208, 0.42);
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            rgba(5, 30, 67, 0.95),
            rgba(2, 18, 43, 0.96)
        );
}

.outsourcing-partnership-next-head {
    min-height: 130px;
    padding: 33px 28px;
}

.outsourcing-partnership-next-head h3 {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 800;
}

.outsourcing-partnership-next-head > span {
    width: 40px;
    height: 2px;
    display: block;
    margin-top: 15px;
    background: #ff5a00;
}

.outsourcing-partnership-next-item {
    position: relative;
    min-height: 130px;
    padding: 20px 25px;
}

.outsourcing-partnership-next-icon {
    width: 76px;
    min-width: 76px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    color: #ff5a00;
    background: rgba(4, 30, 67, 0.75);
    font-size: 29px;
}

.outsourcing-partnership-next-copy {
    min-width: 0;
}

.outsourcing-partnership-next-copy h4 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 800;
}

.outsourcing-partnership-next-copy p {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: break-word;
}

.outsourcing-partnership-next-arrow {
    margin-left: auto;
    flex-shrink: 0;
    color: #ffffff;
    font-size: 15px;
}


/* =========================================================
   Drupal Outsourcing Partnership Responsive
   ========================================================= */

@media (max-width: 1599.98px) {
    .outsourcing-partnership-kicker {
        font-size: 15px;
    }

    .outsourcing-partnership-head h2 {
        font-size: 38px;
    }

    .outsourcing-partnership-head > p {
        font-size: 17px;
    }

    .outsourcing-partnership-benefits {
        margin-top: 31px;
    }

    .outsourcing-partnership-benefit {
        min-height: 200px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .outsourcing-partnership-benefit-icon {
        width: 66px;
        min-width: 66px;
        height: 66px;
        font-size: 27px;
    }

    .outsourcing-partnership-benefit h3 {
        font-size: 17px;
    }

    .outsourcing-partnership-benefit p {
        font-size: 15px;
    }

    .outsourcing-partnership-contact {
        padding: 32px 27px 25px;
    }

    .outsourcing-partnership-contact > h3 {
        font-size: 24px;
    }

    .outsourcing-partnership-contact > p {
        font-size: 15px;
    }

    .outsourcing-partnership-primary-btn,
    .outsourcing-partnership-secondary-btn {
        font-size: 15px;
    }

    .outsourcing-partnership-visual {
        min-height: 650px;
    }

    .outsourcing-partnership-orbit {
        width: 350px;
        height: 350px;
    }

    .outsourcing-partnership-orbit-center {
        width: 145px;
        height: 145px;
        font-size: 108px;
    }

    .outsourcing-partnership-next-head h3 {
        font-size: 22px;
    }

    .outsourcing-partnership-next-icon {
        width: 68px;
        min-width: 68px;
        height: 68px;
        font-size: 26px;
    }
}

@media (max-width: 1399.98px) {
    .outsourcing-partnership-kicker {
        font-size: 14px;
    }

    .outsourcing-partnership-kicker > span {
        width: 29px;
        min-width: 29px;
    }

    .outsourcing-partnership-head h2 {
        font-size: 32px;
    }

    .outsourcing-partnership-head > p {
        font-size: 15px;
    }

    .outsourcing-partnership-benefit {
        min-height: 185px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .outsourcing-partnership-benefit-icon {
        width: 58px;
        min-width: 58px;
        height: 58px;
        font-size: 23px;
    }

    .outsourcing-partnership-benefit h3 {
        font-size: 16px;
    }

    .outsourcing-partnership-benefit p {
        font-size: 14px;
    }

    .outsourcing-partnership-testimonial {
        padding: 17px 19px;
    }

    .outsourcing-partnership-testimonial p {
        font-size: 13px;
    }

    .outsourcing-partnership-person {
        width: 72px;
        min-width: 72px;
        height: 72px;
    }

    .outsourcing-partnership-contact {
        padding: 28px 22px 23px;
    }

    .outsourcing-partnership-contact > h3 {
        font-size: 22px;
    }

    .outsourcing-partnership-contact > p,
    .outsourcing-partnership-contact li {
        font-size: 14px;
    }

    .outsourcing-partnership-primary-btn,
    .outsourcing-partnership-secondary-btn {
        min-height: 50px;
        padding: 11px 14px;
        font-size: 14px;
    }

    .outsourcing-partnership-visual {
        min-height: 590px;
    }

    .outsourcing-partnership-orbit {
        width: 310px;
        height: 310px;
    }

    .outsourcing-partnership-orbit-center {
        width: 125px;
        height: 125px;
        font-size: 93px;
    }

    .outsourcing-partnership-orbit-item > span {
        width: 53px;
        min-width: 53px;
        height: 53px;
        font-size: 20px;
    }

    .outsourcing-partnership-orbit-item strong {
        font-size: 11px;
    }

    .outsourcing-partnership-next-head,
    .outsourcing-partnership-next-item {
        min-height: 120px;
    }

    .outsourcing-partnership-next-head {
        padding: 30px 21px;
    }

    .outsourcing-partnership-next-head h3 {
        font-size: 20px;
    }

    .outsourcing-partnership-next-item {
        padding: 18px 15px;
        gap: 10px !important;
    }

    .outsourcing-partnership-next-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        font-size: 23px;
    }

    .outsourcing-partnership-next-copy h4 {
        font-size: 13px;
    }

    .outsourcing-partnership-next-copy p {
        font-size: 12px;
    }
}

@media (max-width: 991.98px) {
    .outsourcing-partnership-head {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .outsourcing-partnership-kicker {
        justify-content: center;
    }

    .outsourcing-partnership-title-line {
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-partnership-head > p {
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-partnership-benefits {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-partnership-benefit {
        min-height: 190px;
    }

    .outsourcing-partnership-benefits .row > div:nth-child(2) .outsourcing-partnership-benefit {
        border-right: 0;
    }

    .outsourcing-partnership-testimonial {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-partnership-contact {
        max-width: 720px;
        min-height: auto;
        margin: 0 auto;
    }

    .outsourcing-partnership-visual {
        max-width: 720px;
        min-height: 670px;
        margin: 0 auto;
    }

    .outsourcing-partnership-image {
        height: 65%;
    }

    .outsourcing-partnership-orbit {
        width: 380px;
        height: 380px;
    }

    .outsourcing-partnership-orbit-center {
        width: 155px;
        height: 155px;
        font-size: 115px;
    }

    .outsourcing-partnership-next-head {
        min-height: auto;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13);
        text-align: center;
    }

    .outsourcing-partnership-next-head > span {
        margin-left: auto;
        margin-right: auto;
    }

    .outsourcing-partnership-next-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    }

    .outsourcing-partnership-next .row > div:nth-child(3) .outsourcing-partnership-next-item {
        border-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    .outsourcing-partnership-kicker {
        gap: 9px !important;
        font-size: 12px;
    }

    .outsourcing-partnership-kicker > span {
        width: 22px;
        min-width: 22px;
    }

    .outsourcing-partnership-head h2 {
        font-size: 22px;
        line-height: 1.25;
        letter-spacing: -0.02em;
    }

    .outsourcing-partnership-head h2 br {
        display: none;
    }

    .outsourcing-partnership-head > p {
        font-size: 16px;
    }

    .outsourcing-partnership-benefit {
        min-height: 180px;
    }

    .outsourcing-partnership-benefit h3 {
        font-size: 18px;
    }

    .outsourcing-partnership-benefit p {
        font-size: 14px;
    }

    .outsourcing-partnership-testimonial p {
        font-size: 14px;
    }

    .outsourcing-partnership-testimonial strong {
        font-size: 13px;
    }

    .outsourcing-partnership-contact > h3 {
        font-size: 18px;
    }

    .outsourcing-partnership-contact > p,
    .outsourcing-partnership-contact li,
    .outsourcing-partnership-privacy p {
        font-size: 14px;
    }

    .outsourcing-partnership-primary-btn,
    .outsourcing-partnership-secondary-btn {
        width: 100%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: break-word;
        font-size: 14px;
    }

    .outsourcing-partnership-visual {
        min-height: 600px;
    }

    .outsourcing-partnership-orbit {
        width: 330px;
        height: 330px;
    }

    .outsourcing-partnership-orbit-center {
        width: 130px;
        height: 130px;
        font-size: 97px;
    }

    .outsourcing-partnership-next-head h3 {
        font-size: 18px;
    }

    .outsourcing-partnership-next-copy h4 {
        font-size: 15px;
    }

    .outsourcing-partnership-next-copy p {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .outsourcing-partnership-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .outsourcing-partnership-kicker > span {
        width: 17px;
        min-width: 17px;
    }

    .outsourcing-partnership-benefits .row > div .outsourcing-partnership-benefit {
        min-height: auto;
        padding: 19px 10px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    }

    .outsourcing-partnership-benefits .row > div:last-child .outsourcing-partnership-benefit {
        border-bottom: 0;
    }

    .outsourcing-partnership-benefit-icon {
        width: 55px;
        min-width: 55px;
        height: 55px;
        font-size: 22px;
    }

    .outsourcing-partnership-benefit h3 {
        font-size: 16px;
    }

    .outsourcing-partnership-testimonial .row {
        text-align: center;
    }

    .outsourcing-partnership-testimonial-copy {
        text-align: left;
    }

    .outsourcing-partnership-person {
        margin: 0 auto;
    }

    .outsourcing-partnership-contact {
        padding: 23px 17px;
        border-radius: 14px;
    }

    .outsourcing-partnership-visual {
        min-height: 510px;
    }

    .outsourcing-partnership-image {
        height: 60%;
    }

    .outsourcing-partnership-image img {
        object-position: 64% bottom;
    }

    .outsourcing-partnership-orbit {
        width: 270px;
        height: 270px;
        top: 10px;
    }

    .outsourcing-partnership-orbit-center {
        width: 110px;
        height: 110px;
        font-size: 81px;
    }

    .outsourcing-partnership-orbit::before {
        inset: 33px;
    }

    .outsourcing-partnership-orbit::after {
        inset: 67px;
    }

    .outsourcing-partnership-orbit-item {
        min-width: 80px;
    }

    .outsourcing-partnership-orbit-item > span {
        width: 45px;
        min-width: 45px;
        height: 45px;
        font-size: 17px;
    }

    .outsourcing-partnership-orbit-item strong {
        font-size: 10px;
    }

    .outsourcing-partnership-orbit-goals {
        top: -10px;
    }

    .outsourcing-partnership-orbit-expertise {
        top: 41px;
        left: -23px;
    }

    .outsourcing-partnership-orbit-success {
        top: 63px;
        right: -27px;
    }

    .outsourcing-partnership-orbit-delivery {
        top: 150px;
        left: -31px;
    }

    .outsourcing-partnership-next {
        margin-top: 25px;
        border-radius: 14px;
    }

    .outsourcing-partnership-next-head {
        padding: 22px 17px;
    }

    .outsourcing-partnership-next-item {
        min-height: auto;
        padding: 18px 16px;
    }

    .outsourcing-partnership-next .row > div .outsourcing-partnership-next-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    }

    .outsourcing-partnership-next .row > div:last-child .outsourcing-partnership-next-item {
        border-bottom: 0;
    }

    .outsourcing-partnership-next-icon {
        width: 52px;
        min-width: 52px;
        height: 52px;
        font-size: 20px;
    }

    .outsourcing-partnership-next-arrow {
        display: none;
    }

    .outsourcing-partnership-next-copy h4 {
        font-size: 14px;
    }

    .outsourcing-partnership-next-copy p {
        font-size: 13px;
    }
}