@charset "UTF-8";

.page-section {
	padding: 0 0 10vh;
}

.page-title--text {
	color: #fff;
}

.page-links--content {
	flex-wrap: nowrap;
	justify-content: center;
	gap: 20px;
}

.page-links--contacts,
.page-links--list {
	background: rgb(213, 176, 170);
	border-radius: var(--box-br);
	padding: 20px;
	max-width: 500px;
	flex: 0 0 50%;
	min-width: 300px;
}

.page-links--text {
	position: relative;
}

.mail-link {
	display: block;
	border-bottom: 1px solid #151515;
	position: relative;
	padding: 20px 0;
	font-size: clamp(1rem, 0.969rem + 0.16vw, 1.125rem);
	font-weight: bold;
	margin: 0;
	transition: 0.3s;
}

.mail-link svg {
	position: relative;
	width: 28px;
	height: 28px;
	vertical-align: middle;
}

.mail-link:hover {
	transform: translateX(6px);
}

.mail-lin--leha {
	display: block;
	margin: 0 auto;
	width: 140px;
	height: auto;
}


.page-link {
	background: #ae9191;
	box-shadow: 0 25px 10px -23px #62504d;
	border-radius: 10px;
	position: relative;
	padding: 15px 20px;
	margin: 0 0 20px;
	align-items: center;
	cursor: pointer;
	transition: .3s;
}

.page-link:hover {
	background: #ae8787;
	transform: scale(1.02);
}

.page-link .icon {
	position: relative;
	width: 35px;
	height: 35px;
	margin-right: 15px;
}

.page-link .i-youtube {
	fill: #e60e0e;
}

.page-link .page-link--btn {
	display: block;
	font-size: 18px;
	font-weight: bold;
}

@media (max-width: 650px) {
	.page-links--content {
		flex-wrap: wrap;
	}

	.page-links--contacts {
		flex: 0 1 100%;
		order: 2;
	}

	.page-links--list {
		flex: 0 1 100%;
		order: 1;
	}
}