.hero-header{background:var(--pink) url("../img/map-bg.svg") no-repeat right 30px;padding:41px 0 70px;text-align:center}
.hero-header h1{color:var(--white);letter-spacing:.5px}
span.flag.in{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:28px;border-radius:6px}
.tp-minus{margin-top:-86px}
.list-group-horizontal>.list-group-item:first-child, .list-group-horizontal>.list-group-item:last-child {border-radius: 10px;}
.city-name-header{background:var(--white);border-left:6px solid var(--color-secondary);padding:18px 25px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.inner-city-header h5{color:var(--color-secondary);font-weight:700;font-size:24px;gap:4px}
.city-list-gride .list-group-item{border:none;margin:6px;padding:12px 16px;border-radius:10px;background:var(--white);transition:.3s;}
.city-list-gride .list-group-item a{font-size:18px;font-weight:700;color:var(--color-secondary);text-decoration:none}
.city-list-gride .list-group-item:hover{background:var(--color-secondary);transform:translateY(-3px)}
.city-list-gride .list-group-item:hover a{color:var(--white)}
.city-list-gride .list-group-item.sub-city{width:100%;border:0px solid #dadddf;}
.city-list-gride .sub-city{background:var(--specialbg)}
.city-list-gride .sub-city ul{margin-top:15px;padding-left:10px;border-left:3px dashed var(--pink)}
.city-list-gride .sub-city ul .list-group-item{background:var(--white);margin:8px;padding:10px 18px;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.04)}
.city-list-gride .sub-city ul .list-group-item a{color:var(--pink);font-weight:600;font-size:var(--medium-font-size)}
.city-list-gride .sub-city ul .list-group-item:hover{background:var(--pink)}
.city-list-gride .sub-city ul .list-group-item:hover a{color:var(--white)}
@media(max-width:767px){.hero-header{background-size:90px}}



.state-wrapper{margin-bottom:18px}
.state-title{font-size: 20px;font-weight: 600;color: #111;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid #e5e5e5;}
.city-title{font-size:16px}
.city-title a{color:var(--pink);text-decoration:none;transition:.3s}
.city-title a:hover{color:#000}
.area-list{
    list-style: none;
    padding: 0;
    margin: 11px 0 16px;
    column-count: 5;
    column-gap: 30px;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 20px;
}
.area-list li{margin-bottom:6px;break-inside:avoid}
.area-list li a{font-size:15px;color:var(--black);text-decoration:none;transition:all .3s ease;display:inline-block;line-height:1.4}
.area-list li a:hover{color:#000;padding-left:5px}
@media(max-width:1200px) {
.area-list{column-count:3}
}
@media(max-width:991px) {
.area-list{column-count:2}
.hero-header h1{font-size:30px}
}
@media(max-width:576px) {
.area-list{column-count:1}
.state-title{font-size:22px}
.city-title{font-size:18px}
}