select {z-index: 3;float: left;} 
.custom-select-wrapper {position: relative;display: inline-block;user-select: none;cursor: pointer;width: 100%;}
.custom-select-wrapper select {display: none}
.custom-select {position: relative;display: block;}
.custom-select-trigger {position: relative;display: block;background-color: #ffffff;border-radius: .25rem;cursor: pointer;transition: all 0.2s ease-in-out;overflow: hidden;}
/* .custom-select-trigger:hover {-webkit-box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1);box-shadow: 0px 10px 50px 0px rgba(43, 111, 246, 0.1);} */
.custom-select-trigger:after {position: absolute;display: block;content: "";top: 50%;right: 20px;transform: rotate(0) translateY(-50%);transition: all 0.35s ease-out;transform-origin: 50% 0;}
.custom-select.opened .custom-select-trigger:after {transform: rotate(90deg) translateY(-50%);}
.custom-options {position: absolute;z-index: 50;display: block;top: 100%;left: 0%;right: 0;width: 120%;max-height: 17rem;overflow-y: auto;margin: 10px 0;border-radius: 5px;box-sizing: border-box; background: #fff;transition: all 0.2s ease-in-out;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-15px);border: 0;}
.custom-select.opened .custom-options {opacity: 1;visibility: visible;pointer-events: all;transform: translateY(-8px);}
.option-hover:before {background: #f9f9f9;}
.custom-option {position: relative;display: block;cursor: pointer;transition: all 0.05s ease-in-out;}
.custom-option:first-of-type {border-radius: 4px 4px 0 0;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.custom-option:last-of-type {border-bottom: 0;border-radius: 0 0 4px 4px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.custom-option:hover, .custom-option.selection {color: #fff;}