/* Hero Section */
.hero {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: white;
    padding: 4rem 1rem;
}

.hero .btn {
    background-color: white;
    color: #007bff;
    font-weight: bold;
}

.hero .btn:hover {
    background-color: #e9ecef;
}

/* Features Section */
.features .card {
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem; /* Add margin at the bottom of each card */
    height: 180px; /* Reset height to allow margin-bottom to take effect */
}

/* Testimonials Section */
.testimonials blockquote {
    font-size: 1.2rem;
    font-style: italic;
    color: #555;
}

.testimonials footer {
    font-size: 0.9rem;
    color: #777;
}

/* Call-to-Action Section */
.cta {
    background: #0056b3;
    color: white;
}

.cta .btn {
    background-color: white;
    color: #0056b3;
    font-weight: bold;
}

.cta .btn:hover {
    background-color: #e9ecef;
}

/* Logo Section */
.logo {
    height: 20rem; /* Set the logo size to 20rem */
    width: auto;
    filter: brightness(0) invert(1); /* Make the logo white */
}

.login-link, .signup-link {
    margin-top: 3rem; /* Ensure consistent spacing */
    display: inline-block;
    width: 120px; /* Set equal width for both links */
    text-align: center;
    margin-left: 20px; /* Add 20px spacing between the buttons */
}