/* ---- Placeholder color: light gray; input text stays white ---- */

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-control::placeholder,

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group textarea.form-control::placeholder {

  color: #bbbbbb !important;

  opacity: 1 !important;

}

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-control {

  color: #ffffff !important;

}



/* ---- Checkbox: kill the BS4-style 2.1em padding-left so the box    */

/*      sits flush against the start of its container and is actually  */

/*      clickable instead of leaving a dead-click gutter on the left.   */

/*      Then give it a visible default + a clearly checked state.        */

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-check {

  padding-left: 0 !important;

  display: inline-flex;

  align-items: center;

  gap: .5rem;

  margin-bottom: 12px;

  cursor: pointer;

}

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-check .form-check-input {

  float: none !important;

  margin-left: 0 !important;

  margin-top: 0 !important;

  width: 20px;

  height: 20px;

  cursor: pointer;

  background-color: #1a0a10 !important;

  border: 1px solid #c91f4c !important;

  border-radius: 4px;

  -webkit-appearance: none;

  appearance: none;

  transition: background-color .15s ease, border-color .15s ease;

}

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-check .form-check-input:hover {

  border-color: #fafafa !important;

}

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-check .form-check-input:focus {

  box-shadow: 0 0 0 3px rgba(201,31,76,.35) !important;

  outline: none;

}

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-check .form-check-input:checked {

  background-color: #c91f4c !important;

  border-color: #c91f4c !important;

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.cid-vwtme7S7et .form-wrap .dragArea.row .form-group .form-check .form-check-label {

  color: #ffffff;

  cursor: pointer;

  user-select: none;

}





/* ---- Country picker: searchable dropdown, matches form-control size ---- */

.cid-vwtme7S7et .country-picker {

  position: relative;

  display: block;

  width: 100%;

}

.cid-vwtme7S7et .country-picker-input {

  width: 100% !important;

  cursor: pointer;

  padding-right: 44px !important;

}

.cid-vwtme7S7et .country-picker-input::placeholder {

  color: #bbbbbb !important;

}

.cid-vwtme7S7et .country-picker-caret {

  position: absolute;

  right: 24px;

  top: 50%;

  transform: translateY(-50%);

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 6px solid #c91f4c;

  pointer-events: none;

}

.cid-vwtme7S7et .country-picker-dropdown {

  position: absolute;

  top: calc(100% + 4px);

  left: 0;

  right: 0;

  max-height: 320px;

  overflow: hidden;

  background: #0e0e1d;

  border: 1px solid #c91f4c;

  border-radius: 4px;

  z-index: 1000;

  box-shadow: 0 12px 32px rgba(0,0,0,.55);

  padding: 0;

  display: flex;

  flex-direction: column;

}

.cid-vwtme7S7et .country-picker-search {

  width: 100%;

  padding: 12px 16px;

  background: #1a0a10;

  border: 0;

  border-bottom: 1px solid rgba(201, 31, 76, .35);

  color: #ffffff;

  font: inherit;

  font-size: 14px;

  outline: none;

  box-sizing: border-box;

}

.cid-vwtme7S7et .country-picker-search::placeholder { color: #bbbbbb; }

.cid-vwtme7S7et .country-picker-search:focus {

  background: #1a0a10;

  border-bottom-color: #c91f4c;

}

.cid-vwtme7S7et .country-picker-list {

  flex: 1;

  overflow-y: auto;

  max-height: 260px;

}

.cid-vwtme7S7et .country-picker-option {

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 10px 16px;

  color: #ffffff;

  cursor: pointer;

  font-size: 14px;

  line-height: 1.2;

}

.cid-vwtme7S7et .country-picker-option:hover,

.cid-vwtme7S7et .country-picker-option.active {

  background: rgba(201, 31, 76, .28);

}

.cid-vwtme7S7et .country-picker-flag {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 22px;

  flex-shrink: 0;

  background: rgba(201, 31, 76, .18);

  border: 1px solid rgba(201, 31, 76, .55);

  border-radius: 3px;

  color: #fafafa;

  font-size: 11px;

  font-weight: 700;

  letter-spacing: .6px;

  text-transform: uppercase;

}

.cid-vwtme7S7et .country-picker-name {

  flex: 1;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.cid-vwtme7S7et .country-picker-dial {

  color: #bbbbbb;

  font-size: 13px;

  font-weight: 600;

  flex-shrink: 0;

}

.cid-vwtme7S7et .country-picker-option.no-match {

  cursor: default;

  color: #888;

  font-style: italic;

  display: block;

  text-align: center;

}

.cid-vwtme7S7et .country-picker-dropdown::-webkit-scrollbar { width: 8px; }

.cid-vwtme7S7et .country-picker-dropdown::-webkit-scrollbar-track { background: transparent; }

.cid-vwtme7S7et .country-picker-dropdown::-webkit-scrollbar-thumb {

  background: #c91f4c;

  border-radius: 4px;

}

.cid-vwtme7S7et .country-picker-dropdown::-webkit-scrollbar-thumb:hover { background: #e0294f; }



/* ---- Spacing: 0.5rem between "Contact Us" heading and the inputs below ---- */

.cid-vwtme7S7et .form-wrap .dragArea.row > .col-lg-12:first-child h4 {

  margin-bottom: 0.5rem !important;

}



@media (max-width: 575.98px) {

  .cid-vwtme7S7et .form-wrap .dragArea.row .form-group .row > .col-12 + .col-12 {

    margin-top: 8px;

  }

}

.contact-toasts{position:fixed;right:24px;bottom:24px;z-index:12000;display:grid;gap:12px;max-width:min(420px,calc(100vw - 32px));font:15px/1.5 Afacad,Arial,sans-serif}.contact-toast{display:flex;gap:18px;align-items:center;padding:18px 20px;border:1px solid #c91f4c80;border-radius:14px;background:#15121e;color:#fff;box-shadow:0 18px 50px #0006;animation:contact-toast-in .2s ease-out both}.contact-toast.is-error{border-color:#f17888}.contact-toast button{border:0;background:transparent;color:#fff;font:24px/1 Arial;cursor:pointer;padding:4px}.contact-toast span{overflow-wrap:anywhere}@keyframes contact-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:600px){.contact-toasts{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.contact-toast{animation:none}}

/* A branded, colourful acknowledgement with a gentle entrance and timeout indicator. */
.contact-toast{position:relative;overflow:hidden;border-color:#ffffff30;background:linear-gradient(115deg,#b51d49,#74428b 55%,#245a78);background-size:180% 100%;box-shadow:0 16px 50px #8b174f55;animation:contact-toast-in .38s cubic-bezier(.2,.8,.2,1),contact-toast-colour 7s ease both}
.contact-toast::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffffa6;transform-origin:left;animation:contact-toast-time 7s linear forwards}
.contact-toast.is-error{background:linear-gradient(115deg,#9d233c,#71334a);border-color:#ffb8c6}.contact-toast.is-error::after{display:none}
@keyframes contact-toast-colour{from{background-position:0 50%}to{background-position:100% 50%}}@keyframes contact-toast-time{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){.contact-toast{animation:none}.contact-toast::after{display:none}}