.about p, .about-3 p{
    text-align: justify;
    font-size: 16px;
}
.about-2 .card{
    border: none;
    border-radius: 25px;
}
.card:hover img{
    transform: scale(0.8);
    transition-duration: 0.5s;
}
.card img{
    transform: scale(0.7);
    transition-duration: 0.5s;
    border-radius: 25px;
}
.about-2 .card:hover {
	box-shadow: 0px 0px 56px rgba(0, 17, 54, 0.15);
}
.about-2::before{
    content: "";
    background: rgba(57, 171, 72, 0.2);
    filter: blur(160px);
    position: absolute;
    width: 100%;
    height: 80vh;
    right: -150px;
    top: auto;
    z-index: -1;
}
.reveal {
    position: relative;
    opacity: 0;
}

.reveal.active {
    opacity: 1;
}

.active.fade-left {
    animation: fade-left 1s ease-in-out;
}

.active.fade-right {
    animation: fade-right 1s ease-in-out;
}
.active.fade-up {
    animation: fade-up 1s ease-in-out;
}

@keyframes fade-left {
    0% {
        transform: translateX(-200px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-right {
    0% {
        transform: translateX(200px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-up {
    0% {
        transform: translateY(200px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@media only screen and (max-width: 991px){
    .reveal{
        opacity: 1 !important;
    }
    .fade-left, .fade-right, .fade-up{
        animation: none !important;
    }
}
@media only screen and (max-width: 479px){
    .about .row{
        margin-top: 1rem !important;
    }
    .about-img{
        display: none;
    }
    .card{
        height: unset !important;
        margin: 0 !important;
    }
    .about-3 h1{
        font-size: 45px !important;
    }
    .about-3{
        margin-bottom: 0 !important;
    }
    .hero-banner-academic{
        padding-bottom: 0 !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;
}