.banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 800px;
  background: url('../static/qd-banner.jpg') no-repeat center;
  background-size: cover;
}

.banner-mask {
  backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.2);
  height: 160px;
}

.slogan {
  display: flex;
  gap: 18px;
  color: #FFFFFF;
}

.slogan-1 {
  font-size: 100px;
  font-weight: bold;
  line-height: 1;
}

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

.slogan-2 {
  font-size: 18px;
  text-transform: uppercase;
}

.slogan-3 {
  font-size: 52px;
  font-weight: bold;
}