.tooltip-inner {
    max-width: 300px;
    text-align: left;
    padding: 12px;
    background-color: #1f1f1f;
}

.tooltip-inner .mouseOver-title {
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    padding: 7px 10px;
    background-color: #004098;
    text-align: center;
}

.tooltip-inner .mouseOver-desc {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
    padding: 5px 10px;
}

.mouseOver-layout {
    position: relative;
}

.mouseOver-layout .text-box .float-dot {
    position: absolute;
    background: #e70012;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 18px;
    border: 0;
}

.mouseOver-layout .text-box .dot_1 .float-dot {
    top: calc(50% - 190px);
    left: calc(50% - 210px);
}

.mouseOver-layout .text-box .dot_2 .float-dot {
    top: calc(50% - 135px);
    left: calc(50% + 12px);
}

.mouseOver-layout .text-box .dot_3 .float-dot {
    top: calc(50% - 0px);
    left: calc(50% - 250px);
}

.mouseOver-layout .text-box .dot_4 .float-dot {
    top: calc(50% - 220px);
    left: calc(50% + 35px);
}

.mouseOver-layout .text-box .dot_5 .float-dot {
    top: calc(50% - 100px);
    left: calc(50% + 300px);
}

.mouseOver-layout .text-box .dot_6 .float-dot {
    top: calc(50% - 170px);
    left: calc(50% + 380px);
}

.mouseOver-layout .text-box .dot_7 .float-dot {
    top: calc(50% + 220px);
    left: calc(50% - 250px);
}

@media (max-width: 1199px) {
    .mouseOver-layout .text-box .dot_1 .float-dot {
        top: calc(50% - 160px);
        left: calc(50% - 180px);
    }
    .mouseOver-layout .text-box .dot_2 .float-dot {
        top: calc(50% - 110px);
        left: calc(50% - 10px);
    }
    .mouseOver-layout .text-box .dot_3 .float-dot {
        top: calc(50% - 0px);
        left: calc(50% - 190px);
    }
    .mouseOver-layout .text-box .dot_4 .float-dot {
        top: calc(50% - 190px);
        left: calc(50% + 30px);
    }
    .mouseOver-layout .text-box .dot_5 .float-dot {
        top: calc(50% - 100px);
        left: calc(50% + 255px);
    }
    .mouseOver-layout .text-box .dot_6 .float-dot {
        top: calc(50% - 160px);
        left: calc(50% + 315px);
    }
    .mouseOver-layout .text-box .dot_7 .float-dot {
        top: calc(50% + 160px);
        left: calc(50% - 205px);
    }
}

@media (max-width: 991px) {
    .mouseOver-layout .text-box .float-dot {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 15px;
    }
    .mouseOver-layout .text-box .dot_1 .float-dot {
        top: calc(50% - 120px);
        left: calc(50% - 135px);
    }
    .mouseOver-layout .text-box .dot_2 .float-dot {
        top: calc(50% - 85px);
        left: calc(50% - 10px);
    }
    .mouseOver-layout .text-box .dot_3 .float-dot {
        top: calc(50% - 0px);
        left: calc(50% - 152px);
    }
    .mouseOver-layout .text-box .dot_4 .float-dot {
        top: calc(50% - 140px);
        left: calc(50% + 15px);
    }
    .mouseOver-layout .text-box .dot_5 .float-dot {
        top: calc(50% - 80px);
        left: calc(50% + 190px);
    }
    .mouseOver-layout .text-box .dot_6 .float-dot {
        top: calc(50% - 115px);
        left: calc(50% + 235px);
    }
    .mouseOver-layout .text-box .dot_7 .float-dot {
        top: calc(50% + 120px);
        left: calc(50% - 147px);
    }
}

@media (max-width: 767px) {
    .mouseOver-layout .list-box li {
        padding: 20px 0;
        border-bottom: 1px solid #ddd;
    }
    .mouseOver-layout .list-box li:last-child {
        border-bottom: 0;
    }
    .mouseOver-layout .list-box .mouseOver-title {
        color: #005ad5;
        border-left: 3px solid;
        padding-left: 8px;
        font-size: 16px;
        line-height: 1.3;
    }
    .mouseOver-layout .list-box .mouseOver-desc {
        margin-bottom: 0;
    }
}