.quicktabs-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.quicktabs-tabs li{
    padding: 4px 0;
    line-height: 1.75;
    border-radius: 4px;
    border: 1px solid #295E63;
    margin-right: 16px;
    margin-bottom: 14px;
}
.quicktabs-tabs li a {
    padding: 7px 12px;
    color: #646F78;
}

.quicktabs-tabs li.active a {
    color: #fff;
} 

.quicktabs-tabs li.active {
   background:#295E63;
   font-weight: 700;
}


.quicktabs-tabs::-webkit-scrollbar {
    display: none;
}

ul.quicktabs-tabs li a:focus {
  outline: #101010;
  border: 2px solid #101010;
}

/* ul.quicktabs-tabs li a:focus-visible {
  outline: #101010;
  border: 2px solid;
} */
@media all and (max-width: 480px) {
    .staff-tabs{
        position: relative;
    }
    .toggle-icon {
      display: block;
      height: 40px;
      width: 100%;
      background: url(../images/toggle-icon.svg) no-repeat 98% center;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 12px;
      width: 30px;
    }
    .staff-tabs .quicktabs-tabs {
      overflow: hidden;
      /* background: #050505; */
      /* height: 0; */
      flex-direction: column;
    }

    .staff-tabs .quicktabs-tabs li.close {
      display: none;
    }
    .staff-tabs .quicktabs-tabs li {
      height: 44px;
      padding: 10px 14px;
      border: 1px solid #C2C8CC;
      border-radius: 0;
      background: #fff;
      font-weight: 400;
      margin-right: initial;
      margin-bottom: auto;
      line-height: initial;
    }
    .staff-tabs .quicktabs-tabs li.close.active {
      display: block;
    }
    .quicktabs-tabs li.active a {
      color: #646F78;
  }
 
    .staff-tabs .quicktabs-tabs li.close.active a {
      color: #2F3941;
    }
  }