.benifits-area {
  .benifits-left {
    text-align: left;
    ul {
      li {
        &:nth-child(1) {
          position: absolute;
          top: 0;
          right: 8%;
        }
        &:nth-child(2) {
          position: absolute;
          right: 8%;
          bottom: -13%;
        }
        &:nth-child(3) {
          top: 0;
          position: absolute;
          left: auto;
        }
        &:nth-child(4) {
          position: absolute;
          left: -12%;
          z-index: 3;
          bottom: -7%;
        }
      }
    }
  }
}

.payment-feature-img {
  .payment-feature-mockup {
    &::before {
      content: "";
      position: absolute;
      left: 10%;
      right: 0;
      width: 565px;
      height: 565px;
      background: linear-gradient(255.07deg, #f97956 -2.38%, #ff4579 102.02%);
      border-radius: 50%;
      z-index: -3;
    }
    img {
      z-index: 5;
    }
  }
  ul {
    li {
      &:nth-child(1) {
        position: absolute;
        left: -5px;
        bottom: 165px;
        z-index: 5;
        box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(12 8 0 / 10%);
      }
      &:nth-child(2) {
        position: absolute;
        top: -16px;
        right: 154px;
        z-index: 5;
        box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(12 8 0 / 10%);
      }
      &:nth-child(3) {
        position: absolute;
        left: -44px;
        bottom: 136px;
      }
      &:nth-child(4) {
        position: absolute;
        top: -40px;
        left: 168px;
        z-index: -2;
      }
      &:nth-child(5) {
        position: absolute;
        top: -16px;
        right: 0;
      }
    }
  }
}




.payment-news-letter {
  .p-cta-right {
    &::before {
      position: absolute;
      content: "";
      width: 518px;
      height: 518px;
      background: #fae0d9;
      border-radius: 50%;
      left: 15%;
      top: 5%;
      z-index: -3;
    }
    img {
      z-index: 5;
    }
  }
  ul {
    li {
      &:nth-child(1) {
        position: absolute;
        left: 13%;
        bottom: 21%;
      }
      &:nth-child(2) {
        right: 23%;
        position: absolute;
        top: -10%;
        z-index: -4;
      }
      &:nth-child(3) {
        position: absolute;
        left: 20%;
        top: 10%;
      }
      &:nth-child(4) {
        position: absolute;
        right: 12%;
        top: 24%;
      }
      &:nth-child(5) {
        position: absolute;
        bottom: 1%;
      }
    }
  }
}



/*====== Integrations ============*/
.payment-counter {
  ul {
    li {
      &:nth-child(1) {
        position: absolute;
        left: -7%;
        top: 35%;
      }
      &:nth-child(2) {
        position: absolute;
        top: -9%;
        left: 40%;
      }
      &:nth-child(3) {
        position: absolute;
        bottom: -8%;
        right: 42%;
      }
      .counter-circle {
        width: 135px;
        height: 135px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: #fff;
      }
    }
  }
}


@media (max-width:768px) {
  .benifits-area {
    .benifits-left {
      ul {
        display: none;
      }
    }
  }
}