/* Set explicit dimensions for images */
img {
    width: 100%;
    height: auto;
}

/* Improved color contrast for links */
.text-gray-600 {
    color: #1a1a1a;
}

    .text-gray-600:hover {
        color: #000000;
    }

/* Container for the language switcher */
.language-switcher {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

/* Adjust the margin-top for mobile view */
@media (max-width: 768px) {
    .language-switcher {
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: 30px; /* Adds space to avoid overlap */
        width: 100%;
    }

    .text-center {
        margin-top: 70px; /* Add extra margin to push text lower */
    }
}

/* Reserve space for dynamic content */
.landing-dark-bg {
    min-height: 300px;
}

.bgi-no-repeat {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    min-height: 500px;
}

/* Style the search box */
.landing-search {
    margin-top: 20px; /* Adds space above the search bar */
    text-align: center;
}

    .landing-search .input-group {
        max-width: 600px;
        margin: 0 auto; /* Centers the search box */
    }

/* Style the form controls for the search box */
.form-control-lg {
    height: 55px;
    font-size: 1.2rem;
}

.btn-lg {
    height: 55px;
}

/* Ensure the search bar takes full width on small devices */
@media (max-width: 576px) {
    .landing-search .input-group {
        max-width: 100%;
    }
}

/* Ensure the text remains visible and bold in smaller viewports */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }

    .landing-search .input-group {
        max-width: 100%;
    }
}