.adress {
	position: relative;
	overflow: hidden;
}

.adress__bg1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 464px;
}

.adress__bg2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 343px;
}

.adress__map-wrap {
	position: relative;
}

.adress__map {
	overflow: hidden;
	height: 707px;
	width: 100%;
	background-color: #ccc;
	border-radius: 40px;
}

.adress__slider {
	margin-bottom: 30px;
}

.adress__slider .swiper {
	overflow: initial;
}

.adresspop {
	position: absolute;
	top: 48px;
	right: 48px;
	background-color: #fff;
	max-width: 454px;
	width: 100%;
	border-radius: 40px;
	padding: 24px;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
	overflow: hidden;
	display: none;
}

.adresspop .btn1 {
	display: block;
	text-align: center;
	padding: 17px 10px;
}

.adresspop.active {
	display: block;
	visibility: visible;
	opacity: 1;
	pointer-events: initial;
}

.adresspop__close {
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 20px;
	display: flex;
	cursor: pointer;
}

.adresspop__close svg {
	width: 24px;
	height: 24px;
	fill: #8d95a5;
	transition: fill 0.3s;
}

.adresspop__adress {
	position: relative;
	padding-left: 32px;
	padding-right: 25px;
	margin-bottom: 24px;
}

.adresspop__adress-icon {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
}

.adresspop__adress-icon svg {
	width: 24px;
	height: 24px;
	fill: #8d95a5;
}

.adresspop__metros {
	margin-bottom: 24px;
}

.adresspop__metro {
	display: flex;
	gap: 4px;
	align-items: center;
	margin-bottom: 8px;
}

.adresspop__metro:last-child {
	margin-bottom: 0;
}

.adresspop__metro--blue .adresspop__metro-icon1 svg {
	fill: #4c80e9;
}

.adresspop__metro-icon1 {
	display: flex;
}

.adresspop__metro-icon1 svg {
	width: 24px;
	height: 24px;
	/* fill: #b066e0; */
}

.adresspop__metro-icon2 {
	display: flex;
}

.adresspop__metro-icon2 svg {
	width: 24px;
	height: 24px;
	fill: #337aff;
}

.adresspop__metro-distance {
	color: #337aff;
}

.adresspop__list1 {
	margin-bottom: 24px;
}

.adresspop-item1 {
	position: relative;
	padding-left: 32px;
	margin-bottom: 24px;
}

.adresspop-item1:last-child {
	margin-bottom: 0;
}

.adresspop-item1__icon {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
}

.adresspop-item1__icon svg {
	width: 24px;
	height: 24px;
	fill: #8d95a5;
}

.adress-item2 {
	width: 100%;
	cursor: pointer;
}

.adress-item2__img {
	overflow: hidden;
	position: relative;
	padding-top: 100%;
	border-radius: 16px;
}

.adress-item2__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s;
}

.routemap1-item2 {
	position: absolute;
	pointer-events: none;
	width: 1px;
	height: 1px;
	background-color: transparent;
}

@media (max-width: 1200px) {
	.adress__map-wrap {
		overflow: hidden;
		border: 1px solid #e2e4e9;
		border-radius: 24px;
	}

	.adress__map {
		height: 600px;
		border-radius: 0;
	}

	.adresspop {
		position: relative;
		top: auto;
		right: auto;
		max-width: none;
		border-radius: 0;
	}
}

@media (max-width: 750px) {
	.adress__bg1 {
		width: 122px;
	}

	.adress__bg2 {
		width: 144px;
	}

	.adress__map {
		height: 396px;
	}

	.adress__slider {
		margin-bottom: 16px;
	}

	.adresspop {
		padding: 12px;
		margin-top: -133px;
	}

	.adresspop__close {
		top: 12px;
		right: 12px;
	}

	.adresspop__close svg {
		width: 20px;
		height: 20px;
	}

	.adresspop__adress {
		font-size: 14px;
		padding-left: 20px;
		margin-bottom: 16px;
	}

	.adresspop__adress-icon svg {
		width: 16px;
		height: 16px;
	}

	.adresspop__metros {
		margin-bottom: 16px;
	}

	.adresspop__metro {
		font-size: 14px;
	}

	.adresspop__metro-icon1 svg {
		width: 16px;
		height: 16px;
	}

	.adresspop__metro-icon2 svg {
		width: 16px;
		height: 16px;
	}

	.adresspop__list1 {
		margin-bottom: 16px;
	}

	.adresspop-item1 {
		padding-left: 20px;
		font-size: 14px;
		margin-bottom: 16px;
	}

	.adresspop-item1__icon svg {
		width: 16px;
		height: 16px;
	}

	.adresspop-item1__text {
		font-size: 14px;
	}

	.adress-item2__img {
		border-radius: 12px;
	}
}

@media (hover) {
	.adresspop__close:hover svg {
		fill: #0b0d0e;
	}

	.adress-item2:hover .adress-item2__img img {
		transform: scale(1.05);
	}
}