@keyframes pulse {
    0% {
        background-color: white;
        color: maroon;
        border: 1px solid maroon;
        transform: translate(-40%, -50%) scale(1);
    }

    50% {
        background-color: white;
        color: maroon;
        border: 1px solid maroon;
        transform: translate(-40%, -50%) scale(1.2);
    }

    100% {
        background-color: white;
        color: maroon;
        border: 1px solid maroon;
        transform: translate(-40%, -50%) scale(1);
    }
}

.map_titleSF {
    position: absolute;
    color: white;
    font-size: 18px;
    font-weight: 900;
    background-color: maroon;
    animation: pulse 1s infinite;
    padding: 5px;
    border-radius: 5px;
    transform-origin: center center;
    transform: translate(50%, -50%) scale(1.2);
}


/* Fixing the search container */
#fixedSearchContainer {
    position: fixed; /* Keeps it fixed on the screen */
    top: 10px; /* Adjust vertical position */
    right: 10px; /* Adjust horizontal position */
    z-index: 9999; /* Ensure it stays above other elements */
}

/* Adjust for smaller screens */
@media only screen and (max-width: 768px) {
    #fixedSearchContainer {
        top: 10px; /* Adjust top margin for mobile */
        right: 5px; /* Slightly more space for mobile */
        width: 110px; /* Adjust size for smaller viewports */
    }

    .btnsrch {
        font-size: 18px; /* Reduce button size */
        width: 100px;
    }
}