/* Прозрачные карточки с эффектом стекла */
.services .service {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 15px; /* Скругление углов */
}

/* Красивая тень при наведении */
.services .service:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-5px);
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Заголовки групп по центру */
.group-title {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
}
