#wisdomCourtHero {
    background: linear-gradient(90deg, rgba(32,31,91,0.75), rgba(32,31,91,0.75)), url("../images/projects/wisdom-court/wisdom-court-10.jpeg");
    background-blend-mode: normal;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#elerangbeHero {
    background: linear-gradient(90deg, rgba(32,31,91,0.75), rgba(32,31,91,0.75)), url("../images/projects/elerangbe-land/elerangbe-land-1.jpeg");
    background-blend-mode: normal;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.function-btn {
    background-color: #201f5b;
    cursor: pointer!important;
}


    .function-btn.disabled{
        background-color: grey;
        cursor: default !important;
    }

    .function-btn:hover, .function-btn.open {
        background-color: #f38121!important;
    }

    .function-btn.disabled:hover {
        background-color: grey !important;
        font-weight: 400;
    }

    #map {
        height: 400px; /* Set the height of the map */
        width: 100%; /* Full-width */
    }