/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght=300;400;600;700&display=swap');

:root {
    --primary: #0ea5e9;
    --secondary: #0f172a;
    --accent: #f0f9ff;
}

body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

.hero-gradient {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}

.service-card {
    transition: all 0.3s ease;
}

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

.mobile-menu {
    display: none;
}

.mobile-menu.active {
    display: block;
}

/* Marquee Animation Carousel */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.marquee-container {
    display: flex;
    width: max-content;
    animation: marquee 30s linear infinite;
}

.marquee-container:hover {
    animation-play-state: paused;
}