.case-study-grid{

display:grid;

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

gap:30px;

}



.case-card{

border:1px solid #eee;

background:#fff;

}



.case-image{

position:relative;

overflow:hidden;

}


.case-image img{

width:100%;

height:260px;

object-fit:cover;

}



.case-play{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

width:60px;

height:60px;

border-radius:50%;

background:#1266ff;

color:white;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

}



.case-content{

padding:20px;

}


.case-content h3{

font-size:24px;

margin-bottom:15px;

}



.case-content p{

color:#666;

line-height:1.7;

}




@media(max-width:992px){

.case-study-grid{

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

}

}


@media(max-width:600px){

.case-study-grid{

grid-template-columns:1fr;

}

}

.category-filter{

display:flex;

flex-wrap:wrap;

gap:12px;

justify-content:center;

}



.category-filter a{

padding:12px 24px;

border:1px solid #ddd;

border-radius:30px;

font-size:16px;

color:#18284f;

transition:.3s;

}



.category-filter a:hover{

border-color:#1267ff;

}



.category-filter a.active{

background:#1267ff;

color:#fff;

border-color:#1267ff;

}