body {
    padding: 0%;
    margin: 0%;
}
.geeks {
    padding: 200px;
    text-align: center;
}
  
section {
    width: 100%;
    min-height: 500px;
}
  
.pattern {
    position: relative;
    background-color: #3bb78f;
    background-image: linear-gradient(315deg,
                    #3bb78f 0%, #0bab64 74%);
}
  
.pattern:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 215px;
    background: url(wave.png);
    background-size: cover;
    background-repeat: no-repeat;
}