.xl-tab .tab-area{
    margin: 0;
    padding: 0;
    position: relative;
    display: table;
 }
 .xl-tab li{
    display: inline-block;
    cursor: pointer;
 }

 .xl-tab .tab-content{
    display: none;
 }
 .xl-tab .tab-content.active{
    display: block;
 }
 .xl-tab .tab-content.active {
     opacity: 1;
     animation-name: fadeInOpacity;
     animation-iteration-count: 1;
     animation-timing-function: ease-in;
     animation-duration: .5s;
 }
 .xl-tab .inrtab{
    position: relative;
}

/*Extra style*/
.xl-box-tab .xl-tab .tab-area {
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: inherit;
   flex-wrap: inherit;
display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
}
.xl-box-tab .xl-tab .tab-area li {
   margin-right: 20px;
   margin-bottom: 0;
   display: flex;
   position: relative;
}
.xl-box-tab .xl-tab .tab-area li:last-child {
   margin-right: 0;
}
.xl-box-tab .xl-tab .inrtab {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 30px 10px;
}

/*One style*/
.xl-box-tab .tab-area li::after {
   content: "|";
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   position: absolute;
   color: transparent;
}
.xl-box-tab .tab-area li:last-child::after {
   display: none;
}
/*Two style*/
.xl-box-tab .bxtwo .tab-area li {
   border: 1px solid #000;
   border-bottom-width: 0;
}
.xl-box-tab .bxtwo .tab-area li:not(:first-child){
 border-left-width: 0;
}