Sub Menu Edges

Hello,

I would like to have the drop down sub-menu have slightly rounded edges in the corners instead of it looking like a square. This is current sub-menu code

.sf-menu ul {
background: #dd9c18!important;
}
.sf-menu ul .td-menu-item>a{
color: black!important;
}
.sf-menu ul .td-menu-item>a:hover{
color: white!important;
}

SOLVED!!!

Very sweet. Just add a small piece of code. All I added was the BORDER-radius as seen below

.sf-menu ul {
background: #dd9c18!important;

border-radius: 10px 10px 10px 10px;
}
.sf-menu ul .td-menu-item>a{
color: black!important;
}
.sf-menu ul .td-menu-item>a:hover{
color: white!important;
}