.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.cr{background:url("../img/flag-img/cr.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:14px 0;padding:14px 22px;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}}