.elementor-437 .elementor-element.elementor-element-7701bd2{width:var( --container-widget-width, 100.625% );max-width:100.625%;--container-widget-width:100.625%;--container-widget-flex-grow:0;}.elementor-437 .elementor-element.elementor-element-7701bd2.elementor-element{--flex-grow:0;--flex-shrink:0;}/* Start custom CSS for html, class: .elementor-element-7701bd2 */:root{

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

}

body{

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

}

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

.privacy-hero{

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

}

.privacy-hero::before{

content:"";
position:absolute;
width:500px;
height:500px;
background:rgba(158,210,235,.15);
border-radius:50%;
top:-220px;
right:-180px;

}

.hero-content{

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

}

.hero-content span{

display:inline-block;
padding:8px 22px;
background:rgba(255,255,255,.18);
color:white;
border-radius:40px;
backdrop-filter:blur(10px);
margin-bottom:20px;

}

.hero-content h1{

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

}

.hero-content p{

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

}

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

.privacy-container{

max-width:1150px;
margin:80px auto;
padding:0 20px;

display:grid;
grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
gap:30px;

}

.privacy-card{

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

}

.privacy-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 50px rgba(17,42,70,.12);

}

.privacy-card h2{

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

}

.privacy-card h2::after{

content:"";
position:absolute;
left:0;
bottom:0;
width:65px;
height:4px;
background:linear-gradient(90deg,#9ED2EB,#587E99);
border-radius:10px;

}

.privacy-card p{

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

}

.privacy-card ul{

margin-top:15px;
padding-left:20px;

}

.privacy-card li{

margin-bottom:10px;
line-height:1.7;
color:#555;

}

.privacy-card li::marker{

color:var(--blue);

}

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

@media(max-width:768px){

.hero-content h1{

font-size:36px;

}

.hero-content p{

font-size:17px;

}

.privacy-container{

grid-template-columns:1fr;

}

.privacy-card{

padding:28px;

}

}

@media(max-width:480px){

.privacy-hero{

padding:90px 20px;

}

.hero-content h1{

font-size:30px;

}

.hero-content span{

font-size:14px;

}

}/* End custom CSS */