html,
body {
  background-color: rgba(46, 39, 46, 1);
}
#header-helper {
  color: #ffffff;
}
#header-helper:not(.header-helper-active) .fa-brands,
#header:not(.navbar-active) .nav-link {
  color: #ffffff !important;
}
nav.navbar.navbar-active {
  background-color: #fff3fa;
}
.header-helper-active {
  background-color: #8c5d74;
}
.banner-title {
  font-size: 3.7rem;
  color: #ffffff;
}
@media (max-width: 767px) {
  .banner-title {
    font-size: 3rem;
  }
}
.banner-subtitle {
  color: #ffffff;
}
.banner-img {
  width: 100%;
  height: auto;
  max-width: 600px;
}
@media (max-width: 991px) {
  .banner-img {
    max-width: 300px;
    display: none;
  }
}
.methadone-banner-bg {
  /* background: linear-gradient(
    164deg,
    rgba(186, 140, 163, 1) 0%,
    rgba(179, 130, 155, 1) 3%,
    rgba(140, 93, 116, 1) 9%,
    rgba(120, 81, 101, 1) 17%,
    rgba(99, 69, 85, 1) 27%,
    rgba(80, 58, 71, 1) 37%,
    rgba(61, 47, 57, 1) 55%,
    rgba(46, 39, 46, 1) 100%
  ); */
  background: linear-gradient(180deg, rgba(162, 106, 132, 1) 0%, rgba(140, 93, 116, 1) 9%, rgba(120, 81, 101, 1) 17%, rgba(99, 69, 85, 1) 27%, rgba(80, 58, 71, 1) 37%, rgba(61, 47, 57, 1) 55%, rgba(46, 39, 46, 1) 100%);
}
.methadone-banner-bg > .container {
  padding-top: 10rem;
  /* padding-bottom: 4rem; */
}
.zoobook-ai-dark-bg {
  background-color: #211c21;
}
.btn-banner {
  font-size: 1.5rem;
  padding: 14px 36px;
}
.how-it-helps-number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  font-weight: 500;
  min-width: 73px;
  min-height: 73px;
  border-radius: 50%;
  background-color: #fceff5;
  color: #ce598f;
}

.meth-shadow {
  box-shadow: 0 4px 50px rgba(162, 106, 132, 0.078);
}
.meth-common-bg {
  background-color: #423842;
}
.meth-common-bg2 {
  background-color: #2e272e;
}
footer a {
  color: #e7e7e7;
}
footer h3 {
  color: #be467e;
}
.btn-outline-lighter,
.btn-outline-lighter:hover {
  border: 2px solid #d6d6d6;
  color: #d6d6d6;
}
.btn-outline-lighter:active {
  border: 2px solid #be467e !important;
  color: #be467e !important;
}
.text-ai-light {
  color: #dfdfdf;
}
.fs-60px {
  font-size: 45px;
}
@media (max-width: 600px) {
  .container {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}