.res-history {
background: #fff;
  .slick-track {
    display: flex !important;
  }

  .slick-slide {
    height: inherit !important;
  }

  .slick-slide > div {
    height: 100%;
  }
  .container {
    .history-top {
      display: flex;
      gap: 24px;
      justify-content: space-between;
    }

    .history-bottom {
      .ch-milestone {
        padding-right: var(--spacing_large);
        padding-bottom: var(--spacing_medium);
        border-bottom: 5px dotted rgba(31, 41, 51, 0.4);
        position: relative;
        &:after {
          content: '';
          width: 4px;
          height: 13px;
          position: absolute;
          left: 1px;
          bottom: -5px;
          background-color: var(--ch-2);

        }
        span.milestone-year {
          font-size: 84px;
          font-weight: 600;
          opacity: 0.4;
          background: linear-gradient(45deg, var(--res3), var(--res4));
          -webkit-background-clip: text;
          -webkit-text-fill-color: rgba(0, 0, 0, 0);
          background-clip: text;
          color: rgba(0, 0, 0, 0);
        }

        &.slick-current {
          span.milestone-year {
            opacity: 1;
          }
        }
      }

      ul.slick-dots {
        width: fit-content;
        left: 0;
        bottom: -50px;
        li {
          margin-right: 12px;
          button {
            background: #1F2933;
            opacity: 0.5;
            height: 4px;
            width: 28px;
            padding: 0;
            border-radius: 50px;

            &:before {
              content: "";
            }
          }

          &.slick-active {
            button {
              opacity: 1;
            }
          }
        }
      }
    }
  }
}