:root {
            --primary-color: #f72585;
            --white: #FFFFFF;
            --dark-text: #1a1a1a;
            --light-bg: #f8f9fa;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--dark-text);
            background-color: var(--white);
        }

        h1, h2, h3, .navbar-brand {
            font-family: 'Outfit', sans-serif;
            font-weight: 800;
        }

        /* Navbar */
        .navbar {
            padding: 1.5rem 0;
            background: transparent !important;
        }
        .nav-link {
            color: var(--dark-text) !important;
            font-weight: 600;
            margin: 0 10px;
            transition: 0.3s;
        }
        .nav-link:hover { color: var(--primary-color) !important; }
        .btn-cta-nav {
            background-color: var(--primary-color);
            color: var(--white) !important;
            padding: 10px 25px;
            border-radius: 50px;
            font-weight: 600;
            text-decoration: none;
            transition: 0.3s;
        }

        /* Hero */
        .hero {
            background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url('https://png.pngtree.com/thumb_back/fh260/background/20230702/pngtree-3d-rendering-of-business-accounting-and-financial-concepts-image_3737898.jpg') no-repeat center center/cover;
            padding: 120px 0;
            text-align: center;
        }
        .hero h1 { font-size:7rem; color: var(--primary-color); }

        /* Sections */
        section { padding: 80px 0; }
        .section-title { margin-bottom: 50px; text-align: center; }
        .section-title h2 { color: var(--primary-color); font-size: 2.5rem; }

        /* Services */
        .service-card {
            border: none;
            border-radius: 20px;
            overflow: hidden;
            transition: 0.3s;
            height: 100%;
            background-color: var(--light-bg);
        }
        .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.05); }
        .service-img { height: 200px; object-fit: cover; }
        .service-desc { height: 160px; overflow: hidden; line-height: 1.6; }

        /* Vision/Mission Box */
        .vm-box { border-left: 5px solid var(--primary-color); padding: 30px; background: #fffcfd; }

        /* Counter */
        .counter-box { text-align: center; }
        .counter-box i { font-size: 3rem; color: var(--primary-color); margin-bottom: 15px; }
        .counter-number { font-size: 2.5rem; font-weight: 800; display: block; }

        /* Footer */
        footer { background: #111; color: #ccc; padding: 80px 0 20px; }
        footer a { color: #ccc; text-decoration: none; transition: 0.3s; }
        footer a:hover { color: var(--primary-color); }
        footer h5 { color: white; margin-bottom: 25px; }

        .btn-primary-custom {
            background-color: var(--primary-color);
            border: none;
            color: white;
            padding: 12px 30px;
            border-radius: 5px;
        }

        
        .btn-primary-custom:hover {
            background-color: var(--primary-color);
            border: none;
            color: white;
            padding: 12px 30px;
            border-radius: 5px;
        }