.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 24.9565C5 24.6913 5.10536 24.437 5.29289 24.2494C5.48043 24.0619 5.73478 23.9565 6 23.9565H26C26.2652 23.9565 26.5196 24.0619 26.7071 24.2494C26.8946 24.437 27 24.6913 27 24.9565C27 25.2217 26.8946 25.4761 26.7071 25.6636C26.5196 25.8512 26.2652 25.9565 26 25.9565H6C5.73478 25.9565 5.48043 25.8512 5.29289 25.6636C5.10536 25.4761 5 25.2217 5 24.9565ZM5 16.9565C5 16.6913 5.10536 16.437 5.29289 16.2494C5.48043 16.0619 5.73478 15.9565 6 15.9565H26C26.2652 15.9565 26.5196 16.0619 26.7071 16.2494C26.8946 16.437 27 16.6913 27 16.9565C27 17.2217 26.8946 17.4761 26.7071 17.6636C26.5196 17.8512 26.2652 17.9565 26 17.9565H6C5.73478 17.9565 5.48043 17.8512 5.29289 17.6636C5.10536 17.4761 5 17.2217 5 16.9565ZM5 8.95652C5 8.69131 5.10536 8.43695 5.29289 8.24942C5.48043 8.06188 5.73478 7.95652 6 7.95652H26C26.2652 7.95652 26.5196 8.06188 26.7071 8.24942C26.8946 8.43695 27 8.69131 27 8.95652C27 9.22174 26.8946 9.47609 26.7071 9.66363C26.5196 9.85116 26.2652 9.95652 26 9.95652H6C5.73478 9.95652 5.48043 9.85116 5.29289 9.66363C5.10536 9.47609 5 9.22174 5 8.95652Z' fill='%23343435'/%3e%3c/svg%3e");
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon  {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='33' viewBox='0 0 32 33' fill='none'%3e%3cpath d='M8.19549 10.0959C8.13351 10.0339 8.08435 9.96036 8.05081 9.87938C8.01726 9.7984 8 9.71161 8 9.62396C8 9.53631 8.01726 9.44952 8.05081 9.36854C8.08435 9.28757 8.13351 9.21399 8.19549 9.15201C8.25747 9.09003 8.33104 9.04087 8.41202 9.00733C8.493 8.97379 8.57979 8.95652 8.66744 8.95652C8.75509 8.95652 8.84188 8.97379 8.92286 9.00733C9.00383 9.04087 9.07741 9.09003 9.13939 9.15201L16 16.014L22.8606 9.15201C22.9226 9.09003 22.9962 9.04087 23.0771 9.00733C23.1581 8.97379 23.2449 8.95652 23.3326 8.95652C23.4202 8.95652 23.507 8.97379 23.588 9.00733C23.669 9.04087 23.7425 9.09003 23.8045 9.15201C23.8665 9.21399 23.9157 9.28757 23.9492 9.36854C23.9827 9.44952 24 9.53631 24 9.62396C24 9.71161 23.9827 9.7984 23.9492 9.87938C23.9157 9.96036 23.8665 10.0339 23.8045 10.0959L16.9426 16.9565L23.8045 23.8171C23.8665 23.8791 23.9157 23.9527 23.9492 24.0337C23.9827 24.1146 24 24.2014 24 24.2891C24 24.3767 23.9827 24.4635 23.9492 24.5445C23.9157 24.6255 23.8665 24.6991 23.8045 24.761C23.7425 24.823 23.669 24.8722 23.588 24.9057C23.507 24.9393 23.4202 24.9565 23.3326 24.9565C23.2449 24.9565 23.1581 24.9393 23.0771 24.9057C22.9962 24.8722 22.9226 24.823 22.8606 24.761L16 17.8991L9.13939 24.761C9.07741 24.823 9.00383 24.8722 8.92286 24.9057C8.84188 24.9393 8.75509 24.9565 8.66744 24.9565C8.57979 24.9565 8.493 24.9393 8.41202 24.9057C8.33104 24.8722 8.25747 24.823 8.19549 24.761C8.13351 24.6991 8.08435 24.6255 8.05081 24.5445C8.01726 24.4635 8 24.3767 8 24.2891C8 24.2014 8.01726 24.1146 8.05081 24.0337C8.08435 23.9527 8.13351 23.8791 8.19549 23.8171L15.0574 16.9565L8.19549 10.0959Z' fill='%23343435'/%3e%3c/svg%3e");
}

.navbar-toggler {
    display: none;
}

.wrapper-top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.wrapper-phone-mail {
    display: flex;
    flex-direction: column;
}

.wrapper-mobile-phone {
    display: none;
}

.wrapper-icons {
    display: flex;
    align-items: center;
    gap: 16px;
}

header a {
    color: var(--txt);
    text-decoration: none;
}

header a:hover {
    color: var(--primary)
}

header nav a.nav-link:hover {
    color: var(--primary)
}

div.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.btn-car {
    background-color: var(--white);
    border: 2px solid var(--primary);
    color: var(--primary);
    font-size: 16px;
    padding: 14px 17px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-car:hover {
    background-color: var(--primary);
    border: 2px solid var(--primary);
    color: var(--white);
}

.btn-car:hover svg path {
    fill: var(--white);
}

.wrapper-btn-header {
    display: flex;
    align-items: center;
    gap: 16px;
}



nav a.nav-link {
    color: var(--txt);
}

ul.navbar-nav {
    gap: 8px;
}

.wrapper-btn-header.mobile-btn {
    display: none;
}

/* Стили для активного элемента */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .dropdown.active .dropdown-toggle {
    border-bottom: 3px solid var(--primary);
}

header .navbar {
    padding: 0;
    border-top: 2px solid var(--secondary);

}

a.nav-link {
    padding: 16px 0;
}

@media screen and (max-width: 1180px) {
    .wrapper-phone-mail {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    .wrapper-icons svg {
        width: 32px;
        height: 32px;
    }

    .wrapper-icons {
        gap: 8px;
    }

    .wrapper-btn-header a {
        font-size: 12px;
    }

    .wrapper-btn-header a.btn-car svg {
        width: 20px;
        height: 20px;
    }

    .wrapper-btn-header a {
        padding: 14px 8px;
    }

    .navbar-expand-md .navbar-nav a.nav-link {
        font-size: 14px;
    }

}


@media screen and (max-width: 765px) {
    .navbar-toggler {
        display: block;
    }

    .wrapper-mobile-phone {
        display: block;
    }

    .navbar-expand-md .navbar-nav a.nav-link {
        font-size: 16px;
    }
}



@media screen and (max-width: 576px) {
    .wrapper-icons svg {
        width: 32px;
        height: 32px;
    }

    a.btn-car {
        display: none;
    }

    .wrapper-btn-header.mobile-btn {
        display: flex;
        flex-direction: column;
        margin-top: 60px;
        padding-bottom: 24px;
    }

    .wrapper-btn-header.mobile-btn a.btn-car,
    .wrapper-btn-header.mobile-btn .btn.btn-red
     {
        display: block;
        width: 100%;
        font-size: 16px;
        text-align: center;
    }


}


@media screen and (max-width: 420px) {
  .wrapper-icons {
    display: none;
  }
}

.padding-header {
    padding-bottom: 18px;
}

.padding-header .top-header {
    margin-bottom: 0;
}