.footer{
	background: var(--color-primary);
	color: #fff;

	a:not(.btn){color: #fff;}

	&__main{
		display: flex;
		justify-content: space-between;
		gap: 1.5625vw;
		padding: 40px 0;
	}

	&__logo-wrap{
		display: flex;
		align-items: center;
		max-width: 9.479166666666667vw;
	}

	&__logo{max-width: 9.6875vw;}

	&__slogan{
		font-size: 0.9375vw;
		font-weight: 500;
	}

	.main-menu{
		margin-top: 2.083333333333333vw;
		&__list{gap: 1.041666666666667vw;}
		&__item{font-size: 1.041666666666667vw;}
	}

	&__bottom{
		font-size: 0.8333333333333333vw;
		text-align: center;
		padding-bottom: 0.2604166666666667vw;
	}

	&__copyright{font-weight: 500;}
	&__polit{text-decoration: underline;}
}

.footer-dev{
	display: flex;
	align-items: center;
	gap: 0.5208333333333333vw;
	margin-top: 1.5625vw;

	&__img{
		flex-shrink: 0;
		width: 2.604166666666667vw;
	}

	&__content{line-height: 1.1;}
	&__label{font-size: 0.5583333333333333vw;}

	&__text{
		font-size: 0.6916666666666667vw;
		letter-spacing: .03em;
	}

	&__phone{
		margin-top: 0.2604166666666667vw;
		font-size: 0.6770833333333333vw;
		font-weight: bold;

		a{color: #fff;}
	}
}

.footer-contacts{
	text-align: right;

	&__title{
		font-size: 1.145833333333333vw;
		font-weight: 500;
		margin-bottom: 0.78125vw;
	}

	&__item{
		font-size: 0.9375vw;
		font-weight: 500;
	}

	.social{
		justify-content: flex-end;
		margin-top: 0.4166666666666667vw;

		.icon{fill: #fff;}
	}

	.btn{margin-top: 0.78125vw;}
}