.footer {
    padding: var(--main-padding);
    list-style: none;
 
}

.footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer ul li{
  
    margin-top: .4vw;
     
}

.footer-container {
    display: flex; /* Используем grid для адаптивного расположения */
    gap: 2vw;
    margin: 0 auto;
    justify-content: space-between;
    flex-direction: row;
}


.footer-contact h4,
.footer-services h4,
.footer-details h4 {
    font-size: 1.2vw; /* Пропорциональный размер заголовков */
    margin-bottom: 1vw;
}

 

.footer-bottom {
    margin-top: 4vw;
    border-top: 1px solid #ffffff43;
    padding-top: 2vw;
}

@media (max-width: 768px) {
    .footer-container {
        display: grid;
        gap: 2em;
        margin: 0 auto;
        grid-template-columns: repeat(2, 1fr); /* Две колонки */
    }
    
    
    .footer ul li{
  
        margin-top: 2vw;
         
    }

    .footer-bottom {
    margin-top: 8vw;
    border-top: 1px solid #ffffff43;
    padding-top: 6vw;
}
}