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

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

  --gradient-color: linear-gradient(
    90deg,
    rgba(85,186,228,1) 0%,
    rgba(29,202,201,1) 50%,
    rgba(31,219,170,1) 100%
  );
  --gradient-color-btn: linear-gradient(
    90deg,
    rgba(85,186,228,1) 0%,
    rgba(29,202,201,1) 50%,
    rgba(31,219,170,1) 100%
  );
}

.title {
  font-weight: 700;
  line-height: 2.5rem;
  font-size: 2.3rem;
  color: var(--black-color);
}
@media only screen and (max-width: 991px) {
  .title {
    font-size: 2rem;
  }
}

.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;
}
.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;
}
.btn-white {
  border: none !important;
  font-weight: 600;
  letter-spacing: 0.06rem;
  padding: 0.56rem 1.2rem;
  background-color: var(--white-color);
  color: var(--cyan-color) !important;
  transition: 0.2s;
}
.btn-white:hover {
  background-image: var(--gradient-color-btn);
  color: var(--white-color) !important;
}
.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: #55bae4 !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;
}
.color_gray {
  color: #999999;
}