.introjs-helperLayer {
    box-shadow: #ff0000 0px 0px 3px 5px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
}

.introjs-tooltip {
    width: fit-content !important;
    min-width: fit-content;
    max-width: fit-content;
}

.introjs-tooltip .introjs-tooltiptext {
    min-width: 500px;
    max-width: 50vw;
}

/* <span class='introjs-emphasis-text'>XXXXX</span> */
.introjs-emphasis-text {
    font-weight: bold;
    color: #FF8701;
}

.introjs-tooltip-header {
    margin-bottom: -45px;
}

.introjs-tooltipbuttons {
    background-color: #0A133A ;
}

.introjs-tooltipbuttons .introjs-button:not(.introjs-disabled) {
    font-weight: bold;
    border: 2px solid #FF8701;
}

.introjs-disabled {
    display: none;
}

/* .modal.show {
  transform: none !important;
} */

.modal.show { transform: none !important; }
.introjs-overlay, .introjs-helperLayer, .introjs-tooltip { z-index: 2000 !important; }
.modal .introjs-tooltip, .modal .introjs-helperLayer { position: fixed !important; }