.rs-iconbox-area .box-inner {
position: relative;
transition: 0.4s;
overflow: hidden;
display: flex;
gap: 15px;
transition: var(--transition);
}
.rs-iconbox-area .box-inner .icon-area {
display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
color: var(--titleColor);
flex-shrink: 0;
transition: var(--transition);
}
.rs-iconbox-area .box-inner .icon-area svg {
width: 18px;
height: 18px;
}
.rs-iconbox-area .box-inner .icon-area svg path {
transition: var(--transition);
fill: var(--titleColor);
}
.rs-iconbox-area .box-inner .icon-area i {
transition: var(--transition);
font-size: 30px;
}
.rs-iconbox-area .box-inner .icon-area img {
transition: var(--transition);
}
.rs-iconbox-area .box-inner .text-area .title {
margin: 0;
color: var(--titleColor);
transition: var(--transition);
}
.rs-iconbox-area .box-inner .text-area p {
margin: 0;
transition: var(--transition);
}
.rs-iconbox-area .box-inner.active .text-area .title, .rs-iconbox-area .box-inner:hover .text-area .title {
color: var(--primaryColor);
}