JSFiddle - React, Tailwind, and code Playground

HTML

<select  required name="courses">
				<option selected disabled value=''>Тип обращения </option>
				<option value="Запрос общего характера">Запрос общего характера</option>
				<option value="Запрос в отдел продаж">Запрос в отдел продаж</option>
				<option value="Запрос в отдел маркетинга">Запрос в отдел маркетинга</option>
				<option value="Запрос в отдел персонала">Запрос в отдел персонала</option>
				<option value="Обращение по вопросам комплаенс-контроля">Обращение по вопросам комплаенс-контроля</option>
			</select>

CSS

body{background:#000}
select{  width: 100%;
      border: none;
      border-bottom: 1px solid #17B2CB;
      background-color: transparent;
      height: 58px;
      -webkit-transition: .25s;
      -o-transition: .25s;
      transition: .25s;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      margin-bottom: 30px}
      
      select{ color: #17B2CB;
      background-color: transparent;
      cursor: pointer;
      background-image: url(../img/arrow-down-blue.svg);
      background-repeat: no-repeat;
      background-position: 100% 47%;}
      option{ color: #17B2CB;
        background-color: #111; }