.services{
    width:100%;
	min-height:80vh;
}  

.services-content{
    position:relative;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    padding:25px 0;
    overflow: hidden;
}


.service-card{
    position:relative;
    width:270px;
    min-height:270px;
    margin:10px;
    padding:20px;
    color: var(--bl);
    cursor:pointer;
    transition:0.5s;
}

.service-card:hover{
    background: var(--bl);
    color:white;
    transition:0.5s;
}
    
.service-card-image{
    background: black;
    width:230px;
    height:170px;
    margin-bottom: 10px;
}  
.service-card-image img{
    height:100%;
    width:100%;
}