/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

p {
    text-align: left;
}


.header {
    font-size: x-large;
    font-weight: 600;
    margin-bottom: 20px;
}

.fa-ul.info-list {
    text-align: left; /* Ensures the entire list is left-aligned */
}

    .fa-ul.info-list li {
        text-align: left; /* Ensures each list item is left-aligned */
        display: flex; /* Aligns the SVG and text horizontally */
        align-items: flex-start; /* Aligns SVG to the top of the text */
        gap: 8px; /* Adds spacing between the icon and text */
    }

        .fa-ul.info-list li h4 {
            margin: 0; /* Removes extra margin for headings */
        }

.hero-banner {
    position: relative;
    width: 100%;
    height: 50vh; /* Adjust height as needed (100vh = full viewport height) */
    background-image: url('../images/main_photo2.jpg');
    background-size: cover; /* Ensures the image covers the div completely */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling */
}

    .hero-banner .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        color: white; /* Adjust text color for visibility */
    }