/* Color Palette & Custom Styles */
:root {
    --primary-color: #0066cc; /* Professional Blue */
    --secondary-color: #25d366; /* WhatsApp Green */
    --dark-color: #1a1a1a;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    scroll-behavior: smooth;
}

.text-primary { color: var(--primary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); }
.btn-primary:hover { background-color: #0052a3; border-color: #0052a3; }
.btn-success { background-color: var(--secondary-color); border-color: var(--secondary-color); color: white !important; }
.btn-success:hover { background-color: #1ebd54; border-color: #1ebd54; }

/* Hero Section Styling */
.hero-section {
    background: linear-gradient(135deg, rgba(0,74,153,0.95) 0%, rgba(0,102,204,0.85) 100%), 
                url('https://images.unsplash.com/photo-1626806787461-102c1bfaaea1?q=80&w=1200') no-repeat center center/cover;
    min-height: 85vh;
    padding: 60px 0;
}

/* Promo Banner Animation */
.promo-banner {
    border-bottom: 2px solid #e0a800;
}
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
.animate-bounce {
    display: inline-block;
    animation: bounce 2s infinite;
}

.card {
    border-radius: 12px;
    transition: transform 0.3s ease;
}

#services .card:hover {
    transform: translateY(-5px);
}

.navbar-brand {
    font-size: 1.4rem;
}