.school__page{
    margin-top: 50px;
}

.school__page .school__all .school__main{
    margin-top: 60px;

}

.school__page .school__all .school__main .detail__card{
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 130px;
   margin-top: 50px;
}
.school__page .school__all .school__main .detail__card .card__img{
    height: 270px;
    width: 420px;
 }

 .school__page .school__all .school__main .detail__card .card__text{
    max-width: 550px;
 }

 
 .school__page .school__all .school__main .detail__card .card__text h4{
    color: var(--color-blue);
    margin-bottom: 20px;
 }


/* responsive start */
@media screen and(max-width:1200px){
    
    .school__page .school__all .school__main .detail__card{
        gap: 30px;
     }
}
@media screen and(max-width:768px){
    .school__page .school__all .school__main{
        margin-top: 40px;
    }
    .school__page .school__all .school__main .detail__card{
        gap: 50px;
     }
}

@media screen and(max-width:480px){
    .school__page .school__all .school__main .detail__card .card__img img{
        object-fit: contain;
     }
}
/* responsive end */