.servicios{
    cursor:pointer;
    padding: 15px;
    border:2px solid #162e44;
    color:#162e44;
    margin:15px;
    box-shadow:2px 2px 2px 2px #162e44;
    border-radius:15px;
    transition: all 1s;
}
.servicios:hover{
    border: 2px solid #01b3a7;
    box-shadow:2px 2px 2px 2px #01b3a7;
    scale: 1.03;
    color: #01b3a7;
    transform: translateY(-5px);
}
.beneficio{
    min-height: 250px;
    max-height: 250px;
    text-align: center;
    padding: 20px;
    margin:5px;
    border-radius: 10px;
    background-color: #f0f8ff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.marcas{
    text-align: center;
    padding: 20px;
    margin:5px;
    border-radius: 10px;
    background-color: #f0f8ff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.card-img-top {
    height: 180px;
    object-fit: cover;
}