* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.benchmark {
  overflow: hidden; }
  .benchmark h1 span {
    background-image: linear-gradient(86.95deg, #008CFF 0%, #7954FF 99.71%);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent; }
  .benchmark-items {
    position: relative;
    width: 946px;
    height: 274px; }
    .benchmark-items__title {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: nowrap; }
      .benchmark-items__title h3 {
        font-size: 24px ;
        font-size: 1.5rem ;
        font-weight: 600;
        margin-left: 8px; }
    .benchmark-items ul {
      margin-top: 18px; }
      .benchmark-items ul li {
        font-size: 16px ;
        font-size: 1rem ;
        margin-bottom: 12px;
        list-style-type: none;
        padding-left: 32px;
        vertical-align: middle; }
    .benchmark-items__left {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: nowrap;
      position: absolute;
      min-width: 516px;
      min-height: 252px;
      background: url("../vectors/benchmark/bg_gray.svg") no-repeat;
      padding-left: 64px;
      padding-right: 64px;
      top: 0;
      left: 0; }
      .benchmark-items__left h3 {
        background-image: linear-gradient(86.95deg, #008CFF 0%, #7954FF 99.71%);
        background-size: 100%;
        background-repeat: repeat;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        margin-top: 3px; }
      .benchmark-items__left li {
        background: url("../vectors/benchmark/check.svg") no-repeat 0 2px; }
    .benchmark-items__right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: nowrap;
      position: absolute;
      background: url("../vectors/benchmark/bg_white.svg") no-repeat;
      min-width: 516px;
      min-height: 252px;
      padding-left: 152px;
      top: 22px;
      margin-left: -43px;
      right: 0; }
      .benchmark-items__right li {
        background: url("../vectors/benchmark/x-circle.svg") no-repeat 0 1px; }
  .benchmark .action-button {
    margin: 32px 0 0; }

@media (max-width: 960px) {
  .benchmark-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    height: auto; }
    .benchmark-items__left {
      background-image: none;
      position: relative;
      min-width: 100%;
      border: 1px solid rgba(119, 120, 122, 0.16);
      border-radius: 16px 16px 0px 0px;
      padding: 16px; }
    .benchmark-items__right {
      background-image: none;
      padding: 16px;
      top: 0;
      right: 0;
      margin-left: 0;
      position: relative;
      min-width: 100%;
      height: auto;
      background: #F5F7F8;
      border: 1px solid rgba(119, 120, 122, 0.16);
      border-radius: 0px 0px 16px 16px; } }