article.dg-step{
  margin-bottom: 3rem;
  position: relative;

}
.dg-step__card{
  display:flex;
  flex-wrap:wrap;
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  border-radius: 150px 150px 150px 150px / 50% 50% 50% 50%;
  overflow:hidden;

}
.dg-step__card .dg-step__content{
  flex:0 0 50%;
  //padding: 3rem 2rem 3rem 6rem;
  padding: 4rem 4rem 4rem 8rem;

}
.dg-step__card .dg-step__media{
  flex:0 0 50%;
  margin: 0;
  position: relative;
}
.dg-step__card .dg-step__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  border-radius: 150px 150px 150px 150px / 50% 50% 50% 50%;
}

@media(min-width: 768px){
  article.dg-step:nth-child(odd) .dg-step__card .dg-step__content{
    order: 1;
  }

  article.dg-step:nth-child(odd) .dg-step__card .dg-step__media{
    order: 2;
  }
}
.dg-step__headline .dg-step__num {
  font-size:var(--wp--preset--font-size--x-large);
  color: var(--wp--preset--color--raft-accent);
}

.dg-step__icon{
  position: absolute;
  top: 0;
  left: -4rem;
  width: 10rem;
  height: auto;
  z-index: 2;
  transform: rotate(-15deg);
}
article.dg-step:nth-child(even) .dg-step__icon {
  transform: rotate(15deg);
}
article.dg-step:nth-child(even) .dg-step__icon{
  left: auto;
  right: -4rem;
}

article.dg-step:nth-child(even) .dg-step__content{
  //padding: 3rem 6rem 3rem 2rem;
  padding: 4rem 8rem 4rem 4rem;
}


@media(max-width: 767px){
  .dg-step__card{
    border-radius: 50px;
  }
  article.dg-step:nth-child(even) .dg-step__content,
  .dg-step__card .dg-step__content{
    flex:1 0 100%;
    padding: 2rem;
    width: 100%;
  }
  
  .dg-step__card .dg-step__media{
    flex:1 0 100%;
    width: 100%;
  }
  .dg-step__card .dg-step__media img{
    width: 100%;
    height: 10rem;
    object-fit: cover;
    position: static;
    border-radius: 0;
  }
  .dg-step__icon{
    top: -2rem;
    left: -2rem;
    width: 8rem;
  }
  article.dg-step:nth-child(even) .dg-step__icon{
    right: -2rem;
  }
}

.dg-step__card .dg-step__num{
  font-family: var(--wp--preset--font-family--edu-nsw-act-foundation);
  font-size: 3rem;
}

.dg-step__desc {
  color: var(--wp--preset--color--raft-fg);
}