.qreate-progressbar-box .qreate-progressbar-content { 
    position: relative; 
    margin-bottom: 40px; }
.qreate-progressbar-box .qreate-progressbar-content:last-child{margin-bottom: 0;}

.progress-value { 
    float: right; 
    border-radius: 0;
    color: var(--color-theme-secondary); 
    line-height: 30px; 
    font-weight: normal; 
    position: relative; 
    bottom: 0; 
    right: 0;  
}
.qreate-progress-bar { 
    background: var(--color-decorative-text); 
    box-shadow: 0 0 0; 
    height: 51px;
    margin: 0; 
    position: relative; 
    width: 100%; 
}
.qreate-progress-bar>span { 
    background: var(--color-theme-secondary); 
    display: block; 
    height: 61px;    
    top: -5px;
    position: absolute;
    width: 0; }
.qreate-progressbar-box  .progress-value { 
    transform: translatey(-50%);
    top: 50%;
    color: var(--color-theme-white);
    position: absolute;
    left: 32px;
 }
 .qreate-progressbar-box  .progress-title
 {
    position: absolute;
    transform: translatey(-50%);
    top: 50%;
    right: 16px;
 }
 @media(max-width:479px){
    .qreate-progressbar-box .progress-title{ 
        font-size: var(--font-size-h6);   
        position: relative;
        top: -24px;
        left: 0;}
        .qreate-progressbar-box .qreate-progressbar-content {
            margin-bottom: 64px;
            margin-top: 32px;
        }
    .qreate-progressbar-box .qreate-progressbar-content .progress-title.mobile{display: block;}
 }