.modal-city__title {
	color: #3DB845;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 16px;
}

.modal-city__title:nth-of-type(2) {
	border-top: 1px solid #D9D9D9;
	padding-top: 16px;
	width: 100%;
}

.modal-city {
	padding: 55px 35px;
}

.modal-city .modal__body {
	width: 400px;
}

.modal-city__items {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	font-weight: 600;
	font-size: 16px;
}

.modal-city__item {
	margin-bottom: 15px;
	transition: 200ms ease all;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}

.modal-city__item:hover {
	color: var(--green);
}

.modal-city__item::after {
	opacity: 0;
	transition: 200ms ease all;
	content: url('/local/templates/gofromir_refactored/assets/images/modal-check.svg');
}

.modal-city__item--active {
	color: var(--green);
}

.modal-city__item--active::after {
	opacity: 1;
}

.modal-city__hidden {
	display: none;
}

.modal-city__item:not(:nth-child(-n+7)) {
	font-weight: lighter;
}

.modal-city__items::-webkit-scrollbar {
	width: 4px;
	background-color: #F2F2F2;
	border-radius: 21px;
}

.modal-city__items::-webkit-scrollbar-thumb {
	border-radius: 21px;
	background-color: #C4C4C4;
}

@media screen and (max-width:767px) {
	.modal-city .modal__body {
		width: 100%;
	}

	.modal-city .modal-city__items {
		max-height: 287px;
		overflow-y: scroll;
		padding-right: 10px;
	}
}

@media screen and (max-width: 479px) {
	.modal-city {
		padding: 55px 20px;
	}
}