.process-section{
position: relative;
}
.process-block-one .inner-box{
position: relative;
display: block;
padding: 0px 10px;
}
.process-block-one .inner-box .icon-box{
position: relative;
display: inline-block;
width: 180px;
height: 180px;
line-height: 180px;
background: #fff;
text-align: center;
border-radius: 50%;
box-shadow: 0px 0px 120px rgba(0, 0, 0, 0.07);
margin-bottom: 25px;
}
.process-block-one .inner-box .icon-box .icon img{
position: relative;
transition: all 500ms ease;
}
.process-block-one .inner-box:hover .icon-box .icon img{
transform: rotateY(180deg);
}
.process-block-one .inner-box .icon-box .count-text{
position: absolute;
top: -10px;
right: -6px;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px;
color: #fff;
font-weight: 600;
text-align: center;
border-radius: 50%;
box-shadow: 0px 15px 40px rgba(19, 197, 221, 0.5);
background: var(--theme-color);
transition: all 500ms ease;
}
.process-block-one .inner-box:hover .icon-box .count-text{
background: #0E1D40 !important;
}
.process-block-one .inner-box h3{
display: block;
font-size: 24px;
line-height: 32px;
margin-bottom: 16px;
}
.process-block-one .inner-box .arrow{
position: absolute;
top: 70px;
right: -52px;
width: 73px;
height: 32px;
background-repeat: no-repeat;
}