.elementor-588 .elementor-element.elementor-element-474ebf8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-588 .elementor-element.elementor-element-9cc52d2{width:auto;max-width:auto;}.elementor-588 .elementor-element.elementor-element-93b5159 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-588 .elementor-element.elementor-element-93b5159{z-index:1;text-align:center;font-family:"Roboto", Sans-serif;font-size:1.1vw;font-weight:400;color:#FFFFFF;}@media(max-width:1024px){.elementor-588 .elementor-element.elementor-element-93b5159{text-align:justify;font-size:2vw;}}@media(max-width:767px){.elementor-588 .elementor-element.elementor-element-93b5159{font-size:4vw;}}/* Start custom CSS for html, class: .elementor-element-9cc52d2 */.skill{
    width: 120px;
    height: 120px;
    position: relative;
}
.outer{
    height: 120px;
    height: 120px;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 6px 6px 10px -1px rgba(0,0,0,0.15),-6px -6px 10px -1px rgba(255,255,255,0.7);
}
.inner{
    height: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 4px 4px 6px -1px rgba(0,0,0,0.2), inset -4px -4px 6px -1px rgba(255,255,255,0.27), -0.5px -0.5px 0px rgba(255,255,255,1), 0.5px 0.5px 0px rgba(0,0,0,0.15), 0px 12px 10px -10px rgba(0,0,0,0.05);
}
#number{
    font-weight: 600px;
    color:white;
}
circle{
    fill:none;
    stroke:url(#GradientColor);
    stroke-width: 20px;
    stroke-dasharray:310;
    stroke-dashoffset: 310;
    animation: anim 1s linear forwards;
}
.mysvg{
    position: absolute;
    top:0;
    left:0;
}
@keyframes anim{
    100%{
        stroke-dashoffset:49.6;
    }
}/* End custom CSS */