/* SECTION PERMIS */

.permis{
padding:80px 0;
}

.permis-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

/* TEXTE */

.permis-text h2{
color:var(--violet);
margin-bottom:20px;
}

.permis-text h3{
margin-top:30px;
margin-bottom:10px;
}

.permis-text ul{
margin-bottom:20px;
padding-left:20px;
}

.permis-text li{
margin-bottom:10px;
color:#555;
line-height:1.6;
}

/* IMAGE */

.permis-image img{
width:100%;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

/* séparation entre sections permis */

.permis + .permis{
border-top:1px solid #eee;
margin-top:40px;
padding-top:80px;
}


/* mise en valeur des titres */

.permis-text h2{
position:relative;
display:inline-block;
}

.permis-text h2::after{
content:"";
display:block;
width:50px;
height:3px;
background:var(--vert);
margin-top:18px;
border-radius:2px;
}


/* style des listes */

.permis-text ul{
margin-bottom:20px;
padding-left:0;
list-style:none;
}

.permis-text li{
position:relative;
padding-left:20px;
margin-bottom:10px;
color:#555;
line-height:1.6;
}

.permis-text li::before{
content:"✔";
position:absolute;
left:0;
color:var(--vert);
font-weight:bold;
}


/* image un peu plus premium */

.permis-image img{
transition:0.4s;
}

.permis-image img:hover{
transform:scale(1.02);
box-shadow:0 15px 40px rgba(0,0,0,0.25);
}

/* MESSAGE INFORMATION */

.permis-alert{
background:#ffe5e5;
border-left:5px solid #e53935;
color:#b71c1c;
padding:20px;
margin-top:30px;
border-radius:6px;
font-weight:500;
}

/* RESPONSIVE */

@media(max-width:900px){

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

}