#logo img{
    height: 55px;
    width: auto;
}/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.proceso-icon{

    font-size:62px;
    color:#0072CE;
    margin-bottom:30px;

    transition:.35s;

}
.proceso-box:hover .proceso-icon{

    transform:scale(1.12);

    color:#00AEEF;

}

.hero-trust-badges{

    margin-top:40px;

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

}

.trust-item{

    background:#ffffff;

    border:1px solid #E5E5E5;

    border-radius:50px;

    padding:12px 22px;

    font-size:15px;

    font-weight:600;

    color:#555;

    box-shadow:0 5px 20px rgba(0,0,0,.05);

    transition:.3s;

}

.trust-item:hover{

    transform:translateY(-3px);

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

}

.lpx-step{

    padding:25px;

    transition:.35s;

}

.lpx-step:hover{

    transform:translateY(-8px);

}

.lpx-icon{

    width:72px;

    height:72px;

    margin:0 auto 25px;

    border:2px solid #1788ff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#1788ff;

    font-size:28px;

    transition:.35s;

}

.lpx-step:hover .lpx-icon{

    background:#1788ff;

    color:#fff;

}

.lpx-step h4{

    margin-bottom:15px;

    font-weight:700;

}

.lpx-step p{

    color:#666;

    line-height:1.8;

}