.tabs {
position: relative;
/* margin-bottom: 24px; */
height: 434px;
}

.tabs__item {
  position: relative;
  display: inline-block;
  z-index: 20;
  line-height: 2.5;
  margin-right: -0.28em;
  padding-left: 12px;
  padding-right: 12px;
  color: white;
  box-shadow: inset 0 50px #DE6003;
  background-color: #B5FFC7;
  transition: box-shadow 0.35s ease-out, color 0.4s ease-out;
  font-family:SolaimanLipi;
  cursor: pointer;
  font-size:12px;
}

.tabs__item:hover { box-shadow: inset 0 50px #FF0000; }

.tabs__item:first-child { margin-left: 0px; }

.tabs__item--active {
  color: #DE6003;
  box-shadow: inset 0 0 #DE6003 !important;
}

.tabs__item--active + .tabs__body { z-index: 10; }

.tabs__body {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  height: 370px;
  margin-left: 0;
  padding: 24px;
/*  border-bottom: 2px solid #cfd9db;
*/  background-color: #fff;
  transition: all 0.25s;
  border:1px solid #eee;
}

.tabs__content {
  opacity: 1;
  transition: all 0.15s ease-out;
  font-family:SolaimanLipi;
  font-size:17px;
}

.tabs__content ul li a:hover {
	color:#F90;
}

.tabs__content--hidden {
  opacity: 0;
  transform: translate(0, 8px);
}

.tabs--vertical .tabs__item {
  display: block;
  width: 150px;
  margin-left: 0;
  box-shadow: inset 150px 0 0 #DE6003;
}

.tabs--vertical .tabs__item:hover { box-shadow: inset 150px 0 0 #ac75c2; }

.tabs--vertical .tabs__body {
  top: 0;
  left: 150px;
}

.tabs--vertical .tabs__content--hidden { transform: translate(8px, 0); }