curve design html css

before

.contact-w3ls {

1. background: #000;
2. position: relative;
3. padding-top: 0!important;
4. margin-top: 6.3em;

}

.contact-w3ls:before {

1. content: "";
2. position: absolute;
3. top: -106px;
4. border-width: 0 882px 106px 0;
5. border-style: solid;
6. border-color: transparent transparent #00aeef #00aeef;
7. display: block;
8. width: 0;

}

.contact-w3ls:after {

1. content: "";
2. position: absolute;
3. top: -120px;
4. right: 0;
5. border-width: 0px 1904px 120px 0;
6. border-style: solid;
7. border-color: transparent transparent #000 #000;
8. display: block;
9. transform: rotateY(180deg);
10. -webkit-transform: rotateY(180deg);
11. -o-transform: rotateY(180deg);
12. -ms-transform: rotateY(180deg);
13. -moz-transform: rotateY(180deg);
14. width: 0;

}