Form Tab widget: Remove grey triangles

Hi this is my form:
https://form.jotform.com/totssharuja23/ot-individual-education-plan

This is the custom css code I am using:

.tabs-list li {

font-size:13px;

}

ul#tabs-list .current {

   background:#7C9E3D !important;

   color: #FFFFFF;

}

ul#tabs-list li {

   background: #F4FFE0 !important;

   color: #000000;

border-top: 40px #F4FFE0 !important;

width: 200px;

   margin: 5px !important;

   padding-right: 5px;

   padding-left: 5px;

}

ul#tabs-list {

   margin: 0px !important;

   padding: 5px !important;

   top: 0px;

}

.form-all{

   padding-top: 10px;

border-top: 0px solid transparent;

}

.tabs-list {

   text-align: center;

font-weight: bold;

}

/*li#form-tab-2 { display: none; }*/

/*use this to disable tab*/

There are these grey triangles appearing, would like them to merge with the background colour which is not happening.

need help.

Screenshot attached.

Hi totssharuja23,

Thanks for reaching out to Jotform Support. To remove the grey triangles, you can also add the code below, inside the form tab widget.

/* Remove grey triangles */

.tabs-list.default li .liBefore, .tabs-list.default li .liAfter {

display: none !important;

}

/* End */

Give it a try and let us know if you need any more help.