.services-container{
    display: grid;
    grid-template-columns:repeat(3,1fr);
    gap: 35px;
}

.service-card{

    background: #fff;

    border-radius: 18px;

    padding: 40px;

    border: 1px solid #e5e5e5;

    position: relative;

    transition: .3s;
}

.service-card:hover{
    transform: translateY(-8px);
    background-color: #008080;
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    color: white;
    cursor: pointer;


}

.service-number{

    position: absolute;

    right: 35px;

    top: 35px;

    font-size: 3rem;

    font-weight: bold;

    color: #eef4f4;

}

.service-icon{

    font-size: 55px;

    color: #243535;

    margin-bottom: 35px;

}

.service-card h3{

    font-size: 1.8rem;

    margin-bottom: 20px;

    text-transform: uppercase;

    /* color: #1f2d2d; */
    max-width: 70%;

}

.service-card p{

    /* color: #555; */

    line-height: 1.8;

}