/*Стили для страницы информации о заводе donghua*/

.wrapper-products {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 86px;
    margin-bottom: 70px;
}

@media (max-width: 768px) {
    .wrapper-products {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .wrapper-products .el-product {
        width: 48%;
        /* Two elements per row */
        box-sizing: border-box;
    }

    /* Reordering elements */
    .wrapper-products .el-product:nth-child(1) {
        order: 1;
    }

    /* Автомобильные цепи */
    .wrapper-products .el-product:nth-child(2) {
        order: 2;
    }

    /* Приводные цепи */
    .wrapper-products .el-product:nth-child(3) {
        order: 4;
    }

    /* Конвейерные цепи */
    .wrapper-products .el-product:nth-child(4) {
        order: 3;
    }

    /* Инженерные цепи */
    .wrapper-products .el-product:nth-child(5) {
        order: 5;
    }

    /* Грузовые цепи */
    .wrapper-products .el-product:nth-child(6) {
        order: 6;
    }

    /* Сельскохозяйственные цепи */
    .wrapper-products .el-product:nth-child(7) {
        order: 8;
    }

    /* Цепи из нержавеющей стали */
    .wrapper-products .el-product:nth-child(8) {
        order: 7;
    }

    /* Эскалаторные цепи */
    .wrapper-products .el-product:nth-child(9) {
        order: 9;
    }

    /* Звездочки */
}


.wrapper-products a {
    color: #444444;
    text-decoration: none;

}

/* h3.solution_heading {
    font-weight: 500;
    line-height: 23px;
    font-size: 21px;
    color: var(--black);
} */

.el-product {
    flex: 0 0 calc(33.33% - 0px);
    height: 266px;
}

.wrapper-info-el-product {
    padding: 22px;
    height: 100%;
}

.wrapper-info-el-product p {
    max-width: 120px;
    margin-bottom: 0;
    margin-top: 25px;
    line-height: 23px;
    font-weight: 500;
    font-size: 21px;
}

.img-product-tsep {
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.zvezdocki {
    background-image: url(/wp-content/uploads/2025/08/zvezdocki.jpg);
}

.nerzh-tsepi {
    background-image: url(/wp-content/uploads/2025/08/nerzh-tsepi.jpg);
}

.avtomobilnye-tsepi {
    background-image: url(/wp-content/uploads/2025/08/avtomobilnye-cepii.jpg);
}

.eskalatornye-tsepi {
    background-image: url(/wp-content/uploads/2025/08/eskalatornye-cepi.jpg);
}

.inzhenernye-tsepi {
    background-image: url(/wp-content/uploads/2025/08/inzhenernye-cepi.jpg);
}

.konveyernye-tsepi {
    background-image: url(/wp-content/uploads/2025/08/konveyernaya-cep.jpg);
}

.privodnye-tsepi {
    background-image: url(/wp-content/uploads/2025/08/privodnaya-cep.jpg);
}

.selskohozyaystvenye-tsepi {
    background-image: url(/wp-content/uploads/2025/08/selskohozyaystvenye-cepi.jpg);
}

.tyagovye-tsepi {
    background-image: url(/wp-content/uploads/2025/08/tyagovye-cepi.jpg);
}

.light-gray-block {
    background: #EEEEEE;
}

.gray-block {
    background: #DFDFDF;
}

.btn-el-product {
    border: 0.5px solid #1B4693;
    border-radius: 100px;
    padding: 3px 14px;
    width: fit-content;
    font-size: 10px;

}

.wrapper-products a.btn-el-product {
    color:  #1B4693;
}

.wrapper-info-el-product img {
    width: fit-content;
}

.wrapper-info-doc .heading-svg {
    width: 78px;
    height: 40px;
    margin-right: clamp(0rem, -0.286rem + 1.429vw, 1rem);
}

.wallpaper-dongua {
    position: relative;
    background: url(/wp-content/uploads/2025/08/photo-fabriki-finish.png) center / cover no-repeat;
    height: 594px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 66px;
    margin-bottom: 117px;
}

.wallpaper-dongua svg {
    width: 100%;
}

.heading-wrapper-info-doc h2 {
    line-height: 48px;
    font-weight: 700;
    font-size: clamp(1.5rem, 1.071rem + 2.143vw, 3rem);
     margin: 0;
     padding: 0;
    text-align: start;
}

.heading-wrapper-info-doc {
    align-items: start;
    margin-bottom: 0;
    display: flex;
    align-items: start;
   
}




.wrapper-info-doc {
    display: flex;
    gap: 133px;
    padding-top: 98px;
}

img.img-wrapper-info-doc {
    max-width: 314px;
    max-height: 210px;
    margin-top: 79px;
    margin-right: 50px;
}

.wrapper-info-doc>div:nth-child(1) {
    width: 40%;
    text-align: end;
}

.wrapper-info-doc>div:nth-child(1) .page-heading {
    align-items: start;
    margin-bottom: 0;
}

.wrapper-info-doc>div:nth-child(2) {
    width: 60%;
}

.wrapper-info-doc-text {
    display: flex;
    gap: 17px;
    color: var(--dark-gray);
}

.wrapper-info-doc-text>p {
    width: 60%;
}

.wrapper-info-doc-logo {
    margin-top: 111px;
    display: flex;
    justify-content: center;
    gap: 111px;
    align-items: center;
    padding-bottom: 139px;
}

.zavod-donghua .page-heading {
    justify-content: center;
    margin-bottom: 81px;
}

.blue-block {
    background: linear-gradient(270deg, #1B4794 0%, #3378D1 100%);
    color: white;
    padding-top: 95px;
    padding-bottom: 47px;
}

.info-equipment {
    text-align: center;
    font-size: clamp(1.5rem, 1.071rem + 2.143vw, 3rem);
    font-weight: 400;
    line-height: 48px;
    letter-spacing: 0;
}



.icons-standards {
    gap: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.info-standarts-block {
    display: flex;
    align-items: center;
        gap: 40px;
}

div.section--standards.donghua p {
    margin: 0;
    color: rgba(33, 37, 46, 1);
    line-height: 28px;
    font-weight: 500;
}

.donghua .vid-presentation {
    max-height: 800px;
}

.light-blue-block {
    background: rgba(220, 230, 237, 1);
}

.btn--black {
    background: rgba(33, 37, 46, 1);
}

.donghua .solution_image {
    min-height: 255px;
    max-height: 255px;
}

.wrapper-number-heading {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 52px;
    align-items: start;
}

.wrapper-number-heading .solution_heading {
    font-weight: 700;
    font-size: clamp(1.5rem, 1.071rem + 2.143vw, 48px);
}

h3.text-solution-donghua {
    font-weight: 500;
    line-height: 23px;
    font-size: 21px;
    color: var(--black);
    text-align: start;
    margin-top: 15px;
}

.donghua .target-top_text {
    margin-left: 65px;
    margin-bottom: 55px;
    font-weight: 500;
    line-height: 33px;
}

.description-el-number-process-donghua {
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0.5px;
}

.target-top_media {
    width: 100%;
    max-width: 692px;
}

.donghua .slick-dots {
    text-align: start;
    bottom: -40px;
}

.slick-dots li button:before {
    font-size: 20px;
}

.slick-dots li.slick-active button:before {
    color: #3EB7E1;
}

.slick-dots li button:before {
    color: #848484;
}

.slick-arrow {
    display: none !important;
}

.donghua .target-top_image {
    max-width: 705px;
    height: 500px;
}

.title-element-donghua {
    font-size: 21px;
    text-align: start;
    margin-bottom: 29px;
    font-weight: 500;
}

.first-el {
    font-weight: 700;
}

.description-element-donghua {
    font-size: 17px;
    font-weight: 500;
    text-align: start;
}

.wrapper-info-number-list-donghua {
    margin-left: 10px;
    max-width: 255px;
}

.donghua .target_list-number {
    justify-content: center;
}

.donghua .target_list-item:not(:last-child) .target_list-number:after {
    margin-top: 25px;
}

.donghua .target_list-item:not(:last-child) .target_list-number:after {
    margin-left: 0;
}

.wrapper-process-number {
    display: flex;
    justify-content: space-between;
}

button {
    position: relative;
}

button div {
    display: block;
    position: absolute;
    top: -65px;
    left: -260px;
    z-index: 100;
    padding: 38px 32px;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 22px;
    color: #21252E;
    max-width: 599px;
    text-align: start;
    width: max-content;
    text-transform: none;
}

.wrapper-process-number>* {
    flex: 1;

}

.tips {
    position: relative;
    display: inline-block;
}

.tips .close-tooltip {
    position: absolute;
    top: -5%;
    right: 45%;
    background: #fff;
    padding: 8px 14px;
    border-radius: 100px;
    border: none;
    color: #848484;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
}

@media (max-width: 992px) {
    button div {
        top: -35px;
        left: 0;
    }

    .tips {
        position: initial;
    }
}

@media (max-width: 565px) {
    tooltip-text {
        max-width: fit-content;
    }

    .tips .close-tooltip {
        top: -3%;
        right: 42%;
    }


    button div {
        padding: 18px 25px;
        max-width: 320px;
        font-size: 16px;
    }
}

@media (max-width: 420px) {
    tooltip-text {
        max-width: fit-content;
    }

    button div {
        top: -55px;
        left: -50px;
        max-width: 255px;
    }
}


.section--about-donghua {
    padding: 50px 0 clamp(1.563rem, -1.505rem + 15.34vw, 10rem);
    background: #F7F7F7 url(/wp-content/uploads/2025/08/world-Map-1.png) center / 50% no-repeat;
}

.section--about-donghua .advantage_text{
    color: var(--dark-gray);
}

.padding-section {
    padding-top: 119px;
    padding-bottom: 71px;
}

.btn--transparent {
    background-color: transparent;
    border: 1px solid #444444;
    color: #444444;
}

.donghua .btn--transparent {
    margin-left: 65px;
    background-color: transparent;
    border: 1px solid #444444;
    color: #444444;
}

.wrapper-number-process-donghua {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.el-number-process-donghua {
    display: flex;
    align-items: baseline;
}

.title-el-number-process-donghua {
    font-size: 21px;
    text-align: start;
    margin-bottom: 29px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0;
    padding-top: 16px;
}

.section--solutions.donghua.light-blue-block .solution_number {
    font-weight: 400;
}

.num {
    font-size: 48px;
    font-weight: 700;
}

.wrapper-text-el-process-donghua {
    display: flex;
    gap: 24px;
}

.last-el-process {
    justify-content: start;
}

section.white-block {
    background-color: #fff;
}

.wrapper-info-donghua {
    display: flex;
    gap: 30px;
    align-items: center;
}

.wrapper-info-donghua div {
    width: 100%;
}

.description-info {
    margin-top: 48px;
    padding-left: 70px;
    color: var(--dark-gray);
}

.wrapper-certificates {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 120px;
    justify-content: space-between;
}

.wrapper-certificates>div {
    width: calc(25% - 15px);
    box-sizing: border-box;
    display: block;
}

.certificate-el {
    padding: 11px 8px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    height: 204px;
    max-width: 148px;
    text-align: center;

}

section.section--target.donghua {
    overflow: hidden;
}

.certificate-el img {
    height: 100%;
}

.info-certificate {
    font-size: 17px;
    font-weight: 700;
    margin-top: 24px;
    text-align: start;

}

.slick-slide.slick-current.slick-active {
    display: block;
}

.wrapper-info-donghua img.target-top_image {
    height: revert-layer;
}


@media screen and (max-width: 1180px) {
    .donghua .target-top_image {
        max-width: 100%;
        width: fit-content;
    }

    .section--target.donghua {
        overflow: hidden;
    }

}

@media screen and (max-width: 1024px) {
    .section--target.donghua div.flex-sm.target-top {
        flex-direction: column;
        align-items: center;
    }

    .target-top_desc {
        max-width: 100%;
    }

    .el-number-process-donghua img {
        display: none;
    }

    .donghua .target-top_image {
        max-width: 100%;
        width: 100%;
    }

}


@media screen and (max-width: 992px) {
    .wrapper-info-doc-text {
        flex-direction: column;
    }

    .wrapper-info-doc-text>p {
        width: 100%;
    }

    .target-top_image,
    .wrapper-info-donghua img.target-top_image {
        height: 100%;
    }

    .wrapper-number-process-donghua {
        flex-direction: column;
    }

    .target-top_image {
        width: 100%;
    }

    figure.slick-slide {
        width: fit-content;
    }

    .section--standards div.container {
        flex-direction: column;
        gap: 30px;
    }

     .section--standards .info-standarts-block {
        flex-direction: column;
    }

    .wrapper-info-doc {
        padding-top: 0;
    }

}


@media screen and (max-width: 765px) {
    .wrapper-info-doc {
        flex-direction: column;
    }

    .heading-wrapper-info-doc {
        align-items: center;
    }

    .heading-wrapper-info-doc h2 {
        line-height: 1.2;
    }


    img.img-wrapper-info-doc {
        max-width: 100%;
        max-height: 100%;
         margin-top: 50px;
         margin-right: 0;
    }


    .wrapper-products {
        margin-top: 50px;
    }

    .wrapper-info-doc {
        gap: 40px;
    }

    .wrapper-info-doc>div:nth-child(1) {
        text-align: center;
    }

    .wrapper-info-doc>div:nth-child(1),
    .wrapper-info-doc>div:nth-child(2),
    .wrapper-info-doc-text {
        width: 100%;
    }

    .el-product {
        height: 220px;
    }

    .wrapper-info-doc-logo {
        flex-direction: column;
    }

    .donghua .solution_image {
        min-height: 150px;
    }

    .wrapper-info-donghua {
        flex-direction: column;
        margin-top: 60px;
        gap: 60px;
    }

    .el-product {
        flex: 0 0 calc(50% - 0px);
    }

    .wrapper-certificates>div {
        width: calc(50% - 15px);
    }

    .wrapper-info-el-product p {
        font-size: 16px;
        margin-top: 10px;
    }

    .info-equipment {
        line-height: 28px;
    }

}

@media screen and (max-width: 685px) {
    .wrapper-certificates {
        justify-content: space-evenly;
        gap: 70px;
    }


}

@media screen and (max-width: 420px) {
    .wrapper-certificates {
        justify-content: space-evenly;
    }

    .img-product-tsep {
        background: none;
    }

    .wrapper-info-el-product p {
        width: 100px;
        word-wrap: break-word;
    }

    .donghua .target-top_image {
        height: 200px;
    }

}