.pr-0 {
    background-color: #f6f5f6;
    padding-right: 0px !important;
    @media (width <= 768px) {
        padding-right: 30px !important;
    }
}

.wrap {
    @media (width > 768px) {
        overflow-x: visible;
    }
}

.article.desktop,
.article.desktop ol {
    width: 1080px;
    max-width: 100%;
    @media (width <= 1739px) {
        width: 640px;
    }
}

.article__holder {
    display: flex;
    gap: 20px;
    min-height: 100vh;
    @media (width <= 768px) {
        display: block;
    }
}

.article-banner {
    width: 556px;
    height: 702px;
    background-size: cover;
    padding: 100px 60px 60px 40px;
    position: sticky;
    top: 10px;
    @media (width <= 1739px) {
        width: 420px;
        height: 570px;
        padding: 80px 0 60px 20px;
    }
    @media (width <= 768px) {
        position: static;
        width: 100%;
        max-width: 420px;
        padding: 80px 0;
    }
}

.article-banner-footer .article-banner {
    padding: 80px 20px;
}

.article-banner__title {
    font-size: 56px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px !important;
    @media (width <= 1739px) {
        font-size: 48px;
    }
    @media (width <= 768px) {
        font-size: 42px;
    }
}

.article-banner__text {
    font-size: 22px;
    margin-bottom: 15px !important;
    line-height: 1.2;
    width: 85%;
    @media (width <= 1739px) {
        font-size: 20px;
        width: 90%;
    }
    @media (width <= 768px) {
        font-size: 18px;
    }
}

.article-banner__list {
    display: flex;
    gap: 8px;
    margin: 0 0 20px 0;
    padding: 0;
}

.article-banner__list li {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    font-size: 14px;
    margin: 0 !important;
    list-style: none;
    @media (width <= 1739px) {
        font-size: 13px;
    }
}

.article-banner__list li:before {
    content: "●";
    color: var(--secondary);
    font-size: 12px;
    font-weight: bold;
}

.article-banner__list li:first-child {
    padding-left: 0;
    &:before {
        content: none;
    }
}

.article-banner__footer {
    display: flex;
    align-items: center;
    gap: 20px;
    @media (width <= 768px) {
        gap: 10px;
    }
}

.article-banner__btn {
    width: 160px;
    flex-shrink: 0;
    text-decoration: none !important;
    @media (width <= 768px) {
        width: 150px;
    }
}

.article-banner__garant {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    & svg {
        width: 32px;
        height: 32px;
        fill: #f6f5f6;
        stroke: var(--secondary);
    }
    @media (width <= 768px) {
        font-size: 13px;
    }
}