.footer-appointment-container {
  width: 100%;
  height: 18.2vw;
  padding: 0 12vw;
  background-image: url('../png/fooer-banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  /* 新增代码 */
  background-color: rgba(255, 255, 255, 0.5);
  /* 设置背景的透明色层，0.8 是透明度 */
  background-blend-mode: overlay;
  /* 背景图和颜色叠加 */
}

.appointment-title h1 {
  font-size: 1.875vw;
  margin: 0.5vw 0;
  color: #000;
  font-family: "Domaine Display Semibold", sans-serif;
  font-weight: 600;
  line-height: 4.09375vw;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.appointment-title>p {
  font-family: "Beausite Classic Light", sans-serif;
}

.appointment-title p {
  font-size: 1.04vw;
  text-align: left;
}

.appointment-content {
  display: flex;
  flex-direction: row;
  gap: 2vw;
}

.appointment-content a {
  width: 4vw;
}

.contact-icon-container {
  display: flex;
  flex-direction: row;
  gap: 1vw;
}

.contact-icon-box {
  display: flex;
  flex-direction: row;
  gap: 0.5vw;

}

.contact-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3vw;
  height: 3vw;
  padding: 0.1vw;
  border-radius: 50%;
}

.default-icon,
.long-icon {
  width: 3vw;
  height: 3vw !important;
  object-fit: contain;
}

.contactus-btn {
  display: flex;
  width: 9vw;
  height: 3vw;
  background-color: transparent;
  border: 0.1vw solid #4e4e4e;
  align-items: center;
  justify-content: center;
  border-radius: 2vw;
  cursor: pointer;
  font-size: 1.1vw;
  color: #000;
}

/* footer */
.page-footer {
  width: 100%;
  height: 27vw;
  background: #3333331A;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-container {
  width: 74.6875vw;
  height: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* gap: 1vw; */
  margin: 1vw auto;
}

.footer-title-box {
  display: flex;
  flex-direction: row;
  gap: 12vw;
}

.footer-title p {
  font-size: 1vw;
}

.footer-title a {
  color: #000;
}

.Follow-us-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer-logo-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4vw;
}

.footer-logo-box {
  display: flex;
  flex-direction: row;
  gap: 2vw;
}

.footer-icon-style {
  width: 2.6vw;
}

.download-app-container {
  display: flex;
  flex-direction: column;

}

.download-icon-layout {
  display: flex;
  flex-direction: row;
  gap: 1vw;
}

.download-icon-style {
  width: 10.6vw;
}

.footer-copyright {
  border-top: 0.12vw solid #000;
  padding-top: 0.5vw;
  margin: 0 !important;
}

.footer-copyright p {
  font-family: "Beausite Classic Light", sans-serif;
  margin: 0 !important;
  font-size: 1vw;
}

.footer-title>.BeausiteClassic_Light_24px {
  font-family: 'Beausite Classic Light', sans-serif;
  margin: 1vw 0;
}

.download-app-title,
.footer-logo-title {
  font-family: "Beausite Classic Light", sans-serif;
  font-size: 1vw;
  text-align: right;
  margin-bottom: 1vw;
}