.blog-cont{
    margin-top: 50px;
}
.card{
    margin: 30px 15px;
    width: 350px;
    border-radius: 10px;
    background-color: rgb(248, 248, 252);
    box-shadow: 10px 15px 20px rgb(234, 234, 238);
    border: none;
}
.card2{
    box-shadow: none;
}
.card .card-img-top{
    border-radius: 10px;
    height: 200px;
}

/*   single page css */
.socialIcons{
    position: fixed;
    top: 34%;
    right: 96%;
    width: 150px;
    display: flex;
    flex-direction: column;
}
.socialIcons a i{
    font-size: 25px;
    color: white;
}
.socialIcons a{
   background-color: rgb(214, 63, 57);
   padding: 10px;
   margin: 3px;
   text-align: right;
   border-radius:  30px 30px 30px ;
   color: #fff;
   font-size: 15px;
   transform:  translate(-16px,0px);
   transition: all 0.5s;
}
.socialIcons a:hover{
    transform: translate(75px,0px);
}
.icons{
    text-align: center;
    transition: all 0.5;
    animation: animate 5s linear infinite;
}
@keyframes animate{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}
@media (max-width: 767.98px) {
    .socialIcons{
        position: fixed;
        top: 20%;
        right: 84%;
        
    }
}
.single-cont{
    background-color: rgb(248, 248, 252);
    margin-top: 100px;
    width: 100%;
    box-shadow: 10px 15px 20px rgb(234, 234, 238);
    padding-top: 50px 50px;
}
.blog_img{
    /* width: 700px;
    height: 350px; */
    border-radius: 15px;
    margin: 20px;
}