.blog {
    margin-bottom: 30px;
    overflow: hidden;
}

.blog .swiper {
    margin-left: -10px;
    margin-right: -10px;
    overflow: visible;
    position: relative;
    list-style: none;
    padding: 0 0.8rem 1.5rem;
    z-index: 1;
}

.blog__top {
    display: flex;
    justify-content: space-between;
}

.blog__top-link {
    margin: 0 0 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    color: var(--link-color);
    transition: opacity 0.25s, color 0.25s;
}
.blog__top-link:hover {
    opacity: 0.7;
}

.blog__top-link svg {
    width: 2rem;
    height: 0.9rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    fill: currentColor;
    fill-rule: evenodd;
    margin: 0 0 0 0.8rem;
    transition: transform 0.25s;
}

.blog .swiper-wrapper > .swiper-slide{
    margin: 0;
    padding: 0 1rem;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.blog__title {
    display: block;
    margin: 0 0 2rem;
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 500;
}

.blog__slide-link {
    position: relative;
    width: 100%;
    color: var(--main-text-color);
    text-decoration: none;
    transition: color 0.25s;
    display: block;
}

.blog__image-box {
    box-shadow: inset 0 0 0 1px #EEF0F3;
    background: #F7F7FB url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.8333 71.6667H25.8333C7.73333 71.6667 0 63.9333 0 45.8333V25.8333C0 7.73333 7.73333 0 25.8333 0H45.8333C63.9333 0 71.6667 7.73333 71.6667 25.8333V45.8333C71.6667 63.9333 63.9333 71.6667 45.8333 71.6667ZM25.8333 5C10.4667 5 5 10.4667 5 25.8333V45.8333C5 61.2 10.4667 66.6667 25.8333 66.6667H45.8333C61.2 66.6667 66.6667 61.2 66.6667 45.8333V25.8333C66.6667 10.4667 61.2 5 45.8333 5H25.8333Z' fill='%23E6E7EA'/%3E%3Cpath d='M25.2334 28.3333C22.4 28.3333 19.5667 27.2667 17.4 25.1C16.4334 24.1333 16.4334 22.5333 17.4 21.5667C18.3667 20.6 19.9667 20.6 20.9334 21.5667C23.3 23.9333 27.1667 23.9333 29.5334 21.5667C30.5 20.6 32.1 20.6 33.0667 21.5667C34.0334 22.5333 34.0334 24.1333 33.0667 25.1C30.9001 27.2333 28.0667 28.3333 25.2334 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M46.4333 28.3333C43.6 28.3333 40.7667 27.2667 38.6 25.1C37.6333 24.1333 37.6333 22.5333 38.6 21.5667C39.5667 20.6 41.1667 20.6 42.1333 21.5667C44.5 23.9333 48.3667 23.9333 50.7333 21.5667C51.7 20.6 53.3 20.6 54.2667 21.5667C55.2333 22.5333 55.2333 24.1333 54.2667 25.1C52.1 27.2333 49.2667 28.3333 46.4333 28.3333Z' fill='%23E6E7EA'/%3E%3Cpath d='M35.8333 59.6667C26.1666 59.6667 18.3333 51.8 18.3333 42.1667C18.3333 39.1333 20.7999 36.6667 23.8333 36.6667H47.8333C50.8666 36.6667 53.3333 39.1333 53.3333 42.1667C53.3333 51.8 45.4999 59.6667 35.8333 59.6667ZM23.8333 41.6667C23.5666 41.6667 23.3333 41.9 23.3333 42.1667C23.3333 49.0667 28.9333 54.6667 35.8333 54.6667C42.7333 54.6667 48.3333 49.0667 48.3333 42.1667C48.3333 41.9 48.0999 41.6667 47.8333 41.6667H23.8333Z' fill='%23E6E7EA'/%3E%3C/svg%3E%0A) 50% 50% no-repeat;");
    display: block;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    transition: transform 0.25s;
    will-change: transform;
    margin: 0 0 1.5rem;
    height: 18rem;
}

.blog__image-box:before {
    content: "";
    float: left;
    padding: 136% 0 0 0;
}

.blog__image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog__subtitle {
    display: block;
    margin: 0 3rem 0.8rem 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 500;
    transition: transform 0.25s;
    will-change: transform;
}
.blog__subtitle span {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.25s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog__date {
    display: block;
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 400;
    color: #BDC2D3;
    transition: transform 0.25s;
    will-change: transform;
}

.blog__slide:hover {
    text-decoration: none;
    color: var(--link-color);
}
.blog__slide:hover .blog__image-box{
        transform: scale(1.05);
}
.blog__slide:hover .blog__subtitle,
.blog__slide:hover .blog__date {
    transform: translate(0, 10px);
}
.blog__slide:hover .blog__subtitle span {
    border-color: rgba(71, 145, 255, 0.15);
}
.blog__slide:hover .blog__subtitle {
    color: var(--link-color);
}

.mg-news-details__footer {
    display: flex;
    justify-content: space-between;
    background: var(--main-background-color);
    border-radius: 10px;
    padding: 2rem 3rem;
    margin-top: 10px;
    flex-wrap: wrap;
}

.mg-news-details__footer .mg-news-date {
    margin: 1rem 1rem 1rem 0;
    display: flex;
    align-items: center;
}

.mg-news-details__footer .tags {
    position: static;
    margin: 1rem 0 0;
}
.mg-news-details__footer .tags>li>a {
    color: var(--main-text-color);
    background: var(--accent-background-color);
}

@media (max-width: 1200px) {
    .blog .swiper-wrapper > .swiper-slide {
        -ms-flex: 0 0 340px;
        flex: 0 0 34rem;
        width: 34rem;
        max-width: 100%;
    }
}