.blog-post-list { 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 40px;
    row-gap: 60px;
}

.blog-post-list .blog-post-list-item {
    width: calc(33.333% - 26.66666667px);
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner {
    display: block;
    position: relative;
    text-decoration: none;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-image {
    display: block;
    position: relative;
    width: 100%;
    padding: 62.5% 0 0 0;
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-image .blog-post-list-item-image-inner {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: transform 0.3s linear;
    z-index: 1;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-image .blog-post-list-item-image-inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner:hover .blog-post-list-item-image .blog-post-list-item-image-inner {
    transition: transform 0.3s linear;
    transform: scale(1.05);
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content {
    display: block;
    padding: 20px 0 0 0;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content .blog-post-list-item-content-title {
    display: block;
    padding: 0 0 16px 0;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content .blog-post-list-item-content-title h3 {
    padding: 0;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content .blog-post-list-item-content-meta {
    display: flex;
    column-gap: 20px;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content .blog-post-list-item-content-meta p {
    padding: 0 0 0 22px;
    font-size: 0.875rem;
    line-height: 0.875rem;
}

.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content .blog-post-list-item-content-meta p.date {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 0C3.8866 0 4.2 0.313401 4.2 0.7V2.1H9.8V0.7C9.8 0.313401 10.1134 0 10.5 0C10.8866 0 11.2 0.313401 11.2 0.7V2.1H11.9C13.0598 2.1 14 3.0402 14 4.2V5.45805C14 5.48976 14 5.5217 14 5.55387L14 11.9C14 13.0598 13.0598 14 11.9 14H2.1C0.940205 14 3.40044e-06 13.0598 3.40044e-06 11.9L1.73151e-06 5.55387C-2.08616e-08 5.52347 -1.68979e-06 5.49328 3.40044e-06 5.46329V4.2C3.40044e-06 3.0402 0.940205 2.1 2.1 2.1H2.8V0.7C2.8 0.313401 3.1134 0 3.5 0ZM1.4 6.3V11.9C1.4 12.2866 1.7134 12.6 2.1 12.6H11.9C12.2866 12.6 12.6 12.2866 12.6 11.9V6.3H1.4ZM10.5 3.5H3.5C2.8201 3.5 2.38081 3.50149 2.05718 3.54503C1.75382 3.58584 1.65864 3.65171 1.60518 3.70517C1.55171 3.75864 1.48584 3.85382 1.44503 4.15718C1.41867 4.35314 1.40772 4.5915 1.40319 4.9H12.5968C12.5923 4.5915 12.5813 4.35314 12.555 4.15718C12.5142 3.85382 12.4483 3.75864 12.3948 3.70517C12.3414 3.65171 12.2462 3.58584 11.9428 3.54503C11.6192 3.50149 11.1799 3.5 10.5 3.5Z' fill='%2300B0F0'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 14px 14px;  
}      

@media(max-width:1300px) {

	.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content .blog-post-list-item-content-title h3 {
    	font-size: 1.3rem;
    	line-height: 1.6rem;
	}

	.blog-post-list .blog-post-list-item .blog-post-list-item-inner .blog-post-list-item-content {
		padding-top: 16px;
	}

} 

@media(max-width:980px) {

    .blog-post-list { 
        column-gap: 0px;
        row-gap: 40px;
    }

    .blog-post-list .blog-post-list-item {
        width: 100%;
    }

}