.accordion {
margin: 0px;
padding: 0;
list-style-type: none;
}
.accordion li {
position: relative;
}
.accordion li .xltbc {
display: none;
padding: 10px;
color: #6b97a4;
}
.accordion .xltbhd {
width: 100%;
display: block;
cursor: pointer;
font-weight: 600;
line-height: 3;
font-size: 14px;
font-size: 0.875rem;
user-select: none;
position: relative;
}
.xltbhd.active .inactikn{
display:block !important;
}
.xltbhd .actikn{
display:none;
}
.xltbhd .inactikn{
display:none !important;
}
.xltbhd.active .tbxicon.actikn{
display:none !important;
}
.xldacdn .tbxicon {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
height: 100%;
text-align: center;
line-height: inherit;
} .xld-acdn1 .accordion .xltbhd:before {
content: "";
width: 15px;
height: 15px;
border-radius: 50px;
background: #fff;
border: 1px solid #550527;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.xld-acdn1.xlft .accordion .xltbhd:before{
left: -10px;
}
.xld-acdn1.xright .accordion .xltbhd:before{
right: -10px;
}
.xld-acdn1 .accordion:before {
content: "";
width: 1px;
height: 80%;
background: #550527;
position: absolute;
top: 20px;
}
.xld-acdn1.xlft .accordion:before{
left: 24px;
}
.xld-acdn1.xright .accordion:before{
right: 24px;
} .xld-acdn2 .accordion li:after {
content: "";
width: 2px;
height: 100%;
background: #d82d5b;
position: absolute;
top: 25px;
z-index: -1;
}
.xld-acdn2.xlft .accordion li:after{
left: -26px;
}
.xld-acdn2.xright .accordion li:after{
right: -26px;
}
.xld-acdn2 .accordion li:last-child:after{
display: none;
} .xld-acdn3 .accordion .xltbhd:before {
content: '';
width: 6px;
background: #000;
position: absolute;
top: 0;  
z-index: 1;
height: calc(100% + 1010px);
-webkit-transition: all 300ms linear 0ms;
-khtml-transition: all 300ms linear 0ms;
-moz-transition: all 300ms linear 0ms;
-ms-transition: all 300ms linear 0ms;
-o-transition: all 300ms linear 0ms;
transition: all 300ms linear 0ms;
opacity: 0;
}
.xld-acdn3.xlft .accordion .xltbhd:before{
left: 0;
}
.xld-acdn3.xright .accordion .xltbhd:before{
right: 0;
}
.xld-acdn3 .accordion .xltbhd.active:before {
opacity: 1;
}
.xld-acdn3 .accordion li{
overflow:hidden;
}