/*----- boxes -----*/

.content-one .boxes {
    padding: 50px 0;
    gap: 100px;
}

.content-one .box {
    flex: 1;
    min-width: 200px;
    height: auto;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top: none;
    border-right: none;
    border-bottom: solid 2px #EC008C;
    border-left: solid 2px #EC008C;
}

/*----- heros -----*/

.hero-one {
    height: 400px;
    background-image: url('../images/outsourcing/hero1.jpg');
    background-size: cover;
    background-position: center;
}

.hero-two {
    height: 400px;
    background-image: url('../images/outsourcing/hero2.jpg');
    background-size: cover;
    background-position: center;
}

.hero-three {
    height: 400px;
    background-image: url('../images/outsourcing/hero3.jpg');
    background-size: cover;
    background-position: center;
}

/*----- mobile -----*/

@media (max-width: 768px) {

    .hero-one {
        height: 200px;
        /*background-position: left;*/
    }

    .hero-two {
        height: 200px;
        /*background-position: left;*/
    }

    .hero-three {
        height: 200px;
        /*background-position: left;*/
    }

}