.dd{ display: block; min-width: 120px; position: relative; text-align: left; }
.dd label{ font-weight: normal; padding: 0 15px!important; display: block; margin: 0!important; cursor: pointer; position: relative; }
.dd label:after { content: ""; display: block; width: 24px; height: 24px; background: url(chevron-down-white.svg) center center no-repeat; background-size: 14px auto; position: absolute; right: 15px; top: calc(50% - 13px); }

.dd{ position: relative; z-index: 1; }
.dd.clicked{ z-index: 2; }
.dd ul{ position: absolute; top: 100%; background: #fff; width: 100%; display: none; z-index: 99; color: var(--primary); }
.dd ul li{ height: 30px; line-height: 30px; display: block; }
.dd ul li.selected{  }
.dd ul li:hover{  }