.tooltip,
.tooltip.show,
.tooltip.fade {
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: #FFFFFF !important;
    color: #4D5052 !important;
    font-size: 1rem;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    border-radius: 0.5rem;
}

.tooltip-arrow::before {
    border-bottom-color: white !important;
}

@media (max-width: 768px) {
    .tooltip-inner {
        font-size: 0.75rem;
    }
}