.hero-header {background-color: var(--black);background-image: url(../img/map2.png);background-position-x: right;background-repeat: no-repeat;background-size: contain;color: var(--white);padding: 76px 0;text-shadow: 0 1px 0 rgba(0, 0, 0, .1);}
.city-name-header{border-radius: 20px;background: linear-gradient(to bottom,  #e6006f 0%,#e6006f 53%,#b4005b 100%);color: var(--white);padding: 2px;}
span.flag {background: url(../img/flag-img/in.svg) no-repeat 0 0;background-size: 28px;display: block;height: 28px;margin:0 6px 0 0;padding: 12px;width: 32px;}
.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: 0px 0px 10px #00000029;border: 2px solid #E2E2E2;border-radius: 10px;background: #F5F5F5;overflow: hidden;}
.city-list-gride .list-group-item{background: #F5F5F5;width: 20.00%;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-color: #c8c8c8;border-top: 1px solid #c8c8c8;}
.city-list-gride .list-group-item.sub-city ul li{padding:1rem 0 0rem 10px;border-bottom: 0;position: relative;}
.city-list-gride .list-group-item.sub-city ul li:before {content: '';width: 6px;height: 2px;position: absolute;background: var(--pink);top: 26px;left: 0;}
@media screen and (max-width: 767px) {
    .city-list-gride .list-group-item{width: 50%;}    
}