.section__services{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section__service__icon{
    width: var(--size-2xl);
    height: var(--size-2xl);
}
.section__services__title{
    font-size: var(--size-sm);
}
.section__services__description{
    font-size: var(--size-xl);
    text-transform: capitalize  ;
}
.section__services__span{
    color: var(--clr-rasberry);
}


.boxes{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.box{
    display: flex;
    align-items: end;
    padding: 5px 15px;
    border-radius: 6px;
    height: 200px;
    color: var(--clr-white);
}

.box1{
    background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), url(../../public/img/business-2846221.jpg);
    background-position: center;
    background-size: cover;
}
.box2{
    background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), url(../../public/img/hands-820272.jpg);
    background-position: center;
    background-size: cover;
}
.box3{
    background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), url(../../public/img/technology-785742.jpg);
    background-position: center;
    background-size: cover;
}
.box4{
    background: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), url(../../public/img/phone-1869510.jpg);
    background-position: center;
    background-size: cover;
}
/* xs */
@media(min-width: 475px){
    .section__services__title{
        font-size: var(--size-md);
    }
}
/* sm */
@media(min-width: 640px){
    .section__service__icon{
        width: var(--size-3xl);
        height: var(--size-3xl);
    }
    .section__services__title{
        font-size: var(--size-xl);
    }
    .section__services__description{
        font-size: var(--size-2xl);
        text-transform: capitalize  ;
    }
}
/* md */
@media(min-width: 768px){
    .boxes{
        display: flex;
        flex-direction: row;
    }
}
/* lg */
@media(min-width: 1024px){
    .boxes{
        display: flex;
        flex-direction: row;
    }
}