.tabs{
  width:100%;
}

.tabs-container{
  position:relative;
}

.tabs-item .tab-item-inactive{
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  align-items:center;
}

.tab-item-info{
  width:48%;
  cursor:pointer;
  padding:20px 30px;
}

.tabs-item .tab-item-inactive .tab-item-info{
  border-left:0px;
  border-bottom:0px;
  border-right:0px;
  transition: background-color .5s;
}

.tabs-item .tab-item-active .tab-item-info{
  border-top: 0px !important;
  border-left: 6px solid;
}

.tabs-item .tab-item-inactive .tab-item-info h4{
  font-weight:600;
}

.tabs-item .tab-item-inactive .tab-item-content{
  display:none;
}

.tabs-item .tab-item-active .tab-item-info{
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.tabs-item .tab-item-active .tab-item-info .tab-item-content p{
  margin-bottom:0px;
}

.tabs-item .tab-item-active .tab-item-content{
  display:block;
}

.tabs-item .tab-item-active .tab-item-content a{
  color:#3A4EF2;
  font-size:14px;
  font-weight:500;
  text-decoration:none;
  font-family: poppins;
}

.tab-item-image{
  width:0;
  left:0;
  top:0;
  position:absolute;
  transition: .4s;
}

.tabs-item .tab-item-active .tab-item-image{
  width:48%;
}

{# ---- Tablet and mobile Breakpoint ---- #}

@media(max-width:800px){
  .tab-item-image{
    display:none;
    width:100%;
  }
  .tabs-item .tab-item-inactive{
    flex-direction:column !important;
  }

  .tab-item-info{
    width:100%;
  }
  .tabs-item .tab-item-active .tab-item-image{
    width:100%;
    display:block;
    position:static;
    margin-top:10px;
  }

}