.rs-iconbox-area .box-inner {
    position: relative;
    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 a.box-inner.active .text-area .title, .rs-iconbox-area a.box-inner:hover .text-area .title {
    color: var(--primaryColor)
}