/*---------------------
Footer layout
---------------------*/
#footer { box-sizing: border-box; max-width: 1323px; margin: auto; box-sizing: border-box; background: var(--darkBlue); backdrop-filter: blur(10px); border-radius: 20px; position: relative; z-index: 2; box-sizing: border-box; overflow: hidden; color: #fff; }
	#footer .topFooter { padding: 60px 0; position: relative; z-index: 3; }
	#footer .inner { display: flex; justify-content: space-between; max-width: none; padding: 0 30px; }
	#footer .footerColumn:first-child { margin: 0; }
	#footer .footerColumn { width: auto; margin: 0 0 0 60px; }
		#footer .footerColumn p { line-height: 1.4em; font-size: 14px; color: var(--stroke); }
	#footer .bottomFooter { border-top: .5px solid #555668; padding: 37px 0 41px 0; position: relative; z-index: 3; }
		#footer .bottomFooter .inner { align-items: center; }
	#footer .socialMediaList ul { padding: 0; list-style: none; margin: 0; display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
	#footer .bottommenu ul { list-style: none; padding: 0; margin: 0; gap: 60px; display: flex; justify-content: flex-start; align-items: center; }
		#footer .bottommenu ul li a { font-family: "Mona-Sans Regular", sans-serif; font-size: 12px; text-transform: uppercase; color: var(--stroke); }
	#footer .footerRadiant { position: absolute; width: 500px; height: 350px; left: 0; bottom: 90px; background: #7c3dfd80; filter: blur(100px); -webkit-filter: blur(100px); }

	#footer .topFooter h2 { font-size: 42px; font-weight: 600; line-height: 1.2; letter-spacing: 1.26px; text-transform: uppercase; margin: 0; color: #fff; }
.footer-info p a { color: #7C3DFD; }
.footer-info,
.footer-logos { display: flex; gap: 10px; flex-wrap: wrap; }
	.footer-info h3 { font-size: 18px; font-family: "Mona-Sans SemiBold", sans-serif; color: var(--white); font-weight: 500; margin: 0 0 20px 0; line-height: 1em; }
	.footer-info p { line-height: 32px; font-size: 14px; color: #CCCCD2; margin: 0; }

@media screen and (max-width: 1250px) {
	#footer .inner { max-width: 95%; flex-direction: column; }
		#footer .inner h2 { margin: 0 0 40px 0; }
	#footer .topFooter { padding: 30px 0; }
	.bottomFooter { justify-content: flex-start; margin: 20px 0 0 0; }
	.footer-info { margin: 0 0 20px 0; }
}
@media screen and (max-width: 1100px) {

	#footer .bottomFooter .inner { flex-wrap: wrap; gap: 40px; }
	#footer .bottommenu ul { justify-content: center; flex-wrap: wrap; gap: 20px; }
}
@media screen and (max-width: 860px) {
	#footer .footerRadiant { background: #7c3dfd99; }
}
@media screen and (max-width: 680px) {
	.footer-info { gap: 1rem; }
		.footer-info h3 { font-size: 14px; }
		.footer-info p { font-size: 12px; }
}

@media screen and (max-width: 480px) {
	#footer .topFooter .rightColumn { gap: 20px; }
	#footer .footerRadiant { width: 200px; height: 200px; border-radius: 200px; top: 50px; right: 50px; -webkit-filter: blur(100px); filter: blur(100px); }
}