:root {
            --primary: #000046;
            --accent: #56CCF2;
            --secondary: #2F80ED;
            --lightblue: #1CB5E0;
            --white: #FFFFFF;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            color: #333;
            line-height: 1.7;
        }
        
        .navbar {
            transition: all 0.3s ease;
        }

        .nav-item{
            margin-left:35px !important;
        }
        
        .hero-section {
            background: linear-gradient(rgba(0, 0, 70, 0.78), rgba(0, 0, 70, 0.78)), 
                        url('https://images.everydayhealth.com/images/2025/how-to-prevent-high-cholesterol-alt-1440x810.jpg?w=508') center/cover no-repeat;
            height: 100vh;
            min-height: 680px;
            display: flex;
            align-items: center;
            color: white;
        }
        
        .btn-accent {
            background-color: var(--accent);
            color: var(--primary);
            font-weight: 600;
            padding: 14px 36px;
            border: none;
            border-radius: 50px;
            transition: all 0.3s ease;
        }
        
        .btn-accent:hover {
            background-color: #45b8e0;
            transform: translateY(-4px);
            color: var(--primary);
        }
        
        .btn-primary-custom {
            background-color: var(--secondary);
            color: white;
            font-weight: 600;
            border-radius: 50px;
        }
        
        .section-title {
            color: var(--primary);
            font-weight: 700;
            position: relative;
            display: inline-block;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 70px;
            height: 4px;
            background: linear-gradient(to right, var(--accent), var(--lightblue));
        }
        
        .counter-number {
            font-size: 3.8rem;
            font-weight: 700;
            color: var(--accent);
        }
        
        .service-card {
            transition: all 0.4s ease;
            height: 100%;
            border: none;
        }
        
        .service-card:hover {
            transform: translateY(-18px);
            box-shadow: 0 25px 50px rgba(0, 0, 70, 0.18);
        }
        
        .feature-icon {
            width: 85px;
            height: 85px;
            background: linear-gradient(135deg, var(--accent), var(--lightblue));
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 2.4rem;
            margin-bottom: 20px;
            box-shadow: 0 10px 25px rgba(86, 204, 242, 0.3);
        }
        
        .review-card {
            background-color: white;
            border-left: 6px solid var(--accent);
            transition: all 0.3s;
        }
        
        footer {
            background-color: var(--primary);
            color: white;
        }
        
        .nav-link {
            color: var(--primary);
            font-weight: 500;
        }
        
        .nav-link:hover {
            color: var(--accent);
        }
        
        .logo-icon {
            font-size: 2.1rem;
            color: var(--accent);
        }