﻿@media (max-width: 1199.98px) {
.numbers__card {
        width: calc(50% - 12px);
    }

    .numbers__cards > .numbers__card:nth-child(6) {
        background-color: var(--Label-Primary, #292826);
    }

    .numbers__cards > .numbers__card:nth-child(6) .numbers__card-title {
        color:#fff;
    }

    .numbers__cards > .numbers__card:nth-child(6) .numbers__card-text {
        color:#fff;
    }

    .numbers__cards > .numbers__card:nth-child(5),
        .numbers__cards > .numbers__card:nth-child(8) {
        background-color: #fff;
    }

    .numbers__cards > .numbers__card:nth-child(5) .numbers__card-title,
        .numbers__cards > .numbers__card:nth-child(8) .numbers__card-title {
        color:var(--Label-Primary, #292826);
    }

    .numbers__cards > .numbers__card:nth-child(5) .numbers__card-text,
        .numbers__cards > .numbers__card:nth-child(8) .numbers__card-text {
        color:var(--Label-Primary, #292826);
    }
}
/* ========================================================================================================== */

@media (max-width: 991.98px) {
.numbers {
        padding-top: 90px;
    }

    .slider__category-slider .swiper-wrapper {
        display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                gap:24px;
    }

    .slider__item {
        width: calc(50% - 12px);
                max-width: unset;
    }

    .swiper-wrapper>.slider__item:nth-child(n+7) {
        display: none;
    }

    .slider__wrapper {
        position: relative;
                padding-bottom: 60px;
    }

    .about__wrapper {
        flex-direction: column;
    }

    .about__description,
        .about__info {
        width: 100%;
    }

    .about__info-count {
        font-size: 32px;
    }

    .about__info-text {
        font-size: 14px;
    }

    .about__info-image {
        height: 280px;
    }

    .about__info-cols {
        padding: 16px;
    }

    .about__info-col {
        padding-left: 12px;
    }

    .clients__list {
        flex-wrap: wrap;
                justify-content: center;
                row-gap: 20px;
                column-gap: 30px;
    }

    .clients__item {
        width: calc(33% - 20px);
    }

    .products .swiper-pagination {
        bottom: 30px;
    }

    .products__wrapper {
        position: relative;
                padding-bottom: 70px;
    }
}
/* ========================================================================================================== */

@media (max-width: 767.98px) {
.numbers__cards {
        gap:20px;
    }

    .numbers__card {
        width: calc(50% - 10px);
    }

    .numbers__card {
        padding: 20px;
    }

    .numbers__card-title {
        font-size: 32px;
    }

    .numbers__card-text {
        font-size: 16px;
    }

    .numbers__card-title {
        font-size: 32px;
    }

    .slider__name-link {
        height: 84px;
                display: flex;
                align-items: center;
                justify-content: center;
    }

    .slider__image {
        width: 240px;
                height: 240px;
                margin-bottom: 10px;
    }

    .slider__category-slider .swiper-wrapper {
        gap: 16px;
    }

    .slider__item {
        width: calc(50% - 8px);
    }

    .about__info-count {
        font-size: 28px;
    }

    .about__info-text {
        font-size: 14px;
    }

    .about__info-image {
        height: 280px;
    }

    .about__info-cols {
        padding: 14px;
                gap:12px;
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 10%, rgba(0, 0, 0, 0.80) 100%);
    }

    .about__info-col {
        padding-left: 10px;
    }

    .about__title-block {
        margin-bottom: 32px;
    }

    .about__description-action {
        margin-top: 16px;
    }

    .about__description-link {
        font-size: 12px;
                height: 40px;
                width: 100%;
                max-width: unset;
    }

    .clients__title-block {
        margin-bottom: 32px;
    }

    .clients__title {
        margin-bottom: 32px;
    }
}
/* ========================================================================================================== */

@media (max-width: 575.98px) {
.numbers__cards {
        gap:16px;
    }

    .numbers__card {
        padding: 12px;
                width: calc(50% - 8px);
    }

    .numbers__card-title {
        font-size: 28px;
    }

    .numbers__card-text {
        font-size: 16px;
    }

    .slider__image {
        width: 200px;
                height: 200px;
    }

    .slider__name-link {
        min-height: 64px;
                height: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 10px 12px;
                font-size: 16px;
                line-height: 1.15;
                white-space: normal;
    }

    .about__info-col {
        width: calc(50% - 6px);
                display: flex;
                align-items: flex-end;
                gap:12px;
    }

    .about__info-count {
        width: calc(40% - 6px);
    }

    .about__info-text {
        width: calc(60% - 6px);
    }

    .about__info-count {
        font-size: 36px;
                margin-bottom: 0;
    }

    .about__info-text {
        font-size: 14px;
                line-height: 1.2;
    }

    .clients__list {
        row-gap: 10px;
                column-gap: 18px;
    }

    .clients__item {
        width: calc(33.33% - 12px);
                height: 80px;
    }

    .clients-swiper {
        max-width: 100%;
                overflow: hidden;
    }

    .clients__content {
        max-width: 100%;
                overflow: hidden;
    }

    .clients-swiper .swiper-wrapper {
        max-width: 100%;
    }

    .clients-swiper__item {
        width: calc((100% - 12px) / 2) !important;
                max-width: calc((100% - 12px) / 2);
                min-width: 0;
                height: 80px;
                padding: 0 12px;
                box-sizing: border-box;
                overflow: hidden;
                justify-content: center;
                align-items: center;
    }

    .clients-swiper__item img {
        display: block;
                width: auto;
                max-width: calc(100% - 4px);
                max-height: 100%;
                margin: 0 auto;
    }
}
/* ========================================================================================================== */

@media (max-width: 478.98px) {
.numbers__card-title {
        font-size: 28px;
    }

    .numbers__card-text {
        font-size: 12px;
    }

    .slider__image {
        width: 180px;
                height: 180px;
    }

    .slider__name-link {
        height: 56px;
                font-size: 14px;
    }

    .about__info-count {
        font-size: 28px;
    }

    .about__info-text {
        font-size: 12px;
    }

    .product__item-title {
        font-size: 16px;
    }

    .product__item-article {
        font-size: 14px;
    }

    .product__item-info ul li {
        font-size: 14px;
    }

    .product__item-link {
        height: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 14px;
    }
}
/* ========================================================================================================== */

@media (max-width: 431px) {
.numbers__card-title {
        font-size: 24px;
    }

    .slider__image {
        width: 160px;
                height: 160px;
    }

    .slider__name-link {
        min-height: 52px;
                height: auto;
                padding: 8px 10px;
                font-size: 13px;
                line-height: 1.15;
                white-space: normal;
    }

    .about__info-count {
        font-size: 24px;
                line-height: 1;
    }

    .about__info-cols {
        padding-left: 8px;
                padding-right: 8px;
                padding-bottom: 16px;
                gap: 10px 8px;
    }

    .about__info-col {
        width: calc(50% - 6px);
                flex-direction: column;
                align-items: flex-start;
                gap: 6px;
    }

    .about__info-count,
        .about__info-text {
        width: 100%;
    }

    .about__info-text {
        font-size: 11px;
                line-height: 1.1;
                overflow-wrap: anywhere;
    }
}
/* ========================================================================================================== */


