.LiveField__container{
   padding-bottom:8px !important; 
   padding-top:8px!important;
}

/* ========== Text Input Fields (Email, Text, Number, etc.) ========== */
.LiveField__answer .LiveField__input {
  border-radius: 12px !important;
  border: 1px solid #e5e7eb !important;
  padding: 12px 16px !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

.LiveField--active .LiveField__input:focus,
.LiveField__input--manualfocus:focus,
.LiveField__input:focus {
  border-color: #1B1B1C !important;
  box-shadow: 0 0 0 2px rgba(27, 27, 28, 0.12) !important;
  outline: none !important;
}

.Select.LiveField__input.is-searchable.Select--multi{
    padding:0px !important;
    background-color:#fff;
}

.Select.LiveField__input.is-searchable.Select--single{
    padding:0px !important;
    background-color:#fff;
}

.Select-control{
    background-color:#fff;
    border-radius:12px;
}

/* ========== Labels ========== */
.LiveField__header {
  font-weight: 400 !important;
  margin-bottom: 8px !important;
}

/* ========== Choice Fields - Using .btn-raised (Official Paperform Selector) ========== */
/* Reference: https://paperform.co/help/articles/custom-css-cheat-sheet/ */
.LiveField__answer .btn-raised {
  line-height:16px;
  font-size:16px;
  border-radius: 30px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #1B1B1C !important;
  padding: 16px 16px !important;
  font-weight: 500 !important;
  margin: 0 8px 16px 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

.LiveField__answer .btn-raised:hover {
  background: #f9fafb !important;
  box-shadow: none !important;
}

.LiveField__answer .btn-raised:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(27, 27, 28, 0.16) !important;
  border-color: #1B1B1C !important;
}

/* Selected state - .btn-primary indicates selected choice */
.LiveField__answer .btn-raised.btn-primary {
  background: #1B1B1C !important;
  color: #fff !important;
  border-color: #1B1B1C !important;
  box-shadow: none !important;
}

.LiveField__answer .btn-raised.btn-primary:hover {
  background: #1B1B1C !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* ========== Choice Fields - Using .Choices__choice (Official Paperform Selector) ========== */
/* Reference: https://paperform.co/help/articles/custom-css-cheat-sheet/ */
.Choices__choice {
  border-radius: 30px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #1B1B1C !important;
  padding: 10px 14px !important;
  font-weight: 600 !important;
  margin: 0 8px 8px 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
}

.Choices__choice:hover {
  background: #f9fafb !important;
  box-shadow: none !important;
}

.Choices__choice:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(27, 27, 28, 0.16) !important;
  border-color: #1B1B1C !important;
}

.Choices__choice.btn-raised.btn-primary {
  background: #1B1B1C !important;
  color: #fff !important;
  border-color: #1B1B1C !important;
}

/* ========== Yes/No Fields (if you have any) ========== */
/* Reference: https://paperform.co/help/articles/custom-css-cheat-sheet/ */
.YesNo__button,
.YesNo__button:hover,
.YesNo__button:focus {
  border-radius: 30px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

.YesNo div.btn-raised.btn-primary {
  background: #1B1B1C !important;
  color: #fff !important;
  border-color: #1B1B1C !important;
}

/* ========== Buttons (Next/Submit) ========== */
/* Reference: https://paperform.co/help/articles/custom-css-cheat-sheet/ */

.submit .btn-raised.btn-primary,
.btn-raised.btn-primary {
  border-radius: 30px !important;
}


btn-raised btn-primary Pagination__btn Pagination__btn--next{border-radius: 0px }
btn-raised btn-primary Pagination__btn Pagination__btn--previous{}

/* ========== Alternative: Choice fields using input + label structure ========== */
/* Fallback for any choice fields that might use checkbox/radio inputs */
.LiveField--choices .LiveField__answer,
.LiveField[class*="choices"] .LiveField__answer {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.LiveField--choices .LiveField__answer input[type="checkbox"],
.LiveField--choices .LiveField__answer input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.LiveField--choices .LiveField__answer input + label,
.LiveField--choices .LiveField__answer label[role="radio"],
.LiveField--choices .LiveField__answer label[role="checkbox"] {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 35px !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #1B1B1C !important;
  padding: 10px 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
}

.LiveField--choices .LiveField__answer input + label:hover,
.LiveField--choices .LiveField__answer label[role="radio"]:hover,
.LiveField--choices .LiveField__answer label[role="checkbox"]:hover {
  background: #f9fafb !important;
}

.LiveField--choices .LiveField__answer input:focus + label,
.LiveField--choices .LiveField__answer label[role="radio"]:focus,
.LiveField--choices .LiveField__answer label[role="checkbox"]:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(27, 27, 28, 0.16) !important;
  border-color: #1B1B1C !important;
}

.LiveField--choices .LiveField__answer input:checked + label,
.LiveField--choices .LiveField__answer label[aria-checked="true"] {
  background: #1B1B1C !important;
  color: #fff !important;
  border-color: #1B1B1C !important;
}