.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: 0.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: 0px;
width: 49px;
height: 49px;
line-height: 49px;
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 50%;
font-size: 16px;
color: rgba(255, 255, 255, 0.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, 0.05);
border-color: rgba(255, 255, 255, 0.05);
}
.working-block-one p{
text-transform: capitalize;
}
.working-block-one .shape{
position: absolute;
left: 0px;
top: 0px;
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: 0px;
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: 1200px){
}
@media only screen and (max-width: 991px){
}
@media only screen and (max-width: 767px){
.working-section{
padding: 70px 0px 40px 0px;
}
}
@media only screen and (max-width: 599px){
}
@media only screen and (max-width: 499px){
.working-block-one{
width: 100%;
height: auto;
display: block;
border-radius: 0px;
padding: 40px 30px;
}
}