/* Common */
/* Media */
/* Content */
/* Blocks */
.contacts__inner {
	display: flex;
	flex-direction: column;
	gap: 11.11111vw;
}

.contacts__map {
	margin-bottom: 5.55556vw;
}

.contacts__map-item {
	width: 100%;
	height: 89.44444vw;
	border-radius: 2.22222vw;
	overflow: hidden;
}

.contacts__tabs {
	display: grid;
	grid-template-columns: repeat(2, 77.77778vw);
	grid-gap: 4.44444vw;
}

.contacts__tab {
	cursor: pointer;
	height: 104.44444vw;
	display: flex;
	flex-direction: column;
	gap: 5.55556vw;
	background: #F7F9FD;
	border: 1px solid;
	border-color: #D3D8E3;
	border-radius: 2.22222vw;
	padding: 6.66667vw 4.44444vw 8.88889vw;
	font-weight: 600;
	line-height: 120%;
}

.contacts__tab-title {
	font-size: 6.11111vw;
}

.contacts__tab-time {
	font-size: 4.72222vw;
	margin-bottom: 2.22222vw;
	padding-left: 5.55556vw;
	position: relative;
}

.contacts__tab-time::before {
	content: '';
	position: absolute;
	left: 0;
	top: calc(50% - 1.66667vw);
	width: 3.33333vw;
	height: 3.33333vw;
	border-radius: 50%;
	border: 0.55556vw solid #fff;
}

.contacts__tab-path {
	font-size: 3.61111vw;
	color: #707C8B;
}

.contacts__tab-address {
	font-size: 4.16667vw;
	margin-top: auto;
	display: flex;
	gap: 1.66667vw;
}

.contacts__tab-icon {
	width: 5.55556vw;
	height: 5.55556vw;
	flex: 0 0 auto;
	font-size: 5.55556vw;
}

.contacts__tab:nth-child(1) .contacts__tab-time::before {
	background: #05A18F;
}

.contacts__tab:nth-child(2) .contacts__tab-time::before {
	background: #6983E2;
}

.contacts__tab:hover {
	opacity: 0.8;
}

.contacts__tab-active {
	color: #fff;
	background: #FF0A47;
	border-color: #FF0A47;
}

.contacts__tab-active .contacts__tab-path {
	color: #fff;
}

.contacts__tab-active .contacts__tab-address i {
	-webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(244deg) brightness(103%) contrast(99%);
	        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(244deg) brightness(103%) contrast(99%);
}

.contacts__items {
	display: flex;
	flex-direction: column;
	gap: 4.44444vw;
}

.contacts__item {
	padding: 8.88889vw 6.66667vw;
	border: 1px solid #D3D8E3;
	border-radius: 2.22222vw;
	background: #F7F9FD;
}

.contacts__item-title {
	font-size: 6.11111vw;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 6.66667vw;
}

.contacts__item-content {
	display: flex;
	flex-direction: column;
	gap: 4.44444vw;
}

.contacts__item-box {
	font-size: 4.72222vw;
	font-weight: 600;
	line-height: 120%;
	color: #6E708C;
}

.contacts__item-box-title {
	font-size: 5vw;
	font-weight: 600;
	line-height: 130%;
	color: #0D1140;
	margin-bottom: 2.22222vw;
}

.contacts__item-box-text {
	display: flex;
	flex-direction: column;
	gap: 1.11111vw;
}

.contacts__item_3 .contacts__item-box {
	display: flex;
	justify-content: space-between;
	gap: 4.44444vw;
}

.contacts__item_3 .contacts__item-box-title {
	margin-bottom: 0;
}

.contacts__item_3 span {
	flex: 0 0 auto;
}

.command {
	color: #fff;
	background: #FF0A47;
}

.command__inner {
	display: flex;
	flex-direction: column;
	gap: 6.66667vw;
}

.command__title {
	margin-bottom: 0;
}

.command__desc {
	font-size: 5.55556vw;
	font-weight: 600;
	line-height: 120%;
}

.command__img {
	width: 105.55556vw;
	height: 105.55556vw;
}

.command__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.command__items {
	display: flex;
	flex-direction: column;
	gap: 4.44444vw;
}

.command__item {
	border-radius: 3.33333vw;
	border: 1px solid #fff;
	padding: 3.33333vw 8.33333vw 3.33333vw 4.44444vw;
	min-height: 21.38889vw;
	position: relative;
}

.command__item::after {
	content: '';
	position: absolute;
	background: url("../img/@contacts/command/rune-left-white.svg") no-repeat;
	background-size: contain;
	width: 2.22222vw;
	height: 4.44444vw;
	right: 3.33333vw;
	bottom: 3.33333vw;
}

.command__item-title {
	font-size: 5vw;
	font-weight: 600;
	line-height: 130%;
	margin-bottom: 1.11111vw;
}

.command__item-text {
	font-size: 4.16667vw;
	font-weight: 600;
	line-height: 120%;
}

.main-bottom {
	display: none;
}
