footer{
	position: relative;
	width: 100%;
	height: fit-content;
	background: #e5e5e5;
	display: flex;
	flex-direction: column;
	padding: 0rem 4rem;
	font-family: "base";
}

footer .line{
	margin: 2rem 0rem;
	height: 1px;
	width: 100%;
	background: var(--color);
}

footer .top{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 2rem;
}

footer .top .logo{
	height: auto;
	width: 12rem;
}

footer .footer-info{
	width: 45rem;
	text-align: right;
	font-size: 0.9rem;
}

footer .mid{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

footer .mid .footer-navs{
	display: flex;
	align-items: flex-start;
	gap: 0.2rem;
}

footer .mid .footer-navs ul{
	list-style-type: none;
	width: 12rem;
}

footer .mid .footer-navs ul h3{
	color: var(--color);
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
}

footer .mid .footer-navs ul li{
	min-height: 1.8rem;
	width: 100%;
    display: flex;
    align-items: center;
}

footer .mid .footer-navs ul li a{
	display: flex;
	align-items: center;
	gap: 0.2rem;
	font-size: 0.85rem;
	text-decoration: none;
	color: #000;
}

footer .mid .footer-navs ul li a span{
	height: 1.8rem;
	width: 0rem;
	display: flex;
	align-items: center;
	justify-content: center;
	will-change: width;
	transition: 0.2s;
}
footer .mid .footer-navs ul li a:hover span{
	width: 1.8rem;
}
footer .mid .footer-navs ul li a span svg{
	transform: scale(0.7);
	color: var(--color);
}

footer .mid .address{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 22rem;
	list-style-type: none;
	font-size: 0.9rem;
}

footer .mid .address li{
	text-align: right;
	margin-bottom: 0.8rem;
}

footer .mid .address li a{
	text-decoration: none;
	color: #000;
}

footer .mid .address ul{
	display: flex;
	margin-top: 3rem;
	list-style-type: none;
	gap: 0.8rem;
	justify-content: flex-end;
	z-index: 999;
}

footer .mid .address ul a{
	height: 2.5rem;
	width: 2.5rem;
	background: var(--color);
	color:#fff;
	border-radius: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

footer .mid .address ul li a svg{
	transform: scale(0.9);
	will-change: transform;
	transition: 0.2s;
}

footer .mid .address ul li:hover a svg{
	transform: scale(1.1);
}

footer .bottom {
	width: 100vw;
	transform: translateX(-5rem);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3rem;
	color: #fff;
	background: var(--color);
}

footer .bottom span{
	text-align: center;
	font-size: 0.9rem;
}

footer .black-strip{
	width: 100vw;
	transform: translateX(-5rem);
	height: 5rem;
	margin-top: -2rem;
	background: #000;
}

@media (max-width: 1200px) {
	footer{
		padding: 0rem 3rem;
	}
	footer .mid .footer-navs{
		gap: 0rem;
	}
	footer .mid .footer-navs ul{
		width: 10rem;
	}
	footer .mid .address{
		width: 18rem;
	}
}

@media (max-width: 992px) {
	footer .line{
		margin: 1.25rem 0rem;
	}
	footer .top{
		flex-direction: column;
		align-items: center;
		gap: 0.75rem;
		text-align: center;
		padding-top: 1.25rem;
	}
	footer .footer-info{
		width: 100%;
		text-align: center;
		font-size: 0.8rem;
	}
	footer .mid{
		flex-direction: column;
		gap: 1.5rem;
		align-items: center;
	}
	footer .mid .footer-navs{
		width: 100%;
		justify-content: center;
		text-align: center;
		gap: 1rem;
	}
	footer .mid .footer-navs ul h3{
		font-size: 1rem;
	}
	footer .mid .footer-navs ul li a{
		font-size: 0.8rem;
	}
	footer .mid .address{
		width: 100%;
		align-items: center;
		font-size: 0.85rem;
	}
	footer .mid .address li{
		text-align: center;
		margin-bottom: 0.35rem;
	}
	footer .mid .address ul{
		margin-top: 1.75rem;
		gap: 0.6rem;
		justify-content: center;
	}
}

@media (max-width: 768px) {
	footer{
		padding: 0rem 1.5rem;
	}
	footer .mid .footer-navs{
		flex-wrap: wrap;
		gap: 1.5rem;
		justify-content: center;
	}
	footer .mid .footer-navs ul{
		width: 100%;
		text-align: center;
	}
	footer .mid .footer-navs .nav-1,
	footer .mid .footer-navs .nav-2,
	footer .mid .footer-navs .nav-3,
	footer .mid .footer-navs .nav-4{
		width: calc(50% - 0.75rem);
	}
	footer .mid .footer-navs ul li a{
		justify-content: center;
	}
}

@media (max-width: 576px) {
	footer .line{
		margin: 1rem 0rem;
	}
	footer{
		padding: 0rem 1rem;
	}
	footer .top .logo{
		width: 10rem;
	}
	footer .top{
		padding-top: 1rem;
		gap: 0.6rem;
	}
	footer .mid .footer-navs{
		gap: 1rem;
	}
	footer .mid .footer-navs ul{
		width: 100%;
	}
	footer .mid .footer-navs .nav-1,
	footer .mid .footer-navs .nav-2,
	footer .mid .footer-navs .nav-3,
	footer .mid .footer-navs .nav-4{
		width: calc(50% - 0.5rem);
	}
	footer .mid .address ul a{
		height: 2.2rem;
		width: 2.2rem;
	}
	footer .mid .address ul{
		margin-top: 1.25rem;
		gap: 0.55rem;
	}
	footer .bottom span{
		font-size: 0.8rem;
	}
	footer .mid .footer-navs ul li{
		justify-content: center;
		font-size: 1rem;
	}
	footer .black-strip{
		transform: translate(-0.97rem);
	}
	footer .bottom{
		transform: translate(-0.97rem);
	}
}