.intro-backdrop {
  box-shadow: rgba(84, 89, 122, 0.8) 0px 0px 1px 2px, rgba(84, 89, 122, 0.6) 0px 0px 0px 5000px !important;
}
.introjs-tooltip {
  min-width: 344px;
  max-width: 344px;
  border-radius: 6px;
  box-shadow: 0px 8px 16px #14183380;
}
.introjs-tooltip-header {
  display: none;
}
.introjs-tooltipbuttons {
  padding: 24px;
  padding-top: 0;
  border-top: none;
}
.introjs-button {
  display: block;
  box-sizing: border-box;
  padding: 12px 28px;
  border: 2px solid #6000ff;
  color: #6000ff;
  text-shadow: none;
  font-weight: 600;
  background-color: transparent;
  border-radius: 6px;
}
.introjs-button:hover {
  border: 2px solid #6000ff;
  color: #6000ff;
  background-color: #f2f3fa;
}
.introjs-button:focus,
.introjs-button:active {
  border: 2px solid #6000ff;
  color: #6000ff;
  background-color: transparent;
}
.introjs-prevbutton {
  display: none;
}
.introjs-bullets {
  padding: 0;
  position: absolute;
  bottom: 36px;
  left: 24px;
}
.introjs-bullets ul li a {
  width: 8px;
  height: 8px;
  background: transparent;
  border: 2px solid #6000ff;
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
  background: #6000ff;
}
.introjs-bullets ul li a.active {
  background: #6000ff;
  width: 8px;
}
