#BX_YMAP_about{
	margin-bottom: -90px;
}
#BX_YMAP_about {
    height: 566px;
}
.ymaps-shadows-pane,
.ymaps-balloon-overlay {
    display: none;
}
.contact-offices-map-block {
	display: flex;
	gap: 20px;
}
.contact-offices-block {
	width: 50%;
	display: flex;
	flex-direction: column-reverse;
	gap: 24px;
	height: 566px;
	overflow-y: scroll;
	scrollbar-width: none;
}
.contact-offices-block::-webkit-scrollbar {
    display: none;
}
.contact-office-block {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 28px 32px;
	gap: 28px;
	background: #FFFFFF;
	border: 1px solid #DCE0E4;
	border-radius: 8px;
	cursor: pointer;
}
.contact-office-block.active {
	border: 2px solid #5820F6;
	/* order: 1; */
}
.contact-office-left-block {
	width: 205px;
	min-width: 205px;
}
.contact-map-office-photo {
	width: 100%;
	height: 128px;
}
.contact-map-office-photo img {
	width: 100%;
	object-fit: fill;
    height: 100%;
}
.btn.contact-map-office-recall-btn {
	display: none;
	width: 100%;
	padding: 11px 14px;
	border: 1px solid #5820F6;
	border-radius: 7px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #5820F6;
	background-color: #fff;
	margin-top: 20px;
}
.contact-office-block.active .btn.contact-map-office-recall-btn {
	display: block;
}
.contact-map-office-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 8px;
}
.contact-map-office-content-title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #24292F;
}
.contact-map-office-content-value {
    display: inline-block;
}
.contact-map-office-content-addr:before {
    content: '';
    background-image: url('/upload/about/ico-addr.png');
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.contact-map-office-content-mail:before {
    content: '';
    background-image: url('/upload/about/ico-mail.png');
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.contact-map-office-content-phone:before {
    content: '';
    background-image: url('/upload/about/ico-phone.png');
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.contact-map-office-content-soc {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
}
.contact-map-office-content-text {
	display: none;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #6C747B;
}
.contact-office-block.active .contact-map-office-content-text {
	display: block;
}
.contact-map-office-content-addr {
	display: flex;
}
.contact-map-block {
	flex-grow: 1;
}
.contact-map-block .bx-map-view-layout {
	position: sticky;
    top: 90px;
}
.contact-map-block .ymaps-map {
	border-radius: 8px;
}
@media (max-width: 991px) {
    #BX_YMAP_about {
        height: 404px;
    }
    .contact-offices-map-block {
		flex-direction: column-reverse;
		gap: 48px;
	}
	.contact-map-block .bx-map-view-layout {
		position: relative;
		top: 0px;
	}
	.contact-map-block {
		height: 404px;
	}
	.contact-offices-block {
		width: 100%;
		overflow-y: unset;
		height: auto;
	}
}
@media (max-width: 480px) {
    #BX_YMAP_about {
        height: 238px;
    }
    .contact-map-block {
		height: 238px;
	}
	.contact-offices-map-block {
		gap: 40px;
	}
	.contact-office-block {
		flex-direction: column;
		padding: 16px;
	}
	.contact-office-left-block {
		width: 100%;
	}
	
	.contact-map-office-photo {
		height: 228px;
	}
	.contact-map-office-photo img {
		object-fit: cover;
	}
}