.footer {
    background: linear-gradient(135deg, rgb(38, 146, 140), rgb(26, 88, 88));
    color: aliceblue;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between; /* Равномерное распределение элементов */
    align-items: center; /* Центрирование элементов по вертикали */
    gap: 20px;
    flex-wrap: wrap; /* Элементы переходят на новую строку на узких экранах */
    box-sizing: border-box; /* Учитываем отступы и рамки */
    text-align: center;
}

.footer img {
    width: 80px;
    height: auto;
    flex-shrink: 0; /* Изображения сохраняют размер */
}

.footer h4 {
    flex: 1; /* Заголовки занимают равное пространство */
    font-family: Arial, sans-serif;
    font-weight: 300; /* Лёгкий текст */
    padding: 0 10px; /* Просторные боковые отступы */
    text-align: left; /* Выравнивание текста */
    font-size: 1rem; /* Размер текста */
}

.footer hr {
    width: 100%; /* Линия растягивается на всю ширину */
    height: 1px; /* Толщина линии */
    background-color: rgba(227, 231, 243, 0.5); /* Полупрозрачная линия */
    border: none; /* Убираем стандартный стиль */
    margin: 20px auto; /* Отступы сверху и снизу */
}

.footer h5 {
    width: 100%; /* Заголовок занимает всю ширину */
    font-family: Arial, sans-serif;
    font-weight: 300; /* Лёгкий текст */
    font-size: 0.9rem; /* Уменьшаем размер текста */
    margin-top: 10px; /* Отступ сверху */
}
.sumit{
    background-color: (135deg, rgb(38, 146, 140), rgb(26, 88, 88));
}
@media (max-width: 1024px) {
    .footer {
        gap: 15px; /* Уменьшаем промежутки на планшетах */
        flex-direction: column; /* Элементы переходят в вертикальное расположение */
        align-items: center; /* Центрируем элементы */
    }

    .footer h4 {
        text-align: center; /* Центрируем текст на узких экранах */
        font-size: 0.9rem; /* Уменьшаем текст */
        padding: 10px 0; /* Уменьшенные отступы */
    }

    .footer img {
        margin-bottom: 10px; /* Отступ снизу для изображений */
    }
}

@media (max-width: 768px) {
    .footer {
        padding: 10px; /* Уменьшаем внутренние отступы */
    }

    .footer h4 {
        font-size: 0.8rem; /* Ещё меньше размер текста */
    }

    .footer h5 {
        font-size: 0.8rem; /* Уменьшаем размер текста в футере */
    }
}