/* Основные стили секции */
.advantages {
    background-color: #fff;
    padding: 50px 20px;
}

.section-title {
    text-align: center;
    font-size: 2rem;
    color: #333;
    margin-bottom: 30px;
}

/* Сетка для карточек */
.advantages-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center; /* Центровка карточек */
}

/* Карточка */
.advantage-item {
    flex: 1 1 calc(33.33% - 20px); /* 3 карточки в строке */
    max-width: calc(33.33% - 20px); /* Максимальная ширина карточки */
    min-width: 280px; /* Минимальная ширина карточки */
    text-align: center;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.advantage-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Иконка */
.advantage-icon {
    font-size: 40px;
    color: #00468c;
    margin-bottom: 15px;
}

/* Заголовок карточки */
.advantage-item h3 {
    font-size: 1.2rem;
    color: #00468c;
    margin-bottom: 10px;
}

/* Текст карточки */
.advantage-item p {
    font-size: 1rem;
    color: #666;
}

/* Медиазапросы для адаптивности */

/* Средние экраны: 2 карточки в строке */
@media (max-width: 1024px) {
    .advantage-item {
        flex: 1 1 calc(50% - 20px); /* 2 карточки в строке */
        max-width: calc(50% - 20px);
    }
}

/* Маленькие экраны: 1 карточка в строке */
@media (max-width: 600px) {
    .advantage-item {
        flex: 1 1 100%; /* 1 карточка в строке */
        max-width: 100%;
    }
}