main {
    background: #0A0807;
  }
  main h1 {
    font-size: 8em;
    color: #78FF00;
    line-height: 0.8em;
    font-weight: 900;
    text-align: center;
    padding: 12rem 0 2rem;
  }
  main h1 .white {
    color: #fff;
  }
  main section {
    padding: 4rem 10%;
  }
  main section h2 {
    font-size: 5em;
    color: #78FF00;
    text-align: center;
  }
  main section .service {
    margin: 2rem 0 7rem;
  }
  main section .service:last-child {
    margin: 1rem 0 1rem;
  }
  main section .service h3 {
    font-size: 3.75em;
    color: #fff;
    text-align: center;
  }
  main section .service p {
    color: #fff;
    text-align: center;
  }
  main section .service .cards {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
  }
  main section .service .cards .item {
    background: rgb(24, 24, 24);
    background: linear-gradient(0deg, rgb(24, 24, 24) 0%, rgb(69, 69, 69) 100%);
    width: 20vw;
    height: 18vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    border-radius: 3px;
  }
  main section .service .cards .item.middle {
    background: rgb(50, 106, 0);
    background: linear-gradient(0deg, rgb(50, 106, 0) 0%, rgb(120, 255, 0) 100%);
    transform: scale(1.05);
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  }
  main section .service .cards .item.middle h5 {
    color: #fff;
  }
  main section .service .cards .item.middle h4 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }
  main section .service .cards .item.middle h5 {
    text-shadow: 1.5px 1.5px 4px rgba(0, 0, 0, 0.5);
  }
  main section .service .cards .item.middle span {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
  }
  main section .service .cards .item.middle.middle-1 {
    box-shadow: -7px 0px 8px rgba(0, 0, 0, 0.3);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  main section .service .cards .item.middle.middle-2 {
    box-shadow: 7px 0px 8px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  main section .service .cards .item h5 {
    font-size: 1.5em;
    color: #78FF00;
  }
  main section .service .cards .item h4 {
    color: #fff;
    font-size: 2.75em;
    line-height: 1.1em;
    margin-bottom: 0.5rem;
  }
  main section .service .cards .item span {
    font-size: 0.8em;
    width: 80%;
    color: #fff;
    text-align: center;
    font-weight: 500;
  }
  main section.services {
    background: #0f0f0f;
  }
  main section.services .service p a {
    font-size: 1em;
    color: #78FF00;
    font-weight: 600;
    text-decoration: none;
  }
  main section.services .service p a:hover {
    text-decoration: underline;
  }
  main section.services .service .cards {
    justify-content: space-around;
  }
  main section.services .service .cards .item {
    width: 18vw;
    height: 18vw;
  }
  main section.services .service .cards.special {
    display: flex;
    justify-content: space-between;
    align-items: start;
    row-gap: 3rem;
    flex-flow: row wrap;
    position: relative;
  }
  main section.services .service .cards.special .item {
    width: 35vw;
    height: auto;
    padding: 2rem;
    justify-content: center;
    align-items: start;
    align-self: stretch;
  }
  main section.services .service .cards.special .item h4 {
    color: #78FF00;
    text-align: start;
    line-height: 1.1em;
    margin-bottom: 0.25rem;
    font-size: 1.7em;
  }
  main section.services .service .cards.special .item h5 {
    color: #fff;
    margin-bottom: 0.5rem;
    font-size: 1.15em;
  }
  main section.services .service .cards.special .item p {
    font-size: 0.8em;
    margin-bottom: 0.5rem;
    text-align: start;
  }
  main section.services .service .cards.special .item p:last-child {
    margin: 0;
  }
  main section.services .service .cards.special .item ul li {
    font-size: 0.8em;
    color: #fff;
  }
  main section.services .service.pair .cards .item {
    width: 25vw;
    height: 16vw;
  }
  
  @media only screen and (max-width: 1300px) {
    main h1 {
      font-size: 5.5em;
      padding: 9rem 0 0;
    }
    main section {
      padding: 3rem 5%;
    }
    main section h2 {
      font-size: 3.5em;
      line-height: 1.2em;
    }
    main section .service {
      margin: 2rem 0 5rem;
    }
    main section .service h3 {
      font-size: 2.5em;
    }
    main section .service p {
      font-size: 0.9em;
      max-width: 70vw;
      margin: 0 auto;
    }
    main section .service .cards {
      margin-top: 2rem;
    }
    main section .service .cards .item {
      width: 25vw;
    }
    main section .service .cards .item h5 {
      font-size: 1.1em;
    }
    main section .service .cards .item h4 {
      font-size: 1.7em;
    }
    main section .service .cards .item span {
      font-size: 0.7em;
    }
    main section.services .service.pair .cards .item {
      width: 30vw;
    }
    main section.services .service .cards.special .item {
      width: 42.5vw;
    }
    main section.services .service .cards.special .item h4 {
      font-size: 1.35em;
    }
    main section.services .service .cards.special .item h5 {
      font-size: 1em;
    }
  }
  @media only screen and (max-width: 850px) {
    main h1 {
      font-size: 4em;
    }
    main section h2 {
      font-size: 2.5em;
    }
    main section .service {
      margin: 1rem 0 4rem;
    }
    main section .service h3 {
      font-size: 1.75em;
    }
    main section .service p {
      font-size: 0.8em;
    }
    main section .service .cards .item {
      height: 12.5rem;
    }
    main section .service .cards .item h5 {
      font-size: 1em;
    }
    main section .service .cards .item h4 {
      font-size: 1.5em;
      margin: 0 0 0.25rem;
    }
    main section .service .cards .item span {
      font-size: 0.65em;
    }
    main section.services .service.pair .cards .item {
      height: 12.5rem;
    }
    main section.services .service.special .item h4 {
      font-size: 1em;
    }
    main section.services .service.special .item p {
      font-size: 0.65em;
    }
  }
  @media only screen and (max-width: 700px) {
    main h1 {
      font-size: 2.5em;
    }
    main section h2 {
      font-size: 2em;
    }
    main section .service h3 {
      font-size: 1.65em;
      line-height: 1.2em;
      margin-bottom: 0.5rem;
    }
    main section .service p {
      max-width: 100%;
      font-size: 0.75em;
    }
    main section .service .cards {
      flex-flow: column;
      row-gap: 1rem;
      margin-top: 1rem;
    }
    main section .service .cards .item {
      width: 100%;
      height: initial;
      padding: 2rem;
    }
    main section .service .cards .item.middle {
      transform: none;
    }
    main section .service .cards .item h4 {
      font-size: 1.4em;
    }
    main section.services .service.pair .cards {
      flex-flow: column;
    }
    main section.services .service.pair .cards .item {
      width: 100%;
      height: initial;
    }
    main section.services .service {
      flex-flow: column;
    }
    main section.services .service .cards.special {
      row-gap: 1rem;
    }
    main section.services .service .cards.special .item {
      width: 100%;
    }
    main section.services .service .cards.special .item h4 {
      font-size: 1.2em;
    }
    main section.services .service .cards.special .item h5 {
      font-size: 0.9em;
    }
  }/*# sourceMappingURL=style.css.map */