.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: #b4cca8;
    box-shadow: 5px 5px 15px #000a;
}

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

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

.blue_block::after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #6394a1;
    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;

}