.introjs-tooltip {
    max-width: 380px;
}
.introjs-tooltip-title {
    font-size: 24px;
    color: #ef5151;
}

.introjs-progress {
    display: none;
}
.introjs-bullets ul li a.active {
    width: 15px;
    background: #ef5151;
}
a.sitetour-btn {
    color: #052942;
}
/*.introjs-helperLayer {*/
/*    box-sizing: content-box;*/
/*    position: absolute;*/
/*    z-index: 9999998;*/
/*    border-radius: 4px;*/
/*    transition: all .3s ease-out;*/
/*}*/
.main-logo-part {
    width: fit-content!important;
}
.introjs-helperLayer {
    background: #ffffff2e;
}
.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    padding: 3px 20px;
    border: 1px solid #ef5151;
    text-decoration: none;
    text-shadow: none;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #ef5151;
    border-radius: .2em;
    zoom: 1;
    display: inline;
}
.introjs-button:hover {
    outline: 0;
    text-decoration: none;
    border-color: #ef5151;
    background-color: #ef5151;
    color: #fff;
}
.second-header-detail {
    width: fit-content;
    justify-content: stretch;
    float: right;
    margin-bottom: 10px;
}


/*.introjs-helperLayer::after {*/
/*    width: 100%;*/
/*    float: left;*/
/*    content: '';*/
/*    background: #fff;*/
/*    height: 100%;*/
/*    z-index: -1000000000000000;*/
/*    color: red;*/
/*}*/
/*.introjs-helperLayer {*/
/*    background: #ffffff2e;*/
/*    z-index: 1020;*/
/*     color: red; */
/*}*/


@media screen and (max-width: 579px) {
    .introjs-tooltip {
        max-width: 250px;
        min-width: 250px;
    }
    .introjs-tooltip-title {
        font-size: 18px;
    }
    .introjs-tooltiptext {
        padding: 15px;
    }
    .introjs-tooltiptext {
        padding: 15px;
        font-size: 13px;
        line-height: 24px;
        padding-bottom: 0px;
    }
    .introjs-button {
        padding: 0px 21px;
        font-size: 13px;
    }
}