.scroll-up {
position: fixed;
    background: white;
    bottom: 130px;
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 5;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(16, 8, 52, 0.1);
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.scroll-up:before {
	content: "";
	position: relative;
	top: 2px;
	right: -0.4px;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	border-left: 2px solid #007952;
	border-bottom: 2px solid #007952;
	transform: rotate(135deg);
}
.footer {
	position: relative;
}

.footer__contacts {
	position: relative;
	padding: 50px 20px 40px 20px;
	background-color: #FAFAFA;
}

.footer__body {
	display: flex;
	flex-direction: column;
	gap: 33px;
	background-color: #FAFAFA;
}

.footer__title {
	margin: 0px 0px 30px 0px;
}

.footer__number {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.number__title {
	font-size: 12px;
	color: #4F4F4F;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: none;
	line-height: 133.333%;
	font-style: normal;
}

.number__call-center {
	display: flex;
	align-items: center;
	gap: 8px;
}

.number__text-red {
	font-size: 15px;
	color: #EF403B;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 160%;
	font-style: normal;
}

.number__phone {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	color: #EF403B;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 160%;
	font-style: normal;
}

.footer__address {
	display: inline-flex;
	flex-direction: column;
	gap: 10px;
}

.address__title {
	font-size: 12px;
	color: #4F4F4F;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: none;
	line-height: 133.333%;
	font-style: normal;
}

.address__subtitle {
	font-size: 15px;
	color: #000000;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: none;
	line-height: 160%;
	font-style: normal;
	max-width: 180px;
}

.footer__community {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.community {
	margin: 0px 0px 30px 0px;
}

.footer__politics {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer__container {
	width: 100%;
}

.footer__cards {
	display: flex;
	flex-direction: column-reverse;
	align-items: start;
	background-color: #FAFAFA;
	padding: 50px 20px 0px 20px;
}

.footer__cards-body {
	display: none;
}

.footer__card {
	flex: 0 1 220px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.card-footer__numbers {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}

.cards-footer__title {
	font-size: 20px;
	color: #000000;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 160%;
	font-style: normal;
}

.cards-footer__subtitle {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.cards-footer__link {
	font-size: 12px;
	color: #4F4F4F;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: none;
	line-height: 133.333%;
	font-style: normal;
}

.bottom__footer {
	min-height: 108px;
	background-color: #FAFAFA;
}

.bottom-footer__body {
	padding: 0px calc(50% - 720px);
}

.bottom-footer__content {
	padding: 10px 20px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.bottom-footer__who-we-are {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;

	flex: 1 1 auto;
}

.bottom-footer__who-we-are__text {
	font-size: 12px;
	display: block;
	color: #000;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: none;
	line-height: 133.333%;
	font-style: normal;
}

.bottom-footer__politics {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 0px;
	flex: 1 1 auto;
}

.bottom-footer__who-we-are__link {
	font-size: 15px;
	color: #4F4F4F;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: none;
	line-height: 160%;
	font-style: normal;
}

.footer__card-contacts {
	position: relative;
	border: none;
}

/* Media Queries */
@media screen and (min-width: 320.99px) {
	.footer__body {
		gap: 40px;
	}
}

@media (min-width: 486.99px) {
	.card-footer__numbers {
		gap: 100px;
	}

	.bottom-footer__who-we-are__link {
		color: #ffffff;
	}

	.bottom-footer__who-we-are__text {
		color: #ffffff;
	}

	.bottom-footer__politics {
		color: #ffffff;
		flex: 0 1 586px
	}

	.bottom-footer__who-we-are {
		flex: 0 1 715px;
	}
}

@media (min-width: 486.99px) {
	.bottom__footer {
		background-color: #007952;
	}

	.bottom-footer__content {
		flex-direction: row;
	}
}

@media screen and (min-width: 767.99px) {
	.footer__cards {
		padding: 20px 20px 0px;
	}

	.footer__cards-body {
		flex: 1 1 20%;
		gap: 24px;
		margin: 50px 0px 0px 0px;
		display: flex;
		justify-content: space-between;
	}

	.cards-footer__title {
		font-size: 15px;
	}

	.bottom-footer__content {
		padding: 20px 20px 30px;
		gap: 30px;
		flex-wrap: wrap;
	}

	.bottom-footer__who-we-are {
		flex: 0 1 562px;
		gap: clamp(10px, 3vw, 20px);
	}

	.bottom-footer__politics {
		padding: 0px;
		font-size: 12px;
		color: #000000;
	}

}

@media (min-width: 1287.99px) {
	.footer__card-contacts {
		bottom: -40px;
		border: 2px solid #007952;
		padding: 31px;
		border-bottom: none;
		flex: 0 1 328px;
		background-color: #ffffff;
	}

	.footer__cards-body {
		justify-content: start;
	}

	.card-footer__numbers {
		flex-direction: column;
		gap: 20px;
	}

	.footer__cards {
		flex-direction: row;
		align-items: end;

	}
}


@media(hover:hover) {
	.cards-footer__link:hover {
		color: #007952;
	}
}