a{
    text-decoration: none !important;
}
.header {
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.bg-gray{
    background-color: #f4f4f4;
}

.header h3 {
    margin: 0; /* Убираем отступы у заголовка */
}
.hero {
    background-image: url('/images/banner-bg.jpg');
    background-size: cover;
    height: 500px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.without-bullets{
    list-style: none;
    padding-left: 0;
}

@media (max-width: 768px) {
    .hero {
        background-image: url('/images/banner-bg-mobile.jpg'); /* Здесь укажите путь к изображению для мобильных устройств */
        height: 400px; /* Можно задать меньшую высоту для мобильных */
    }
}