.portfolio .card{
    background: #FFFFFF;
    box-shadow: 0px 0px 16px rgba(0, 17, 54, 0.15);
    border-radius: 24px;
    /* max-width: 330px; */
    padding: 0;
    border: none;
    /* margin: 60px  0; */
}
.portfolio img{
    transform: scale(0.7);
}
.portfolio .card:hover {
    box-shadow: 0px 0px 56px rgba(0, 17, 54, 0.15);
}
.school-name{
    border-radius:0 0 24px 24px;
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.00) 0%, #2563eb91 100%) !important;
    display: flex;
    align-items: end;
    justify-content: center;
}
.school-name h1{
    font-size: 2rem;
}
.portfolio h1{
    margin: 0;
}
.portfolio::before{
    content: "";
    background: rgba(57, 171, 72, 0.2);
    filter: blur(160px);
    position: absolute;
    width: 100%;
    height: 80vh;
    right: -150px;
    top: 130vh;
    z-index: -1;
}
@media only screen and (max-width: 991px){
    .school-name h1{
        font-size: 1rem !important;
    }
    .school-name{
        align-items: end;
    }
    .portfolio::before {
        content: "";
        background: rgba(57, 171, 72, 0.2);
        filter: blur(160px);
        position: absolute;
        width: 100%;
        height: 80vh;
        right: -150px;
        top: 40vh;
        z-index: -1;
    }
}
@media only screen and (max-width: 479px){
    .school-name{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
        /* padding-top: 35px; */
    }
    .portfolio{
        margin-bottom: 0 !important;
    }
    .portfolio img{
        transform: scale(0.9);
    }
    .portfolio .card{
        margin-top: 0 !important;
    }
    .school-name h1{
        font-size: 2rem !important;
    }
}
.query::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 80vh;
    left: -242.16px;
    top: auto;
    background: rgba(37, 99, 235, 0.2);
    filter: blur(160px);
    z-index: -1;
}