.introjs-tooltipReferenceLayer *{
    font-family: 'IRANYekanX', serif;
}

.introjs-helperLayer {
    box-shadow: rgba(170, 170, 170, 0.8) 0px 0px 1px 1px, rgba(16, 96, 249, 0.79) 0px 0px 0px 5000px !important;
}

.introjs-skipbutton {
    right: auto;
    left: 0 !important;
}

.introjs-tooltip {
    background-color: #407ff8c4;
    box-shadow: 0 3px 30px rgba(33,33,33,.0);
    border: 1px solid #ffffff7a;
    border-radius: 15px;
    color: #fff;
}

.introjs-skipbutton {
    color: #fff;
}

.introjs-tooltipbuttons {
    border: none;
}

.introjs-button {
    background-color: transparent;
    border: 1px solid #ffffff7a;
    border-radius: 50px;
    color: #fff;
    padding: 5px 15px;
    text-shadow: 0px 0px 0 #fff;
}

.introjs-button:hover {
    border: 1px solid #ffffff7a;
}

.introjs-button:active {
    border: 1px solid #ffffff7a;
}

.introjs-button:focus {
    box-shadow: 0 0 0 .2rem rgba(158,158,158,.0);
    border: 1px solid #ffffff7a;
}

.introjs-prevbutton {
    float: right !important;
}

.introjs-nextbutton {
    float: left !important;
}