.service-page{
    width:100%;
    min-height:100vh;

    padding-top:120px;
    padding-bottom:80px;
    padding-left:30px;
    padding-right:30px;

    background-image:
        linear-gradient(
            rgba(255,255,255,.75),
            rgba(255,255,255,.75)
        ),
        url("../img/img_new/inicio/background_03_casos.png");

    background-size:cover;
    background-position:center;
}

.service-title{
    text-align:center;
    margin-bottom:60px;
}

.service-title h1{
    display:inline-block;

    background-color:rgba(74,93,135,.85);

    color:#fff;

    padding:15px 30px;

    font-size:2rem;

    border-radius:4px;
}

.service-grid{
    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:30px;
}

.service-card{
    background:rgba(230,230,230,.85);

    border-radius:6px;

    padding:25px;

    text-align:center;

    box-shadow:0 4px 10px rgba(0,0,0,.12);

    transition:.3s;
}

.service-card:hover{
    transform:translateY(-8px);

    box-shadow:0 10px 20px rgba(0,0,0,.18);
}

.service-card img{
    width:60px;

    margin-bottom:20px;
}

.service-card h2{
    color:#002060;

    margin-bottom:20px;

    font-size:1.1rem;
}

.service-card ul{
    text-align:left;

    color:#002060;

    padding-left:20px;
}

.service-card li{
    margin-bottom:10px;

    line-height:1.5;
}

.service-card p{
    text-align:left;

    color:#002060;

    line-height:1.6;
}

@media(max-width:768px){

    .service-page{
        padding-top:100px;
        padding-left:15px;
        padding-right:15px;
    }

    .service-title h1{
        font-size:1.4rem;
    }

    .service-grid{
        grid-template-columns:1fr;
    }

}