.ri-mega-menu { display: flex; gap: 36px; width: 100%; max-width: 1050px; padding: 32px 36px; background: #ffffff; border-radius: 12px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10); font-family: "Inter", "Arial", sans-serif; } .ri-menu-column { flex: 1; min-width: 0; } .ri-menu-label { font-size: 12px; line-height: 1.2; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #6b46c1; margin-bottom: 8px; } .ri-menu-column h3 { font-size: 20px; line-height: 1.25; font-weight: 700; color: #111827; margin: 0 0 8px 0; } .ri-menu-column p { font-size: 14px; line-height: 1.45; font-weight: 400; color: #6b7280; margin: 0 0 16px 0; } .ri-menu-column a { display: block; font-size: 15px; line-height: 1.45; font-weight: 500; color: #1f2937; text-decoration: none; margin-bottom: 10px; transition: color 0.2s ease, transform 0.2s ease; } .ri-menu-column a:hover { color: #6b46c1; transform: translateX(3px); } @media (max-width: 768px) { .ri-mega-menu { flex-direction: column; gap: 24px; padding: 24px; box-shadow: none; border-radius: 0; } .ri-menu-column h3 { font-size: 18px; } .ri-menu-column a { font-size: 15px; } }