.how-we-work-rope {
    max-width: 775px;
    width: 100%;
    margin-top: 40px;
}
.hww-rope-container {
    display: grid;
    flex-wrap: wrap;
    justify-content: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 60px 100px;
    margin: 40px 0 50px;
}

.hww-rope-container .title {
    font-size: 18px;
    font-weight: bold;
    color: #193F5F;
}
.hww-rope-container .info p {
    color: #fff;
    font-size: 15px;
}
.hww-rope-container .info img {
    position: absolute;
    width: 70px;
    height: 70px;
    right: 30px;
    top: -25px;
}
.hww-rope-container .info {
    position: relative;
    padding: 55px 30px 40px 30px;
    background: url('https://www.premierpainting.com.au/template/62a5976e/images/diagram.svg') no-repeat center top/cover;
}
.hww-rope-container .steps {
    position: relative;
    z-index: 5;
}
.hww-rope-container .steps:first-child::after {
    content: "";
    background: url(https://www.premierpainting.com.au/template/62a5976e/images/indicator-arrow.png) no-repeat left/contain;
    width: 90px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: -90px;
    z-index: -1;
}
.hww-rope-container .steps:nth-child(2)::after {
    content: "";
    background: url(https://www.premierpainting.com.au/template/62a5976e/images/indicator-arrow.png) no-repeat left/contain;
    width: 90px;
    height: 21px;
    display: block;
    position: absolute;
    left: 38%;
    bottom: -36px;
    transform: rotate(90deg);
    z-index: -1;
}
.hww-rope-container .steps:last-child::after {
    content: "";
    background: url(https://www.premierpainting.com.au/template/62a5976e/images/indicator-arrow.png) no-repeat left/contain;
    width: 90px;
    height: 21px;
    display: block;
    position: absolute;
    top: 55%;
    left: -90px;
    transform: rotate(-180deg);
    z-index: -1;
}



@media only screen and (max-width:1024px) {
  .hww-rope-container .title { 
    margin-bottom: 20px;
}
  .hww-rope-container { 
    grid-gap: 60px 100px; 
}
.hww-rope-container .info {
    position: relative;
    padding: 54px 30px 30px 30px;
    background-size: cover;
}
  .hww-rope-container .steps:nth-child(2)::after { 
    bottom: -55px; 
}
}

@media only screen and (max-width:767px) {
  .hww-rope-container .steps::after {
    display:none !important
  }
.hww-rope-container .steps::before {
    content: "";
    background: url(https://www.premierpainting.com.au/template/62a5976e/images/indicator-down-arrow.png) no-repeat left / contain;
    width: 20px;
    height: 90px;
    display: block;
    position: absolute;
    bottom: -65px;
    right: 50%; 
}
  .hww-rope-container { 
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 100px; 
}
  .hww-rope-container .title {
    margin-bottom: 10px;
}
  .hww-rope-container .steps:nth-child(1){
    order:1
  }
    .hww-rope-container .steps:nth-child(2){
    order:2
  }
    .hww-rope-container .steps:nth-child(3){
    order:4
  }
    .hww-rope-container .steps:nth-child(4){
    order:3
  }
    .hww-rope-container .steps::after,  .hww-rope-container .steps:nth-child(3)::before {
    display:none !important
  }
}