.input_group {
  margin-bottom: 20px;
}

.input_group .form-label,
.form-check-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #241b12;
  margin-bottom: 8px;
  background-color: transparent !important;
  letter-spacing: 0.2px;
}

.input_group .form-control,
.input_group .css-1z0d6xy-control-control {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid #e8dcc8 !important;
  border-radius: 10px !important;
  background-color: #fffdf9 !important;
  color: #241b12 !important;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none !important;
  outline: none;
  transition: all 0.3s ease;
}

.input_group .form-control:hover,
.input_group .css-1z0d6xy-control-control:hover {
  border-color: #bd9138 !important;
  background-color: #ffffff !important;
}

.input_group .form-control:focus,
.input_group .css-1z0d6xy-control-control:focus {
  border-color: #bd9138 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(189, 145, 56, 0.12) !important;
}

.input_group .form-control::placeholder {
  color: #a99c8a !important;
  font-size: 13px;
  font-weight: 400;
}

.css-1dimb5e-singleValue,
.css-qc6sy-singleValue {
  color: #241b12 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.css-1jqq78o-placeholder {
  color: #a99c8a !important;
  font-size: 13px !important;
}

.css-1hwfws3 {
  color: #241b12 !important;
}

.css-1n7v3ny-option,
.css-yt9ioa-option {
  color: #241b12 !important;
  background-color: #ffffff !important;
  font-size: 13px !important;
  cursor: pointer;
}

.css-1n7v3ny-option:hover,
.css-yt9ioa-option:hover {
  color: #241b12 !important;
  background-color: #fffaf0 !important;
}

.css-1n7v3ny-option:active,
.css-yt9ioa-option:active {
  background-color: #f8edda !important;
}

.css-1n7v3ny-option[aria-selected="true"],
.css-yt9ioa-option[aria-selected="true"] {
  color: #ffffff !important;
  background-color: #bd9138 !important;
}

.css-1nmdiq5-menu {
  overflow: hidden;
  margin-top: 5px !important;
  border: 1px solid #e8dcc8 !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(36, 27, 18, 0.12) !important;
  z-index: 9999 !important;
}

.css-1nmdiq5-menu-list {
  padding: 5px !important;
}

.css-1z0d6xy-control,
.css-1lqnu48-control,
.css-hg6h8b-control,
.css-hlgwow,
.css-1wy0on6 {
  min-height: 48px !important;
  background-color: #fffdf9 !important;
  color: #241b12 !important;
  border-color: #e8dcc8 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.css-1z0d6xy-control:hover,
.css-1lqnu48-control:hover,
.css-hg6h8b-control:hover,
.css-hlgwow:hover,
.css-1wy0on6:hover {
  border-color: #bd9138 !important;
}

.css-1z0d6xy-control:focus-within,
.css-1lqnu48-control:focus-within,
.css-hg6h8b-control:focus-within {
  border-color: #bd9138 !important;
  box-shadow: 0 0 0 3px rgba(189, 145, 56, 0.12) !important;
}

.input_group .react-select__control {
  min-height: 48px;
  border: 1px solid #e8dcc8 !important;
  border-radius: 10px !important;
  background-color: #fffdf9 !important;
  box-shadow: none !important;
}

.input_group .react-select__control:hover {
  border-color: #bd9138 !important;
}

.input_group .react-select__control--is-focused {
  border-color: #bd9138 !important;
  box-shadow: 0 0 0 3px rgba(189, 145, 56, 0.12) !important;
}

.input_group .react-select__single-value {
  color: #241b12 !important;
  font-size: 14px;
  font-weight: 500;
}

.input_group .react-select__placeholder {
  color: #a99c8a !important;
  font-size: 13px;
}

.input_group .react-select__input-container {
  color: #241b12 !important;
}

.input_group .react-select__menu {
  overflow: hidden;
  margin-top: 5px;
  border: 1px solid #e8dcc8;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0 12px 30px rgba(36, 27, 18, 0.12);
  z-index: 9999;
}

.input_group .react-select__option {
  padding: 10px 13px;
  color: #241b12;
  background-color: #ffffff;
  font-size: 13px;
  cursor: pointer;
}

.input_group .react-select__option:hover {
  background-color: #fffaf0;
}

.input_group .react-select__option--is-focused {
  color: #241b12;
  background-color: #fffaf0;
}

.input_group .react-select__option--is-selected {
  color: #ffffff;
  background-color: #bd9138;
}

.input_group .react-select__indicator {
  color: #8f7958;
}

.input_group .react-select__indicator:hover {
  color: #9b7029;
}

.input_group .react-select__indicator-separator {
  background-color: #e8dcc8;
}

.input_group .react-select__clear-indicator {
  color: #8f7958;
  cursor: pointer;
}

.input_group .react-select__clear-indicator:hover {
  color: #9b7029;
}

.input_group .react-select__multi-value {
  border-radius: 6px;
  background-color: #f8edda;
}

.input_group .react-select__multi-value__label {
  color: #5b4630;
  font-size: 12px;
}

.input_group .react-select__multi-value__remove {
  color: #8f7958;
  cursor: pointer;
}

.input_group .react-select__multi-value__remove:hover {
  color: #ffffff;
  background-color: #bd9138;
}

.password_holder {
  position: relative;
}

.password_holder .eye-icc {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  z-index: 3;
}

.password_holder .eye-icc .icon {
  color: #8f7958;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.password_holder .eye-icc .icon:hover {
  color: #bd9138;
  transform: scale(1.08);
}

.gray_input_group .form-control,
.gray_input_group .css-1z0d6xy-control-control,
.gray_input_group .form-control:focus {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid #e8dcc8 !important;
  border-radius: 10px !important;
  background-color: #fffdf9 !important;
  color: #241b12 !important;
  font-size: 14px;
  box-shadow: none !important;
}

.gray_input_group .form-control:hover {
  border-color: #bd9138 !important;
}

.gray_input_group .form-control:focus {
  border-color: #bd9138 !important;
  box-shadow: 0 0 0 3px rgba(189, 145, 56, 0.12) !important;
}

.gray_input_group .form-control::placeholder {
  color: #a99c8a !important;
  font-size: 13px;
}

@media (min-width: 0px) and (max-width: 575px) {
  .input_group .form-label,
  .form-check-label {
    font-size: 12px;
    margin-bottom: 7px;
  }

  .input_group {
    margin-bottom: 10px;
  }

  .input_group .form-control,
  .css-1dimb5e-singleValue,
  .css-qc6sy-singleValue {
    font-size: 13px !important;
  }

  .input_group .form-control,
  .input_group .css-1z0d6xy-control-control,
  .css-1z0d6xy-control,
  .css-1lqnu48-control,
  .css-hg6h8b-control {
    min-height: 46px !important;
  }

  .input_group .form-control::placeholder,
  .css-1jqq78o-placeholder {
    font-size: 12px !important;
  }

  .input_group .react-select__control {
    min-height: 46px;
  }

  .input_group .react-select__single-value {
    font-size: 13px;
  }

  .input_group .react-select__placeholder {
    font-size: 12px;
  }
}
