/*
HERO section
*/
.hero {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(../img/hero.png);
	padding: 100px 0 290px;
}

@media only screen and (max-width:1200px) {
	.hero {
		padding: 100px 0 150px
	}
}

@media only screen and (max-width:767px) {
	.hero {
		padding: 100px 0 150px
	}
}

@media only screen and (max-width:767px) {
	.hero .btn,
	.hero .form__btn_button {
		margin: 0 auto
	}
}



/*
INFO Section
*/


.info {
	position: relative;
	top: -100px;
	z-index: 1
}

.info__content {
	position: relative;
	padding: 130px 35px 20px;
	background-color: #fff;
	border-radius: 25px;
	box-shadow: 0 0 13px 4px rgba(160, 170, 186, .1);
	z-index: 1
}

@media only screen and (max-width:1200px) {
	.info__content {
		padding: 80px 25px 35px
	}
}

@media only screen and (max-width:767px) {
	.info__content {
		padding: 25px 15px;
		text-align: center
	}
}

.info__content::before {
	content: url(../img/info__before.png);
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	z-index: -1;
	overflow: hidden
}

.info__content::after {
	content: '';
	position: absolute;
	right: 15px;
	bottom: 100%;
	width: 360px;
	height: 570px;
	background-image: url(../img/info__man.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

@media only screen and (max-width:1200px) {
	.info__content::after {
		width: 250px;
		height: 400px
	}
}

@media only screen and (max-width:992px) {
	.info__content::after {
		width: 185px;
		height: 300px
	}
}

@media only screen and (max-width:992px) {
	.info__content::after {
		display: none
	}
}

.info__item {
	position: relative;
	padding-top: 150px;
	padding-left: 30px;
	margin-bottom: 35px
}

@media only screen and (max-width:1200px) {
	.info__item {
		padding-top: 100px
	}
}

@media only screen and (max-width:767px) {
	.info__item {
		padding-top: 0;
		padding-left: 0
	}
}

.info__item img {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 90%
}

@media only screen and (max-width:1200px) {
	.info__item img {
		max-height: 80px
	}
}

@media only screen and (max-width:767px) {
	.info__item img {
		position: relative;
		left: 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		margin-bottom: 15px
	}
}

.info__item li {
	position: relative;
	margin-bottom: 2em
}

@media only screen and (max-width:1200px) {
	.info__item li {
		margin-bottom: 1em
	}
}

@media only screen and (max-width:767px) {
	.info__item li {
		margin-bottom: .5em
	}
}

.info__item li::before {
	content: url(../img/check.svg);
	margin-right: 10px;
}

@media only screen and (max-width:767px) {
	.info__item li::before {
		position: relative;
		left: 0;
		margin-right: 8px
	}
}

.info__item li:last-child {
	margin-bottom: 0
}






/*
TEAM Section
*/

.team {
	padding-bottom: 90px
}

@media only screen and (max-width:767px) {
	.team {
		padding-bottom: 50px
	}
}

.team__title {
	margin-bottom: 80px;
	text-align: center
}

@media only screen and (max-width:1200px) {
	.team__title {
		margin-bottom: 2em
	}
}

@media only screen and (max-width:767px) {
	.team__title {
		margin-bottom: 1em
	}
}

.team__subtitle {
	margin-bottom: 1em
}

@media only screen and (max-width:992px) {
	.team__subtitle {
		margin-bottom: 8px
	}
}

.team__item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 45px
}

.team__item_presentation {
    text-align: justify;
}

@media only screen and (max-width:1200px) {
	.team__item {
		gap: 35px
	}
}

@media only screen and (max-width:992px) {
	.team__item {
		gap: 15px
	}
}

@media only screen and (max-width:767px) {
	.team__item {
		flex-direction: column;
		text-align: center;
		max-width: 320px;
		margin: 0 auto
	}
}

.team__item_img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 250px;
	overflow: hidden;
	border-radius: 50%;
	flex-shrink: 0
}

@media only screen and (max-width:1200px) {
	.team__item_img {
		width: 200px;
		height: 200px
	}
}

@media only screen and (max-width:992px) {
	.team__item_img {
		width: 130px;
		height: 130px
	}
}

.team__item_img img {
	width: 100%
}

.team__item_desc p {
	margin-bottom: 20px
}

@media only screen and (max-width:1200px) {
	.team__item_desc p {
		margin-bottom: 15px
	}
}

@media only screen and (max-width:992px) {
	.team__item_desc p {
		margin-bottom: 10px
	}
}

.team__item_desc a {
	color: #939cad
}

.team__item_desc a:hover {
	color: #4d95fe
}

.team__item_desc a:hover path,
.team__item_desc a:hover svg {
	fill: #4d95fe
}

.team__item_desc svg {
	margin-right: 7px
}