.solutions-hero{

padding-top:150px;
padding-bottom:120px;

background:
linear-gradient(
135deg,
#050816,
#08112d
);

color:white;

}


.solutions-container{

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

padding:0 80px;

}



.solutions-left h1{

font-size:70px;

line-height:1.1;

margin-bottom:30px;

}


.solutions-left p{

font-size:22px;

line-height:1.7;

margin-bottom:40px;

opacity:.8;

}



.solutions-image{

height:500px;

border-radius:35px;

background:

rgba(255,255,255,.04);

display:flex;

justify-content:center;

align-items:center;

border:

2px dashed rgba(255,255,255,.1);

}



.solutions-section{

padding:120px 0;

}



.solutions-timeline{

display:flex;

flex-direction:column;

gap:25px;

margin-top:70px;

}



.solutions-card{

display:grid;

grid-template-columns:1fr 1fr;

padding:30px;

background:white;

border-radius:25px;

border:1px solid #eee;

}



.solutions-process{

padding:140px 0;

background:#050816;

color:white;

}



.solutions-process-grid{

display:flex;

justify-content:center;

align-items:center;

gap:25px;

margin-top:70px;

}



.process-box{

width:220px;

padding:30px;

border-radius:25px;

background:

rgba(255,255,255,.05);

}



.process-arrow{

font-size:35px;

opacity:.4;

}



.industry-block{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

margin-bottom:120px;

}



.reverse{

direction:rtl;

}

.reverse>*{

direction:ltr;

}



.industry-image{

height:350px;

border-radius:25px;

background:#f5f5f5;

display:flex;

justify-content:center;

align-items:center;

}

.problem-row{

display:flex;

justify-content:space-between;

align-items:center;

padding:35px 50px;

border-bottom:1px solid #eee;

transition:.4s;

cursor:pointer;

}



.problem-row:hover{

transform:translateX(15px);

background:white;

border-radius:25px;

box-shadow:

0 20px 60px rgba(
0,
0,
0,
0.05
);

}



.problem-main{

display:flex;

gap:25px;

align-items:center;

}



.problem-icon{

font-size:45px;

width:70px;

height:70px;

display:flex;

justify-content:center;

align-items:center;

background:

rgba(
34,
211,
204,
0.1
);

border-radius:20px;

}



.problem-main h3{

font-size:32px;

margin-bottom:10px;

}



.problem-main p{

color:#777;

}



.problem-impact{

text-align:right;

}



.problem-impact span{

font-size:13px;

letter-spacing:2px;

color:#888;

text-transform:uppercase;

}



.problem-impact h4{

font-size:24px;

margin-top:10px;

}

.industry-showcase{

display:grid;

grid-template-columns:1fr 1fr;

gap:100px;

align-items:center;

margin-top:120px;

margin-bottom:140px;

}



.industry-tag{

display:inline-block;

padding:8px 20px;

border-radius:100px;

background:

rgba(
34,
211,
204,
0.1
);

color:#22d3cc;

font-size:13px;

font-weight:700;

margin-bottom:25px;

letter-spacing:2px;

}



.industry-text h2{

font-size:54px;

line-height:1.2;

margin-bottom:30px;

}



.industry-text p{

font-size:18px;

line-height:1.9;

color:#777;

margin-bottom:35px;

}



.industry-benefits{

display:flex;

gap:15px;

flex-wrap:wrap;

}



.industry-benefits div{

padding:14px 24px;

border-radius:100px;

background:#f4f4f4;

font-weight:600;

transition:.4s;

}



.industry-benefits div:hover{

background:#22d3cc;

color:white;

transform:translateY(-5px);

}



.industry-placeholder{

height:420px;

border-radius:35px;

background:#f4f4f4;

display:flex;

justify-content:center;

align-items:center;

transition:.5s;

}



.industry-placeholder:hover{

transform:scale(1.03);

}



.reverse{

direction:rtl;

}

.reverse>*{

direction:ltr;

}