.progress_bar .pb_skill .progress-contain{position:relative;height:25px;width:100%;border-radius:2px}.progress_bar .pb_skill .progress{background-color:var(--primary_color);width:0;height:25px;-webkit-transition:width .5s linear;-o-transition:width .5s linear;transition:width .5s linear;position:absolute}.progress_bar .pb_skill .percentage{background-color:var(--tertiary_color);color:var(--quaternary_color);font-size:12px;padding:4px 7px;position:absolute;top:-35px;left:-10%;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);text-align:center;-webkit-transition:left .5s linear;-o-transition:left .5s linear;transition:left .5s linear;border-radius:5px}.progress_bar .pb_skill{overflow:hidden}.progress_bar .pb_skill:not(:last-child){margin-bottom:20px}.progress_bar .pb_skill .percentage:before{content:"";position:absolute;border:13px solid transparent;border-right:13px solid var(--tertiary_color);left:-23px;top:50%;-webkit-transform:translateY(-52%);-ms-transform:translateY(-52%);transform:translateY(-52%)}.pb_skill_two .pb-contain{position:relative;height:40px;width:100%;border-radius:20px;padding:7px;background-color:var(--quaternary_color);overflow:hidden;-webkit-box-shadow:0 1px 10px rgba(68,68,68,.08);box-shadow:0 1px 10px rgba(68,68,68,.08)}.pb_skill_two .pb_text{border-radius:20px;background-color:var(--primary_color);width:0;height:25px;-webkit-transition:width .5s linear;-o-transition:width .5s linear;transition:width .5s linear;position:absolute;padding:4px 9px;overflow:hidden;width:attr(data-percentage)}.pb_skill_two .pb_text p{font-size:13px;margin:0;font-weight:600;line-height:1.2}.pb_skill_two .pb_percentage{background-color:transparent;color:var(--tertiary_color);font-size:13px;padding:3px 8px;font-weight:500;border-radius:15px;position:absolute;top:7px;left:-10%;height:25px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);text-align:center;-webkit-transition:left .5s linear;-o-transition:left .5s linear;transition:left .5s linear}.pb_skill_two{overflow:hidden}.pb_skill_two:not(:last-child){margin-bottom:50px}.circular_bar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.circular_bar .deta{-ms-flex-preferred-size:23%;flex-basis:23%;margin-right:2.65%}.circular_bar .deta:nth-child(2n+4){margin-right:0}.circular_bar .pie-chat-block .svg-image{width:100%;margin:auto;max-width:100px;min-height:100px}.circular_bar .pie-chat-block svg{fill:var(--body_color)}.circular_bar .pie-chat-block .chart{position:relative;display:inline-block}.circular_bar .chart-segment{stroke-dasharray:219.99078369140625;stroke-dashoffset:-219.99078369140625;-webkit-transition:stroke-dashoffset 3s;-o-transition:stroke-dashoffset 3s;transition:stroke-dashoffset 3s}.circular_bar .circle-progress .fill,.circular_bar.circle-progress .track{fill:transparent;stroke-width:3;-webkit-transform:rotate(90deg)translateY(-80px);-ms-transform:rotate(90deg)translateY(-80px);transform:rotate(90deg)translateY(-80px)}.circular_bar .circle-progress .track{stroke:#384753;stroke-width:6px;stroke:#e9ecef;fill:transparent}.circular_bar .circle-progress .fill{stroke-dasharray:219.99078369140625;stroke-dashoffset:-219.99078369140625;-webkit-transition:stroke-dashoffset 3s;-o-transition:stroke-dashoffset 3s;transition:stroke-dashoffset 3s;stroke:var(--primary_color);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.25);box-shadow:inset 0 0 10px rgba(0,0,0,.25);stroke-width:6px;stroke-linecap:round}.circular_bar .circle-progress .text,.circular_bar .circle-progress .value{fill:var(--body_color);text-anchor:middle;font-weight:600}.circular_bar .circle-progress .text{font-size:12px}.circular_bar .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.circular_bar .title_descri h4{font-weight:700;margin:10px 0}@media(max-width:960px){.circular_bar .deta{-ms-flex-preferred-size:48%;flex-basis:48%;margin-right:4%;margin-bottom:30px}.circular_bar .deta:nth-child(2n+2){margin-right:0}.circular_bar .deta:nth-child(3),.circular_bar .deta:nth-child(4){margin-bottom:0}}@media(max-width:560px){.circular_bar .deta{-ms-flex-preferred-size:100%;flex-basis:100%;margin-right:0;margin-bottom:30px}.circular_bar .deta:not(:alst-child){margin:0}}