/* Blog post list */
.blog-post-list__title {
    font-size: 15px;
    font-family: var(--subtitle);
    font-weight: 400;
    color: var(--black-color);
    text-transform: uppercase;
    position: relative;
    letter-spacing: 6px;
    margin-bottom: 5px;
    margin-top: 30px;
}

.blog-post-list__subtitle {
    font-size: 40px;
    font-family: var(--title);
    font-weight: 400;
    color: var(--secondary-color);
    position: relative;
    margin-bottom: 20px;
    line-height: 1.25em;
}
.blog-post-list__description {
    font-family: var(--body-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: var(--black-color);
    margin-bottom: 20px;
}

.button-view-more {
    margin-bottom: 50px;
}
/*End Blog post list */

/* Blog post  */ 

.blog-post__title {
    font-size: 15px;
    font-family: var(--subtitle);
    font-weight: 400;
    color: var(--black-color);
    text-transform: uppercase;
    position: relative;
    letter-spacing: 6px;
    margin-bottom: 5px;
    margin-top: 30px;
}

.blog-post__subtitle {
    font-size: 45px;
    font-family: var(--title);
    font-weight: 400;
    color: var(--secondary-color);
    position: relative;
    margin-bottom: 20px;
    line-height: 1.25em;
}
.blog-post__description {
    font-family: var(--body-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: var(--black-color);
    margin-bottom: 20px;
}
.blog-post__image {
    display: flex;
    gap: 107px;
    justify-content: center;
    align-items: center;
}

.blog-post__image__SecondImage {
    width: 500px;
    height: 300px;
} 

.blockquote p {
    max-width: 850px  !important;
}
/*End Blog post  */

.blog-list-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black
}

.blog-list-navigation a {
    color: black;
    text-decoration: none;
    display: flex;
    padding: 15px;
}

.blog-list-navigation a:hover {
    text-decoration: underline;
}

@media (max-width:992px) {
    .section-padding {
        padding: 50px 0;
    }
    .blog-post__image img {
        width: 387px;
        object-fit: cover;
    }
    .blog-post__image picture:nth-child(2) {
        display: none;
    }
}