{
    % import "../_variables.css" as var %
  }

  /* Nav */
  .tabs-images__heading {
    max-width: 700px;
    margin: auto;
    text-align: center;
    margin-bottom: 90px;
  }

  .tabs-images {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
  }

  .tabs-images__content {
    display: flex;
  }

  .tabs-images__content.center {
    align-items: center;
  }

  .tabs-images__content.top {
    align-items: flex-start;
  }

  .tabs-images__content.bottom {
    align-items: flex-end;
  }

  .tabs-images__nav {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 485px;
  }

  .tabs-images__nav-item {
    flex-shrink: 0;
    background: #FFFFFF;
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 70px;
    position: relative;
    cursor: pointer;
    border: 1px solid #EAEEF1;
    transition: all .3s;
  }

  .tabs-images__nav-item.active {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  }

  .tabs-images__nav-item:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  }

  .tabs-images__nav-item .h6 {
    margin-bottom: 10px;
  }

  .tabs-images__nav-item .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
  }

  .tabs-images__nav-item .inner .description p {
    margin-bottom: 0;
    font-size: 14px;
  }

  .tabs-images__nav-item .inner:before {
    content: "";
    position: absolute;
    top: 50%;
    transition: all ease-in-out .3s;
    transform: translateY(-50%);
    right: 30px;
    width: 10px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17L9 9L1 1' stroke='%23B3B9C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    border-radius: 30px;
  }

  .tabs-images__nav-item .inner figure {
    margin-right: 18px;
    min-width: 92px;
  }

  .tabs-images__nav-item .inner img {
    width: 92px;
    height: 92px;
  }

  .tabs-images__nav-item+.tabs-images__nav-item {
    margin-top: 20px;
  }

  .tabs-images__nav .tabs-images__btn {
    margin: 0 .28rem .56rem;
  }

  /* Content */
  .tabs-images__content {
    width: calc(100% - 585px);
  }

  .tabs-images__nav-item .content {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition-duration: 400ms;
    transition-property: max-height, visibility;
    transition-delay: 0, 400ms;
  }

  .tabs-images__content .tabs-images__btn {
    display: none;
    width: 100%;
    margin: 0 0 .56rem;
    text-align: start;
  }

  .tabs-images__content .tabs-images__btn:hover {
    transform: none;
  }

  .tabs-images__nav-item .tabs-images__tab {
    display: block;
  }

  .tabs-images .tabs-images__tab--active {
    animation: .2s ease-in-out forwards fadeInUp;
  }

  .tabs-images__content .tabs-images__tab:not(.tabs-images__tab--active) {
    display: none;
  }

  @media all and (max-width: 768px) {
    .tabs-images__nav-item {
      flex-wrap: wrap;
      padding: 20px;
      padding-bottom: 35px;
      padding-right: 30px;
      justify-content: center;
    }

    .tabs-images{
      justify-content: center;
      width: 100%;
    }

    .tabs-images__nav-item .inner {
      flex-wrap: wrap;
      width: 100%;
    }

    .tabs-images__nav-item .inner .tabs-images__nav-item__content h6 {
      text-align: center;
    }

    .tabs-images__nav-item .inner .tabs-images__nav-item__content .description {
      text-align: center;
    }

    .tabs-images__nav-item .inner:before {
      bottom: 5px;
      top: unset;
      transform: translateX(-50%) rotate(90deg);
      right: 50%;
    }

    .tabs-images__nav-item .content.open {
      visibility: visible;
      transition-duration: 400ms;
      transition-property: max-height, visibility;
      transition-delay: 400ms, 0;
    }

    .tabs-images__nav-item.active .inner:before {
      transform: translateX(-50%) rotate(-90deg);
    }

    .tabs-images__content .tabs-images__btn {
      display: block;
    }

    .tabs-images__nav-item__content {
      width: 100%;
    }

    .tabs-images__nav-item figure {
      margin-right: 0;
    }

    .tabs-images__tab {
      padding-top: 20px
    }

    .tabs-images__content .tabs-images__tab {
      padding-left: {
          {
          var.btn_medium_plr
        }
      }

      rem;

      padding-right: {
          {
          var.btn_medium_plr
        }
      }

      rem;
    }

    .tabs-images--indent.tabs-images--buttons-small .tabs-images__tab {
      padding-left: {
          {
          var.btn_small_plr
        }
      }

      rem;

      padding-right: {
          {
          var.btn_small_plr
        }
      }

      rem;
    }

    .tabs-images--indent.tabs-images--buttons-large .tabs-images__tab {
      padding-left: {
          {
          var.btn_large_plr
        }
      }

      rem;

      padding-right: {
          {
          var.btn_large_plr
        }
      }

      rem;
    }
  }
}

@media all and (max-width: {
      {
      var.sm
    }
  }

  px) {



  @media (min-width: {
        {
        var.sm + 1
      }
    }

    px) {
    .tabs-images--active .tabs-images__tab--active {
      transform-origin: left top;
    }


  }