#estdate-main-div{
    margin: 15px 0;
    line-height: 1.5;
}
.estdate-widget-tbl {
    width: 100%;
    border: 1px solid #cdcdcd;
    border-collapse: collapse;
}
.estdate-widget-tbl td {
    width: 33.33%;
    text-align: center;
}
.estPreview{
    width: 100%; 
    border: 1px solid #cdcdcd; 
    margin: 15px 0; 
    position: relative;
}
.estboxdiv{
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px; 
    font-size: 14px;
}
.estboxdiv svg {
    width: 25px;
    height: 25px;
}

.estboxdiv .esttooltiptext {
    visibility: hidden;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 110%;
}

.estboxdiv .esttooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.estdate-widget-tbl td:hover .esttooltiptext {
    visibility: visible;
}
.estboxdiv i{
    font-size: 22px;
}
.esttxtdiv{
    display: block; 
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .estboxdiv{
        font-size: 12px;
    }
}