.tabs {
  list-style: none;
  margin-bottom: 50px;
  display: flex;
  padding: 0; }
  .tabs a, .tabs__item {
    text-decoration: none;
    color: inherit;
    border: 1px solid var(--color-accent);
    border-radius: 0 0px 0px 0;
    margin-right: -1px;
    min-height: 51px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.3s !important;
    user-select: none;
    text-align: center; }
    .tabs a:first-child, .tabs__item:first-child {
      border-radius: 5px 0px 0px 5px; }
    .tabs a:last-child, .tabs__item:last-child {
      border-radius: 0px 5px 5px 0px; }
    .tabs a.active, .tabs a_active, .tabs a:hover, .tabs__item.active, .tabs__item_active, .tabs__item:hover {
      background-color: var(--color-accent);
      color: #fff; }
  .tabs li.active a {
    background-color: var(--color-accent);
    color: #fff; }
  .tabs li:first-child a {
    border-radius: 5px 0px 0px 5px; }
  .tabs li:last-child a {
    border-radius: 0px 5px 5px 0px; }
  .tabs-select {
    display: none;
    font-size: 20px;
    color: inherit;
    padding: 0 10px 0 20px;
    height: 46px;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    cursor: pointer;
    font-family: inherit;
    width: 100%;
    margin-bottom: 2em;
    position: relative;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='13px'%3E%3Ctext x='0' y='8.5' fill='white'%3E%E2%96%BE%3C/text%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='13px'%3E%3Ctext x='0' y='10' fill='black'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 2EM 1EM;
    background-position: right center;
    background-clip: border-box; }
  .tabs-content__item {
    padding-bottom: 2em;
    display: none; }
    .tabs-content__item-title {
      font-weight: bold;
      font-size: 32px;
      margin-bottom: 20px; }

@media (max-width: 991px) {
  .tabs {
    display: none; }
    .tabs-select {
      display: block; } }

@media (max-width: 767px) {
  .tabs-select {
    width: 100%;
    margin-right: 0;
    font-size: 18px;
    padding-left: 10px; } }

@media (max-width: 575px) {
  .tabs-content__item-title {
    font-size: 24px; } }