/* Copied from landing_page css */

:root {
  --gray-color: #f2f5fc;
  --white-color: #ffff;
  --black-color: #000;

  --blue-color: #55bae4;
  --cyan-color: #61cfbd;
  --green-color: #6ce398;

  --red-color: #f4766e;
  --yellow-color: #e1d7a2;

  --gradient-color: linear-gradient(
    90deg,
    rgba(85, 186, 228, 1) 0%,
    rgba(108, 227, 152, 1) 100%
  );
  --gradient-color-btn: linear-gradient(
    90deg,
    rgb(97, 207, 189) 0%,
    rgba(108, 227, 152, 1) 100%
  );
  --gradient-color-prime-btn: linear-gradient(
    90deg,
    rgb(205, 65, 65) 0%,
    rgba(255, 120, 120, 1) 100%
  );
}
.title {
  font-weight: 700;
  line-height: 2.5rem;
  font-size: 2.3rem;
  color: var(--black-color);
}
.btn-gradient {
  border: none !important;
  font-weight: 600;
  letter-spacing: 0.06rem;
  padding: 0.56rem 1.2rem;
  background-image: var(--gradient-color-btn);
  color: var(--white-color) !important;
  transition: 0.2s;
  text-transform: uppercase;
}
.btn-gradient-prime {
  border: none !important;
  font-weight: 600;
  letter-spacing: 0.06rem;
  padding: 0.56rem 1.2rem;
  background-image: var(--gradient-color-prime-btn);
  color: var(--white-color) !important;
  transition: 0.2s;
  text-transform: uppercase;
}
.btn-black {
  border: none !important;
  font-weight: 600;
  letter-spacing: 0.06rem;
  padding: 0.56rem 1.2rem;
  background-color: var(--black-color);
  color: var(--white-color) !important;
  transition: 0.2s;
  text-transform: uppercase;
}
.btn-border {
  font-weight: 600;
  letter-spacing: 0.06rem;
  padding: 0.56rem 1.2rem;
  border: 2px solid;
  transition: 0.2s;
}
.color-blue {
  color: var(--blue-color);
}
.color-cyan {
  color: var(--cyan-color);
}
.color-green {
  color: var(--green-color);
}
.border-blue {
  border-color: var(--blue-color);
  color: var(--blue-color);
}
.border-cyan {
  border-color: var(--cyan-color);
  color: var(--cyan-color);
}
.border-green {
  border-color: var(--green-color);
  color: var(--green-color);
}
.btn-small {
  font-size: 0.8rem;
  padding: 0.56rem 1.2rem;
}
.btn-gradient:hover {
  background-image: none;
  color: var(--black) !important;
}
.btn-gradient-prime:hover {
  background-image: none;
  color: var(--red-color) !important;
}
.btn-black:hover {
  background-color: var(--white-color);
  color: var(--black-color) !important;
}
.border-blue:hover {
  background-color: var(--blue-color);
  color: var(--white-color);
}
.border-cyan:hover {
  background-color: var(--cyan-color);
  color: var(--white-color);
}
.border-green:hover {
  background-color: var(--green-color);
  color: var(--white-color);
}
.pricing-plan-list {
  font-weight: 800;
}

/* Bootstrap surcharge */
.accordion-button {
  background-color: var(--cyan-color) !important;
  color: var(--white-color) !important;
  border: none;
}
.accordion-button:after {
}
.collapsed {
  background-color: var(--white-color) !important;
  color: var(--black-color) !important;
}
.mw-150 {
  max-width: 150px !important;
}