.city-confirm button{
	height: 30px !important;
	padding: 0 10px !important;
	font-size: 14px;
}

.pop-up.city-confirm{
	width: 280px !important;
}

.geolocation{
	width: 260px !important;
}

.geolocation__link{
	color: var(--e-global-color-text) !important;
	border: none !important;
	
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.geolocation__link:hover svg path {
	stroke: var(--e-global-color-primary) !important;
	transition: all .4s ease;
}

.geolocation__link:hover .geolocation__value {
	color: var(--e-global-color-primary) !important;
	transition: all .4s ease;
}

.geolocation__value {
	transition: all .4s ease;
}

.geolocation__link svg{
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
}

.geolocation__link path{
	stroke: var(--e-global-color-text) !important;
	fill: transparent !important;
	transition: all .4s ease;
}

.pop-up .popup-window-titlebar{
	background: #f7f7f7 !important;
	color: var(--e-global-color-text) !important;
	padding: 16px !important;
	
}

.city-change .quick-locations__title{
	color: var(--e-global-color-text) !important;
}

.city-change .quick-locations__val{
	color: var(--e-global-color-text) !important;
}

.city-change .quick-locations__val:hover {
    background: transparent !important;
    color: var(--e-global-color-primary) !important;
}

.continue-without-geo{
	color: var(--e-global-color-primary) !important;
}

#belingogeo_search_city{
	background: transparent !important;
	font-size: 14px !important;
	color: var(--e-global-color-text) !important;
	border-radius: 0 !important;
}

#belingogeo_search_city::placeholder{
	font-size: 14px !important;
}

.city-change .quick-locations{
	overflow: visible !important;
}

.pop-up.popup-window {
	box-shadow: none !important;
	background: #fff !important;
}

.block-info__title,
.block-info__text{
	color: var(--e-global-color-text) !important;
	padding-top: 0 !important;
}

.city-change .block-info{
	padding: 16px !important;
}

.pop-up .popup-window-close-icon svg{
	width: 35px !important;
	height: 35px !important;
}

.pop-up .popup-window-close-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	
	background: transparent !important;
	border-radius: 0 !important;
	
	width: fit-content !important;
	height: fit-content !important;
	
	top: 10px !important;
	right: 16px !important;
}

.pop-up .popup-window-close-icon.popup-window-close-icon--fs{
	top: 6px !important;
    right: 4px !important;
}

.pop-up .popup-window-close-icon: hover{
	background: transparent !important;
}

#cityChange{
	position: fixed !important;
	margin: 0 !important;
	
	transform: translate(-50%, -50%) !important;
	width: 1200px !important;
	
	z-index: 10002 !important;
	left: 50% !important;
	
}

.popup-window-overlay{
	position: fixed !important;
}

.cityChangeOverlay{
	position: fixed;
	width: 100%;
	height: 100%;
	
	background: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
	
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s ease;
	
	z-index: 10001;
}

.cityChangeOverlay.active{
	opacity: 1;
	visibility: visible;
	transition: opacity .4s ease;
}

.block-info__top{
	display: flex;
    align-items: flex-end;
    gap: 10px;
}

.quick-locations{
	display: flex;
	flex-direction: column;
}

.belingogeo_serach_city_container{
	order: -1;
	grid-column: span 2;
	
		background: #f2f2f2 !important;
	color: var(--e-global-color-text) !important;
	font-size: 14px !important;
	border-radius: 8px !important;
	border: 1px solid #f2f2f2 !important;
	margin-bottom: 20px !important;
}

.quick-locations__wrapper{
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 0 20px;
}

.quick-locations__values__container{
	overflow-x: hidden; 
	overflow-y: auto; 
	height: 300px;
}

.city-change .quick-locations__values{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media(max-width: 1200px) {
	
	#cityChange{
		width: 90% !important;
	}
	
	.city-change .quick-locations__values{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1024px) {
    .geolocation {
        float: none !important;
        position: static !important;
        right: 0 !important;
		width: auto !important;
    }
	
	.city-change .quick-locations__values{
		grid-template-columns: repeat(2, 1fr);
	}
}

.suggestions-wrapper{
	width: 100% !important;
}

.city-change .quick-locations__values{
		padding: 0;
	}

@media(max-width: 768px) {
	.block-info__top{
		flex-direction: column;
		align-items: flex-start;
		gap: 7px;
	}
}

@media(max-width: 576px) {
	.city-change .quick-locations__values{
		grid-template-columns: repeat(1, 1fr);
	}
}

@media(max-width: 475px) {
	.quick-locations__values__container{
		height: 260px;
	}
	
	.quick-locations__wrapper{
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
}

@media(max-width: 425px) {
	.city-change .quick-locations__title{
		min-height: 42px;
	}
	
	#cityChange{
		width: 97% !important;
	}
	
}

@media(max-width: 375px) {
	.quick-locations__values__container{
		height: 200px;
	}
}