/* Import Google Font - Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Base Styles */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure images are fluid */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Custom styles for the active navigation link */
.active-nav::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px; /* Adjust based on desired spacing from text */
    width: 100%;
    height: 2px;
    background-color: #3b82f6; /* Tailwind blue-500 equivalent */
    border-radius: 9999px; /* Fully rounded */
}

/* General Link Hover Effect */
a {
    transition: color 0.2s ease-in-out;
}

/* Custom styles for bullet points (to match the image's specific look if needed) */
ul.list-disc ul.list-none li::before {
    content: '•'; /* Use a consistent bullet */
    color: #333; /* Darker bullet color */
    display: inline-block;
    width: 1em; /* Space for the bullet */
    margin-left: -1em; /* Pull the bullet left */
}

/* Override default list-disc styling for nested lists to remove extra bullets */
ul.list-disc ul.list-none {
    list-style: none; /* Remove default disc for nested ul */
    padding-left: 0; /* Remove default padding */
}

/* Ensure responsive images in step sections */
.step-image img {
    object-fit: cover; /* Ensures image covers the area, cropping if necessary */
    width: 100%;
    height: 100%; /* Take full height of parent */
}

/* Specific styling for the tagline sections */
section.tagline {
    padding: 2rem 0; /* Add some vertical padding */
}

/* Footer specific adjustments for mobile */
@media (max-width: 767px) {
    footer .grid {
        grid-template-columns: 1fr; /* Stack columns on small screens */
        text-align: center; /* Center align footer content */
    }

    footer div {
        margin-bottom: 1.5rem; /* Add space between stacked columns */
    }

    footer form {
        max-width: 300px; /* Constrain form width on small screens */
        margin-left: auto;
        margin-right: auto;
    }
}