#accordian {

		width: 100% ;
		margin: 50px auto 0 auto;
		color: white;

}

#accordian h3 {
		background: none;
		 line-height: normal !important; margin-bottom: 0!important; border-bottom: 1px solid #efefef; transition: all 0.3s ease-in-out;
}

#accordian h3 a {
		padding: 0 5px;
		font-size: 15px;
		line-height: 34px;
		display: block;
		color: #828282; width: 100%;
		text-decoration: none;
         transition: all 0.3s ease-in-out;
}

#accordian h3:hover {
		padding-left: 15px;
}

#accordian h3 a i {
		margin-right: 0; float: right; line-height: 34px;
}

#accordian li {
		list-style-type: none;
}
#accordian ul ul{padding:15px 0;}
#accordian ul ul li a,
#accordian h4 {
		color: 333;
		text-decoration: none;
		font-size: 12px;
		
		display: block;
		padding: 3px 25px 3px 10px; line-height: 22px;
		
		position: relative; transition: all 0.3s ease-in-out; width: 100%;
}

#accordian ul ul li a:hover {
		color: #0d6efd;
		border-left: 5px solid #0d6efd;
}

#accordian ul ul {
		display: none;
}

#accordian li.active h3 a {
		color: #0d6efd;
}

#accordian li.active>ul {
		display: block;
}

#accordian ul ul ul {
		margin-left: 15px;
		border-left: 1px dotted rgba(0, 0, 0, 0.5);
}

#accordian a:not(:only-child):after {
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		position: absolute;
		right: 0;
		top: 50%;
		font-size: 14px;
        font-weight: 900;
        color: #828282;
        margin-top: -11px;
}

#accordian .active>a:not(:only-child):after {
		content: "\f105";
}