

.tab {
  width: 90%;
  margin: 20px auto;
  background: #fff;
  display:flex;
}

.tabContent > div { display: none; }


.tabHeader li {
  width: 100%;
  cursor: pointer;
  display:flex;
}
.tabHeader {
	width: 66%;
	display: inline-flex;
}
.tabContent {
width: 34%;
padding: 0 !important;
}

.tabHeader li.active .helpdesk-box {
	border-left:5px #092E40 solid;
}
.tabHeader li.active .helpdesk-box p {
	color: #092E40;
	font-weight: 400;
font-size: 14px;
line-height: 150%;
padding-right:60px;
margin-bottom:10px;
transition: 0.5s;
}
.tabHeader li.active .helpdesk-box h5 {
	color: #092E40;
	font-weight: 700;
font-size: 18px;
line-height: 150%;
transition: 0.5s;
}
.tabContent .active { display: block; }

.tabContent .tabItem { /*padding: 10px;*/ }
