.developers{
    padding:100px 20px;
    background:#f8fafc;
}

.developer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.developer-card{
    background:#fff;
    border-radius:20px;
    padding:40px 25px;
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.3s;
}

.developer-card:hover{
    transform:translateY(-8px);
}

.developer-card img{
    width:90px;
    height:90px;
    object-fit:contain;
    margin-bottom:20px;
}

.developer-card h3{
    margin:10px 0;
    color:#0B2342;
    font-size:22px;
}

.developer-card span{
    color:#666;
}

@media(max-width:991px){

.developer-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.developer-grid{
    grid-template-columns:1fr;
}

}