.ova-progress {
width: 100%;
}
.ova-progress .ctyl-progress-title {
margin: 0;
margin-bottom: 5px;
font-weight: 500;
font-size: 16px;
line-height: 1.3;
color: var(--text);
}
.ova-progress .ova-progress-title {
margin: 0 0 15px 0;
font-size: 18px;
line-height: 1.3;
}
.ova-progress .ova-percent-view {
height: 13px;
width: 100%;
background-color: #f3f4f7;
border-radius: 8px;
overflow: visible;
position: relative;
}
.ova-progress .ova-percent-view .ova-percent {
height: 100%;
float: left;
border-radius: 8px;
background: var(--primary);
}
.ova-progress .ova-percent-view .percentage {
position: absolute;
top: -30px;
display: none;
font-size: 15px;
line-height: 1;
color: var(--text);
}
.ova-progress .ova-notes {
display: flex;
margin-top: 18px;
width: 100%;
}
.ova-progress .ova-notes .item-note {
position: relative;
margin-left: 10%;
}
.ova-progress .ova-notes .item-note .note-text {
font-size: 14px;
line-height: 1.3;
color: #fff;
}
.ova-progress .ova-notes .item-note:first-child {
margin-left: 0;
}
.ova-progress .ova-notes .item-note:last-child {
margin-left: 19%;
}
.ova-progress .ova-notes .item-note:before {
content: "";
width: 1px;
height: 35px;
position: absolute;
top: -32px;
left: 50%;
border-left: 1px solid #414073;
}
.rtl .ova-progress .ova-percent-view .ova-percent {
float: right;
}