.related-post-block {
    .related-post-container {
        display: flex;
        flex-wrap: wrap;
        row-gap: 40px;
        column-gap: 24px;
    }

    .related-post-item {
        display: flex;
        flex-direction: column;
        width: 277px;
    }

    .related-post-item a {
        display: flex;
        flex-direction: column;
        width: 100%;

        img {
            border-radius: 5px;
            height: 160px;
            width: 100%;
            object-fit: cover;
            margin-bottom: 16px;
        }

        .post-type {
            color: #00B5D3;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 21.6px;
            margin-bottom: 4px;
        }

        .post-title {
            color: #002C45;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 28.08px;
        }

        /*icons*/
        .post-type:before {
            width: 24px;
            height: 24px;
            content: '';
            background-size: contain;
            display: inline-block;
            vertical-align: middle;
            background-repeat: no-repeat;
            margin-right: 4px;
        }

        .article.post-type:before {
            background-image: url('../icons/article-icon.svg');
            transform: translateY(-2px);
        }

        .testimonial.post-type:before {
            background-image: url('../icons/Testimonials.svg');
        }
        
        .guide.post-type:before {
            background-image: url('../icons/icon-guide.svg');
        }

        .video.post-type:before {
            background-image: url('../icons/video-icon.svg');
            transform: translateY(-1px);
            height: 20px;
            width: 20px;
        }

        .news.post-type:before {
            background-image: url('../icons/news-icon.svg');
            width: 22px;
            height: 19px;
            margin-right: 6px;
            transform: translateY(-3px);
        }

        .event.post-type:before {
            background-image: url('../icons/event-icon.svg');
            width: 18px;
            margin-right: 6px;
            transform: translateY(-1px);
        }

        .podcast.post-type:before {
            background-image: url('../icons/podcast.svg');
        }

        .ebook.post-type:before {
            background-image: url('../icons/ebook.svg');
            width: 25px;
        }
    }

    @media (max-width: 768px) {
        .related-post-container {
            row-gap: 24px;
        }
    
        .related-post-item {
            width: 100%;
            padding-bottom: 20px;
            border-bottom: 1px solid #EEF0F2;
        }
    
        .related-post-item a {
    
            img {
                height: 195px;
            }
    
            .post-title {
                font-size: 16px;
                margin: 0;
            }
        }
    }

}