.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;
}
/*1*/
.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;
}
/*2*/
.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;
}

/*3*/
.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;
}