.popular-cities{
    display: flex;
    flex-wrap: wrap;
}
.city-item {
    width: 33.33%;
    cursor: pointer;
    color: #000;
}
.city-h{
    font-size: 16px;
}
.city-btn{
    margin: .25rem auto;
    background: #2a3e94;
    color: #fff;
    border-radius: 5px;
}
.city-btn:hover{
    color: #fff !important;
}

.tooltip-wrap{
    text-align: center;
}
.tooltip-content-wrap{
        width: 315px;
        position: absolute;
        height: 120px;
        left: 48%;
        display: none;
}
.tooltip-wrap .tooltip-content {
  display: block;
  position: absolute;
  left: 0;
  background-color: #fff;
  padding: .5em;
  width: 315px;
  top: 25px;
  box-shadow: 0 0 4px #00000075;
}
.tooltip-content:after 
{
content: "";
position: absolute;
top: -10px;
left: 140px;
display: block;
z-index: 1;
width: 20px;
height: 20px;
background: #fff;
transform: rotate(45deg);
box-shadow: -1px -1px 2px -1px #00000075;
}
.tooltip-wrap:hover .tooltip-content-wrap {
  display: block;
}

.tooltip-btn {
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
    min-width: 102px;
}
.wh-btn {
    background: #fff;
    color: #2796ff;
    border: 1px solid #2796ff;
}
.bl-btn {
    background-color: #2796ff;
    color: #fff;
    border: none;
}
.close-tooltip{
    display: none!important;
}

.modal-backdrop.show{
    display: none!important;
}
#defaultModal{
    height: 100vh!important;
}

#header{
    filter: none;
    box-shadow: 0 0 10px #0006;
}
#defaultModal .modal-dialog{
    box-shadow: 0 0 4px #0006;
}

.select_wrp {
    width: 100%;
    margin: 10px auto;
}

.select2-container{
    width: 100%!important;
}