.details-tooltip-desktop, .details-tooltip-mobile{
    position: absolute;
    z-index: 999;
}
.arrow_box {
    width: 250px;
    position: relative;
}
.arrow_box:after, .arrow_box:before {
    top: 95%;
    left: 30%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(66, 213, 115, 0);
    border-top-color: #d4edda;
    border-width: 15px;
    margin-left: -30px;
}

/*#########################*/
.icon-middle {
    display: flex;
    align-items: center;
}

.extend-icon {
    text-decoration: none !important;
}

.extend-icon-top {
    transform: rotate(-90deg);
}

.extend-icon-right {
    transform: rotate(0deg);
}

.extend-icon-bottom {
    transform: rotate(90deg);
}

.extend-icon-left {
    transform: rotate(-180deg);
}