section#services {
  margin: unset;
  display: flex;
  gap: 5px;

  > div#service {
    display: inline-flex;
    gap: 20px;

    > div#card {
      width: 270px;
      height: 300px;
      padding: 1rem 0.8rem;
      flex-direction: column;
      border-radius: 1.125rem;
      background-color: #fff;
      box-shadow: 0px 0px 15px 0px rgba(14, 165, 233, 0.1);

      > div.text {
        height: 82%;
        margin-bottom: 1em;
        display: flex;
        flex-direction: column;

        > p.title {
          margin: 0 auto;
          font-size: 1.2rem;
          font-family: "Geologica";
          font-weight: 800;
          color: #0ea5e9;
        }

        > span.discription {
          margin: 1em 0;
          font-size: 1rem;
          font-family: "Geologica";
          font-weight: 200;
        }
      }

      > a {
        max-width: 250px;
        padding: 0.6em 0.8em;
        text-decoration: none;
        font-size: 1rem;
        font-family: "Geologica";
        font-weight: 300;
        border: 0.15em solid #0ea5e9;
        border-radius: 1.125rem;
        color: #0ea5e9;
        transition: ease 0.2s;

        &:hover {
          background-color: #0ea5e9;
          color: #fff;
        }
      }
    }
  }
}
