/* HERO */

.solutions-hero{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
margin-top:18px;
align-items:center;
border-radius:18px;
overflow:hidden;
box-shadow: var(--shadow);
background-size:cover;
background-position:center;
background-repeat:no-repeat;
min-height:300px;
}

.solutions-hero-text{
  gap:18px;
  align-items:center;
  padding:18px 50px;
  color:#1b3b52;
  margin:0 0 12px;
  line-height: 1.05;
}

.solutions-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}


/* BLOCS SOLUTIONS */

.solution-block{
margin-top:60px;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.solution-block.reverse{
grid-template-columns:1fr 1fr;
}

.solution-block.reverse .solution-text{
order:2;
}

.solution-block.reverse .solution-img{
order:1;
}

.solution-img img{
width:100%;
border-radius:14px;
box-shadow:0 20px 40px rgba(0,0,0,.2);
}

.solution-text h2{
font-size:32px;
margin-bottom:10px;
font-weight:900;
color:#1b3b52;
}

.solution-text p{
color:var(--muted);
margin-bottom:14px;
}

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

.solution-text li{
margin-bottom:6px;
}


/* CTA */

.solutions-cta{
margin-top:60px;
text-align:center;
padding:15px;
border-radius:16px;
background:
radial-gradient(900px 420px at 20% 40%, rgba(46,210,102,.18), transparent 60%),
radial-gradient(900px 420px at 80% 40%, rgba(255,179,69,.18), transparent 58%),
linear-gradient(180deg,#0b2c44, #071c2a);
color:white;
}

.solutions-cta h2{
font-size:30px;
margin-bottom:10px;
}

.solutions-cta p{
margin-bottom:20px;
color:rgba(255,255,255,.8);
}


/* RESPONSIVE */

@media (max-width:900px){

.solutions-hero{
 grid-template-columns:1fr;
}

.solution-block{
 grid-template-columns:1fr;
}

.solution-block.reverse{
 grid-template-columns:1fr;
}

.solution-block.reverse .solution-text{
 order:1;
}

.solution-block.reverse .solution-img{
 order:2;
}

}