:root {
  --text-dark: #403F3D;
  --text-light: #E1D4C9;
  --text-accent: #B0907A;

  --background-body: #E1D4C9;
  --background-container: #665F55;
  --background-backdrop: rgba(64, 63, 61, 0.80);

  --border-light: #C1B6AD;
  --border-dark: #665F55;
}

* {
	box-sizing: border-box;
}
.container {
	margin: 0 auto;
	max-width: 1360px;
}
.title {
	font-size: 60px;
}
html {
	scroll-behavior: smooth;
}
body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-family: "Inter";
	font-weight: 600;
	margin: 0;
	color: var(--text-dark);
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: var(--text-dark);
}
p, ul, h2, img{
	padding: 0;
	margin: 0;
}

.highlight_dark {
	color: var(--text-accent);
	font-style: italic;
	line-height: 75.6px;
}

.highlight_accent {
	color: var(--text-accent, #B0907A);
	font-style: italic;
}

.main, .header {
	background: var(--background-body);
}

.nav {
	display: flex;
	justify-content: space-between;
	padding: 16px 0;
}
.nav__list {
	display: inline-flex;
	align-items: center;
	gap: 38px;
	font-size: 16px;
}
.nav__menu{
	display: flex;
	align-items: center;
	gap: 8px;
}
.nav__menu svg {
	width: 20px;
}
.nav__logo {
	position: relative;
	z-index: 4;
}
.nav__text {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.nav__item {
	display: inline-flex;
}







.contact__container {
	background: var(--background-container);
	padding: 100px;
	border-radius: 40px;
}

.contact {
	color: var(--text-light);
	display: flex;
	gap: 100px;
	flex-wrap: wrap;
}
.contact__part {
	display: inline-flex;
	flex-direction: column;
	gap: 40px;
}
.contact__circles {
	display: inline-flex;
	gap: 12px;
}
.contact__circles-item {
	width: 60px;
	height: 60px;
	display: inline-flex;
	justify-content: center;
	border-radius: 100px;
	padding: 18px;
	border: 1px solid var(--border-light);
}

.contact__title {
	line-height: 125%;
	font-size: 60px;
}

.contact__lable {
	font-size: 24px;
	line-height: 125%;
}

.contact__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.contact__item {
	font-size: 16px;
	display: flex;
	gap: 8px;
}
.contact__part_right {
	padding: 32px 0;
}




.burger {
	display: none;
}




@media (max-width: 768px)
{
	.contact__container {
		padding: 100px 60px;
	}
	.header, .block-scroll {
		position: relative;
		overflow: hidden;
	}
	.mob__text {
		padding-top: 0;
	}
	.nav__item {
		font-size: 32px;
	}
	.nav__menu {
		margin-top: 40px;
		font-size: 32px;
	}
	.nav__menu svg {
		width: 40px;
		height: 40px;
	}
	.nav__list {
		position: absolute;
		left: 100vw;
	}
	.nav__list_visible {
		left: 0;
		display: inline-flex;
		gap: 60px;
		flex-direction: column;
		position: fixed;
		background: var(--background-body);
		height: 100vh;
		width: 100vw;
		padding: 160px 40px 0 40px;
		transition: all 0.3s;
	}
	.burger {
		position: relative;
		display: inline-flex;
		width: 44px;
		height: 44px;
		justify-content: center;
		align-items: center;
		transition: all 0.5s;
		border-radius: 100px;
		border: 1px solid var(--border-dark);
		padding: 18px 14px;	
	}
	.burger__line-list {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 16px;	
		height: 8px;
	}
	.burger__line {
		background: var(--text-dark);
		width: 16px;
		height: 2px;
		position: absolute;
		transition: all 0.3s;
	}
	.burger__line:nth-child(1) {
		top: 0;
	}
	.burger__line:nth-child(2) {
		bottom: 0;
	}
	.burger__line_cross:nth-child(1) {
		top: 50%;
		transform: rotate(45deg);
	}
	.burger__line_cross:nth-child(2) {
		top: 50%;
		transform: rotate(-45deg);
	}	
}