/* styles.css */

/* Hero Section Styles */
.hero-section {
    background-image: linear-gradient(to right, rgba(0, 123, 255, 0.8), rgba(40, 167, 69, 0.8)), url('../../resources/hero-background.png');
    background-size: cover;
    height: 80vh;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.hero-section h1 {
    font-size: 3.5rem;
    font-weight: 700;
}

.hero-section p {
    font-size: 1.5rem;
}

/* Key Features Styles */
.features-section h2 {
    font-weight: bold;
}

.features-section i {
    transition: transform 0.3s ease;
}

.features-section i:hover {
    transform: scale(1.2);
}

.features-section .text-center a {
    transition: color 0.3s ease, box-shadow 0.3s ease;
}

.features-section .text-center a:hover {
    color: #007bff;
    box-shadow: 0px 4px 15px rgba(0, 123, 255, 0.2);
}

/* Quick Stats Styles */
.quick-stats-section {
    background: linear-gradient(to right, #f8f9fa, #e9ecef);
}

.quick-stats-section .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.quick-stats-section .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 123, 255, 0.1);
}

/* Buttons Customization */
.btn-primary {
    background-color: #007bff;
    border: none;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
}

.btn-secondary {
    background-color: #6c757d;
    border: none;
    transition: background-color 0.3s ease;
}

.btn-secondary:hover {
    background-color: #5a6268;
}