.blogMainCont{
    /* height: 150vh; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.blogMainCont1{
    /* height: 140vh; */
    width: 85%;
    background-color:rgb(0 0 0 / 12%);
    margin-bottom: 10px;
    margin-top: 10px;
}
.blogContPart1{
    height: 70vh;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center
}
.blogContPart1A{
    height: 60vh;
    width: 30%;
    box-shadow: 5px 10px 8px 2px rgb(88 88 88 / 76%);
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.blogContPart1A1{
    height: 23vh
}
.blogContPart1A1 img{
    width: 100%;height: 23vh
}
.blogContPart1A2{
    height: 6vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blogContPart1A2 p{
    color: #000000c2;
    font-size: 12px;
    margin-bottom: 0px;
    font-weight: bold
}
.blogContPart1A3{
    height: 30vh;
    display: flex;
    justify-content: center
}
.blogContPart1A3 p{
    color: #0000008c;
    margin-bottom: 0px;
    font-size: 13px;
    padding: 0px 7px
}
@media only screen and (max-width: 767px){
    /* .blogMainCont{
        height: 228vh;
    } */
    .blogMainCont1{
        width: 97%;
        margin-bottom: 12px;
    }
    .blogContPart1{
        flex-direction: column;
        height: 149vh;
    }
    .blogContPart1A{
        width: 95%;
        height: 47vh
    }
    .blogContPart1A1 img{
        height: 20vh
    }
    .blogContPart1A1{
        height: 20vh;
    }
    .blogContPart1A2 p{
         font-size: 13px;
    }
    .blogContPart1A3{
        height: 22vh;
    }
    .blogContPart1A3 p{
        font-size: 10px;
        padding: 0px 7px;
    }
}