#footer {
  width: 100%;
  height: 426px;
  background-color: #0074ac;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#footer .container {
  width: 1400px;
  height: 346px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px;
}

#footer .copyright {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: white;
  border-top: #75cbf4 1px solid;
}

#footer .container .title {
  font-size: 26px;
  color: #fff;
  margin-bottom: 40px;
}

#footer .container > div {
  flex: 1;
  height: 100%;
  margin-top: 40px;
}

#footer .container > div > .link-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 0px;
}
#footer .container > div > .link-list a {
  font-size: 20px;
  color: #fff;
}

#footer .container > div > .contact-info {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px 0px;
}
#footer .container > div > .contact-info div {
  font-size: 20px;
  color: #fff;
}
#footer .container .contact-us {
  margin-left: 100px;
}
#footer .container > .qr-code {
  flex: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
}
#footer .container > .qr-code img {
  width: 350px;
  height: 177px;
}