.bg-header_pr {
    background-image: url(/img/proizviditel/5.min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.bg-header_pr.bg-header_pr2 {
    background-image: url(/img/nashi/2.webp);
    background-position: center;
}

.bg-header_pr_before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .4;
}

.img-pr {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.pr-last {
    margin-top: 40px;
}

.fl-pr img {
    margin-top: 20px;
}

.proizviditel {
    max-width: 900px;
    margin: 0 auto;
}

/*.vertical-line{
    align-self: center;
}*/
.list-article.pr-list {
    padding-left: 25px;
}

.list-article.pr-list li {
    display: list-item;
    list-style-position: outside;
}

@media (min-width: 1050px) {
    .fl-pr {
        display: flex;
        align-items: center;
    }

    .fl-pr > div {
        width: 50%;
    }

    .proizviditel {
        max-width: 100%;

    }

    .pr-last .p-pr-l {
        order: 1;
    }

    .pr-last {
        margin-top: 60px;
    }

    .fl-pr img {
        margin-top: 0;
    }
}

/*nashi*/
.nashi {
    display: flex;
    flex-direction: column;
}


/*@media (min-width: 768px) {
    .nashi .title-section {
        font-size: 40px;
    }
}*/

.nashi-desc {
    font-size: 20px;
    color: #393940;
}

.list-products {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media (min-width: 768px) {
    .list-products {
        margin-top: 50px;
        gap: 30px;
    }
}

.nashi-item {
    display: flex;
    gap: 20px;
    flex-direction: column;

}
@media (min-width: 768px) {
    .nashi-item {
        gap: 30px;
        flex-direction: row;
    }
}
@media (min-width: 1024px) {
    .nashi-item {
        gap: 60px;
        flex-direction: row;
    }
}
.wrapper-img {
    width: 220px;
    min-width: 220px;
}
.link-img{
    display: inline-block;
    transition: all .3s;
}
.link-img:hover  {
    transform: scale(1.03);
}

.nashi-item-img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.nashi-item-img.vertical-img{
    width: 80%;
}
/*.nashi-content {
    margin-top: 20px;
}*/
@media (min-width: 768px) {
    .nashi-content {
        margin-top: 20px;
    }
}
.nashi-title {
    display: flex;
    gap: 15px;
    font-size: 26px;
    font-weight: 600;
    align-items: center;
    color: #3c3c3f;
}

@media (min-width: 768px) {
    .nashi-title {
        font-size: 28px;
    }
}
@media (min-width: 1023px) {
    .nashi-title {
        font-size: 32px;
    }
}
.nashi-subtitle {
    font-weight: 600;
    font-size: 24px;
    color: #393940;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .nashi-subtitle  {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
@media (min-width: 1200px) {
    .nashi-subtitle  {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
.nashi-svg {
    width: 40px;
    height: 40px;
}

.nashi-sostav {
    font-size: 20px;
}
@media (min-width: 768px) {
    .nashi-sostav   {
        margin-bottom: 15px;
    }
}
@media (min-width: 1200px) {
    .nashi-sostav  {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

.nashi-link {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    gap: 4px;
    align-items: center;
}

.nashi-link svg {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    transition: all .3s;
}

.nashi-link:hover svg {
    transform: translateX(4px);
}

.text-animate {
    position: relative;
    overflow: hidden;
    clip-path: inset(0 100% 0 0); /* Начальное состояние - скрытый элемент */
    transition: clip-path 0.8s ease-in-out; /* Плавный переход для clip-path */
}

.visible > .text-animate {
    clip-path: inset(0 0 0 0); /* Элемент становится полностью видимым */
}

.nashi .block-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: transform 0.8s ease-in-out, opacity 0.9s;
}

.nashi .block-animate.visible {
    opacity: 1;
    transform: translateY(0);
}