/*--------------------------------------------------------------
# Tooltips
--------------------------------------------------------------*/

#tooltip-floating {
    position: fixed;
    background: white;
    color: var(--prim-color);
    padding: 10px 14px 5px;
    border-radius: var(--border-radius-1);
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.18);
    max-width: 260px;
    z-index: 19999;
    font-size: 14px;
    text-align: center;
    line-height: 1.4;
    transform: translateY(0);
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}


#tooltip-floating.tooltip-visible {
    opacity: 1 !important;
    pointer-events: auto;
}

#tooltip-floating h4 {
    margin: 0 0 6px;
    font-size: var(--font-size-md);
    font-weight: 600;

}

#tooltip-floating p {
    margin: 0;
}

#tooltip-floating .tooltip-btn {
    margin: 8px auto;
    display: inline-block;
    font-size: var(--font-size-sm);
    border: none;
    background: var(--fifth-color);
    color: #fff;
    padding: 6px 12px;
    border-radius: 999px;
    cursor: pointer;
}

.tooltip-floating h4, h4.offcanvas-title {
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}

/*.tooltip-floating h4::after,*/
/*h4.offcanvas-title::after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: var(--fifth-color);*/
/*    margin: 1.3rem auto;*/
/*}*/