.hhs-tab-mod {position: relative; z-index: 1;}
.hhs-tab-mod .row {position: relative; z-index: 2;}
.hhs-tab-mod .row {
  z-index: 2;
  position: relative;
}

.is-d-flex {
  display: flex;
}

.hhs-tab-content {
 width: 100%;
}

.hhs-tab-content ul.hhs-tab-wrapper,
.hhs-tab-content .hhs-tab-wrapper li {
 margin: 0px 20px 10px 0px;
  padding: 0;
}

.hhs-tab-content ul.hhs-tab-wrapper,
.hhs-tab-content .hhs-tab-wrapper li:last-child {
 margin: 0px 0px 10px 0px;
  padding: 0;
}

.hhs-tab-content ul.hhs-tab-wrapper {
 list-style-type: none; 
}

.hhs-tab-wrapper li {
  flex: 1 1 0%;
  border-left: 1px solid rgba(0,0,0,0.2);
}

.hhs-tab-wrapper li:first-child,
.hhs-tab-wrapper li:not(:first-of-type) button {
	 border-left: none;
}

.hhs-tab-wrapper button {
  width: 100%;
  transition: all 0.3s ease-in-out;
  border: none !important;
  padding: 22px 10px 25px;
  cursor: pointer;
  height: 100%;
  border-radius: 12px;
}

.hhs-tab-wrapper button:focus,
.hhs-tab-wrapper button:active {
   outline: none;
}

.hhs-tab-wrapper button.is-active {
   border: 0px !important;
}

}
.panel {
  display: none;
}

.panel.is-active {
  display: block;
  background-color: white;
  background-position: bottom;
  border-radius: 12px !important;
}

.selected-tab {
  position: relative;
  padding: 22px 35px 25px 15px;
  line-height: 30px;
}

.selected-tab:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #747474;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 575px) {
  .tabs-left .tab-to-dropdown {
    -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      padding-left: 15px;
      position: relative;
      width: 100%
  }

  .tabs-left .is-d-flex {
   display: block; 
  }

  .tabs-left .hhs-panel-wrapper .panel {
   height: 100%; 
  }

  .tabs-left .hhs-tab-wrapper button.is-active {
   z-index: 1;
    position: relative;
  }

  .tabs-left .hhs-tab-wrapper li {
  flex: auto;
    display: block;
    width: 100%;
  }

  .tabs-left .hhs-tab-wrapper li button {
    text-align: left;
    padding-left: 15px;
  }

  .tabs-left .hhs-panel-wrapper {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    padding-right: 15px;
    position: relative;
    width: 100%
  }

  .tabs-left .hhs-tab-wrapper li {
    border-top: 1px solid rgba(0,0,0,0.2);
    border-left: none;
  }

  .tabs-left .hhs-tab-wrapper li:last-child {
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
}

@media (max-width: 575px) {
  .is-d-flex {
    display: block;
  }
  ul.tabs li {
		display: block;
		text-align: left;
		padding: 0;
  }
  .tab-to-dropdown {
		position: relative;
    width: 100%;
    text-align: center;
	}
  .converted-tab {
		position: absolute;
		z-index: 10;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
	}
}