.elementor-432 .elementor-element.elementor-element-4b7fa55{width:var( --container-widget-width, 100.573% );max-width:100.573%;--container-widget-width:100.573%;--container-widget-flex-grow:0;}.elementor-432 .elementor-element.elementor-element-4b7fa55.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-4b7fa55 */:root{

--white:#FAF9F6;
--light:#9ED2EB;
--blue:#587E99;
--dark:#112A46;

}

body{

font-family:'Open Sans',sans-serif;
background:var(--white);
color:var(--dark);

}

/**************** HERO ****************/

.cgv-hero{

background:linear-gradient(135deg,#112A46,#587E99);
padding:120px 20px;
text-align:center;
position:relative;
overflow:hidden;

}

.cgv-hero::before{

content:'';
position:absolute;
width:500px;
height:500px;
background:#9ED2EB20;
border-radius:50%;
top:-250px;
right:-180px;

}

.hero-content{

max-width:900px;
margin:auto;
position:relative;
z-index:2;

}

.hero-content span{

display:inline-block;
padding:8px 20px;
border-radius:30px;
background:#ffffff20;
color:white;
margin-bottom:20px;
font-size:15px;
backdrop-filter:blur(10px);

}

.hero-content h1{

font-size:52px;
font-weight:700;
color:white;
margin-bottom:20px;

}

.hero-content p{

color:white;
font-size:19px;
line-height:1.8;
max-width:700px;
margin:auto;

}

/**************** CONTENU ****************/

.cgv-container{

max-width:1100px;
margin:80px auto;
padding:0 20px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;

}

.cgv-card{

background:white;
padding:35px;
border-radius:18px;
box-shadow:0 10px 30px rgba(17,42,70,.08);
transition:.35s;
border:1px solid rgba(158,210,235,.25);

}

.cgv-card:hover{

transform:translateY(-8px);
box-shadow:0 20px 45px rgba(17,42,70,.12);

}

.cgv-card h2{

color:var(--dark);
font-size:24px;
margin-bottom:18px;
position:relative;
padding-bottom:10px;

}

.cgv-card h2::after{

content:'';
position:absolute;
left:0;
bottom:0;
width:60px;
height:4px;
background:linear-gradient(to right,#9ED2EB,#587E99);
border-radius:50px;

}

.cgv-card p{

font-size:16px;
line-height:1.8;
color:#555;

}

/**************** Responsive ****************/

@media(max-width:768px){

.hero-content h1{

font-size:36px;

}

.hero-content p{

font-size:17px;

}

.cgv-container{

grid-template-columns:1fr;

}

.cgv-card{

padding:28px;

}

}

@media(max-width:480px){

.cgv-hero{

padding:90px 20px;

}

.hero-content h1{

font-size:30px;

}

.hero-content span{

font-size:14px;

}

}/* End custom CSS */