body {
        font-family: 'Inter', sans-serif;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
    }

    .hero-gradient {
        background: linear-gradient(135deg, #02071e 0%, #764ba2 100%);
        
    }

    .section-gradient {
        background: linear-gradient(135deg, #07334d 0%, #764ba2 100%);
    }

    .card-hover {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .smooth-scroll {
        scroll-behavior: smooth;
    }

    .nav-link {
        transition: color 0.3s ease;
    }
    .navbar{
        background-color: #ffffff;
        max-height: fit-content;
    }
    .logo-img {
    height: 30px;
    width: 30px;
    padding: 0;
    object-fit: contain;
}

    
    .chart-container {
        height: 300px;
    }