.service-background-service{
    background-image: url(./1733536003821.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
}

.service-background-service-2{
    background-image: url(1733536003839.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
}

.back-1-service{
    background-image: url(./1734077427686.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.back-2-service{
    background-image: url(./1734077427692.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.back-3-service{
    background-image: url(./pexels-pavel-danilyuk-8111822.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-p{
    font-size: 1.3vw;
}

.service-card img{
    width: 20vw;
}

.service-card h3{
    font-size: 1.2vw;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.service-card{
    margin-left: 20px;
    background-color: #fff;
    width: 20vw;
    /* border: 1px solid rgb(224, 224, 224); */
    box-shadow: 2px 2px 3px rgb(155, 155, 155);
}


.service-top-section{
    position: relative;
    top: 80px;
}



.service-contact-1{
    font-family: "Playfair Display", serif;
    font-weight: 600;
    color: #fff;
    font-size: 2.3vw;
    text-transform: uppercase;
    word-spacing: 10px;
}

.service-contact-2{
    font-family: "Playfair Display", serif;
    font-weight: 400;
    color: #dddddd;
    font-size: 2.7vw;
}

.service-contact-3{
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 1.5vw;
}

.services-items{
    padding-top:5px;
    padding-bottom: 5px;
    padding-left:5px;
    border-right:1px solid #b8babb;
    box-shadow: 5px 5px 5px gainsboro;
    transition:all 0.5s ease-in-out; 
}

#litigation{
    border-bottom:1px solid #b8babb;
}

.services-items a{
    font-size: 2vw;
    text-decoration: none;
    text-transform: uppercase;
    color: #143b50;
}

.services-items a:hover{
    color:#17252c;
}

.services-items:hover{
    transform:scale(1.02);
    background-color:#e7d8a7;
    box-shadow: none;
}



/* MEDIA QUERY */
@media (max-width:576px){
    .service-background-service, .service-background-service-2{
        height: 40vh;
    }

    .service-contact-1{
        font-size: 4.5vw;
    }

    .service-contact-2{
        font-size: 5.5vw;
    }

    .service-contact-3{
        font-size: 3.8vw;
    }

    .service-p{
        font-size: 3.5vw;
    }

    .service-card img{
        width: 80vw;
    }

    .service-card{
        width: 80vw;
    }

    .service-card h3{
        font-size: 4.5vw;
        font-weight: 500;
    }

    .my-big-screen{
        display: none;
    }
}

@media (min-width:577px) and (max-width:767px){
    .service-background-service, .service-background-service-2{
        height: 42vh;
    }
    .service-contact-1{
        font-family: "Playfair Display", serif;
        font-weight: 600;
        color: #fff;
        font-size: 4.7vw;
        text-transform: uppercase;
        word-spacing: 10px;
    }
    
    .service-contact-2{
        font-family: "Playfair Display", serif;
        font-weight: 400;
        color: #dddddd;
        font-size: 5.7vw;
    }
    
    .service-contact-3{
        color: #ffffff;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 3.7vw;
    }

    .service-card img{
        width: 70vw;
    }

    .service-card{
        width: 70vw;
        margin-left: 27px;
    }

    .service-card h3{
        font-size: 4.3vw;
        font-weight: 600;
    }

    .service-p{
        font-size: 3.5vw;
    }

    .services-items h6{
        font-size: 3.7vw;
    }

    .my-big-screen{
        display: none;
    }
}


@media (min-width:768px) and (max-width:991px){
    .service-background-service, .service-background-service-2{
        height: 40vh;
    }
    .my-big-screen{
        display: none;
    }

    .my-small-screen h6{
        font-size: 3vw;
        text-align: center;
    }

    .service-contact-1{
        font-size: 4vw;
    }

    .service-contact-2{
        font-size: 4.5vw;
    }

    .service-contact-3{
        font-size: 3.5vw;
    }

    .service-p{
        font-size: 2vw;
    }

    .service-list-service li{
        font-size: 2vw;
    }

    .service-card img{
        width: 45vw;
    }

    .service-card{
        width: 45vw;
        margin-left: 25px;
        height: 47vh;
    }

    .service-card h3{
        font-size: 3.9vw;
        padding: 0px 10px;
        font-weight: 500;
    }

    .services-items h6{
        font-size: 3.4vw;
    }

    .service-p{
        font-size: 3.2vw;
    }
}



@media (min-width:992px) and (max-width:1199px){
    .my-small-screen{
        display: none;
    }

    .services-items h6{
        font-size: 1.6vw;
    }

    .service-p{
        font-size: 1.5vw;
    }

    .service-background-service-2{
        height: 40vh;
    }

    .service-background-service{
        height: 40vh;
    }

    .service-card h3{
        font-size: 1.3vw;
        font-weight: 500;
    }
}  


@media (min-width:1200px) and (max-width:1399px){
    .my-small-screen{
        display: none;
    }
}


@media (min-width:1400px){
    .my-small-screen{
        display: none;
    }

    .services-items a{
        font-family: 2.3vw;
    }
}