body {
    font-family: "Futura", sans-serif; /* Use Futura as the primary font */
    /* Or use a system font that resembles Futura */
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */

    /* Optional styling to enhance the Futura-like appearance */
    font-weight: normal; /* Or lighter if you want a thinner look */
    line-height: 1.6; /* Adjust line height for better readability */
    color: #333; /* Set a default text color */
    background-color: #f4f4f4; /* Optional: a light background */
    margin: 0; /* Remove default body margins */
    padding: 0; /* Remove default body padding */
}

/* If you have specific headings, you might want to style them too */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Futura", sans-serif;
    font-weight: bold; /* Headings are usually bolder */
    color: #222; /* Slightly darker heading color */
    line-height: 1.2; /* Tighter line height for headings */
}

/* If you need to style paragraphs specifically */
p {
    margin-bottom: 1.2em; /* Add space between paragraphs */
}

/* If you have links */
a {
    color: #007bff; /* Example link color */
    text-decoration: none; /* Remove default underline */
}

a:hover {
    text-decoration: underline; /* Add underline on hover */
}

/* If you need to style lists */
ul,
ol {
    margin-left: 1.5em; /* Add indentation to lists */
    margin-bottom: 1em; /* Add space below lists */
}

/* If you have code snippets */
code {
    font-family: monospace; /* Use monospace font for code */
    background-color: #f0f0f0; /* Light background for code */
    padding: 2px 5px; /* Add padding */
    border-radius: 3px; /* Add rounded corners */
}

/* If you have preformatted text */
pre {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    overflow-x: auto; /* Allow horizontal scrolling if needed */
}

/* Example of how to add a fallback font if Futura is unavailable */
/* @font-face {
    font-family: 'Futura';
    src: url('path/to/Futura.woff2') format('woff2'),
         url('path/to/Futura.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  } */
.text-shadow {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
 
.text-blue {
    color: #1A4798; /* Dark Blue */
}

.text-red {
    color: #ED1C24; /* Dark Red */
}


.landing-dark-bg {
    background-color: white;
    /* Set background to white */
    border-top: 5px solid transparent;
    /* Make the top border exist but invisible */
    background-image: linear-gradient(to right,
            #1a4798 0%, #1a4798 33%,
            /* Blue */
            #f5bf27 33%, #f5bf27 66%,
            /* Yellow */
            #f61638 66%, #f61638 100%
            /* Red */
        );
    background-size: 100% 5px;
    /* Set height of the gradient to match the border */
    background-repeat: no-repeat;
}

.text-custom {
    color: #1a4798;
    /* Set the text color to #1a4798 */
}

@media (max-width: 768px) { /* Adjust breakpoint if needed */
    .hide-on-mobile {
        display: none !important;
    }
}