.twelve_shape_bg{
  position: relative;
  overflow: hidden;
}

.twelve_shape_bg:before {
    content: "";
    background-image: url('../assets/icons/PC_Linear Pink_L.svg');
    position: absolute;
    left: -240px;
    top: 30px;
    width: 395px;
    height: 395px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0.25;
    transform: rotate(-90deg);
}

.twelve_shape_bg:after {
    content: "";
    background-image: url('../assets/icons/PC_Linear Pink_L.svg');
    position: absolute;
    right: -240px;
    bottom: -240px;
    width: 768px;
    height: 768px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0.25;
    transform: rotate(0deg);
}


@media (max-width:1366px) {

  .twelve_shape_bg:before {
    left: -130px;
    top: 30px;
    width: 250px;
    height: 250px;
    }

    .twelve_shape_bg:after {
        right: -120px;
        bottom: -120px;
        width: 500px;
        height: 500px;
    }
}


@media (max-width: 768px){


  .twelve_shape_bg:before {
    left: -80px;
    top: 30px;
    width: 150px;
    height: 150px;
  }

  .twelve_shape_bg:after {
      right: -130px;
      bottom: -230px;
      width: 350px;
      height: 350px;
  }
}