.ListNews{
    /*padding: 0 4rem !important;*/
    overflow: hidden;
}
.ListNews .swiper-wrapper
{
    /* padding: 0.5rem 0; */
    padding-left: 0.2rem;

}
.blog_post-wrapper > img {
    width: 100%;
    max-height: 327px;
    object-fit: cover;
    background-color: var(--grayLight);
}
.blog_post-wrapper_body {
    text-align: left;
    padding: 1.5rem var(--title-1);
    min-height: 18.6rem;
    max-height: 18.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog_post-wrapper
{
    box-shadow: .35px 4px 8px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 3rem;
}

.blog_post-wrapper_body > p
{
    margin-top: var(--title-5);
	font-family: var(--family-title-2);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem;
}

.blog_post-wrapper_body > h4
{
    font-family: var(--family-title);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    letter-spacing: 0.025rem;
    min-height: 3.74rem;
    max-height: 3.75rem;
}

.blog_post-wrapper_body > a,
.blog_post-wrapper_body > a:hover,
.blog_post-wrapper_body > a:focus,
.blog_post-wrapper_body > a:visited,
.blog_post-wrapper_body > a:focus-within,
.blog_post-wrapper_body > a:active 
{
    color: var(--blue-blogHome);
    text-decoration: none;
    font-family: var(--family-title);
    font-size: var(--paragraph-1);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.arrow-container {
    width: 6rem;
    height: auto;
    position: absolute;
    display: flex;
    justify-content: center;
    left: calc(50% - 3rem);

}

    .arrow-container .swiper-button-prev {
        color: var(--brand);
    }

    .arrow-container .swiper-button-next {
        /*transform: rotate(180deg);*/
        color: var(--brand);
    }

    .arrow-container .swiper-button-prev::after,  .arrow-container .swiper-button-next::after{
        font-size: 1.7rem;
    }

        .swiper-button-prev.swiper-button-disabled,
        .swiper-button-next.swiper-button-disabled {
            
            color: var(--black);
        }
    

.link-blog, .link-blog:hover {
    font-family: var(--family-title);
    font-size: var(--paragraph-1);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    color: var(--gray);
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
    width: max-content;
    margin-left: calc(50% - 2.6rem);
}


@media (max-width: 768px) {
    .link-blog, .link-blog:hover {
        margin-left: calc(50% - 2.55555rem);
    }
    
}