:root {
    --primary-blue: #0c5adb;
    --dark-grey: #333333;
}

.bg-primary-blue {
    background-color: var(--primary-blue);
}

.text-primary-blue {
    color: var(--primary-blue);
}

.btn-primary-blue {
    background-color: var(--primary-blue);
    color: white;
    border: none;
}

.btn-primary-blue:hover {
    background-color: #0948b3;
    color: white;
}

.hero-section {
    min-height: 80vh;
    background: linear-gradient(rgba(12, 90, 219, 0.14), rgba(12, 90, 219, 0.77)),
    url('../img/background.png') center/cover;
}

.service-card {
    transition: transform 0.3s ease;
    border-top: 4px solid var(--primary-blue);
}

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

.stat-card {
    border-left: 4px solid var(--primary-blue);
}