.big-tabs {
  max-width: 100%; }
  .big-tabs__tabs {
    display: flex;
    align-items: center;
    max-width: 100%;
    overflow: auto;
    padding-bottom: 10px;
    position: relative; }
    @media (max-width: 767px) {
      .big-tabs__tabs {
        padding-bottom: 16px; } }
    .big-tabs__tabs:after {
      position: absolute;
      content: '';
      left: 0;
      right: 0;
      bottom: 8px;
      height: 1px;
      background-color: rgba(24, 24, 24, 0.3); }
      @media (max-width: 767px) {
        .big-tabs__tabs:after {
          display: none; } }
  .big-tabs__tab {
    font-size: 30px;
    line-height: 1.5;
    margin-right: 80px;
    transition: all .3s ease;
    font-weight: 700;
    position: relative;
    white-space: nowrap; }
    @media (max-width: 1549px) {
      .big-tabs__tab {
        margin-right: 40px; } }
    @media (max-width: 767px) {
      .big-tabs__tab {
        font-size: 20px;
        margin-right: 20px; } }
    .big-tabs__tab:last-child {
      margin-right: 0px; }
    .big-tabs__tab.active {
      pointer-events: none;
      color: #5B627E; }
      .big-tabs__tab.active:after {
        right: 0; }
    .big-tabs__tab:after {
      position: absolute;
      content: '';
      left: 0;
      right: 100%;
      bottom: -2px;
      height: 3px;
      background-color: #5B627E;
      transition: all .3s ease; }
      @media (max-width: 767px) {
        .big-tabs__tab:after {
          bottom: -6px; } }
    @media (min-width: 1024px) {
      .big-tabs__tab:hover {
        cursor: pointer;
        color: #5B627E; }
        .big-tabs__tab:hover:after {
          right: 0; } }

[data-tab-content] {
  display: none; }
  [data-tab-content].active {
    display: block; }

[data-tab-modal-content] {
  display: none; }
  [data-tab-modal-content].active {
    display: block; }

[data-tab-content-image] {
  display: none; }
  [data-tab-content-image].active {
    display: block; }

[data-tab-wrap-content] {
  display: none; }
  [data-tab-wrap-content].active {
    display: block; }