body {
font-family: 'Poppins', sans-serif;
}


.custom-navbar {
background: rgba(10, 46, 92, 0.95);
backdrop-filter: blur(8px);
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
transition: 0.3s;
}

.navbar-brand img {
transition: 0.3s;
}

.navbar-brand img:hover {
transform: scale(1.05);
}

.hero-section {
height: 100vh;
background: linear-gradient(rgba(10,46,92,0.85), rgba(0,180,216,0.75)),
url('../assets/hero-bg.jpg');
background-size: cover;
background-position: center;
}

.btn-premium {
background: #00B4D8;
color: white;
border: none;
}

.btn-premium:hover {
background: #0096C7;
}

.section-title {
font-weight: 700;
color: #0A2E5C;
}

.glass-card {
background: rgba(255,255,255,0.6);
backdrop-filter: blur(10px);
border-radius: 12px;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.services-section {
background: linear-gradient(135deg, #0A2E5C, #00B4D8);
}

.service-card {
background: white;
padding: 30px;
border-radius: 15px;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
transition: 0.3s;
}

.service-card:hover {
transform: translateY(-10px);
}

.services-section {
background: linear-gradient(135deg, #0A2E5C, #00B4D8);
}

.services-section .service-card {
background: white;
color: #0A2E5C;
padding: 30px;
border-radius: 15px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.services-section .service-card h4 {
font-weight: 700;
}

.footer {
background: #0A2E5C;
}

.page-header {
height: 40vh;
background: linear-gradient(rgba(10,46,92,0.9), rgba(0,180,216,0.7));
}

.product-card {
background: white;
border-radius: 15px;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
transition: 0.3s;
height: 100%;
}

.product-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.whatsapp-float {
position: fixed;
bottom: 25px;
right: 25px;
background: #25D366;
color: white;
font-size: 28px;
padding: 15px;
border-radius: 50%;
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
z-index: 100;
transition: 0.3s;
}

.whatsapp-float:hover {
transform: scale(1.1);
}