.logik-process-Steps .process-box-content .logik-steps-number {
background: var(--color-theme-white);
color: var(--color-theme-primary);
width: 70px;
height: 70px;
position: absolute;
line-height: 70px;
text-align: center;
right: 0;
top: 0;
z-index: 9;
}
.logik-process-Steps .process-box-content .logik-values {
display: inline-block;
transition: all 0.5s ease-in-out;
}
.logik-process-Steps:hover .logik-values {
transform: scale(1.5);
}
.logik-process-Steps {
background: var(--color-theme-primary-light-bg);
padding: 70px 30px;
position: relative;
}
.logik-process-Steps .process-box-content .iq-heading-title {
margin-top: 30px;
text-transform: capitalize;
text-align: justify;
}
.logik-process-Steps .process-box-content .box-desc {
text-align: left;
margin-top: 15px;
margin-bottom: 0;
}
.logik-process-Steps .process-box-img svg {
height: 105px;
width: 105px;
padding: 18px;
border-radius: var(--box-border-radius);
}
.logik-process-icon-wrapper {
display: inline-block;
position: relative;
}
.logik-process-Steps .process-box-content .logik-process-icon-wrapper::after {
content: "";
width: 100%;
height: 3px;
background: var(--color-theme-primary);
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 1;
margin: 0 auto;
transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
text-align: center;
}
.logik-process-Steps:hover .logik-process-icon-wrapper::after {
opacity: 1;
width: 50%;
}