/*tooltip */
.tooltip {
    visibility: hidden;
    z-index: 100;
    opacity: .40;
    padding: 6px 20px;
    position: absolute;
    top: 80%;
    left: 0;
    border-radius: 9px;
    font-size: 16px;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
    width: 325px;
    line-height: 20px;
    max-height: 400px;
    overflow-x: auto;
    background: white;
}

.tooltip-right {
    right: 0;
    left: auto;
}

@media (max-width: 1023px) {
    .con-tooltip-right .tooltip {
        right: 0;
        left: auto;
    }
}

.con-tooltip:hover .tooltip,
.con-tooltip.manual-hover .tooltip {
    visibility: visible;
    opacity: 1;
    cursor: pointer;
}