.app-city-dropdown {
	 position: relative;
	 max-width: 205px;
}
 .app-city-dropdown__selected {
	 display: inline-flex;
	 gap: 5px;
	 align-items: center;
	 color: #fff;
	 cursor: pointer;
}
 .app-city-dropdown__selected:hover span {
	 text-decoration: underline;
}
 .app-city-dropdown__selected span {
	 white-space: nowrap;
	 max-width: 180px;
	 display: block;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
 .app-city-dropdown__selected-icon {
	 width: 20px;
	 height: 20px;
	 fill: currentcolor;
}
 .app-city-dropdown__dropdown {
	 position: absolute;
	 top: -23px;
	 left: 0;
	 min-width: 280px;
	 background: #fff;
	 z-index: 2;
	 padding: 16px;
	 box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	 display: none;
}
 @media (max-width: 767px) {
	 .app-city-dropdown__dropdown {
		 width: 100%;
		 left: initial;
	}
}
 .app-city-dropdown__dropdown-list {
	 overflow-y: auto;
	 max-height: 300px;
}
 .app-city-dropdown__dropdown-list li {
	 padding: 7px 0;
	 cursor: pointer;
	 font-size: 14px;
}
 .app-city-dropdown__dropdown-list li:hover, .app-city-dropdown__dropdown-list li.is-selected {
	 color: #c7181d;
}
 .app-city-dropdown__dropdown-search {
	 position: relative;
	 display: block;
	 margin-bottom: 10px;
}
 .app-city-dropdown__dropdown-search input {
	 border: none;
	 height: 35px;
	 width: 100%;
	 padding: 0 30px 0 10px;
	 border: solid 1px #ddd;
}
 .app-city-dropdown__dropdown-search input::placeholder {
	 font-weight: 400;
}
 .app-city-dropdown__dropdown-search input:focus {
	 border-color: #2e363d;
}
 .app-city-dropdown__dropdown-search-icon {
	 width: 18px;
	 height: 18px;
	 position: absolute;
	 right: 8px;
	 top: 50%;
	 transform: translateY(-50%);
	 fill: #9c9c9c;
}
 .logo-and-city {
	 display: flex;
	 align-items: center;
	 gap: 30px;
}
 @media (max-width: 630px) {
	 .logo-and-city {
		 gap: 5px 10px;
		 flex-direction: column;
		 align-items: flex-start;
	}
}
 .header-links {
	 flex-wrap: wrap;
	 justify-content: flex-end;
}
 .menu {
	 flex-wrap: nowrap !important;
}

.app-city-dropdown__dropdown-list li {
 padding-left: 10px;
}

.app-city-dropdown__dropdown-list li.-category {
 padding-left: 0px;
 font-weight: 600;
}
 
.app-city-dropdown__dropdown-list{
 overflow-x: hidden;
 overflow-y: scroll;
 padding-right: 5px;
}

.app-city-dropdown__dropdown-list::-webkit-scrollbar {
  width: 2px; /* Adjust width for vertical scrollbar */
  height: 2px; /* Adjust height for horizontal scrollbar */
}

/* Style the track */
.app-city-dropdown__dropdown-list::-webkit-scrollbar-track {
  background: #fff;
}

/* Style the thumb */
.app-city-dropdown__dropdown-list::-webkit-scrollbar-thumb {
  background: #f0f0f0;
  border-radius: 5px;
}

/* Style the thumb on hover */
.app-city-dropdown__dropdown-list::-webkit-scrollbar-thumb:hover {
  background: #f0f0f0;
}

.app-city-dropdown__dropdown-category{
 font-weight: 600;
 padding-bottom: 5px;
 padding-top: 5px;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.app-city-dropdown__dropdown-category:hover{
 color: r#c7181ded;
}
.app-city-dropdown__dropdown-items{
 display: none;
}