.searchPage {
  background-color: #201f1f !important;
  padding-bottom: 4.8rem;
}

.searchHeader {
  position: relative;
  margin-top: 6rem;
  height: 12.1rem;
  background-image: url('../../../../../static//images/field.svg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: center;
  display: flex;
  // object-fit: cover;

  &::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='auto' height='auto' viewBox='0 0 auto auto' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-270 -18H663L486.722 218H-270V-18Z' fill='url(%23paint0_linear_1482_1954)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1482_1954' x1='-270' y1='-18' x2='176.449' y2='580.775' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23020315' stop-opacity='0.77'/%3E%3Cstop offset='1' stop-color='%232B2B33' stop-opacity='0.6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 100%;
    height: 100%;

    @include min(tablet) {
      background-position-x: right;
      // width: 50%;
    }
  }

  > span {
    z-index: 5;
    max-width: 96rem;
    margin: auto auto;
    font-size: 3.2rem;
    line-height: 3.6rem;
    font-weight: 700;
    color: #fff;
    padding: 0 4rem;

    @include min(laptop) {
      width: 100%;
      padding: 0 1.6rem;
      font-size: 6rem;
      line-height: 6.8rem;
    }
  }

  @include min(laptop) {
    margin-top: 0rem;
    height: 18.9rem;
    max-height: 18.9rem;
  }
}

.search {
  max-width: 96rem;
  margin: 0 auto;
  padding: 0 1.6rem;

  > h1 {
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;

    @include min(tablet) {
      margin-top: 4.8rem;
    }
  }

  h2 {
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: #fff;
    font-weight: 700;
  }

  > div:first-of-type {
    grid-template-columns: 1fr;
    // &::after {
    //   content: '';
    //   position: absolute;
    //   left: 0;
    //   width: 100%;
    //   height: 2px;
    //   background-color: #fff;
    // }
    > div:nth-child(2) {
      display: none;
    }
  }

  @include min(tablet) {
    div {
    }
  }
  @include min(laptop) {
    div {
      button {
        margin-top: 2rem;
      }
      ol {
        display: block !important;
        li {
          // margin-bottom: 1rem;
          display: inline-block;
          button {
            margin: 0;
          }
        }
      }
    }
    div:nth-child(2) {
      ol {
        li {
          margin-bottom: 0rem;
        }
      }
    }
  }
}
