.select_drop {
    display:flex;
    flex-direction: column;
    position:relative;
    height:40px;
  }
  
  .option_drop {
    padding:0 30px 0 10px;
    min-height:40px;
    display:flex;
    align-items:center;
    background: #fff;;
    border:1px solid #ced4da;
    position:absolute;
    top:0;
    width: 100%;
    pointer-events:none;
    order:2;
    border-radius: 0.25rem;
    z-index:1;
    transition:background .4s ease-in-out;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    margin-bottom: 0px!important;
  }
  
  .option_drop:hover {
    background:#058c7a;
  }
  
  .select_drop:focus .option_drop {
    position:relative;
    pointer-events:all;
  }
  
  .selectopt {
    opacity:0;
    position:absolute;
    left:-99999px;
  }
  
  .selectopt input:checked + label {
    order: 1;
    z-index:2;
    background:#058c7a;
    border-top:none;
    position:relative;
  }
  
  .selectopt input:checked + label:after {
    content:'';
    width: 0; 
      height: 0; 
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid white;
    position:absolute;
    right:10px;
    top:calc(50% - 2.5px);
    pointer-events:none;
    z-index:3;
  }
  
  .selectopt input:checked + label:before {
    position:absolute;
    right:0;
    height: 40px;
    width: 40px;
    content: '';
    background:#058c7a;
  }
  .select_drop::after{
   
      content: "";
      position: absolute;
      right: 10px;
      top: 3px;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
  
  }