body {
  background: linear-gradient(var(--bg), var(--white));
}

/* Banner */
#banner-1 {
  background-image: url('../assets/img/treatment-banner.jpg');
  background-size: cover;
  background-position: center;

  width: 100%;

  height: 80vh;

  position: relative;
}

#banner-1::before {
  content: '';

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background-image: linear-gradient(259.78deg, rgba(217, 162, 33, 0.6) 6.77%, rgba(0, 0, 0, 0.6) 100%);
}

.content {
  padding: 5rem 0 10rem;
  margin: 0 auto;
  max-width: 800px;
  text-align: justify;
}

.content img {
  width: 100%;
  padding: 32px 0;
  margin-bottom: 32px;

  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
}

#my-btn {
  background-color: var(--primary);
  color: var(--black);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

  border: none;

  transition: 0.3s background-color;
}

#my-btn:hover {
  background-color: var(--primary-hover);
}