.introjs-tooltip-header {
    position: relative;
    padding: 10px 20px 0 20px;
    min-height: 1.5em;
    background-color: var(--color-secondary);
    border-radius: 15px 15px 0 0;
}

.introjs-tooltiptext {
    padding: 20px 24px 10px;
    text-align: left;
    font: normal normal normal 14px/17px Tahoma;
    letter-spacing: 0;
    color: #212121;
    opacity: 1;
}

.introjs-arrow.top {
    top: -10px;
    left: 10px;
    border-bottom-color: var(--color-secondary);
}

.introjs-helperLayer {
    box-shadow:
            var(--color-secondary) 0px 0px 1px 2px,
            rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
    border-radius: 0;
}

.introjs-skipbutton {
    color: white;
}

.introjs-bullets ul li a.active {
    width: 15px;
    background: var(--color-secondary);
}

.introjs-tooltip {
    min-width: 300px;
    min-height: 150px;
    border-radius: 15px !important;
}

.introjs-tooltip-title {
    text-align: left;
    font: normal normal bold 18px/22px Tahoma;
    letter-spacing: 0;
    color: #FFFFFF;
    opacity: 1;
    text-transform: initial;
    padding-bottom: 10px;
}

.introjs-tooltipbuttons {
    border-top: 0px solid #e0e0e0 !important;
    padding: 10px;
    text-align: right;
    white-space: nowrap;
}

/***** BOUTONS DE NAVIGATION *****/

.introjs-nextbutton {
    float: right;
    text-align: center;
    font: normal normal bold 14px/13px Tahoma;
    letter-spacing: 1.05px;
    color: #FFFFFF !important;
    background: var(--color-secondary) 0 0 no-repeat padding-box !important;
    border: 1px solid var(--color-secondary) !important;
    border-radius: 10px !important;
    padding: 9px 16px !important;
    text-shadow: none !important;
}

.introjs-nextbutton:hover {
    outline: 0;
    text-decoration: none;
    background-color: #FFCC4D !important;
    border: 1px solid #FFCC4D !important;
    color: white;
}

.introjs-prevbutton {
    text-align: center;
    font: normal normal bold 14px/13px Tahoma;
    letter-spacing: 1.05px;
    color: var(--color-secondary) !important;
    background: white 0 0 no-repeat padding-box !important;
    border: 1px solid var(--color-secondary) !important;
    border-radius: 10px !important;
    padding: 9px 16px !important;
    text-shadow: none !important;
}


.introjs-prevbutton:hover {
    outline: 0;
    text-decoration: none;
    background-color: #FFCC4D !important;
    border: 1px solid #FFCC4D !important;
    color: white !important;
}

.introjs-disabled {
    opacity: 0.6 !important;
}