.comparison-table {
  .comparison-table__container {
    display: flex;
    flex-direction: column;
    
    .table-wrapper {
      overflow-x: scroll;
      width: 100%;
    }

    .comparison-table__image {
      border-radius: var(--blocks-radius);
      overflow: hidden;
      margin-bottom: 4rem;
      width: 100%;

      @media screen and (max-width: 990px) {
        margin-bottom: 2rem;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .table {
      display: flex;
      flex-direction: column;

      @media screen and (max-width: 990px) {
        min-width: 70rem;
      }

      .table__head {
        display: flex;
        align-items: stretch;
        gap: 1rem;

        .head-item {
          flex: 1;
          border: 1px solid #f5f5f5;
          border-bottom: none;
          display: flex;
          padding: 1rem 2rem;
          align-items: center;

          &.table__head--title {
            border:  1px solid transparent
          }

          &.main {
            border-color: var(--main-color);
          }
        }

        .table__head--logo {
          display: flex;

          img {
            width: 100%;
            height: 100%;
            object-fit: contain;
          }
        }
      }

      .table__row {
        display: flex;
        align-items: stretch;
        gap: 1rem;

        .row-item {
          flex: 1;
          border: 1px solid #f5f5f5;
          display: flex;
          padding: 1rem 2rem;
          align-items: center;
          border-bottom: none;

          &.main {
            border-left: 1px solid var(--main-color);
            border-right: 1px solid var(--main-color);
          }
        }
      }

      :last-child {
        .row-item {
          border-bottom: 1px solid #f5f5f5;

          &.main {
            border-bottom: 1px solid var(--main-color);
          }
        }
      }
    }
  }
}