.wpcf7-form-control-wrap:has(.select2) {
  display: block;
  width: 100%;

  .select2 {
    width: 100% !important;
    margin-bottom: 20px;
    border-radius: 100px;
  }
}

.select2.unactive {
  cursor: not-allowed !important;
}

.wpcf7-form-control-wrap:has(.unactive) {
  .select2-selection__rendered {
    cursor: not-allowed;
    touch-action: none;
    user-select: none;
  }
}

.select2 {
  border: 2px solid #EDEDED;
  max-width: 100%;

  .select2-selection__arrow {
    transition: all ease-in-out 0.2s;
  }

  &.select2-container--open {
    border: 2px solid #DC0032;
    border-radius: 10px;

    .select2-selection__arrow {
      transform: rotate(180deg);
    }
  }

  &-container {
    background-color: #EDEDED;
    border-radius: 100px;
    border: 2px solid #EDEDED;
  }

  &-selection {

    &--single,
    &--multiple {
      border: none !important;
    }

    &--multiple {
      min-height: 62px;
      height: fit-content !important;
    }

    &--single {
      height: 62px !important;
      border-radius: 100px !important;
      background-color: #EDEDED !important;

      .select2-selection__rendered {
        line-height: 42px !important;
        text-align: start !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        font-size: toRem(21);
        font-weight: 500;
        color: #262626 !important;
      }
    }

    &__arrow {
      display: block;
      width: 24px !important;
      height: 24px !important;
      background: url("data:image/svg+xml,%3csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2L11 11L20 2' stroke='%23262626' stroke-width='3'/%3e%3c/svg%3e") no-repeat center;
      background-size: 30px 15px;
      top: calc(50% - 9px) !important;
      right: 30px !important;

      b {
        display: none;
      }
    }
  }
}

// -----------------------------------------------------------------------------
// Opções do Select2
// -----------------------------------------------------------------------------
.select2-dropdown {
  background-color: #EDEDED !important;
  border: 2px solid #DC0032 !important;
  border-radius: 31px !important;
  // padding: 10px;
  margin-top: -2px;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 192px !important;
  padding: 0 !important;
  border-radius: 31px !important;

  li {
    padding: 0 22px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 62px !important;
    font-size: toRem(21) !important;
    color: #262626 !important;
    font-weight: 500;
    transition: all ease-in-out .2s;
    text-decoration: none !important;
    background-color: #EDEDED !important;

    &:hover {
      color: #fff !important;
      background-color: #DC0032 !important;
    }
  }
}

select.form-style {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 2L11 11L20 2' stroke='%23262626' stroke-width='3'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px);
  background-size: 23px 10px;
  margin-bottom: 16px;

  option {
    color: #5B5B71;
  }
}