[data-component-id="skywin:project_card"] {
  /* @todo Add your styles here. */
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;

  --number-color: #fff;

  /*max-width: 350px;*/

  padding: 2.5rem 2rem;
  background-color: var(--color-primary);
  color: #fff;

  &:hover{
    --number-color: var(--color-tertiary);
    color: #fff;
  }

  @media screen and (min-width: 840px){
    min-height: 500px;
  }

  header{
    display: grid;
    align-content: center;
    grid-template-columns: 1fr 116px;
    padding-bottom: 1.5rem;




    .call{
      font-size: 2.125rem;
      letter-spacing: 0.2em;
      font-weight: 500;
      line-height: 1;
      text-transform: uppercase;
      color: var(--number-color);
    }
    .number{
      font-size: 100px;
      letter-spacing: -0.03em;
      color: var(--number-color);
    }
  }


  .content {
    border-top: 1px solid #fff;
    padding-top: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .block-title{
      --lp-h3-fs: var(--lp-lead-fs,28px);
      --lp-heading-fw: 400;
      margin-bottom: 3rem;
    }

    .body, .block-field-blocknodeproject-callbody{
      font-weight: 700;
      font-size: 1rem;
    }
  }
}