.introjs-tooltipReferenceLayer * {
  font-family: 'Montserrat', sans-serif !important;
}

.custom-introjs-tooltip {
  min-width: 250px !important;
  max-width: 350px !important;
}

.custom-introjs-tooltip .introjs-tooltipbuttons {
  display: flex;
  justify-content: end;
  align-items: center;
}

.custom-introjs-tooltip .introjs-skipbutton {
  margin-top: 20px;
}

.custom-introjs-tooltip .introjs-tooltip-title {
  margin-top: 20px;
  line-height: 20px;
}

.custom-introjs-tooltip .introjs-tooltip-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
  color: #c53030 !important;
}

.custom-introjs-tooltip .introjs-tooltip-header .introjs-skipbutton:hover {
  background: transparent !important;
}

.custom-introjs-tooltip .introjs-nextbutton {
  margin-left: 5px;
}

.custom-introjs-tooltip .introjs-nextbutton, .introjs-prevbutton {
  background-color: #18b7c9 !important;
  color: #fff !important;
  transition: all .3s ease-out !important;
  border: none !important;
}

.custom-introjs-tooltip .introjs-nextbutton:hover, .introjs-prevbutton:hover {
  background-color: #db7636 !important;
  color: #fff !important;
}

.custom-introjs-tooltip .introjs-disabled {
  /* background-color: #db7636 !important; */
  cursor: not-allowed !important;
  color: #fff !important;
}

.custom-introjs-tooltip .introjs-button {
  text-shadow: none !important;
  color: #fff !important;
}

.introjs-helperLayer {
  background: transparent !important;
}