.ova-icon-list {
    margin: 0 15px;
    
    .item {
        position: relative;
        padding-bottom: 30px;

        &:last-child{
            padding-bottom: 0;
            &.item-line{
                &:before {
                    content: none;
                }
            }
        }
        &:before {
            position: absolute;
            content: none;
            height: 100%;
            width: 0;
            left: 0;
            top: 15px;
            border-left: 1px solid rgba(5, 26, 83, 0.1);
        }
        &.item-line{
            &:before {
                content: "";
            }
        }
        &.active {
            i {
                color: #fff;
                background-color: var(--primary); 
            }
        }

        i {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            font-size: 14px;
            color: var(--primary);
            background-color: #fff;
            box-shadow: 0px 5px 30px 0px rgba(216, 34, 33, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: calc(50% - 15px);
            left: -15px;
            transform: translateY(-50%); 
        }

        &.active {
            .info {
                padding: 14px 23px;
                background-color: #fff; 
                border: 1px solid rgba(5, 26, 83, 0.01);
                box-shadow: 0px 10px 60px 0px rgba(216, 34, 33, 0.1);
            }
        }

        .info {
            display: inline-block;
            margin-left: 40px;
        }

        .title {
            margin: 0 0 4px 0;
            font-size: 20px;
            line-height: 1.4;
        }
        .desc {
            margin: 0;
			font-size: 15px;
			line-height: 1.4;
        }

    }
}