.service-cover{
    background: url(../img/service.webp);
    background-position: center;
    background-size: cover;
    margin-top: 100px;
    height: 22vw;
    min-height: 200px;
    max-height: 260px;
    align-content: center;
    justify-items: center;
}
.service-cover h1,.service-cover p{
    color: white;
}
.service-cover h1{
    padding-bottom: 15px;
}
@media (max-width: 767px) {
    .service-cover p{
        font-size: 15px;
        text-align: -webkit-center;
        direction: rtl;
    }
    .service-cover h1{
        font-size: 23px;
    }
}