.progress-bar-group{margin:30px 0}.skillbar.clearfix{max-width:600px;margin:30px auto 85px}.skillbar{position:relative;display:block;margin-bottom:85px;width:100%;background:rgb(184 184 185 / .40);height:22px;border-radius:11px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-ms-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;margin-top:30px}.skillbar:after{position:absolute;content:'';height:32px;width:calc(103% - 7px);border-radius:16px;border:5px solid rgb(235 235 235 / .52);top:0;bottom:0;margin:auto;left:-6px}.skillbar-title{position:absolute;top:-31px;left:0;font-size:17px;color:#444;font-weight:500;text-align:center;font-family:Teko,sans-serif}.skillbar-title span{display:block}.skillbar-bar{background:#f4bd25;border-radius:11px;filter:drop-shadow(0 0 3px rgba(90,90,90,0.33));background-color:#e8b324;height:22px;width:0}.skillbar-bar{background:#f4bd25}.skill-bar-percent{opacity:0;position:absolute;padding:0;line-height:20px;top:-45px;font-weight:normal;-moz-opacity:0;-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;background-image:url(../jpg/shape.jpg);background-repeat:no-repeat;background-size:cover;mix-blend-mode:darken;display:flex;align-items:center;justify-content:center;background-position:center;font-size:18px;color:#fff;font-weight:400;text-align:center;font-family:Teko,sans-serif;height:40px;width:33px}.skillbar:last-child{margin-bottom:50px}.progress-outer-section .top-content h2{padding-bottom:60px;color:#444}@media(max-width:600px){.skillbar.clearfix{max-width:400px}.skillbar:after{width:calc(103% - 0px)}}@media(max-width:380px){.skillbar:after{width:calc(103% - -1px)}}