.blogs-container {
    padding: 40px clamp(0px, 4vw, 400px);
}

.article-title {
    font-size: clamp(0.8rem, 5vw, 1.8rem);
    text-align: start;
}

.article-hr {
    min-width: 100%;
    opacity: 0.3;
    margin: 20px 0px;
}

.article-sub-data-container {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.article-by, .article-dated, .article-duration {
    white-space: nowrap;
    font-size: clamp(0.4rem, 4vw, 0.7rem);
}

.article-img {
    max-width: 100%;
    max-height: 600px;
    object-fit: cover;
    object-position: center;
    padding: 0px 0px 20px 0px;
    border-radius: 30px 30px 0px 0px;
}

.article-sub-info-container {
    justify-content: start;
    align-items: start;
    flex-direction: row;
    flex-wrap: wrap;
}

.blogs-item-paragraph {
    font-size: clamp(0.9rem, 3.5vw, 1.15rem);
}

.blogs-item-para-heading {
    text-align: start;
    padding: 30px 0px 15px 0px;
    font-size: clamp(0.8rem, 3.5vw, 1.25rem);
}

.blogs-ul {
    font-family: Poppins, sans-serif, arial;
}

.blogs-li {
    text-align: start;
    font-size: clamp(0.9rem, 3.5vw, 1.15rem);
}

.article-sub-title {
    margin: 40px 0px 0px 0px;
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    
}

@media(max-width: 400px) {
    .blogs-container {
        padding: 45px 10px 20px 10px;
    }
}