.custom-select {position: relative; width: 100%; }
.native-select {display: none;}
.custom-trigger {display: flex; align-items: center; height:56px; padding: 0 50px 0 16px; cursor: pointer; background: #F8F8F8 url(../../images/ico_select_arrow_down_orange.svg) no-repeat right 16px center / 24px; border-radius: 12px;}
.custom-select.active .custom-trigger {position: relative; z-index: 1; background-color: #FFF;}
.custom-select.active .custom-trigger::after {content:''; z-index: -1; position: absolute; left:0; right:0; top:0; bottom:0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.24); border-radius: 12px;}
.custom-dropdown { position: absolute; top: calc(100% + 8px); left: 0; width:100%; max-height: 220px; overflow-y: auto; box-shadow: 0 0 8px rgba(0, 0, 0, 0.24); background: #fff; display: none; z-index: 100; border-radius: 12px; }
.dropdown-item {position: relative; display: flex; align-items: center; padding:16px 16px; cursor: pointer;}
.dropdown-item + .dropdown-item::before {content:''; position: absolute; left:16px; top:0; right: 16px; height: 1px; background: #E4E4E4;}
.dropdown-item:hover {color:#FF6A00;}
.dropdown-item.selected {color:#FF6A00; font-weight: 700;}