.dg-compare-duo__inner{
  display: flex;
  flex-wrap: wrap;
  padding: 0 2rem;
  position: relative;


}

.dg-compare-duo__inner .dg-compare-duo__col{
  flex: 0 0 50%;
  width: 50%;

}

.dg-compare-duo__curly_arrow{
  position: absolute;
  width: 12.5rem;
  top: -3rem;
  left: 46.5%;
  z-index: 2;
  transform: translateX(-50%);
}

.dg-compare-box{
  padding: 2rem 2.5rem 4rem;
  border-radius:3.125rem;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.22);
  position: relative;

}
.dg-compare-box .dg-compare__title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.dg-compare-box li + li{
  margin-top: 0.5rem;
}

.dg-compare-box1{
  background: color-mix(in srgb, black 22%, white);
  transform: rotate(-5deg) translateX(5%);
  position: relative;
}

.dg-compare-box1 .dg-compare__icon{
   position: absolute;
  top: auto;
  right: auto;
  bottom: -7.5rem;
  left: -7rem;
  width: 13.625rem;
  height: auto;
  transform: rotate(172deg);
}

.dg-compare-box2{
  background: var(--wp--preset--color--raft-accent);
  color:#fff;
  position: relative;
  transform: rotate(5deg) translate(-5%,2.5rem);
}


.dg-compare-box2 .dg-compare__icon{
  position: absolute;
  top: -6.75rem;
  right: -0rem;
  left: auto;
  width: 13.625rem;
  height: auto;
  transform: rotate(-22deg);
}

.dg-compare-box .dg-compare__list {
  padding: 0 0 0 1.25rem; 
}

@media (max-width: 1024px) {
  .dg-compare-duo__curly_arrow {
    top: 48%;
    left: 50%;
    transform: rotate(38deg) translateX(-25%);
  }
  .dg-compare-duo {
    .dg-compare-duo__inner {
      flex-direction: column;
      align-items: center;
      .dg-compare-duo__col {
        flex: 0 0 66.66%;
        width: 66.66%;
        .dg-compare-box1 {
          margin-left: -15%;
          margin-right: 15%;
        }
        .dg-compare-box2 {
          margin-left: 15%;
          margin-right: -15%;
        }
      }
    }
  }
}