.ova-dir-category {
	.title {
		position: relative;
		margin: 0;
		font-size: 20px;
		font-weight: 800;
		color: #fff;
		padding: 13px 50px;
		background: var(--primary);
		&:after {
			content: "";
			position: absolute;
			bottom: -10px;
			left: 50px;
			width: 0;
			height: 0;
			border-left: 20px solid transparent;
			border-right: 20px solid transparent;
			border-top: 10px solid var(--primary);
		}
	}

	.directory-cat-list {
		margin: 0;
		padding: 0;
		list-style: none;
		padding: 30px;
		border: 2px solid var(--primary);
		border-top: 0;
		li:not(:last-child) {
			margin-bottom: 10px;
		}
		.item {
			
			i {
				color: var(--heading);
				cursor: pointer;
				transition: all .3s linear;
				&:hover {
					color: var(--primary);
				}
			}

			.child-cate {
				padding: 0;
				padding-left: 10px;
				margin: 0;
				margin-top: 10px;
				list-style: none;
				display: none;
			}
		}

		.item-link {
			display: flex;
			padding: 16px 24px;
			align-items: center;
			justify-content: space-between;
			background: #f3f4f7;
			transition: all .3s linear;
			&.active {
				background: var(--heading);
				.cate_name {
					color: #fff;
				}
				i {
					color: #fff;
				}
			}
			&:hover {
				.cate_name {
					color: var(--primary);
				}
			}
		}

		.cate_name {
			line-height: 1.5;
			font-size: 16px;
			font-weight: 700;
			color: var(--heading);
			transition: all .3s linear;
			&:hover {
				color: var(--primary);
			}
		}


	}	
}