.working-section{position:relative;overflow:hidden}.working-block-one{position:relative;display:flex;align-items:center;justify-content:center;width:410px;height:410px;border:1px solid #1b1b1b;background:#141416;border-radius:50%;padding:30px 40px;margin:0 auto;margin-bottom:30px;transition:all 500ms ease}.working-block-one:hover{background:#1b1b1b}.working-block-one .icon-box{position:relative;display:inline-block;margin-bottom:33px}.working-block-one .icon-box .icon{position:relative;display:inline-block;filter:grayscale(100%);opacity:.5;transition:all 500ms ease}.working-block-one:hover .icon-box .icon{opacity:1;filter:grayscale(0%)}.working-block-one .icon-box .count-text{position:absolute;display:inline-block;left:25px;top:18px;right:0;width:49px;height:49px;line-height:49px;border:1px solid rgba(255,255,255,.10);border-radius:50%;font-size:16px;color:rgba(255,255,255,.20);transition:all 500ms ease}.working-block-one:hover .icon-box .count-text{}.working-block-one h3{position:relative;display:block;font-size:24px;line-height:34px;margin-bottom:12px}.working-block-one h3 a{position:relative;display:inline-block;color:#fff}.working-block-one h3 a:hover{text-decoration:underline}.working-block-one .step-text{position:relative;display:inline-block;font-size:14px;line-height:24px;border:1px solid #1b1b1b;padding:2px 23px;border-radius:30px;margin-bottom:23px;transition:all 500ms ease}.working-block-one:hover .step-text{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05)}.working-block-one p{text-transform:capitalize}.working-block-one .shape{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;-webkit-animation:service_hexagon 25s infinite linear;-moz-animation:service_hexagon 25s infinite linear;-o-animation:service_hexagon 25s infinite linear;animation:service_hexagon 25s infinite linear}.working-block-one .shape:before{position:absolute;content:'';background:#1b1b1b;width:20px;height:20px;border-radius:50%;left:124px;top:0;transition:all 500ms ease}.working-block-one:hover .shape:before{}.working-section .pattern-layer{position:absolute;top:-283px;right:-223px;width:816px;height:816px;border-radius:50%;-webkit-animation:zoom-fade 6s infinite linear;animation:zoom-fade 6s infinite linear}@media only screen and (max-width:767px){.working-section{padding:70px 0 40px 0}}@media only screen and (max-width:499px){.working-block-one{width:100%;height:auto;display:block;border-radius:0;padding:40px 30px}}