.b-tabs { 
  display: flex; 
  flex-direction: column; 
  margin-block: 35px; }
.b-tabs__action { 
  display: flex; 
  border-bottom: 2px solid #CC0000; }
.b-tabs__item {
  background-color: #F4F4F4 !important;
  border: none !important;
  outline: none;
  cursor: pointer;
  height: 48px;
  padding: 0 16px;
  transition: 0.3s;
  flex: 0 0 calc(100% / 3); 
  font-size: 16px;
  color: #737373 !important;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}
.b-tabs__item:hover { opacity: 0.5; }
.b-tabs__item.active {
  background-color: #CC0000 !important;
  color: #fff !important; 
  position: relative;
}
.b-tabs__item.active:after {
  content: ''; width: 0; height: 0;
  border-width: 16px 10px;
  border-color: #CC0000 transparent transparent transparent;
  border-style: solid; position: absolute;
  bottom: -32px; left: 50%;
}
.b-tabs__content { display: none; padding: 45px 0 15px; }
.b-tabs__content.active { display: block; }


@media screen and (max-width: 767px) {
    .b-tabs__item {
        font-size: 13px;
          flex: 1; 
    }
}