.fenetres-avantages{
background:#fff;
padding:90px 0;
}

.fenetres-avantages .container{
max-width:1400px;
margin:auto;
padding:0 30px;
}

.section-header{
text-align:center;
margin-bottom:70px;
}

.section-header .section-tag{
display:block;
color:#e30613;
font-size:14px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:12px;
}

.section-header h2{
font-size:48px;
font-weight:800;
color:#111;
margin-bottom:20px;
}

.section-header .separator{
width:60px;
height:3px;
background:#e30613;
margin:auto;
}

.avantages-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
}

.avantage-item{
text-align:center;
padding:0 35px;
position:relative;
}

.avantage-item:not(:last-child)::after{
content:"";
position:absolute;
top:0;
right:0;
width:1px;
height:140px;
background:#e5e5e5;
}

.avantage-item .icon{
font-size:48px;
margin-bottom:20px;
}

.avantage-item h3{
font-size:28px;
font-weight:700;
color:#111;
margin-bottom:18px;
line-height:1.3;
}

.avantage-item p{
font-size:18px;
line-height:1.7;
color:#555;
max-width:280px;
margin:auto;
}

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

@media(max-width:768px){


.avantages-grid{
    grid-template-columns:1fr;
    gap:40px;
}

.avantage-item:not(:last-child)::after{
    display:none;
}

.section-header h2{
    font-size:34px;
}

.avantage-item{
    padding:0 15px;
}

.avantage-item h3{
    font-size:24px;
}

.avantage-item p{
    font-size:16px;
}

}