.tooltip {
    position: absolute;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    padding: 10px;
    display: none;
    z-index: 1000;
    width: 500px; 
    border: 1px solid #dbe5f0;
}


.tooltip.left {
    left: auto; 
    right: 15px;
}

.icon {
    cursor: pointer;
    display: inline-flex;
}

@media (max-width: 768px) {
    .tooltip {
        width: calc(100% - 30px); 
        left: 15px; 
    }
}