.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;

}