.skill-wrapper.simple .skill-media-content .skill-wrapper{display:flex;flex-wrap:wrap}.skill-wrapper.simple .skill-media-content .text-wrap{position:relative;width:58%}.skill-wrapper.simple .skill-media-content .text-wrap .bg-symbol{position:absolute;top:-100px;left:-70px;opacity:.4;margin:0;font-weight:700;font-size:200px;font-style:normal;font-stretch:normal;line-height:1;color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--light-grey-color)}.skill-wrapper.simple .skill-media-content .text-wrap .title{max-width:400px;font-size:40px;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:1px;color:var(--dark-color);padding-bottom:35px;position:relative}.skill-wrapper.simple .skill-media-content .text-wrap .title::after{position:absolute;content:"";bottom:0;width:150px;height:1px;left:0;background-color:#ddd}.skill-wrapper.simple .skill-media-content .text-wrap .title::before{position:absolute;content:"";bottom:0;width:50px;height:3px;left:0;background-color:var(--main-color);transition:left .7s}.skill-wrapper.simple .skill-media-content .text-wrap .title:hover::before{left:100px}.skill-wrapper.simple .skill-media-content .text-wrap .text{margin-top:35px;max-width:400px;font-size:15px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.73;letter-spacing:normal;color:var(--grey-color)}.skill-wrapper.simple .skill-media-content .skills{width:42%;padding-top:10px}.skill-wrapper.simple .skill-media-content .skills .skill{color:var(--dark-color);font-size:20px;font-weight:700;text-align:left;position:relative}.skill-wrapper.simple .skill-media-content .skills .skill:not(:last-child){margin-bottom:32px}.skill-wrapper.simple .skill-media-content .skills .line{background-color:var(--light-color);position:relative;width:100%;margin:9px 0 0 0;height:6px}.skill-wrapper.simple .skill-media-content .skills .line .active-line{position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 1.5s ease;transition:width 1.5s ease}.skill-wrapper.simple .skill-media-content .skills .line .active-line .skill-value{position:absolute;right:0;bottom:22px;font-size:12px}.skill-wrapper.simple .skill-media-content .skills .line .active-line .skill-value .counter{position:relative;padding:5px 0 5px 9px}.skill-wrapper.simple .skill-media-content .skills .line .active-line .skill-value .counter::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:calc(100% + 17px);height:100%;border:1px solid var(--light-grey-color);border-radius:4px}.skill-wrapper.simple .skill-media-content .skills .skill-label{text-align:left}@media only screen and (max-width: 1024px){.skill-wrapper.simple .skill-media-content .text-wrap .bg-symbol{left:-47px}}@media only screen and (max-width: 991px){.skill-wrapper.simple .skill-media-content .skills{width:100%;padding-top:10px;margin-top:25px}.skill-wrapper.simple .skill-media-content .text-wrap{width:100%}.skill-wrapper.simple .skill-media-content .text-wrap .text{max-width:100%}.skill-wrapper.simple .skill-media-content .text-wrap .title{max-width:100%}.skill-wrapper.simple .skill-media-content .skill-wrapper{display:flex;align-items:center;flex-direction:column;flex-wrap:wrap}}@media only screen and (max-width: 768px){.skill-wrapper.simple .skill-media-content .text-wrap .bg-symbol{left:-34px}}@media only screen and (max-width: 767px){.skill-wrapper.simple .skill-media-content .text-wrap .title{font-size:34px}.skill-wrapper.simple .skill-media-content .text-wrap .bg-symbol{left:-16px;top:-104px;font-size:166px}}/*# sourceMappingURL=skills.css.map */