.conv-progress-bar-nav{background-color:#ebebf0;height:48px;padding:8px 4px}.conv-progress-bar-nav,.conv-progress-bar-nav .conv-nav-item{display:flex;justify-content:center;align-items:center;border-radius:48px}.conv-progress-bar-nav .conv-nav-item{padding:10px 20px;height:40px;width:198px;gap:4px;background-repeat:no-repeat;background-size:cover;transition:all .3s linear;cursor:pointer}.conv-progress-bar-nav .conv-nav-item:hover{background-color:#d3ddfa}.conv-progress-bar-nav .conv-nav-item>p{font-weight:600;font-size:16px;line-height:20px;letter-spacing:0;color:#8b90a7}.conv-progress-bar-nav .conv-listen,.conv-progress-bar-nav .conv-listen-active{white-space:nowrap}.conv-progress-bar-nav .conv-review,.conv-progress-bar-nav .conv-review-active{gap:6px}.conv-progress-bar-nav .conv-listen-active,.conv-progress-bar-nav .conv-practice-active,.conv-progress-bar-nav .conv-review-active{background-color:#4267cd}.conv-progress-bar-nav .conv-listen-active .p-active,.conv-progress-bar-nav .conv-practice-active .p-active,.conv-progress-bar-nav .conv-review-active .p-active{color:#fff!important}.conv-progress-bar-nav .conv-listen-active:hover,.conv-progress-bar-nav .conv-practice-active:hover,.conv-progress-bar-nav .conv-review-active:hover{background-color:#4267cd}@media(max-width:920px){.conv-progress-bar-nav{gap:32px;width:100%}.conv-progress-bar-nav .conv-nav-item{width:33.33%;background-image:none}.conv-progress-bar-nav .conv-listen-active,.conv-progress-bar-nav .conv-practice-active,.conv-progress-bar-nav .conv-review-active{background-color:#4267cd!important;border-radius:48px}}@media(max-width:712px){.conv-progress-bar-nav{gap:8px}.conv-progress-bar-nav .conv-nav-item img{display:none}}@media(max-width:600px){.conv-progress-bar-nav{gap:8px}.conv-progress-bar-nav .conv-nav-item p{font-size:14px;white-space:nowrap}}@media(max-width:380px){.conv-progress-bar-nav{gap:8px}.conv-progress-bar-nav .conv-nav-item p{display:none}.conv-progress-bar-nav .conv-nav-item img{display:block}}