.blog_container a {
    direction: none;
    text-decoration: none;
}

.tutorial_title {
    display: flex;
    justify-content: center;
    padding-top: 5em;
    background-color: rgb(27, 37, 65);
}

.tutorial_title h2 {
    color: white;
    background-color: rgb(27, 37, 65);
    width: 100%;
    height: 3em;
    line-height: 45px;
    text-align: center;
}

.blogimg img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.latest_blog {
    /* border: red dashed; */
    border-width: 1px;
    font-size: x-large;
    font-weight: 600;
    color: rgb(27, 37, 65);
    font-family: Epilogue, sans-serif;
    padding-top: 10px;
    padding-left: 10px;
}

.blogimg {
    margin-left: 10px;
    margin-top: 10px;
    width: 300px; 
    /* height: 200px; */
    object-fit: cover;
    transition: .5s;
}



.card:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.blogimg:hover {
    transform: scale(1.05);
}

.date {
    color: rgb(77, 91, 124);
    font-size: 16px;
    line-height: 24px;
    margin-left: 10px;
}

.blog_title {
    padding-left: 10px;
    font-family: Epilogue,sans-serif;
    font-weight: 700;
    color: rgb(27, 37, 65);
    width: 300px;

}

footer i {
    color: rgb(27, 37, 65);
    transition: .5s;
    cursor: pointer;
}



footer i:hover {
    color: rgb(0, 105, 255);
}

footer {
    margin-bottom: 0;
}

.blog_container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

footer {
    margin: 0;
    margin-top: 5em;
}

@media (max-width: 700px) {
    .tutorial_title h2 {
        height: 2em;
        line-height: 20px;
    }
}