.hero-header{background-color:var(--pink);background-image:url(../img/map2.png);background-position-x:right;background-repeat:no-repeat;background-size:contain;color:var(--white);padding:30px 0 30px;text-shadow:0 1px 0 rgba(0,0,0,.1)}
.city-name-header{border-radius:20px;background:linear-gradient(to bottom,#d84f57 0,#d84f57 53%,#b4005b 100%);color:var(--white);padding:2px;margin-top:14px}
span.flag.sg{background:url(../img/flag-img/sg.svg) no-repeat 0 0;background-size:28px;display:block;height:28px;margin:0 6px 0 0;padding:12px;width:28px;border-radius:6px}
.inner-city-header{border:2px solid var(--white);margin:4px;border-radius:12px;padding:10px 12px}
.tp-minus{margin-top:-86px}
.city-list-gride .card{box-shadow:none;border:1px solid #e2e2e2;border-radius:10px;background:0 0;overflow:hidden}
.city-list-gride .list-group-item{background:#fff;width:20%;border-left:0;border-right:0;border-top:0;border-radius:0;padding:1rem;font-size:15px;border-color:#eae5e5}
.city-list-gride .list-group-item.sub-city{width:100%;border-top:0px solid #c8c8c8}
.city-list-gride .list-group-item.sub-city ul li{padding:1rem 0 1rem 21px;position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,.125)}
.city-list-gride .list-group-item.sub-city ul li:last-child{border-bottom:0}
.hero-header h1{text-transform:capitalize}
@media screen and (max-width:767px){
.city-list-gride .list-group-item{width:50%}
}