@import url("reset.css");
/*

/*--------------------*/

body{
	font-family: "Inter";
	font-size: 14px;
	color: #717171;
	font-weight: 400;
	line-height: 1.28; /* 18/14 */
}

.wrapper {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.main {
	flex: 1 1 auto;
}

[class*="__container"] {
	max-width: 1230px;
	margin: 0px auto;
	padding: 0px 15px;
}


.header {
	background: #0A0A0A;
}

.header__container {
	display: flex;
	min-height: 113px;
	align-items: center;
	justify-content: center;
}

.header__logo{
	display: flex;
	flex: 1 1 auto;
	position: relative;
	z-index: 5;
	justify-content: center;
}
.header__logo:hover{
	transform: scale(0.98);
}

/*----------------*/

.menu {
	flex: 0 1 45%;
}

.menu__list {
	display: flex;
	gap: 30px;
}

.menu__item {
}

.menu__link {
	font-size: 24px;
	line-height: 1.2; /* 29/24 */
	color: #717171;
	transition: all 0.3s ease 0s;
}

.menu__link:hover{
	text-decoration: underline;
	color: #772dc2;
}
.header__tel {
	display: flex;
	flex: 0 1 45%;
	justify-content: flex-end;
	font-size: 24px;
	line-height: 1.2; /* 29/24 */
	color: #717171;
}
.header__tel a{
	color: #717171;
	transition: all 0.3s ease 0s;
}
.header__tel a:hover{
	color: #772dc2;
	text-decoration: underline;
}


@media (max-width:991.98px) {
	.menu__link {
		font-size: 22px;
	}
	.header__tel {
		font-size: 22px;
	}
} 
@media (max-width: 767.98px) {
	.menu {
		flex: 1 1 auto;
	}
	.header__logo{
		justify-content: start;
	}
	.header__tel {
		flex: 0 1 90%;
		justify-content: flex-end;
		font-size: 18px;
	}
}

@media (max-width: 767.98px) {
	.menu__body{
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: #fff;
		padding: 110px 15px 30px 15px;
		transition: left 0.3s ease 0s;
	}

	.header:target .menu__body{
		left: 0;
	}
	.header:target .menu__body::before{
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		height: 80px;
		width: 100%;
		background-color: #fff;
	}

	.menu__list {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.menu__item:last-child {
		margin-bottom: 0px;
	}

	.menu__link {
		color: #000;
		font-size: 24px;
		font-weight: 700;
	}
}
/*--------------------------*/
.close-icon-menu,
.icon-menu{
	display: none;
	}

@media (max-width:767.98px){
	.icon-menu {
		display: flex;
		position: relative;
		flex: 0 0 30px;
		height: 18px;
		flex-direction: column;
		justify-content: space-between;
		margin: 0 0 0 20px;
	}
	
	.icon-menu::before,
	.icon-menu::after {
		content: "";
		background-color: #fff;
		height: 2px;
	}

	.icon-menu span {
		height: 2px;
		background-color: #fff;
	}

	.close-icon-menu {
		flex: 0 0 30px;
		height: 30px;
		position: relative;
		margin: 0px 0px 0px 20px;
	}



	.close-icon-menu::before,
	.close-icon-menu::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		background-color: #000;
		height: 2px;
	}

	.close-icon-menu::before {
		transform: rotate(45deg);
	}

	.close-icon-menu::after{
		transform: rotate(-45deg);
	}

	.header:target .icon-menu{
		display: none;
	}

	.header:target .close-icon-menu{
		display: flex;
	}
}
/*--------main----------*/
.page {
}
.page__main {
	padding: 71px 0px 65px 0px;
}
.main-block {
}
.main-block__container {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.main-block__title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1.2; /* 77/64 */
	color: #490E84;
}
.main-block__title:not(:last-child) {
	margin-bottom: 40px;
}

.main-block__image {
}
.main-block__image img {
	max-width: 100%;
}
.main-block__image:not(:last-child)  {
	margin-bottom: 25px;
}
.main-block__button {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 1px;
	color: #FCFDFE;
	padding: 20.5px 114.3px;
	background: #490E84;
	border-radius: 30px;
	transition: background-color 0.3s ease 0s;
}

.main-block__button:hover {
	background: #6f17c7;
} 
@media (max-width: 991.98px) {
	.main-block__title {
		font-size: 36px;
	}
	.main-block__button {
		font-size: 16px;
		padding: 12px 60px;
	}
	.page__main {
		padding: 35px 0px 55px 0px;
	}
}
/*-----------new------------*/
.new {
	padding: 65px 0px 75px 0px;
}
@media (max-width: 991.98px) {
	.new {
		padding: 25px 0px 35px 0px;
	}
}

.new__container {
}
.new__title {
	text-align: center;
}
.new__title:not(:last-child) {
	margin-bottom: 50px;
}
.title {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.21; /* 39/32 */
	color: #717171;
}
.new__row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
}
.row-new {
}
.row-new__text {
	flex: 0 1 50%;
	color: #0A0A0A;
}
.row-new__text p{
	line-height: 1.28; /* 18/14 */
}
.row-new__text p span{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3 /* 26/20 */
}

.row-new__image {
	flex: 0 1 50%;
	text-align: center;
}
.row-new__image img {
	max-width: 100%;
}
@media (max-width: 991.98px) {
	.new__row {
		flex-direction: column;
		gap: 25px;
	}
	.new__title:not(:last-child) {
		margin-bottom: 30px;
	}
}
/*---------color----------*/
.color {
	padding: 75px 0px 75px 0px;
}
@media (max-width: 991.98px) {
	.color {
		padding: 30px 0px 30px 0px;
	}
}
.color__container {
}
.color__title {
	text-align: center;
}
.color__title:not(:last-child) {
	margin-bottom: 50px;
}
.title {
}
.swiper {
}
.swiper-wrapper {
}
.swiper-slide {
	text-align: center;
}
.swiper-slide__image {
}
.swiper-slide__image:not(:last-child) {
	margin-bottom: 20px;
}
.swiper-slide__image img{
	max-width: 100%;
}
.swiper-slide__text {
}
.swiper-slide__text p {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3; /* 26/20 */
	color: #0A0A0A;
}

.swiper-slide__text span {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.28; /* 18/14 */
}

.swiper-button-prev {
}
.swiper-button-next {
}
/*----------want----------*/
.want {
	padding: 75px 0px 0px 0px;
}
@media (max-width: 991.98px) {
	.want {
		padding: 30px 0px 0px 0px;
	}
	

}
.want__container {
}
.want__row {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #574B63;
}
.want__body {
	flex: 0 1 50%;
	text-align: center;

}
.want__title {
	color: #fff;
}
.want__title:not(:last-child) {
	margin-bottom: 72px;
}
/*
.want__form{
	max-width: 400px;

}*/
.want__form>*:not(:last-child){
	margin-bottom: 30px;
}
.name input{
	width: 380px;
	background-color: #574B63;
	border-bottom: 1px solid #f5f5f5;
	padding: 5px 0px 5px 5px;

}
.phone input{
	width: 380px;
	border-bottom: 1px solid #f5f5f5;
	background-color: #574B63;
	padding: 5px 0px 5px 5px;

}

.want__text {
}
.want__button {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 1px;
	color: #490E84;
	padding: 16px 81px;
	background: #fff;
	border-radius: 30px;
	transition: background-color 0.3s ease 0s;
}
.want__button:hover {
	background-color: #beb7c4;
}

.want__image {
	flex: 0 1 50%;
}
.want__image img{
	max-width: 100%;
}
@media (max-width: 991.98px) {
	.want__row {
		flex-direction: column;
	}
	.want__body {
		padding: 50px 0px 50px 0px;
	}
	.want__title:not(:last-child) {
		margin-bottom: 48px;
	}
	
	
}
@media (max-width: 479.98px) {
	.want__title {
		font-size: 38px;
		padding: 0px 15px 0px 15px;
	}
	
	.name input{
		width: 250px;
	}
	.phone input{
		width: 250px;
	}
}
/*--------footer---------*/
.footer {
	background-color: #0A0A0A;

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

.footer__politica {
	display: flex;
	flex: 0 1 45%;
	line-height:1.28; /* 18/14 */
	transition: all 0.3s ease 0s;
	color: #717171;
}
.footer__politica:hover {
	text-decoration: underline;
	color: #772dc2;
}
.footer__logo {
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	padding: 51px 0px 51px 0px;
	transition: all 0.3s ease 0s;
}
.footer__logo:hover {
	transform: scale(0.98);
}
.footer__tel {
	display: flex;
	justify-content: flex-end;
	flex: 0 1 45%;
	transition: all 0.3s ease 0s;
}
.footer__tel:hover {
	text-decoration: underline;
}
.footer__tel a{
	color: #717171;
}


@media (max-width: 479.98px) {
	.footer__container {
		flex-direction: column;
		padding: 40px 15px 40px 15px;
		gap: 20px;
	}
	.footer__logo {
		padding: 0px 0px 0px 0px;
		order: 1;
	}
	.footer__politica {
		order: 2;
	}
	.footer__tel {
		order: 3;
	}
	
	

	
	
	
}