.about-first-block{
    display: flex;
    gap: 20px;
}
.about-first-block .text-area{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 40px;
    width: 100%;
    max-width: 700px;
    min-height: 580px;
    border-radius: 16px;
    background: #007444;
    color: #FFF;
}
.about-first-block .text-area .title-page{
    font-size: 50px;
    font-weight: 600;
    line-height: 120%;
}
.about-first-block .text-area .text-section{
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.about-first-block .text-area .button-action{
    margin-top: auto;
    display: inline-flex;
    height: 54px;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    max-width: max-content;
    border-radius: 100px;
    border: 1px solid #FFF;
    transition: background 0.7s, color 0.7s, border 0.7s;
    cursor: pointer;
}
.about-first-block .text-area .button-action:hover {
    background-color: #FFF;
    color: #007444;
    border: 1px solid transparent;
}
.about-first-block .img-area{
    display: flex;
    width: 100%;
    max-width: 600px;
    min-height: 580px;
    border-radius: 16px;
    overflow: hidden;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.about-first-block .img-area .slider-area {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: #F0F0F0;
    padding: 35px 45px 0;
    justify-content: center;
    align-items: center;
    min-height: 580px;
}

.about-first-block .img-area .slider-area .slider {

    width: 100%;
    height: 331px;
    overflow: hidden;
}

.about-first-block .img-area .slider-area .slider img {
    width: 100%;
    height: 331px;
    object-fit: contain;
}

.about-first-block .img-area .buttons {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    margin-top: 29px;
    position: absolute;
    bottom: 0;
    z-index: 99;
}

.about-first-block .img-area .buttons .butoon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #DFDFDF;
    margin: 0 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.about-first-block .img-area .buttons .butoon.active {
    background: #007444;
}

.about-first-block .img-area .slider-area .pannel-control {
    display: flex;
    position: absolute;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    top: calc(50% - 20px);
    width: 90%;
    left: 5%;
    z-index: 99;
}

.about-first-block .img-area .slider-area .pannel-control .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='11' viewBox='0 0 6 11' fill='none'%3E%3Cpath d='M0.75101 1.49986L2.90675 3.66173L5.0625 5.8236L0.75101 10.1473' stroke='%23222422' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 18px;
    cursor: pointer;
}

.about-first-block .img-area .slider-area .pannel-control .arrow.left {
    transform: rotate(180deg);
}
.about-first-block .img-area .slider-area .pannel-control .arrow.swiper-button-disabled {
    opacity: 0.3;
}


@media (max-width: 1030px) {
    .about-first-block .text-area .title-page {
        font-size: 32px;
    }
    .about-first-block .text-area {
        gap: 14px;
        padding: 24px;
        min-height: 366px;
    }
    .about-first-block .img-area {
        min-height: 366px;
    }
    
}
@media (max-width: 1100px) {
    .about-first-block {
        flex-direction: column;
        gap: 10px;
    }
    .about-first-block .text-area {
        max-width: 100%;
    }
    .about-first-block .img-area {
        max-width: 100%;
    } 
    .about-first-block .img-area {
        min-height: unset;
    }
    .about-first-block .img-area .slider-area {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
        overflow: hidden;
        border-radius: 16px;
        background: #F0F0F0;
        padding: 67px 32px 67px;
        justify-content: center;
        align-items: center;
        min-height: 362px;
    }
    .about-first-block .img-area .buttons {
        bottom: 10px;
    }
    
}
@media (max-width: 555px) {
    .about-first-block .img-area .slider-area {
        padding: 37px 22px 57px;
        height: 334px;
    }
    .about-first-block .img-area .slider-area .slider img {
        height: 226px;
    }
    .about-first-block .img-area .slider-area .pannel-control {
        display: none;
    }
    .about-first-block .text-area .text-section {
        font-size: 14px;
    }
}
@media (max-width: 360px) {
    .about-first-block .text-area .title-page {
        font-size: 24px;
    }
}

.durability{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.durability .title-area1 .text-item {
    max-width: 600px;
}
.durability .title-area1 .title-item {
    max-width: 100%;
}
.durability .items-area {
    display: flex;
    gap: 20px;
}
.durability .items-area .item{
    display: flex;
    flex-direction: column;
    padding: 32px;
    gap: 78px;
    border-radius: 16px;
    background: #F0F0F0;
    width: 100%;
    max-width: 340px;
}
.durability .items-area .item.item-img {
    padding: 0;
    width: 600px;
    max-width: 100%;
    height: 346px;
    overflow: hidden;
}
.durability .items-area .item.item-img video {
    height: 100%;
}
.durability .items-area .item.item-img  img{
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.durability .items-area .item .icon{
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}
.durability .items-area .item .text-area{
    display: flex;
    flex-direction: column;
    gap: 32px;
    color: #5C5C5C;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}
.durability .items-area .item .text-area .title-item{
    color: #222422;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
}
.durability .items-area .item .text-area .list-items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.durability .items-area .item .text-area .list-items .list-item span {
    color: #222422;
    font-weight: 600;
}
.durability .items-area .item .text-area .list-items .list-item a {
    color: #222422;
    font-weight: 500;
    line-height: 140%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
@media (max-width: 1060px) {
    .durability .items-area {
        flex-wrap: wrap;
    }
    .durability .items-area .item.item-img {
        width: 100%;
    }
    .durability .items-area .item {
        max-width: calc(50% - 10px);
    }
}
@media (max-width: 767px) {
    .durability .items-area .item {
        padding: 24px;
        gap: 68px;
    }
}
@media (max-width: 620px) {
    .durability .items-area .item {
        max-width: 100%;
    }
}



.assortment {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.assortment .control-paner {
    display: flex;
    gap: 4px;
    position: relative;
    width: 130px;
}

.assortment .control-paner .button-slider {
    width: 40px;
    height: 40px;
    background-color: #007444;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.assortment .control-paner .button-slider.left {
    width: 40px;
    height: 40px;
    background-color: #007444;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.assortment .button-slider .arrow {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.5 1.5L7.5 5L2.5 8.5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.assortment .control-paner .button-slider.left .arrow {
    transform: rotate(180deg);
}

.assortment .slider-area {
    width: 100%;
}

.assortment .slider-area .slider {
    width: 100%;
    display: flex;
}

.assortment .slider-area .slider .slide {
    display: flex;
    position: relative;
    height: 410px;
    display: flex;
    flex-direction: column;
}
.assortment .slider-area .slider .slide .img-area {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.assortment .slider-area .slider .slide .img-area::after {
    content: '';
    display: flex;
    width: 100%;
    height: 40%;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(34, 36, 34, 0.80) 100%);
}

.assortment .slider-area .slider .slide .img-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.assortment .slider-area .slider .slide .text-area {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    justify-content: flex-end;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    height: 100%;
    padding: 32px;
    gap: 6px;
}
.assortment .swiper-button-next:after,
.assortment .swiper-button-prev:after {
    display: none;
}
@media (max-width: 670px) {
    .assortment .control-paner {
        display: none;
    }
    .assortment .slider {
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
         .assortment .slider::-webkit-scrollbar {
        display: none;
    }
    .assortment .slider  .slide{
        width: 315px;
        height: 410px;
    }
    
}





.accessories {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.accessories .control-paner {
    display: flex;
    gap: 4px;
    position: relative;
    width: 130px;
}

.accessories .control-paner .button-slider {
    width: 40px;
    height: 40px;
    background-color: #007444;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.accessories .control-paner .button-slider.left {
    width: 40px;
    height: 40px;
    background-color: #007444;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.accessories .button-slider .arrow {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.5 1.5L7.5 5L2.5 8.5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.accessories .control-paner .button-slider.left .arrow {
    transform: rotate(180deg);
}

.accessories .slider-area {
    width: 100%;
}

.accessories .slider-area .slider {
    width: 100%;
    display: flex;
}

.accessories .slider-area .slider .slide {
    display: flex;
    position: relative;
    height: 470px;
    display: flex;
    flex-direction: column;
}

.accessories .slider-area .slider .slide .img-area {
    display: flex;
    width: 100%;
    height: 330px;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.accessories .slider-area .slider .slide .img-area::before {
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(180deg, #DFDFDF 0%, #F0F0F0 100%);
}
.accessories .slider-area .slider .slide .img-area::after {
    content: '';
    display: flex;
    width: 100%;
    height: 40%;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
background: linear-gradient(180deg, rgba(34, 36, 34, 0.00) 0%, rgba(34, 36, 34, 0.05) 31.44%, rgba(34, 36, 34, 0.15) 62.34%, rgba(34, 36, 34, 0.35) 100%);
}

.accessories .slider-area .slider .slide .img-area img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    z-index: 2;
}

.accessories .slider-area .slider .slide .text-area {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
    height: 100%;
    padding: 32px;
}
.accessories .slider-area .slider .slide .text-area .type {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    line-height: 110%;
	margin-bottom: 10px;
	margin-top: 125%;
}
.accessories .slider-area .slider .slide .text-area .description {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
}

.accessories .swiper-button-next:after,
.accessories .swiper-button-prev:after {
    display: none;
}

@media (max-width: 670px) {
    .accessories .control-paner {
        display: none;
    }

    .accessories .slider {
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .accessories .slider::-webkit-scrollbar {
        display: none;
    }

    .accessories .slider .slide {
        width: 315px;
        height: 410px;
    }

}


.characteristics{
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 60px;
    border-radius: 16px;
    background: #F0F0F0;
}
.characteristics .items-area{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.characteristics .items-area .item{
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #222422;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%; 
    width: calc(33.3% - 27px);
}
.characteristics .items-area .item .title-item{
    color: #B3B3B3;
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
}

@media (max-width: 900px) {
    .characteristics .items-area .item {
        width: calc(50% - 20px);
    }
}
@media (max-width: 600px) {
    .characteristics .items-area .item {
        width: 100%;
    }
}
@media (max-width: 600px) {
    .characteristics {
        padding: 24px;
    }
    .characteristics .items-area {
        gap: 16px;
    }
    .characteristics .items-area .item {
        font-size: 14px;
    }
    .characteristics .items-area .item .title-item {
        font-size: 14px;
    }
}

.technical-data{
    display: flex;
    gap: 80px;
}
.technical-data .title-area3{
    display: flex;
    flex-direction: column;
    gap: 40px;
    color: #222422;
    font-size: 42px;
    font-weight: 600;
    line-height: 120%;
    width: 100%;
    max-width: 314px;
    flex-shrink: 0;
}
.technical-data .offer-button{
    display: flex;
    height: 50px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #007444;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 110%;
    max-width: max-content;
    transition: background 0.7s;
}
.technical-data .offer-button:hover{
    background: #048D54;
}
.technical-data .offer-button.mob-ver{
    display: none;
}
.technical-data .items-area{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 924px;
}
.technical-data .lonely{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 924px;
}
.technical-data .items-area .item{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.technical-data .items-area .item .item_text_body {
    gap: 24px;
    max-width: 585px;
    width: 60%;
    box-sizing: border-box;
    padding: 32px;
    border-radius: 16px;
    background: #F0F0F0;
    color: #222422;
    font-size: 28px;
    font-weight: 600;
    line-height: 120%;
}
.technical-data .items-area .item .item_text_body .item-title{
    color: #222422;
    font-size: 28px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
}
.technical-data .items-area .item .item_text_body .text-item {
    color: #5C5C5C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.technical-data .items-area .item .img-area{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
    height: auto;
    min-height: 315px;
    max-width: 315px;
    box-sizing: border-box;
    padding: 24px;
    border-radius: 16px;
    background: #F0F0F0;
    color: #222422;
}
.technical-data .items-area .item .img-area img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    max-height: 267px;
}
.technical-data .lonely .item .item_text_body {
    display: none;
}
.technical-data .lonely .item .img-area{
    width: 100%;
    max-width: 925px;
}

@media (max-width: 1100px) {
    .technical-data .items-area .item .item_text_body .item-title {
        font-size: 20px;
    }
}

@media (max-width: 1150px) {
    .technical-data .items-area {
        flex-direction: column;
    }
    .technical-data .items-area .item {
        flex-direction: column;
        width: 100%;
    }
    .technical-data .items-area .item .item_text_body {
        width: 100%;
        max-width: 1000px;
        margin-bottom: 20px;
    }
    .technical-data .items-area .item .img-area{
        width: 100%;
        max-width: 1000px;
    }
}
@media (max-width: 800px) {
    .technical-data {
        flex-direction: column;
    }
    .technical-data .title-area3 {
        font-size: 32px;
        max-width: 100%;
        flex-shrink: 0;
    }
    .technical-data .offer-button.mob-ver {
        display: flex;
        margin: 12px auto 0;
    }
    .technical-data .offer-button {
        display: none;
    }
    .technical-data {
        display: flex;
        gap: 32px;
    }
}

.benefits {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.benefits .title-area1 .title-item{
    max-width: 100%;
}
.benefits .items-area {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.benefits .items-area .item{
    display: flex;
    gap: 20px;
    width: 100%;
    max-width: calc(50% - 10px);
}
.benefits .items-area .item:nth-child(3),
.benefits .items-area .item:nth-child(4){
    flex-direction: row-reverse;
}
.benefits .items-area .item .img-area{
    display: flex;
    width: 100%;
    max-width: calc(50% - 10px);
    height: 100%;
    min-height: 294px;
    border-radius: 16px;
    overflow: hidden;
}
.benefits .items-area .item .img-area img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.benefits .items-area .item .text-area {
    display: flex;
    width: 100%;
    max-width: calc(50% - 10px);
    min-height: 294px;
    flex-direction: column;
    display: flex;
    padding: 24px;
    gap: 24px;
    border-radius: 16px;
    background: #F0F0F0;
    color: #5C5C5C;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
}
.benefits .items-area .item .text-area .title-item{
    color: #222422;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
}
@media (max-width: 1010px) {
    .benefits .items-area .item {
        flex-direction: column;
    }
    .benefits .items-area .item:nth-child(3),
    .benefits .items-area .item:nth-child(4) {
        flex-direction: column;
    }
    .benefits .items-area .item .img-area {
        max-width: 100%;
       height: 338px;
    }
    .benefits .items-area .item .text-area {
        max-width: 100%;
        height: 100%;
    }
}
@media (max-width: 600px) {
    .benefits .items-area .item {
        max-width: 100%;
    }

    .benefits .items-area .item .text-area {
        height: auto;
        min-height: 228px;
    }
    .benefits .items-area .item .text-area .title-item {
        font-size: 24px;
    }
}

.feedbackform {
    display: flex;
}

.feedbackform .wrapper-form {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
    min-height: 390px;
}

.feedbackform .wrapper-form .text-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 650px;
    border-radius: 16px;
    background: #007444;
    padding: 40px;
}

.feedbackform .wrapper-form .text-area .title {
    color: #FFF;
    font-size: 42px;
    font-weight: 600;
    line-height: 120%;
}

.feedbackform .wrapper-form .text-area .text {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
}

.feedbackform .wrapper-form .text-area .sub-text {
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-top: auto;
}

.feedbackform .wrapper-form .aria-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 650px;
    gap: 32px;
    border-radius: 16px;
    border: 1px solid #DFDFDF;
    background: #F0F0F0;
    padding: 40px;
    position: relative;
}

.feedbackform .wrapper-form .aria-right .title-right {
    color: #222422;
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
    max-width: 360px;
}

.feedbackform .wrapper-form .form-area .input-area {
    display: flex;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
}

/* .feedbackform .wrapper-form .form-area .input-area .text {
    display: flex;
    width: calc(50% - 6px);
    gap: 12px;
    flex-wrap: wrap;
} */
.feedbackform .wrapper-form .form-area .input-area>span {
    display: flex;
    width: calc(50% - 6px);
    gap: 12px;
    flex-wrap: wrap;
}

.feedbackform .wrapper-form .form-area {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 40px;
}

@media (max-width: 950px) {
    .feedbackform .wrapper-form {
        gap: 14px;
        flex-direction: column;
    }

    .feedbackform .wrapper-form .text-area {
        max-width: 100%;
    }

    .feedbackform .wrapper-form .form-area .input-area>span {
        max-width: 100%;
        width: 100%;
    }

    .feedbackform .variation-services {
        width: 100%;
    }

    .feedbackform .wrapper-form .aria-right {
        max-width: 100%;
    }

    .feedbackform .form-area .button {
        max-width: max-content;
    }

    .feedbackform .wrapper-form .form-area {
        align-items: center;
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .feedbackform .wrapper-form .text-area {
        padding: 24px;
    }

    .feedbackform .wrapper-form .text-area .title {
        font-size: 24px;
    }

    .feedbackform .wrapper-form .text-area .text {
        font-size: 14px;
    }

    .feedbackform .wrapper-form .text-area .sub-text {
        font-size: 14px;
        margin-top: 70px;
    }

    .feedbackform .wrapper-form .aria-right .title-right {
        font-size: 32px;
        max-width: 100%;
    }

    .feedbackform .wrapper-form .aria-right {
        gap: 20px;
        padding: 24px;
    }

    .feedbackform .wrapper-form .aria-right .title-right {
        font-size: 24px;
    }
}

@media (max-width: 555px) {
    .feedbackform .wrapper-form .form-area .input-area {
        flex-direction: column;
    }

    .feedbackform .wrapper-form .form-area .input-area .text {
        width: 100%;
    }

    .feedbackform .form-area .button {
        max-width: 100%;
        margin-top: 12px;
    }

    .feedbackform .custom-select-wrapper {
        width: 100%;
    }
}


.more-our-product {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.more-our-product .control-paner {
    display: flex;
    gap: 4px;
    position: relative;
    width: 130px;
}

.more-our-product .control-paner .button-slider {
    width: 40px;
    height: 40px;
    background-color: #007444;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.more-our-product .control-paner .button-slider.left {
    width: 40px;
    height: 40px;
    background-color: #007444;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.more-our-product .button-slider .arrow {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2.5 1.5L7.5 5L2.5 8.5' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.more-our-product .control-paner .button-slider.left .arrow {
    transform: rotate(180deg);
}

.more-our-product .slider-area {
    width: 100%;
}

.more-our-product .slider-area .slider {
    width: 100%;
    display: flex;
}

.more-our-product .slider-area .slider .slide {
    display: flex;
    position: relative;
    height: 530px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.more-our-product .slider-area .slider .slide.swiper-slide-active {
    width: 872px !important;
}

.more-our-product .slider-area .slider .slide .img-area {
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.more-our-product .slider-area .slider .slide .img-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

.more-our-product .swiper-button-next:after,
.more-our-product .swiper-button-prev:after {
    display: none;
}
@media (max-width: 950px) {
    .more-our-product .slider-area .slider .slide.swiper-slide-active {
            width: 550px !important;
        }
}
@media (max-width: 670px) {
    .more-our-product .control-paner {
        display: none;
    }

    .more-our-product .slider-area .slider {
        gap: 14px;
        overflow-x: auto;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .more-our-product .slider-area .slider::-webkit-scrollbar {
        display: none;
    }

    .more-our-product .slider-area .slider .slide {
        width: 330px;
        height: 410px;
    }

}


.faq{
    display: flex;
    width: 100%;
}
.faq .items{
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 40px;
}
.faq .items .item{
    display: flex;
    width: 100%;
    flex-direction: column;
    padding-bottom: 48px;
    border-bottom: 2px solid #F0F0F0;
    gap: 32px;
}
.faq .items .item .top-area .title-faq{
    color: #222422;
    font-size: 32px;
    font-weight: 600;
}
@media (max-width: 1150px) {
    .faq .items .item .top-area .title-faq{
        font-size: 30px;
        line-height: 120%;
    }
}
@media (max-width: 850px) {
    .faq .items .item .top-area .title-faq{
        font-size: 28px;
    }
}
@media (max-width: 650px) {
    .faq .items .item .top-area .title-faq{
        font-size: 24px;
    }
}
.faq .items .item .top-area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222422;
    font-size: 42px;
    font-weight: 600;
    line-height: 120%;
    gap: 110px;
    cursor: pointer;
}
.faq .items .item .top-area .icon {
     display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M30 55C43.75 55 55 43.75 55 30C55 16.25 43.75 5 30 5C16.25 5 5 16.25 5 30C5 43.75 16.25 55 30 55Z' fill='%23F0F0F0'/%3E%3Cpath d='M20 30H40' stroke='%23222422' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 40V20' stroke='%23222422' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% auto;
}
.faq .items .item.active .top-area .icon {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M30 55C43.75 55 55 43.75 55 30C55 16.25 43.75 5 30 5C16.25 5 5 16.25 5 30C5 43.75 16.25 55 30 55Z' fill='%23222422'/%3E%3Cpath d='M20 30H40' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.faq .items .item .text {
    color: #222422;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    display: none;
    flex-direction: column;
    transition: all 0.3s ease;
}
.faq .items .item.active .text {
    display: flex;
}

@media (max-width: 1000px) {
    .faq .items {
        gap: 32px;
    }
    .faq .items .item {
        padding-bottom: 32px;
        border-bottom: 1px solid #F0F0F0;
        gap: 24px;
    }
    .faq .items .item .top-area {
        font-size: 20px;
        gap: 15px;
    }
    .faq .items .item .top-area .icon {
        width: 32px;
        height: 32px;
    }
    .faq .items .item .text {
        font-size: 14px;
    }
}

.feedbackform2 {
    display: flex;
}

.feedbackform2 .wrapper-form {
    display: flex;
    border-radius: 16px;
    overflow: hidden;
    justify-content: space-between;
    width: 100%;
    gap: 32px;
    padding: 60px;
    background: #007444;
}

.feedbackform2 .wrapper-form .text-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 500px;
}

.feedbackform2 .wrapper-form .text-area .title {
    color: #FFF;
    font-size: 42px;
    font-weight: 600;
    line-height: 120%;
}

.feedbackform2 .wrapper-form .text-area .text {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 140%;
}

.feedbackform2 .wrapper-form .form-area {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    gap: 16px;
}

@media (max-width: 950px) {
    .feedbackform2 .wrapper-form {
        padding: 24px;
    }

    .feedbackform2 .wrapper-form .text-area .title {
        font-size: 32px;
    }

    .feedbackform2 .wrapper-form .text-area .text {
        font-size: 14px;
    }
}

@media (max-width: 950px) {
    .feedbackform2 .wrapper-form {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}




:root{
    --bg-head:#e6e7ea;
    --bg-row:#fafbfc;
    --border:#d7d9dd;
    --text:#111827;
}

.table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* База (>=990px) */
.specs{ width:100%; border-collapse:separate; border-spacing:0; background:#fff;
    border:1px solid var(--border); border-radius:0 0 12px 12px; overflow:hidden; }
.table-caption{
    display:block; width:100%;
    text-align: center;
    font-weight: 700;
    padding:14px 16px; background:var(--bg-head);
    border:1px solid var(--border); border-bottom:0;
    border-radius:12px 12px 0 0;
}
.specs thead th{ position:sticky; top:0; z-index:1; background:var(--bg-head); font-weight:600; }
.specs th,.specs td{ padding:12px 14px; text-align:center; border-right:1px solid var(--border); white-space:nowrap; }
.specs th:first-child,.specs td:first-child{ text-align:left; }
.specs tr td:last-child,.specs tr th:last-child{ border-right:0; }
.specs tbody tr:nth-child(odd){ background:var(--bg-row); }

/* Жёстко возвращаем табличную модель для >=641px */
@media (min-width:641px){
    .specs, .specs thead, .specs tbody, .specs tr, .specs th, .specs td{ display:revert; }
    .specs thead{ display:table-header-group !important; }
}

/* Планшет 641–989px: скролл по X, ширина колонок, первый столбец переносится */
@media (max-width:989px) and (min-width:641px){
    .specs{ table-layout:fixed; min-width:900px; }
    .specs th,.specs td{ min-width:90px; }
    .specs th:first-child,.specs td:first-child{ min-width:260px; white-space:normal; word-break:break-word; }
}

/* Мобила <=640px: карточки */
@media (max-width:640px){
    .specs, .specs thead, .specs tbody, .specs tr, .specs th, .specs td{ display:block; }
    .specs thead{ display:none; }
    .specs tbody tr{ border:1px solid var(--border); border-radius:12px; padding:10px 12px; margin:12px 0; background:#fff; }
    .specs tbody tr th[scope="row"]{ display:block; font-weight:700; padding-bottom:6px; white-space:normal; }
    .specs tbody tr td{ display:flex; justify-content:space-between; gap:12px; border-top:1px dashed var(--border); padding:8px 0; white-space:normal; }
    .specs tbody tr td::before{ content:attr(data-label); font-weight:600; margin-right:12px; }
}