.ecosystem-section{

padding:100px 0;

background:#f8fbff;

}

.ecosystem-header{

text-align:center;

margin-bottom:60px;

}

.section-tag{

display:inline-block;

font-size:14px;

font-weight:700;

color:#2f8be6;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:15px;

}

.ecosystem-header h2{

font-size:54px;

font-weight:700;

color:#0f2747;

margin-bottom:20px;

}

.ecosystem-header h2 span{

color:#2f8be6;

}

.ecosystem-header p{

max-width:700px;

margin:auto;

font-size:18px;

line-height:30px;

color:#6d7c93;

}

.ecosystem-grid{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:25px;

position:relative;

}
.eco-card{

background:#fff;

border-radius:22px;

padding:40px 25px;

border:1px solid #d8e9fb;

box-shadow:0 8px 30px rgba(0,0,0,.05);

text-align:center;

transition:.4s;

}

.eco-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(47,139,230,.15);

}

.eco-number{

width:42px;

height:42px;

background:#2f8be6;

border-radius:50%;

margin:auto;

margin-bottom:20px;

color:#fff;

font-weight:700;

line-height:42px;

font-size:18px;

}

.eco-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:20px;

background:#eef6ff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

}

.eco-icon img{

width:42px;

}

.eco-card h3{

font-size:24px;

margin-bottom:15px;

color:#0f2747;

}

.eco-card p{

font-size:15px;

line-height:28px;

color:#6f7d95;

}

@media(max-width:1200px){

.ecosystem-grid{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.ecosystem-grid{

grid-template-columns:1fr;

}

.ecosystem-header h2{

font-size:38px;

}

}