.schools{
    margin-top: 50px;
}
.schools .schools__all{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.schools .schools__all .school__card a{
   color: var(--color-black);
}
.schools .schools__all .school__card .card__img{
    width: 420px;
    height: 270px;
    margin-top: 50px;
}


/* responsive start */
@media screen and(max-width:992px){
    .schools .schools__all .school__card .card__img{
        width: 300px;
        height: 170px;
    }
    .schools .schools__all .school__card .card__img img{
      object-fit: contain;
    }
}

@media screen and(max-width:768px){
    .schools .schools__all{
        gap: 70px;
    }
    .schools .schools__all .school__card{
        width:100%;
    }
    .schools .schools__all .school__card .card__img{
        width:100%;
        height: 170px;
    }
    .schools .schools__all .school__card .card__img img{
      object-fit: contain;
    }
}

/* responsive end */