/*=========================================================
LAYOUT
=========================================================*/

.container{

    width:100%;
    max-width:1420px;

    margin:auto;

    padding:0 20px;

}

.pl-section{

    padding:90px 0;

}

/*=================================
BENEFICIOS
=================================*/

.pl-benefits{

    margin-top:-40px;

    position:relative;

    z-index:20;

}

.pl-benefits-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.pl-benefit{

    background:#fff;

    border-radius:22px;

    padding:35px;

    text-align:center;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

    transition:.35s;

}

.pl-benefit:hover{

    transform:translateY(-10px);

}

.pl-benefit-icon{

    font-size:46px;

    margin-bottom:18px;

}

.pl-benefit h3{

    margin-bottom:12px;

    font-size:22px;

}

.pl-benefit p{

    color:#64748B;

    line-height:1.7;

}

/*=================================
RESPONSIVE
=================================*/

@media(max-width:991px){

.pl-benefits-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:600px){

.pl-benefits-grid{

grid-template-columns:1fr;

}

}