.starmaxx_bg {
    background-image: url(/img/modeleOpon/small/bg.png);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}

.border_bottom {
    border-bottom: 1px solid rgb(136, 136, 136);
    box-shadow: 5px 5px 15px #000;
}

.green_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #f4e5a3;
    box-shadow: 5px 5px 15px #000a;
}

.yellow_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #f3e098;
    box-shadow: 5px 5px 15px #000a;
}

.red_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #7c3e40;
    box-shadow: 5px 5px 15px #000a;
}

.blue_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #4d5d88;
    box-shadow: 5px 5px 15px #000a;
}

.diagram_bar {
    background-color: rgb(124, 124, 255);
    height: 12px;
    border-radius: 20px;
}

.diagram_bar::after {
    content: "";
    width: 50%;
    height: 12px;
    background-color: rgb(29, 29, 240);
    position: absolute;
    border-radius: 20px;

}