.city-dialog-overlay{
  background:#fff;
  box-sizing:border-box;
  display:none;
  height:100vh;
  left:0;
  max-height:100%;
  opacity:1;
  overflow-y:auto;
  position:fixed;
  top:0;
  width:100%;
  z-index:200;
}
@media screen and (min-width:768px){
  .city-dialog-overlay{
    min-height:100%;
  }
}

.select-region__header{
  align-items:center;
  display:flex;
  flex-wrap:wrap-reverse;
  justify-content:space-between;
  padding:1rem 0;
}

.select-region__title{
  font-size:1.2rem;
  margin-top:2rem;
}
@media screen and (min-width:768px){
  .select-region__title{
    font-size:1.4rem;
  }
}
@media screen and (min-width:1200px){
  .select-region__title{
    font-size:1.6rem;
    font-size:1.8rem;
  }
}

.city-dialog__close-popup{
  cursor:pointer;
  justify-self:end;
}

.select-region__inner{
  display:grid;
  grid-template-columns:1fr;
}
@media screen and (min-width:768px){
  .select-region__inner{
    gap:2rem;
    grid-template-columns:40% 60%;
    max-width:96%;
  }
}

.select-region__cities{
  border:1px solid #e0eaf7;
  border-radius:.625rem;
  margin-bottom:2rem;
  padding:1rem;
  transition:all .1s;
}
.select-region__cities:hover{
  border:1px solid #15a8f1;
}

.city-dialog__list-item:not(:last-child){
  margin-bottom:.5rem;
}

.select-region__clinics{
  border:1px solid #e0eaf7;
  border-radius:.625rem;
  margin-bottom:2rem;
  padding:1rem;
  transition:all .3s;
}
.select-region__clinics:hover{
  border:1px solid #15a8f1;
}

.select-city__city-link{
  background:none;
  border:none;
  cursor:pointer;
  display:block;
  font-size:1rem;
  text-align:left;
  transition:all .1s;
  width:100%;
}
.select-city__city-link:hover{
  color:#15a8f1;
}
@media screen and (min-width:768px){
  .select-city__city-link{
    font-size:1.2rem;
  }
}
@media screen and (min-width:1200px){
  .select-city__city-link{
    font-size:1.4rem;
  }
}

.select-region__current-city{
  background-color:#15a8f1;
  border-radius:.625rem;
  color:#fff;
  padding:.5rem 1.5rem;
}
.select-region__current-city:hover{
  color:#fff;
}

.clinics-list__title{
  color:#15a8f1;
  font-size:1.2rem;
  margin-bottom:1rem;
}
@media screen and (min-width:768px){
  .clinics-list__title{
    font-size:1.4rem;
  }
}
@media screen and (min-width:1200px){
  .clinics-list__title{
    font-size:1.6rem;
    font-size:1.8rem;
  }
}

.clinic-list__phone{
  font-size:1.1rem;
  margin-bottom:1rem;
}
@media screen and (min-width:768px){
  .clinic-list__phone{
    font-size:1.2rem;
  }
}
@media screen and (min-width:1200px){
  .clinic-list__phone{
    font-size:1.4rem;
  }
}

.clinic-list__items{
  list-style-position:inside;
  list-style-type:none;
}

.clinics-list__clinics-item{
  margin:1.6rem 1rem;
}

.clinics-list__clinic-link{
  background:none;
  border:none;
  color:#15a8f1;
  cursor:pointer;
  display:block;
  font-size:1rem;
  text-align:left;
  transition:all .3s;
  width:100%;
}
.clinics-list__clinic-link:hover{
  color:#15a8f1;
}