.scards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.scard{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.head{display:flex;justify-content:space-between;align-items:flex-start}
.arr{width:46px;height:46px;border-radius:50%;background:#222;color:#fff;display:flex;align-items:center;justify-content:center}
.scard img{width:100%;border-radius:18px;margin-top:18px;height:220px;object-fit:cover}
.scard{
    display:flex;
    flex-direction:column;
    height:100%;
    padding:24px;
    border-radius:24px;
    background:#fff;
}

.scard img{
    margin-top:auto;
    height:210px;
    object-fit:cover;
    border-radius: 20px !important;
}
.arr{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#222;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:22px;
    transition:.3s ease;
    flex-shrink:0;
}

.arr:hover{
    background:#000;
    transform:translateX(3px);
}

.arr svg{
    width:20px;
    height:20px;
}
@media(max-width:991px){.scards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.scards-grid{grid-template-columns:1fr}.scard{padding:18px}}