.hero {
    background: linear-gradient(135deg, #1a73e8, #0d47a1);
}

.feature-card {
    height: 100%;
    transition: transform 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.icon-feature {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #1a73e8;
}

.cta-section {
    background-color: #f5f6fa;
}

.navbar-item img {
    max-height: 2.5rem;
}

.logo-image {
    max-height: 2.5rem;
    /* Adjust as needed */
    transition: transform 0.3s ease;
}

.logo-image:hover {
    transform: scale(1.1);
    /* Slightly enlarge the logo on hover */
}


body {
    padding-top: 70px;
    /* Adjust this value based on the height of your navbar */
    font-family: Arial, sans-serif;
    /* Default font for the body */

}

.navbar {
    position: fixed;
    /* Fixes the navbar to the top */
    top: 0;
    /* Aligns it to the top of the viewport */
    width: 100%;
    /* Ensures it spans the full width */
    z-index: 1000;
    /* Keeps it above other content */
}


h1,
h2,
h3 {
    font-family: "Vollkorn", serif;
}

/* Change the color of links and buttons */
.has-text-link {
    color: #0d0da1;
    /* Change to your desired color */
}

.button.is-primary {
    background-color: #000000;
    /* Change button background color */
    color: white;
    /* Change button text color */
}

h3.title.is-4.has-text-primary {
    color: #000000 !important;
}

/* Change the color of specific headings */
h2.has-text-primary {
    color: #000000 !important;
    /* Change to your desired color */
}

/* Change footer text color */
footer {
    color: #000000;
    /* Change to your desired color */
}

.has-text-primary {
    color: #000000 !important;
}

.image.has-hover img:hover {
    transform: scale(1.1);
    /* Scale the image to 110% on hover */
}