Virtuewise Education

Email: dora@virtuewisecn.com | Tel: +86 15220532082

FB YT WA

.landing-hero { font-family: 'Inter', sans-serif; } .hero-container { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 50px; padding: 0 20px; } .hero-image-box { flex: 1; text-align: center; } .hero-text-box { flex: 1; } .floating-img { max-width: 100%; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); animation: float 6s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .badge { background: #14213D; color: #fff; padding: 5px 15px; border-radius: 50px; font-size: 14px; font-weight: 600; margin-bottom: 20px; display: inline-block; } .dynamic-title { color: #14213D; font-size: 52px; font-weight: 800; line-height: 1.1; margin-bottom: 25px; } .text-orange { color: #FCA311; } .hero-desc { color: #4A4A4A; font-size: 18px; margin-bottom: 40px; line-height: 1.6; } .hero-actions { display: flex; gap: 20px; } .btn-primary { background: #FCA311; color: #fff; padding: 15px 35px; border-radius: 8px; font-weight: 700; text-decoration: none; transition: all 0.3s; box-shadow: 0 10px 20px rgba(252, 163, 17, 0.3); } .btn-primary:hover { background: #e08e00; transform: translateY(-3px); box-shadow: 0 15px 25px rgba(252, 163, 17, 0.4); } .btn-secondary { color: #14213D; padding: 15px 35px; border-radius: 8px; font-weight: 700; text-decoration: none; border: 2px solid #14213D; transition: all 0.3s; } .btn-secondary:hover { background: #14213D; color: #fff; } @media (max-width: 768px) { .hero-container { flex-direction: column; text-align: center; } .dynamic-title { font-size: 36px; } .hero-actions { justify-content: center; } }