footer{
	  position: relative;
	  background-color: rgb(255, 255, 255);
	  width: 100%;
	  bottom: 0;
	  left: 0;
	}
	footer::before{
	  content: '';
	  position: absolute;
	  left: 0;
	  height: 1px;
	  width: 100%;
	  background: #AFAFB6;
	}
	footer .content{
	  max-width: 1250px;
	  margin: auto;
	  padding: 30px 40px 40px 40px;
	}
	footer .content .top{
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	}

	footer .content .link-boxes{
	  width: 100%;
	  display: flex;
	  justify-content: space-between;
	}
	footer .content .link-boxes .box11{
	  width: calc(100% / 5 - 10px);
	}
	.content .link-boxes .box1 .link_name{
	  color: #000;
	  font-size: 18px;
	  font-weight: 400;
	  margin-bottom: 10px;
	  position: relative;
	}
	.link-boxes .box1 .link_name::before{
	  content: '';
	  position: absolute;
	  left: 0;
	  bottom: -2px;
	  height: 2px;
	  width: 35px;
	  background: #000;
	}
	.content .link-boxes .box1 li{
	  margin: 6px 0;
	  list-style: none;
	}
	.content .link-boxes .box1 li a{
	  color: #000;
	  font-size: 14px;
	  font-weight: 400;
	  text-decoration: none;
	  opacity: 0.8;
	  transition: all 0.4s ease
	}
	.content .link-boxes .box1 li a:hover{
	  opacity: 1;
	  text-decoration: underline;
	}

	@media (max-width: 900px) {
	  footer .content .link-boxes{
		flex-wrap: wrap;
	  }
	}
	@media (max-width: 700px){
	  footer{
		position: relative;
	  }
	  footer .content .link-boxes .box1{
		width: calc(100% / 3 - 10px);
	  }
	}
	@media (max-width: 520px){

	  footer .content .top{
		flex-direction: column;
	  }
	  footer .content .link-boxes .box1{
		width: calc(100% / 2 - 10px);
	  }

	}