body{
    background:#eee;
    font-family: 'Geologica', sans-serif;
}
.map-container{
    padding: 40px;
    margin: 0 auto;
    width: 1200px;
    background:#fff;
}
.map-row{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.m-c{
    background:none; padding:0px;
}
.m-s{
    padding-left:30px;
}
.text1{
    color:#87dcb1; 
    font-weight: 550; 
    font-size:20px;
    margin-bottom: 55px;
}
.text2{
    color:#fff; 
    font-weight: 550; 
    font-size:17px;
    margin-bottom: 10px;
}
.city-info{
    padding-left: 18px;
}
.city-form{
    width: 100%;
    background-color: #2c2e3d;
    height: 130px;
    padding: 18px;
    margin-bottom: 45px;
}

.city-select-box select{
    background-color: white;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    padding: 11px;
    color: #87dcb1;
    font-weight: bold; 
    font-size: 15px;
    appearance: auto;
}
.city-select-box option{
    font-weight: 550; 
}
.text3{
    color:#87dcb1; 
    font-weight: 550; 
    font-size:20px;
    margin-bottom: 20px;
}
.text4{
    line-height: 22px;
    font-size: 19px;
    margin-bottom: 20px;
}
.font-bold{
    font-weight: bold;
    font-size: 19px;
}
.mosque-row{
    display: flex;
    flex-wrap: wrap;
    background:#fff;
    padding-left:18px;
    padding-right:18px;
    width: 100%;
}
.city_mosque{
    margin-bottom: 20px;
}
.text5{
    color:#87dcb1; 
    font-weight: 550; 
    font-size:20px;
    text-transform: uppercase;
}
.mosques{
    font-weight: bold;
}