/*Style for the main text*/
.hidden-menu-category {
  display: none;
}
.hidden-class {
  display: block;
}
.ul-hidden-items {
  all: unset;
  list-style: none;
}
.active-topic {
  cursor: pointer;
}
.hidden-menu {
  cursor: pointer;
  color: #808080; 
  transition: color 0.3s ease;
}
.hidden-menu:hover {
  color: #001330; 
}
.hidden-menu.active {
  font-weight: 700;
  color: #001330;
  text-decoration: underline;
}

.tab-title, .flex-alg-center{
  display:flex; 
  align-items: center;
}
.tab-title img{
  vertical-align: middle;
    padding-right: 8px;
}
.line-sep{
  height: 1px;
  background-color: #e6e6e6;
  z-index:99;
  position:relative;
  margin: 0px 65px;
}
.hhs-panel-wrapper-services {
position:relative;
  top: -2px;
  background-color: #ffffff;
}

/*Tabbs*/
 .tab-item-services > button {
border-left: none;
}
.hhs-tab-wrapper-services li:not(:first-of-type) button {
    border-left: none; !important
}
.hhs-tab-wrapper-services li {
  border-left:none;
}
ul.hhs-tab-wrapper-services {
  list-style: none;
  padding-inline-start: 0px;
  margin-top: 0px;
    margin-bottom: 0px;
  margin-block-start: 0;
    margin-block-end: 0;
}
li.tab-item-services {
  margin-bottom: 0px;
}
li.tab-item-services button {
height: 100%;
  text-align: left;
}
.is-d-flex-ser{
 display: flex
}
@media (max-width: 991px){
  .is-d-flex-ser{
  display:block;
  }
}
/* css tabb */
.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-ser {
 width: 100%;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08);
  
}

.hhs-tab-content-ser ul.hhs-tab-wrapper-services,
.hhs-tab-content-ser .hhs-tab-wrapper-services li {
 margin: 0;
  padding: 0;
}

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


.hhs-tab-wrapper-services li {
  flex: 1 1 0%;
  
}

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

.hhs-tab-wrapper-services button {
  width: 100%;
  transition: all 0.3s ease-in-out;
  border: none;
  cursor: pointer;
  height: 100%;
  display: flex;
  padding: 15px;
  align-items: center;
}

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

.hhs-tab-wrapper-services button.is-active {
   border-bottom-color: transparent;
}

.panel {
  display: none;
}

.panel.is-active {
  display: block; 
}

@media (min-width: 575px) {
  .tabs-left .tab-to-dropdown-ser {
    -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-services button.is-active {
   z-index: 1;
    position: relative;
  }

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

  .tabs-left .hhs-tab-wrapper-services 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-services li {
    border-top: 1px solid rgba(0,0,0,0.2);
    border-left: none;
  }

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

@media (max-width: 991px) {
  .is-d-flex {
    display: block;
  }
  ul.tabs li {
		display: block;
		text-align: left;
		padding: 0;
  }
  .tab-to-dropdown-ser {
		position: relative;
    width: 100%;
    text-align: center;
	}
  .converted-tab-ser {
		position: absolute;
		z-index: 10;
		top: 100%;
		left: 0;
		width: 100%;
		background: #fff;
	}
  .tabs-container-services{   
    padding: 0px;
  }
}
.tabs-container-services > .tab-to-dropdown > .selected-tab {
  border-top: 3px solid #2ce80d;
}


.tab-title img:first-of-type {
  display: block; 
}

.tab-title img:last-of-type {
  display: none; 
}

.is-active .tab-title img:first-of-type {
  display: none; 
}

.is-active .tab-title img:last-of-type {
  display: block; 
}