.banner-section {
  background-image: url("../media/webp/accupunture.webp");
  position: relative;
  background-size: cover;
}

.banner-section::before {
  content: "";
  position: absolute;
  background: black;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}

.banner-container {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.banner-container h1 {
  color: white;
  font-size: 80px;
}

.banner-container h2 {
  font-size: 20px;
  color: white;
}


.banner-container span {
  color: white;
  letter-spacing: 20px;
  font-size: 200px;
}

@media (max-width: 996px) {
  .banner-section {
    background-size: cover;
    height: fit-content;
    background-position: center;
    background-repeat: no-repeat;
  }

  .banner-section .banner-container h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 20px;
  }

  .banner-section .banner-container h3 {
    text-align: center;
  }

  .banner-section .banner-container span {
    font-size: 120px;
    letter-spacing: 10px;
  }
}

/** info-section **/

.info-section {
  padding: 8% 10%;
}

.info-section .info-container {
  display: flex;
  flex-direction: column;
}

.info-section .info-container h2 {
  color: var(--blue);
  margin-bottom: 30px;
}

.info-section .info-container p {
  margin-bottom: 30px;
  text-align: justify;
}

.info-section .info-container span {
  color: var(--blue);
  font-weight: 600;
}

.info-section .info-container ul {
  margin-bottom: 30px;
  margin-left: 2%;
}

.info-section .info-container img {
  border-radius: 30px;
  align-self: center;
  width: 80%;
  margin-bottom: 30px;
}

.info-section .info-container ul li {
  color: var(--blue);
}

.info-section .info-container ul p {
  margin-bottom: 0px;
  text-align: justify;
}

/** request-section **/

.request-section {
  padding: 0;
}

.request-section .request-container {
  display: grid;
  height: 500px;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
}

.request-section .request-container .request-info {
  padding: 10%;
  display: flex;
  background: #00000030;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  gap: 30px;
  background-blend-mode: multiply;
  background-image: url("../media/webp/medical-discussion.webp");
}

.request-section .request-container .request-info h2 {
  font-size: 70px;
  color: var(--blue);
  line-height: 50px;
}

.request-section .request-container .request-info span {
  font-size: 50px;
  margin-left: 30px;
}

.request-section .request-container .request-info a {
  text-align: center;
  position: relative;
  background: var(--blue);
  padding: 10px 70px;
  color: white;
  font-weight: 600;
  border-radius: 0 20px 20px 0;
}

.request-section .request-container .request-info a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  clip-path: polygon(100% 0, 50% 100%, 100% 100%);
  width: 30px;
  height: 100%;
  background: #032e8c;
  transition: 0.25s;
}

.request-section .request-container .request-info a:hover::before {
  background: white;
}

.request-section .request-container .request-info a:hover {
  background: white;
  color: var(--blue);
}

.request-section .request-container .request-space {
  padding: 10%;
  width: 100%;
  background-size: cover;
  height: 100%;
  background-image: url("../media/webp/top-view-planner-calendar-on-blue-background.webp");
}

@media (max-width: 996px) {
  .request-section {
  }

  .request-section .request-container {
    height: 700px;
    grid-template-columns: 100%;
  }

  .request-section .request-container .request-info {
    background-position: left;
  }

  .request-section .request-container .request-info h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .request-section .request-container .request-info span {
    font-size: 30px;
  }

  .request-section .request-container .request-space {
    width: 100%;
    height: 100%;
  }
}