#services {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 70px 15px 100px 15px;
  max-width: 930px;
  width: 100%;
  > div:nth-of-type(1) {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 40px;
    > div {
      align-items: center;
      display: flex;
      flex: 1 1 250px;
      justify-content: center;
      > img {
        width: 250px;
      }
    }
    > p:has(~ div) {
      flex: 10 1 300px;
      font-size: 2rem;
    }
  }
  > div:nth-of-type(2) {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
    margin: 40px 0px 0px 0px;
    > div {
      background-color: white;
      border: 1px solid var(--colorBlue);
      border-radius: 5px;
      display: flex;
      flex: 1 1 400px;
      flex-direction: column;
      overflow: hidden;
      > a {
        align-items: center;
        align-self: flex-end;
        border: 1px solid var(--colorBlue);
        border-radius: 25px;
        display: flex;
        gap: 10px 10px;
        margin: 10px 20px 20px 10px;
        padding: 5px 10px 5px 10px;
        text-decoration: none;
        > img {
          height: 30px;
        }
        > p {
          font-family: 'Roboto Black', sans-serif;
          font-size: 2.2rem;
        }
      }
      > div {
        align-items: center;
        background-color: var(--colorBlue);
        display: flex;
        gap: 0px 10px;
        padding: 10px 10px 10px 10px;
        > div {
          align-items: center;
          background-color: white;
          border: 2px solid var(--colorGreen);
          border-radius: 50% 50% 50% 50%;
          display: flex;
          flex: 0 0 70px;
          height: 70px;
          justify-content: center;
          > img {
            width: 60px;
          }
        }
        > h2 {
          color: white;
        }
      }
      > p {
        flex: 1;
        margin: 15px 10px 5px 10px;
      }
    }
  }
}