.mobile-menu {
    display: none;
}

@media (max-width: 1850px) {
    .district__inner {
        gap: 50px;
    }
    .cost-table__inner {
        flex-direction: column;
    }
    .cost-table__panel-cta {
        margin-top: 20px;
    }
    .cost-table__panel-img-wrap {
        top: 0;
    }
}

@media (max-width: 1650px) {
    .district__inner {
        gap: 50px;
    }
    .contacts-map__inner {
        max-width: calc(100% - 30px);
    }
     .avtopark__page-wrapper .avtopark__page-icon {
        display: none;
    }
    .district__panel-svg__wrap {
      min-width: clamp(280px, 35%, 574px);
    aspect-ratio: 574 / 737;
    }
     .district__panel-svg__wrap svg {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1599px) {
    .containers__panel-bottom {
        flex-direction: column;
    }

    .district__map {
        max-width: 374px;
    }

    .district__tabs {
        gap: 30px;
    }

    .header-logo__title {
        font-size: 22px;
        margin-top: -10px;
    }

    .header-logo img {
        max-width: 53px;
        width: 100%;
        max-height: 53px;
    }

    .header-nav-link {
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .header-tel {
        font-size: 16px;
    }

    .header-nav_li:first-child,
    .header-nav_li:nth-child(2) {
        margin-right: 10px;
    }

    .header-nav_li {
        margin-right: 44px;
    }

    .containers__panel-wrapper {
        align-items: center;
    }

    .header-logo {
        align-items: center;
    }

    .containers__inner {
        gap: 50px;
    }

    .advantages {
        background-position: center center;
    }

    .reviews__photo {
        width: 120px;
        height: 80px;
    }

    .reviews__photos {
        top: 17px;
    }
}

@media (max-width: 1439px) {
    .hero-block__title {
        margin-top: -67px;
    }

    

    .article-blog_hero-info p {
        background: #fff;
        margin-top: 0;
        width: 100%;
        max-width: 1205px;
        border-radius: 0 0 30px 30px;
    }

    .article-blog-info__bottom-inner p {
        background: unset;
    }

    .article-blog_hero-info h1 {
        border-radius: 30px 30px 0 0;
    }
    .article-blog_hero-image {
        position: unset;
        margin: 0 auto;
    }

    .article-blog_hero-body {
        flex-direction: column-reverse;
    }

    .article-blog_hero-info {
            margin: 0 auto;
            max-width: 1000px;
                margin-top: -150px;
    }

    .article-blog_hero-info h1, .article-blog_hero-info p {
        padding: 20px;
    }

    .article__others-wrapper .card-blog {
        flex: 30%;
    }

    .containers__title,
    .hero-block__title,
    .calculator__title,
    .calculator__title-accent,
    .advantages__title,
    .fleet__title,
    .portfolio__title,
    .district__title,
    .prices__title,
    .faq__title,
    .reviews__title,
    .clients__title,
    .contact__title {
        font-size: 48px;
    }

    .reviews__stats,
    .reviews__top {
        gap: 20px;
    }

    .reviews__stat-icon img,
    .reviews__stat-icon {
        width: 70px;
        height: 70px;
    }

    .calculator__submit {
        font-size: 22px;
    }

    .containers__panel-title,
    .reviews__stat-value {
        font-size: 32px;
    }

    .hero-block__rectangle {
        width: 385px;
    }

    .hero-block__item__descr,
    .hero-block__button {
        font-size: 20px;
    }

    .hero {
        min-height: unset;
    }

    .hero-block {
        max-width: 775px;
    }

    .hero-block__item {
        align-items: center;
        flex-direction: column;
    }

    .hero-block__item__descr {
        text-align: center;
    }

    .hero-block__item__img {
        min-width: 42px;
        min-height: 42px;
        max-width: 42px;
        max-height: 42px;
    }

    .hero-block__buttons {
        margin-top: 40px;
    }

    .hero-block__links {
        flex-direction: column;
        padding-right: 15px;
    }

    .containers__panel-wrapper {
        align-items: flex-start;
        flex-direction: column-reverse;
    }

    .containers__panel-img {
        max-width: 545px;
    }

    .containers__panel-desc {
        max-width: unset;
    }

    .containers__features {
        flex-direction: row;
    }

    .advantages {
        padding: 85px 25px;
    }
}

@media (max-width: 1359px) {
    .calculator__inner {
        justify-content: unset;
        gap: 20px;
    }

    .advantages__item {
        padding: 0 10px;
    }

    .fleet__card-name {
        font-size: 20px;
    }

    .fleet__grid {
        align-items: flex-start;
    }

    .fleet__cta_text {
        padding: 20px;
    }

    .fleet__cta {
        padding: 0;
    }

    .portfolio__card {
        max-width: 480px;
    }

    .portfolio__card-title {
        font-size: 42px;
    }

    .portfolio__card {
        padding: 34px 21px 34px 20px;
    }

    .portfolio__content {
        max-width: 1065px;
        width: 100%;
    }

    .district__sidebar {
        max-width: 320px;
    }

    .faq__question-text {
        font-size: 22px;
    }

    .reviews__top {
        padding: 40px;
    }

    .clients__logo {
        height: 70px;
    }

    .contact__inner {
        gap: 20px;
    }

    .footer__nav-cols,
    .footer__nav {
        gap: 30px;
    }

    .footer__legal-text {
        font-size: 16px;
    }

    .header-logo {
        gap: 10px;
    }
}


/* tablet */
@media (max-width: 1279px) {
    .header-nav_list {
        display: none;
    }
   
        .article-hero__visual {
        min-height: 610px;
    }
    .contacts-map__panel {
        display: none;
    }
    .contacts-map__panel--mobile {
        display: block;
    }
    
    .cost-table__main .prices__cell, .cost-snow__main .prices__cell, .cost-tech__main .prices__cell, .cost-hand__main .prices__cell {
        min-height: unset;
        min-width: unset;
    }
    
    .cost-snow__main .prices__cell {
        background: rgb(41 39 39 / 59%);
    }

    .cost-snow, .cost-tech, .cost-hand {
        padding-top: 40px;
    }

    .contacts-map__title {
        font-size: 42px;
    }

    .contacts-map__open-link {
        font-size: 18px;
    }
    .contacts-map__open-link {
            top: 5px;
            right: 7px;
    }

    .contacts-map__decor {
        display: none;
    }

        .contacts-map__panel {
        position: unset;
        margin: 0 auto;
        margin-top: -320px;
        position: relative;
        z-index: 24;
        top: unset;
        left: unset;
    }


    
    .contacts__mobile-title {
        padding: 7px 9px;
        background: rgba(26, 27, 48, 0.67);
        border-radius: 8px;
        display: block;
        position: absolute;
        top: 12px;
        right: 21px;
        font-weight: 600;
        font-size: 24px;
        color: #fff;
    }

    .contacts-map__hours, .contacts-map__address, .contacts-map__socials {
        margin-top: 12px;
    }

    .contacts-map__open-link span {
        display: none;
    }

    .contacts-map__open-link {
        padding: 13px;
        width: fit-content;
        top: 12px;
        left: 20px;
    }

    .contacts-map__links {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .contacts-map__pdf {
        margin-top: 10px;
    }

    .contacts-map__title {
        display: none;
    }

    .prices__note {
       color: #7d7e81;
       font-weight: 700;
        opacity: 1;
    }

    .hero-block__text {
        border-radius: 0 0 30px 0;
    }

    .hero-block__info {
        gap: 12px;
    }

    .hero-block__links {
        padding-right: 20px;
    }

    .hero-block__items {
        padding: 0 20px;
    }

    .hero-block__link {
        border-radius: 50%;
    }

    .hero-block__call-link {
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.25);
        background: #7dc430;
    }

    .calc__background-texts {
        flex-wrap: wrap;
    }

    .article-blog_hero-info h1, .aritcle-blog__others-title {
        font-size: 42px;
    }

    .article-blog_hero-info p {
        font-size: 24px;
    }

    .article-blog-info__bottom {
        margin-top: 5px;
    }

    .article-blog-page-main {
        margin-top: 0;
    }

    .article-blog__content h1, .article-blog__content h2, .article-blog__content h3, .article-blog__content h4 {
        font-size: 24px;
    }

    .article-blog__content p, .article-blog__content ul li, .article-blog__content ol li, .article-blog__content h5, .article-blog__content a .article-blog__content h6 {
        font-size: 18px;
    }

    .article-blog__first-content {
        flex-direction: column;
    }

    .hero-block__buttons {
        padding: 0 20px 50px 20px;
    }

    .hero {
        background-position: right !important;
        padding: 144px 5px 10px 0;
    }

    .header-logo__title {
        font-size: 32px;
    }

    .header-logo img {
        max-width: 56px;
        max-height: 56px;
    }

    .header__burger,
    .hero__mobile-img {
        display: block;
    }

    .containers__tabs {
        display: none;
    }

    .containers__tabs-mobile {
        margin: 0 auto;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 30px;
        justify-content: center;
    }

    .containers__tabs-mobile .containers__tab {
        padding: 8px 13px 13px 16px;
        border-radius: 1111px;
        background: rgba(125, 196, 48, 0.2);
        width: fit-content;
    }

    .containers__panel-header {
        display: none;
    }

    .containers__panel-desc {
        font-size: 20px;
    }

    .containers__tabs-mobile .containers__tab-volume {
        font-weight: 600;
    }

    .containers__panel-wrapper {
        align-items: center;
    }

    .containers__tabs-mobile .containers__tabs {
        max-width: unset;

    }

    .containers__tabs-mobile .containers__tab--active {
        background: #7dc430;
    }

    .containers {
        padding: 100px 0 0 0;
    }

    .containers__tabs-mobile .containers__panel-title {
        font-size: 22px;
    }

    .containers__title,
    .hero-block__title,
    .calculator__title,
    .calculator__title-accent,
    .advantages__title,
    .fleet__title,
    .portfolio__title,
    .district__title,
    .prices__title,
    .faq__title,
    .reviews__title,
    .clients__title,
    .contact__title {
        font-size: 32px;
    }

    .containers__tabs-mobile .containers__tab-img,
    .containers__tabs-mobile .containers__tab-type {
        display: none;
    }

    .hero__mobile-img {
        pointer-events: none;
        width: 100%;
        padding: 0 20px;
        position: relative;
        margin-top: -70px;
    }

    .header-tel {
        display: none;
    }

    .header-wrapper {
        padding-bottom: 10px;
    }

    .containers__features {
        flex-direction: column;
    }

    .containers__panel-bottom .containers__specs {
        display: none;
    }

    .containers__specs--mobile {
        display: flex;
        flex-direction: column;
        border: unset;
        background: rgba(255, 255, 255, 0.05);
        padding: 15px 24px;
        height: 100%;
        min-height: 360px;
    }

    .containers__specs--mobile__wrapper {
        margin-top: 30px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
    }

    .calculator__form {
        margin-top: -100px;
    }

    .containers__btns,
    .containers__panel-bottom {
        display: none;
    }

    .containers__features {
        margin-top: 0;
    }

    .containers__specs--mobile .containers__spec {
        border: unset;
    }

    .containers__specs--mobile .containers__spec {
        margin-top: 10px;
        margin-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.13);
        padding: 0;
        padding-bottom: 20px;
    }

    .containers__specs--mobile .containers__spec:last-child {
        border-bottom: unset;
    }

    .calculator__sidebar {
        display: none;
    }

    .hero-block__button--glass {
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.25);
        background: rgba(255, 255, 255, 0.16);
        border: unset;
    }

    .calculator {
        padding: 80px 0 10px;
    }

    .calculator__title,
    .calculator__subtitle {
        text-align: center;
    }

    .calculator__body {
        border-radius: 8px;
        box-shadow: unset;
        padding: 25px 25px 25px;
        gap: 28px;
    }

    .calculator__form-inner {
        padding: 20px 20px 0 20px;
    }

    .calculator__submit {
        padding: 17px 8px;
    }


    .containers__specs--mobile__wrapper .containers__btn {
        display: block;
        text-align: center;
    }

    .hero-block__rectangle {
        width: 288px;
        height: 55px;
    }

    .hero-block__title {
        margin-top: -48px;
    }

    .calculator__slider-wrapper-arrow-left,
    .calculator__slider-wrapper-arrow-right {
        display: none;
    }

    .calculator__total-price,
    #total {
        font-size: 28px;
    }

    .calculator__total-sub {
        display: none;
    }

    .calculator__total-sub--mobile {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
    }

    .advantages {
        background: unset;
        padding: 0;
    }

    .advantages__title {
        font-weight: 700;
        font-size: 32px;
        text-align: center;
        color: #71971e;
    }

    .advantages__list {
        background: url(../img/adventages-bg-mobile.webp);
        background-repeat: no-repeat;
        background-size: cover;
        flex-wrap: wrap;
    }

    .advantages__item:not(:last-child)::after {
        display: none;
    }

    :root {
        --margin-top-section: 90px;
    }

    .advantages__item {
        width: 48%;
        flex: unset;
    }

    .advantages__item:last-child {
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
    }

    .advantages__item:last-child .advantages__item-title,
    .advantages__item:last-child .advantages__item-desc {
        display: none;
    }

    .fleet__grid .fleet__card {
        display: none;
    }

    .fleet__grid {
        margin-top: 30px;
        display: flex;
        justify-content: center;
    }

    .avtopark-page__main .fleet__grid {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
    }

    .avtopark-page__main .fleet__card {
        display: block;
        max-width: 47%;
    }

    .adventages__item--mobile-descr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .advantages__list {
        margin-top: 0;
        padding: 100px 45px 50px 45px;
        gap: 25px;
    }

    .fleet__cta_text {
        border-radius: 8px;
        padding: 18px 38px;
    }

    .fleet__cta-btn {
        margin-top: 12px;
        padding: 17px;

    }

    .fleet__card-img {
        transform: unset;
    }

    .avtopark__slider {
        margin-top: 30px;
        display: block;
        position: relative;
        border-radius: 32px;
        padding-bottom: 20px;
    }

    .avtopark-page__main .avtopark__slider {
        display: none;
    }

    .adventages__item--mobile-descr .advantages__item-title,
    .adventages__item--mobile-descr .advantages__item-desc {
        display: block !important;
    }

    .fleet__title {
        color: #016ccd;
    }

    .portfolio__content-top {
        flex-direction: column;
        box-shadow: 0 0 4px 0 rgba(9, 19, 39, 0.25);
        background: #fff;
        border-radius: 32px;
    }

    .portfolio__card {
        box-shadow: unset;
    }

    .portfolio__swiper {
        border-radius: 32px;
        max-width: unset;
    }

    .portfolio__thumbs {
        display: none;
    }

    .portfolio__card-counter {
        align-self: flex-start;
    }

    .portfolio__card {
        padding: 20px;
        max-width: unset;
        height: unset;
    }

    .portfolio__progress {
        display: none;
    }

    .portfolio__body {
        margin-top: 30px;
    }

    .portfolio__card-desc {
        margin-top: 12px;
        flex: unset;
    }

    .portfolio__slide-img {
        height: 530px;
    }

    .portfolio__card-title {
        font-size: 28px;
    }

    .portfolio__card--mobile-wrapper .portfolio__thumbs {
        display: flex;
        height: fit-content;
    }

    .portfolio__card--mobile-wrapper .portfolio__thumbs .portfolio__thumb-slide {
        width: 100px;
        height: 100px;
    }

    .portfolio__card--mobile-wrapper {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
    }

    .portfolio__card-counter {
        align-self: center;
    }

    .district__inner {
        flex-direction: column;
        margin-top: 0;
    }

    .district__tabs {
        flex-direction: row;
    }

    .district {
        padding: 0 0 90px 0;
    }

    .district__sidebar-cards {
        margin-top: 30px;
    }

    .district__tab-icon {
        display: none !important;
    }

    .district__title {
        display: none;
    }

    .district__panel-inner {
        flex-direction: column;
    }

    .district__sidebar-cards {
        display: none;
    }

    .district__content {
        margin: 0 auto;
        max-width: 100%;
    }

    .district__map {
        max-width: unset;
    }

    .district__sidebar {
        max-width: max-content;
        margin: 0 -20px;
        overflow-y: auto;
    }

    .district__tab {
        white-space: nowrap;
        padding: 20px;
    }

    .district__tab--active {
        border-radius: 0 0 16px 0;
        border: unset;
    }

    .district__cards .district__card:nth-child(n+5) {
        display: none;
    }

    .district__cards--wide .district__card:nth-child(n+5) {
        display: block;
    }

    .district__cards {
        max-width: unset;
    }

    .disctricts__load-more_btn {
        width: 100%;
        border-radius: 8px;
        padding: 20px;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.25);
        background: #2f3c80;
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        color: #fff;
    }

    .disctrict__cards--mobile {
        display: flex;
        align-items: normal;
        flex-wrap: wrap;
        gap: 14px;
    }

    .disctrict__cards--mobile .district__card {
        flex: 48%;
    }

    .district__panel-inner {
        gap: 14px;
    }

    .prices__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .prices__geo {
        padding: 0 0 8px 0;
    }

    .prices__table-wrap {
        margin-top: 30px;
    }

    .prices__cell,
    .prices__row--head .prices__cell,
    .prices__vol-label {
        padding: 10px;
        font-size: 18px;
    }

    .prices__vol-icon {
        width: 40px;
        height: 40px;
    }

    .faq__body {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .faq__col-hr {
        height: auto;
        align-self: stretch;
    }

    .header-nav {
        display: none;
    }

    .faq__question {
        padding: 20px;
    }

    .faq__answer-text {
        padding: 0 20px 20px 20px;
    }

    .faq__btn {
        display: none;
    }

    .faq-answer_btn--mobile {
        margin-top: 24px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 24px;
        padding: 5px 12px 6px 74px;
        box-shadow: inset 0 0 16px 0 rgba(0, 0, 0, 0.25);
        background: #5067dd;
        border-radius: 8px;
    }

    .faq-answer_btn--mobile span {
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.01em;
        text-align: center;
        color: #fff;
    }

    .faq-answer--mobile-icon {
        display: flex;
        align-items: center;
        padding: 23px 6px 23px 18px;
        box-shadow: inset 0 0 16px 0 rgba(255, 255, 255, 0.25);
        background: rgba(255, 255, 255, 0.2);
        border-radius: 8px;
        width: 115px;
        height: 25px;
    }

    .reviews__top,
    .reviews__wrapper--big {
        padding: 0;
        background: unset;
        box-shadow: unset;
        border: unset;
    }

    .reviews__stats {
        display: none;
    }

    .reviews__stats--mobile {
        margin-top: 40px;
        justify-content: space-between;
        display: flex;
    }

    .reviews__stat-value {
        font-weight: 600;
    }

    .contact__photo-img {
        display: none;
    }

    .contact__photo-img--mobile {
        display: block;
        z-index: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        height: fit-content;
    }

    .contact__form {
        margin: 0 auto;
        margin-top: 24px;
        padding: 0;
        order: -1;
        position: relative;
        width: 100%;
        z-index: 2;
    }

    .contact__info {
        margin-top: 19px;
        padding: 0;
        max-width: unset;
        width: 100%;
    }

    .contact__submit {
        margin-top: 20px;
        padding: 20px;
    }

    .contact--mobile-wrapper .contact__title,
    .contact--mobile-wrapper .contact__desc {
        display: block;
    }

    .contact--mobile-wrapper .contact__desc {
        width: 55%;
        text-align: right;
    }

    .contact--mobile-wrapper {
        position: relative;
        z-index: 2;
        order: -1;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
    }

    .contact__method {
        padding: 20px;
        max-width: unset;
        min-width: unset;
    }

    .contact__title,
    .contact__desc {
        display: none;
    }

    .contact__inner {
        min-height: unset;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .contact {
        padding: 40px 0 24px 0;
        position: relative;
        overflow: hidden;
    }

    #wpcf7-f36-o2 > form > p {
        gap: 20px;
        flex-direction: column;
    }

    .footer__bottom {
        flex-direction: column;
    }

    .footer__info {
        margin: 0 -20px;
        order: 999;
    }

    .mobile-widget__call {
        position: relative;
    }

    .mobile-widget__call a {
        position: relative;
        display: inline-flex;
        animation: phone-bounce 2.5s ease-in-out infinite;
    }

    /* Пульсирующие кольца */
    .mobile-widget__call a::before,
    .mobile-widget__call a::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50%;
        background: rgba(80, 103, 221, 0.4);
        animation: phone-pulse 2.5s ease-out infinite;
        z-index: -1;
    }

    .mobile-widget__call a::after {
        animation-delay: 0.6s;
        background: rgba(80, 103, 221, 0.2);
    }

    @keyframes phone-pulse {
        0% {
            transform: scale(1);
            opacity: 1;
        }

        100% {
            transform: scale(2.2);
            opacity: 0;
        }
    }

    @keyframes phone-bounce {

        0%,
        100% {
            transform: rotate(0deg);
        }

        5% {
            transform: rotate(-18deg);
        }

        10% {
            transform: rotate(18deg);
        }

        15% {
            transform: rotate(-14deg);
        }

        20% {
            transform: rotate(14deg);
        }

        25% {
            transform: rotate(0deg);
        }
    }

    .mobile-widget__call {
        display: block;
        position: fixed;
        z-index: 100;
        right: 30px;
        bottom: 30px;
    }

    .mobile-widget__call a {
        border-radius: 10px;
        width: 60px;
        height: 60px;
    }


    .footer {
        padding: 43px 0 0 0;
    }

    .footer__socials {
        width: unset;
        flex-wrap: unset;
        gap: 14px;
    }

    .footer-wrapper--mobile {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .footer__legal,
    .footer__privacy {
        padding: 0 20px;
        display: none;
    }

    .footer__nav-list {
        gap: 20px;
    }

    .footer__nav .footer__nav-section:nth-child(2) {
        display: none;
    }

    .footer__data-company--mobile {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 350px;
        width: 100%;
        gap: 10px;
    }

    .footer__data-row {
        display: flex;
        width: 100%;
        gap: 10px;
        align-items: flex-end;
    }

    .footer__data-row hr {
        display: none;
        width: -webkit-fill-available;
        background: rgba(217, 217, 217, 0.18);
    }

    .footer__data-row span,
    .footer__data-row p {
        white-space: nowrap;
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 20px;
        color: #fff;
    }

    .footer__data-company--mobile .footer__privacy {
        display: block;
        padding: 0;
    }

    .footer__contacts {
        padding: 28px;
        order: 1;
        background: rgba(153, 166, 191, 0.12);
        width: 100%;
        justify-content: space-between;
    }

    .contact__inner {
        padding-bottom: 0;
    }

    .footer__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .reviews__stat-last {
        flex-direction: row-reverse;
    }

    .reviews__stat-divider {
        height: 80px;
    }

    .reviews__pagination {
        margin-top: 30px;
    }

    .reviews__item {
        border-radius: 14px;
        padding: 15px;
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
        background: #fff;
    }

    .mobile-menu__header {
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 30px;
        justify-content: space-between;
    }

    .mobile-menu__close {
        all: unset;
        cursor: pointer;
        box-sizing: border-box;
    }

    .mobile-menu__header .header-logo {
        flex-direction: row-reverse;
    }

    /* ── Mobile Burger Menu Panel ── */
    body.menu-open {
        overflow: hidden;
    }

    .mobile-menu {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #232537;
        z-index: 999;
        overflow-y: auto;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .mobile-menu.is-open {
        opacity: 1;
        visibility: visible;
    }

    .mobile-menu__inner {
        display: flex;
        min-height: 100%;
    }

    .mobile-menu__list {
        list-style: none;
        margin: 0;
        padding: 30px 0;
        min-width: 210px;
        flex-shrink: 0;
    }

    .mobile-menu__link {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 30px;
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        text-decoration: none;
        background: none;
        border: none;
        cursor: pointer;
        width: 100%;
        text-align: left;
        font-family: var(--font-family);
        transition: color 0.2s;
    }

    .mobile-menu__link:hover {
        color: #000;
    }

    .mobile-menu__link svg,
    .mobile-menu__link svg path,
    .mobile-menu__link {
        transition: all .3s ease-in-out;
    }

    .mobile-menu__link--toggle.is-active svg,
    .mobile-menu__link--toggle.is-active svg path {
        fill: #000;
    }

    .mobile-menu__link--toggle.is-active {
        background: #fff;
    }



    .mobile-menu__link--active {
        font-weight: 400;
        text-decoration: underline;
        text-decoration-skip-ink: none;
        color: #7dc430;
    }

    .mobile-menu__arrow {
        transition: transform 0.25s ease;
        flex-shrink: 0;
    }

    .mobile-menu__link--toggle.is-active .mobile-menu__arrow {
        transform: rotate(90deg);
    }

    .mobile-menu__link--toggle.is-active {
        color: #000;
        border-radius: 30px 0 0 30px;
    }

    .mobile-menu__sub {
        margin-top: 82px;
        display: none;
        flex: 1;
        padding: 15px 30px 0 50px;
        overflow-y: auto;
        height: 100vh;
        background: #fff;
    }

    .mobile-menu__scroll {
        max-height: 50vh;
    }

    .mobile-menu__sub.is-visible {
        display: block;
    }

    .mobile-menu__sub-group {
        margin-bottom: 32px;
    }

    .mobile-menu__sub-group:last-child {
        margin-bottom: 0;
    }

    .mobile-menu__sub-title {
        font-size: 20px;
        font-weight: 600;
        color: #000;
        margin: 0 0 14px;
    }

    .mobile-menu__sub-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-menu__sub-list li {
        padding: 4px 0;
    }

    .mobile-menu__sub-list a {
        position: relative;
        color: #0384e5;
        text-decoration: none;
        font-size: 20px;
        display: flex;
        align-items: center;
        text-decoration: underline;
        text-decoration-skip-ink: none;
    }

    .mobile-menu__sub-list a::before {
        content: '';
        position: absolute;
        top: 50%;
        left: -15px;
        transform: translateY(-50%);
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #0384e5;
        flex-shrink: 0;
    }

    .mobile-menu__sub-list a:hover {
        text-decoration: underline;
    }

    /* ── Services arrow rotation ── */
    .mobile-menu__arrow {
        transition: transform 0.3s ease;
        flex-shrink: 0;
    }

    .mobile-menu__link--toggle.is-active .mobile-menu__arrow {
        transform: rotate(90deg);
    }

    /* ── Category accordion buttons ── */
    .mobile-menu__sub-btn {
        all: unset;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 20px;
        font-weight: 600;
        color: #000;
        padding: 12px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        gap: 10px;
    }

    .mobile-menu__sub-arrow {
        flex-shrink: 0;
        transition: transform 0.3s ease;
    }

    .mobile-menu__sub-btn.is-open .mobile-menu__sub-arrow {
        transform: rotate(90deg);
    }

    .mobile-menu__sub-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease;
    }

    .mobile-menu__sub-body.is-open {
        max-height: 700px;
    }

    .mobile-menu__sub-body .mobile-menu__sub-list {
        padding: 10px 0 14px;
    }

    .district__title--mobile {
        display: block;
    }
    .avtopark__page-wrapper .fleet__card::before {
        display: none;
    }
    .blog-cards__grid {
            grid-template-columns: repeat(2, 1fr);
    }
    .article-hero__inner {
        flex-direction: column;
    }
    .article-hero__buttons,
    .article-hero__social {
        display: none;
    }
    .article-hero__visual {
        min-height: unset;
    }
    .article-hero__content {
        padding-left: 0;
    }
    .article-hero__btn--mobile {
        display: block;
        margin: 0 auto;
    }
    .article-steps {
        background-size: 115%;
        background-position: right;
    }
    .article-steps__title, .article-hero__title, .article-body__title {
        font-size: 48px;
    }
    
}

/* mobile */

@media (max-width: 767px) {
    .cost-tech__img-wrap, .cost-snow__img-wrap {
        max-width: 364px;
    }
    .avtopark-page__main .fleet__card {
        display: block;
        max-width: 100%;
    }
    .avtopark-page__main .calc__background {
        border-radius: 0;
            padding: 32px 0 32px 0;
    }
        .article-hero__visual {
        min-height: 310px;
    }
    .cost-page__main .calc__background {
        padding: 0;
    }

    .contacts-map .container {
        padding: 0;
    }

    .contacts-map__inner {
        max-width: unset;
    }

    .cost-table__panel-img {
        height: 244px;
        object-fit: cover;
    }
    .cost-table__main {
        width: 100%;
    }
    .prices__note {
        font-size: 12px;
        position: relative;
        z-index: 2;
    }

    .contacts-map__open-link {
        padding: 9px;
    }
    .contacts-map__link {
        font-size: 14px;
    }

    .calculator__select-option {
        font-size: 14px;
    }

    .contacts-map__social, .contacts-map__pdf-badge {
        width: 34px;
        height: 34px;
    }
    

    .contacts-page__main .calc__background {
        padding: 0 0 32px 0;
    }

    .contacts-map {
        padding: 20px 0 60px;
    }

    .container-page__main .containers {
        padding: 46px 0 60px;
    }

    .contacts-map__inner {
        height: 410px;
    }

    .contacts-map__panel {
        padding: 24px 17px;
        margin-top: -75px;
    }

    .contacts-map__pdf-badge {
        font-size: 10px;
    }

    .contacts-map__pdf-label {
        font-size: 14px;
    }

    .contacts-map__socials {
        gap: 25px;
    }

    .contacts-map__address, .contacts-map__hours-title, .contacts-map__hours-list li {
        font-size: 14px;
    }

    .contacts-map__social img {
        width: 20px;
        height: 20px;
    }

    .cost-table__info-list, .cost-hand__descr {
    position: relative;
    border-radius: var(--main-radius);
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: white;
    box-shadow: inset 2px 2px 20px rgb(255 255 255 / 10%);
}

.cost-table__info-list::before,
.cost-hand__descr::before,
.cost-hand__descr::after,
.cost-table__info-list::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    pointer-events: none;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
}

.cost-table__info-list::before,
.cost-hand__descr::before {
    background: linear-gradient(315deg,
            /* белый в right-bottom */
            rgba(255, 255, 255, 1) -15%, rgba(255, 255, 255, 7%) 14%);
}

.cost-table__info-list::after,
.cost-hand__descr::after {
    background: linear-gradient(166deg,
            /* белый в left-top */
            rgba(255, 255, 255, 1) -11%, rgba(255, 255, 255, 0) 38%);
}
    
    .cost-table__info-list, .cost-hand__descr {
     border-radius: 16px;
     background: rgba(34, 36, 57, 0.16);
     padding: 14px 12px;   
     gap: 12px;
    }

    .cost-tech .prices__title, .cost-hand .prices__title {
        position: relative;
        z-index: 2;
    }

    .cost-hand__descr p {
        font-size: 12px;
    }

    .cost-tech__inner .prices__note {
        padding: 0 20px;
    }

    .cost-page__main .prices__table-wrap {
        border-radius: 0;
    }

    .cost-hand__img-wrap {
            top: 20%;
    }

    .cost-snow__inner .prices__note {
        margin-top: 14px;
    }

    .cost-tech-body .prices__table-wrap {
            background: #222439;
    }

    .cost-snow .prices__title, .cost-tech .prices__title, .cost-hand .prices__title {
        position: relative;
        z-index: 2;
    }

    .cost-hand__inner {
        margin-top: 20px;
    }

    .cost-hand .prices__table {
        min-height: unset;
    }

    .cost-tech__inner {
        margin-top: 20px;
    }

    .cost-tech__inner {
        margin-top: 16y;
    }

    .cost-tech__main .prices__table {
        min-height: unset;
    }

    .cost-snow, .cost-tech, .cost-hand  {
        padding-top: var(--margin-top-section);
    }

    .cost-snow__main .prices__table {
        min-height: unset;
    }

    .cost-snow .cost-snow__inner {
        margin-top: 16px;
    }

    .cost-table__panel {
        min-height: unset;
    }
    .cost-table__panel-cta p {
        font-size: 14px;
    }
    .cost-table__info-item {
        font-size: 12px;
    }
    .article-blog_hero-info h1 {
        font-size: 24px;
        padding: 14px;
    }
    .aritcle-blog__others-title {
        font-size: 24px;
    }
    .article__others-wrapper {
        flex-direction: column;
    }
    .article__others-wrapper .card-blog {
        width: 100%;
    }
    .article-steps__title, .article-hero__title, .article-body__title {
        font-size: 24px;
    }
    .article-hero__subtitle {
        display: none;
    }
    .city-article-hero .article-hero__img {
        max-width: 238px;
    }
    .article-blog_hero-info {
        margin: 0 20px;
        margin-top: -90px;
        border-radius: 8px;
    }
    .article-blog-info__bottom span {
        font-size: 14px;
    }
    .article-blog_hero-info p {
        font-size: 14px;
        padding: 0 14px;
    }
    .article-hero__btn {
        padding: 17px 18px;
        font-size: 14px;
    }
    .article-hero__stages-arrow {
        width: 102px;
        height: 81px;
    }
    .article-blog-info__bottom-inner svg {
        min-width: 62px;
    }
    .article-blog-info__bottom {
        gap: 16px;
    }
    .article-blog__button {
        margin-top: -95px;
        margin-left: unset;
        font-size: 14px;
        padding: 13px;
        max-width: 153px;
    }
    .article-blog__content h1, .article-blog__content h2, .article-blog__content h3, .article-blog__content h4 {
        font-size: 16px;
    }
    .article-blog__content h1, .article-blog__content h2 {
        padding-left: 25px;
    }
    .article-blog__first-content {
        margin-top: 18px;
        font-size: 14px;
    }
    .article-blog__content h3::after, .article-blog__content h4::after {
        width: 10px;
        height: 10px;
    }
    .article-blog__content p, .article-blog__content ul li, .article-blog__content ol li, .article-blog__content h5, .article-blog__content a .article-blog__content h6 {
        font-size: 14px;
    }
    .article-blog__content h3, .article-blog__content h4 {
        padding-left: 25px;
        margin-top: 90px;
    }
    .article-blog__first-content img {
        margin-top: 18px;
        border-radius: 8px;
    }
    .article-blog__content img {
        border-radius: 8px;
    }
    .article-blog__content h1::before, .article-blog__content h2::before {
        width: 11px;
        height: 11px;
    }
   
    .article-body {
        padding: 40px 0;
    }
    .article-body__intro p {
        font-size: 14px;
    }
    .article-body__img {
        margin-top: 0;
        max-width: 123px;
        min-width: 123px;
        border-radius: 111px;
    }
    .article-body__content h1, .article-body__content h2, .article-body__content h3, .article-body__content h4 {
        font-size: 14px;
    }
    .article-body__content p, .article-body__content ol li, .article-body__content h5, .article-body__content h6,
    .article-body__content ul li, .article-body__content ol li  {
        font-size: 12px;
    }
    .article-body__img-wrap {
        display: none;
    }
    .article-body__intro--mobile {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        flex-direction: column;
    }
    .article-hero__btn--outline {
        background: rgba(255, 255, 255, 0.10);
    }
    .article-body__content h3::before,
    .article-body__content h2::before {
        background: #37406d;
        width: 100%;
        height: 1px;
    }
   .article-body__title-accent, .article-body__title strong, .article-body__title-accent, .article-body__title h3, 
.article-body__title h2 {
        font-size: 24px;
    }
    .article-body__content ul, .article-body__content ol {
        padding-left: 10px;
    }
    .article-body__intro--mobile .article-body__img-wrap {
        margin-top: 0;
    display: block;
}
    .article-steps__item-title {
        border-bottom: 1px solid #577c3b;
        display: flex;
        align-items: center;
        gap: 14px;
        font-size: 14px;
    }
    .article-steps__item {
        padding: 10px 17px 10px 20px;
    }
    .article-steps__item-desc {
        margin-top: 6px;
        font-size: 12px;
    }
    .article-step__inner--mobile {
        font-size: 24px;
        font-weight: 700;
        font-size: 24px;
        letter-spacing: 0.06em;
        color: rgba(131, 188, 70, 0.63);
        display: block;
    }
    .article-hero__stages-text {
        font-size: 8px;
    }
    .article-steps {
        padding: 40px 0 56px 0;
    }
    .article-steps__item {
        flex-direction: column;
    }
    .article-steps__num {
        display: none;
    }
    .article-hero__desc {
        font-size: 14px;
    }
    .blog-cards__grid {
            grid-template-columns: repeat(1, 1fr);
    }
    .calc__background-texts {
        gap: 16px;
    }
    .blog-cards {
        margin-top: 24px;
    }
    .blog-cards__title {
        font-size: 24px;
    }
    .blog-card__heading {
        font-size: 16px;
    }
    .blog-card__desc, .blog-card__btn {
        font-size: 14px;
    }
    .blog-cards__grid {
        margin-top: 16px;
    }
    .blog-card__body {
        padding: 16px;
    }
    .hero {
        padding: 110px 5px 10px 0;
    }

    .container-page__main .calc__background-texts {
        padding: 0px;
    }

    .calc__background-text a, .calc__background-text-devider, .calc__background-text-green {
        font-size: 10px;
    }

    .hero-block__link {
        min-width: 28px;
        max-width: 28px;
        min-height: 28px;
        max-height: 28px;
    }

    .hero-block__link img {
        min-width: 17px;
        max-width: 17px;
        min-height: 17px;
        max-height: 17px;
    }

    .hero-block__text {
        padding: 24px 0;
    }

    .hero-block__above-title {
        padding-left: 18px;
        font-size: 14px;
    }

    .hero-block__title {
        padding-left: 18px;
    }

    .containers__title,
    .hero-block__title,
    .calculator__title,
    .calculator__title-accent,
    .advantages__title,
    .fleet__title,
    .portfolio__title,
    .district__title,
    .prices__title,
    .faq__title,
    .reviews__title,
    .clients__title,
    .contact__title {
        font-size: 24px;
    }

    .hero-block__rectangle {
        margin-top: 5px;
        width: 165px;
        height: 34px;
    }

    .hero-block__title {
        margin-top: -31px;
    }

    .hero-block__item__img {
        min-width: 30px;
        min-height: 30px;
        max-width: 30px;
        max-height: 30px;
    }

    .hero-block__item__descr {
        font-size: 14px;
    }

    .hero-block__items {
        margin-top: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-block__item {
        flex-direction: row;
    }

    .hero-block__buttons {
        gap: 14px;
        margin-top: 18px;
    }

    .hero-block__button {
        padding: 17px 3px;
        font-size: 14px;
    }

    .hero-block__buttons {
        padding: 0 10px 50px 10px;
    }

    .header-logo {
        flex-direction: row-reverse;
    }

    .mobile-menu__header {
        padding: 15px 20px;
    }

    .containers {
        padding: 47px 0 0 0;
    }

    .containers__tabs-mobile {
        gap: 10px;
    }

    .containers__tabs-mobile .containers__panel-title {
        font-size: 18px;
    }

    .containers__panel-img {
        max-width: 219px;
    }

    .containers__tab-volume {
        font-size: 16px;
    }

    .containers__panel-desc {
        margin-top: 14px;
        font-size: 14px;
    }

    .containers__panel-right {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .containers__feature-icon {
        width: 33px;
        height: 33px;
    }

    .containers__features {
        gap: 17px;
    }

    .containers__feature-name {
        font-size: 14px;
    }

    .containers__feature-sub {
        font-size: 12px;
    }

   
#wpcf7-f33-o1 > form > div.contact__field.glass-effect.contact__field--textarea > p,
#wpcf7-f33-o1 > form > div:nth-child(3) > p,
#wpcf7-f33-o1 > form > div:nth-child(2) > p {
    display: flex;
    gap: 8px;
}

.contact__field {
    margin-top: 16px;
} 

    .containers__btn {
        text-align: center;
        padding: 17px;
        max-width: 205px;
        min-width: unset;
        font-size: 14px;
    }

    .containers__specs--mobile .containers__spec:last-child {
        display: none;
    }

    .containers__specs--mobile .containers__spec:nth-child(3) {
        border-bottom: unset;
    }

    .containers__spec-label {
        font-size: 12px;
    }

    .containers__spec-value {
        font-size: 14px;
    }

    .containers__specs--mobile .containers__spec {
        margin-top: 4px;
    }

    .containers__specs--mobile {
        padding: 15px 18px;
        margin-right: -20px;
        min-height: 285px;
    }

    .calculator__subtitle {
        margin-top: 14px;
        font-size: 14px;
        color: #64657c;
    }

    .calculator__form-inner {
        border-radius: 8px;
    }

    .calculator__body,
    .calculator__form-inner {
        padding: 17px;
    }

    .calculator__form-inner {
        padding: 17px 17px 0 17px;
    }

    .calculator__label {
        font-size: 14px;
    }

    .calculator__select-icon {
        width: 23px;
        height: 23px;
    }

    .calculator__select-button {
        font-size: 14px;
    }

    .calculator__row {
        display: flex;
        flex-direction: column;
    }

    .calculator__body {
        gap: 17px;
    }

    .calculator__slider-numbers span {
        font-size: 14px;
        padding: 3px;
        width: 41px;
        height: 41px;
    }

    .calculator__slider-numbers span.active {
        padding: 5px;
    }

    .calculator__loading-checkbox {
        width: 24px;
        height: 24px;
        min-width: 24px;
    }

    .calculator__loading-text,
    .calculator__loading-price {
        font-size: 14px;
    }

    .calculator__loading {
        padding: 17px 0;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .calculator__total-label {
        font-size: 18px;
    }

    .calculator__total-price,
    #total {
        font-size: 20px;
    }

    .calculator__submit {
        font-size: 14px;
        padding: 17px 2px;
        width: 100%;
    }

    .calculator__footer {
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    .calculator__total-sub--mobile {
        font-size: 10px;
    }

    .advantages__item-icon {
        width: 67px;
        height: 67px;
    }

    .advantages__item-title {
        margin-top: 12px;
        font-size: 14px;
    }

    .advantages__item-desc {
        margin-top: 8px;
        font-size: 12px;
    }

    .advantages__list {
        padding: 50px;
    }

    .advantages__item {
        width: 40%;
        padding: 0;
    }

    .advantages .container {
        padding: 0;
    }

    .advantages__item:last-child .advantages__item-desc {
        text-align: left;
    }

    .advantages__item:last-child .advantages__item-title {
        margin: 0;
    }

    .fleet__card-info {
        padding: 12px 12px 24px 12px;
    }

    .fleet__card-name {
        font-size: 16px;
    }

    .fleet__card-count {
        font-size: 14px;
    }

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

    .fleet__cta-desc {
        font-size: 14px;
    }

    .fleet__cta-btn {
        font-size: 14px;
    }

    .portfolio__subtitle {
        margin-top: 14px;
        font-size: 14px;
    }

    .portfolio__slide-img {
        height: 296px;
    }

    .portfolio__card-counter {
        font-size: 14px;
    }

    .portfolio__card--mobile-wrapper .portfolio__thumbs .portfolio__thumb-slide {
        height: 30px;
        min-width: 30px;
        border-radius: 8px;
    }

    .portfolio__card-title {
        font-size: 20px;
    }

    .portfolio__card-desc,
    .portfolio__card-btn,
    .portfolio__card-meta-item {
        font-size: 14px;
    }

    .portfolio__nav-btn {
        width: 40px;
        height: 40px;
    }

    .portfolio__card-meta {
        gap: 12px;
    }

    .district__tab {
        font-size: 14px;
        padding: 20px 13px;
    }

    .district__tabs {
        gap: 12px;
    }

    .district__title--mobile {
        font-size: 24px;
        text-align: center;
        margin: 0 auto;
    }

    .district__inner {
        gap: 30px;
    }

    .district__card-abbr,
    .prices__geo {
        font-size: 14px;
    }

    .district__card-name {
        font-size: 12px;
    }

    .district__card::before {
        height: 50%;
    }

    .disctricts__load-more_btn {
        font-size: 14px;
    }

    .district {
        padding: 0 0 24px 0;
    }

    .prices__cell,
    .prices__row--head .prices__cell,
    .prices__vol-label {
        padding: 4px;
        font-size: 12px;
    }

    .prices__vol-icon {
        display: none;
    }

    .prices__cell--volume {
        min-width: unset;
    }

    .prices__table {
        min-height: unset;
    }

    .prices__note {
        font-size: 12px;
        margin-top: 14px;
    }

    .faq__subtitle {
        margin-top: 18px;
        font-size: 14px;
    }

    .faq__question-text {
        font-size: 14px;
    }

    .faq__question {
        padding: 8px;
    }

    .faq__answer-text {
        padding: 0 8px 8px 8px;
        font-size: 12px;
    }

    .faq__item::before {
        left: -47px;
        width: 10px;
        height: 10px;
    }

    .article-body__intro {
        margin-top: 16px;
    }

    .faq-answer_btn--mobile span {
        font-size: 14px;
    }

    .faq-answer--mobile-icon {
        padding: 13px 6px 13px 18px;
    }

    .reviews__subtitle {
        font-size: 14px;
    }

    .reviews__swiper {
        margin-top: 24px;
        padding: 5px;
    }

    .reviews__item-link {
        font-size: 11px;
    }

    .reviews__stars svg {
        width: 15px;
        height: 15px;
    }

    .reviews__item-author {
        margin-top: 10px;
        font-size: 14px;
    }

    .reviews__item-text {
        font-size: 14px;
    }

    .reviews__photos {
        position: unset;
    }

    .reviews__item-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .reviews__item-footer {
        margin-top: 20px;
    }

    .reviews__photos-link {
        font-size: 12px;
    }

    .reviews__photo {
        width: 90px;
        height: 56px;
    }

    .reviews__photos {
        transform: unset;
    }

    .reviews__photos-link svg {
        transform: rotate(90deg);
    }

    .reviews__photos {
        gap: 14px;
    }

    .reviews__pagination .swiper-pagination-bullet {
        width: 13px;
        height: 13px;
        border: 2px solid #5950dd;
    }

    .containers__panel-title,
    .reviews__stat-value {
        font-size: 20px;
    }

    .reviews__stat-label {
        font-size: 12px;
    }

    .reviews__stat-divider {
        height: 40px;
        background: #54af55;
    }

    .reviews__stat-icon img,
    .reviews__stat-icon {
        width: 50px;
        height: 50px;
    }

    .reviews__stat {
        gap: 5px;
    }

    .clients__subtitle {
        margin-top: 24px;
        font-size: 14px;
    }

    .clients__card {
        border: unset;
        box-shadow: unset;
        padding: 40px 0;
    }

    .clients__logo {
        height: 30px;
    }

    .contact--mobile-wrapper .contact__desc {
        font-size: 12px;
    }

    .contact__field-icon {
        width: 16px;
        height: 16px;
    }

    .contact__field {
        padding: 15px 12px;
    }

    .contact__input,
    .contact__agree-text {
        font-size: 14px;
    }

    .contact__form {
        margin-top: 0;
    }

    .contact__textarea {
        height: 110px;
    }

    .contact__submit {
        order: 1;
        padding: 13px;
        font-size: 14px;
    }

    .wpcf7-not-valid-tip {
        font-size: 12px;
    }
    .wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
    border-radius: 20px;
    font-size: 14px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
}

    .contact__method-icon {
        width: 29px;
        height: 29px;
    }

    .contact__method {
        padding: 12px;
        border-radius: 6px;
        gap: 10px;
    }

    .contact__methods,
    .contact__info {
        margin-top: 0;
    }

    .contact__method-value {
        margin-top: 4px;
    }

    .contact__method-label,
    .contact__method-value,
    .footer__nav-title {
        font-size: 14px;
    }

    .footer__nav-link {
        font-size: 12px;
    }

    .footer .header-logo__title {
        font-size: 24px;
    }

    .footer__top {
        gap: 5px;
    }

    .footer__data-row span,
    .footer__data-row p {
        font-size: 12px;
    }

    .footer__data-company--mobile .footer__privacy {
        font-size: 12px;
    }

    .footer__cta-input,
    .footer__cta-btn {
        padding: 13px;
        font-size: 14px;
    }

    .footer-wrapper--mobile {
        gap: 100px;
    }

    .footer__phone,
    .footer__hours {
        font-size: 12px;
        white-space: nowrap;
    }

    .mobile-widget__call .hero-block__link img {
        min-width: 45px;
        max-width: 45px;
        min-height: 45px;
        max-height: 45px;
    }

    .mobile-widget__call .hero-block__link {
        min-width: 45px;
        max-width: 45px;
        min-height: 45px;
        max-height: 45px;
    }

    .footer__social {
        width: 34px;
        height: 34px;
    }

    .mobile-menu__link {
        padding: 14px 20px;
        font-size: 18px;
    }

    .mobile-menu__sub-btn {
        font-size: 16px;
    }

    .mobile-menu__sub-list a {
        font-size: 14px;
    }

    .mobile-menu__sub {
        padding: 15px;
        margin-top: 81px;
    }

    .mobile-menu__list {
        min-width: unset;
    }

    .mobile-menu__sub-list li {
        margin-top: 25px;
        padding-left: 30px;
    }

    .calculator__slider-numbers {
        margin-top: -11.5px;
    }

    .district__cards--wide {
        grid-template-columns: repeat(2, 1fr);
    }
    .district__sidebar {
        min-width: -webkit-fill-available;
    }
    
}