/* WhatsApp Floating Button */
.whatsapp-float {
position: fixed;
bottom: 20px;
right: 20px;
background: #25D366;
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
z-index: 999;
text-decoration: none;
}

.whatsapp-float:hover {
background: #1ebe5d;
color: white;
}

.hero-section {
background: linear-gradient(135deg, #0d6efd, #001f3f);
padding: 120px 20px;
}

.hero-section h1 {
font-size: 48px;
}

.hero-section p {
font-size: 20px;
opacity: 0.9;
}

.category-box {
padding: 25px;
border-radius: 10px;
transition: 0.3s;
background: white;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.category-box:hover {
transform: translateY(-8px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}