.card{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.29), 0 6px 20px 0 rgba(0, 0, 0, 0.199);

}
.subsidary-cards {
    width: 35rem;
    height: 27rem;
    /* width: 80%;
    height: 75%; */
}

.about-card-img{
    width:90%;
     height:20%;
}

.mission-card-img{
    width:85%;
     height:80%;
     margin-bottom: 5%;
}

@media only screen and (max-width: 1024px) and (max-height: 786px) {
    

    .subsidary-cards {
        width: 27rem;
        height: 29rem;
    }
    .about-card-img{
        width:90%;
         height:20%;
         background-color: aqua;
    }
}

@media only screen and (max-width:786px) and (max-height: 1024px) {
    
    .mission-card-img {
        width: 95%;
        height: 66%;
        margin-bottom: 5%;
    }
    .subsidary-cards {
        width: 20rem;
        height: 33rem
    }
}


@media only screen and (max-width: 1024px) and (max-height: 786px) {
    

    .subsidary-cards {
        width: 27rem;
        height: 29rem;
    }
}