.custom--select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
  }
    .custom--select-wrapper select {
      display: none;
    }
    .custom--select {
      position: relative;
      display: inline-block;
    }
      .custom--select-trigger {
        position: relative;
        display: block;
        width: 190px;
        padding: 0;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        line-height: 60px;
        background: #078141;
        border-radius: 30px;
        cursor: pointer;    
        text-align: center;
        text-transform: uppercase;    
        transition: all .4s ease-in-out;
      }
      .custom--select.opened .custom--select-trigger {
        background: #f3704e;
      }

        .custom--select-trigger:after {
          position: absolute;
          display: block;
          content: '\eaa0';
          font-family: 'IcoFont';
          background: #078141;
          width: 40px; 
          height: 40px;
          border-radius: 50%;
          top: 0; 
          bottom: 0;
          right: -55px;
          display: flex;
          align-items: center;
          justify-content: center;
          line-height: 1;
          font-size: 32px;
          padding: 2px 0 0 3px;  
          margin: auto 0;        
          transition: all .4s ease-in-out;
        }
        .custom--select.opened .custom--select-trigger:after {
          transform: rotate(90deg);
        }
        
    .custom-options {
      position: absolute;
      display: block;
      top: 100%; left: 0; right: 0;
      min-width: 100%;
      margin: 15px 0;
      border-radius: 20px 20px 0 20px;
      box-sizing: border-box;
      background: rgba(53,127,61,0.8);
      transition: all .4s ease-in-out;
      z-index: 20;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(-15px);
      overflow: hidden;
    }
    .custom--select.opened .custom-options {
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      transform: translateY(0);
    }
      .option-hover:before {
        background: #f9f9f9;
      }
      .custom-option {
        position: relative;
        display: block;
        padding: 0 22px;
        border-bottom: 2px solid #f0ede0;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #f0ede0;
        line-height: 47px;
        cursor: pointer;
        transition: all .4s ease-in-out;
      }
      .custom-option:first-of-type {
        border-radius: 4px 4px 0 0;
      }
      .custom-option:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 4px 4px;
      }
      .custom-option:hover,
      .custom-option.selection {
        background: #078141;
      }

/*ver2*/
.custom--select-2 .custom--select-wrapper { display: block; }
.custom--select-2 .custom--select { display: block; }
.custom--select-2 .custom--select-trigger { width: 100%; text-align: left; border-radius: 30px; border: 3px solid #078141; background: rgba(255,255,255,0.2); padding: 0px 25px; line-height: 52px; color: #a2b9a5; font-weight: 600; text-transform: none; }
.custom--select-2 .custom--select-trigger:after { right: 8px; color: #f0ede0; }
.custom--select-2 .custom--select.opened .custom--select-trigger { background: rgba(255,255,255,0.2); }