.arq-quote-widget,
.arq-quote-widget * {
  box-sizing: border-box;
}

.arq-quote-widget {
  width: 100%;
  max-width: 100%;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

.arq-quote-widget .arq-head {
  margin: 0 0 28px !important;
}

.arq-quote-widget .arq-head h3 {
  margin: 0 0 10px !important;
  font-family: "Poppins", Arial, sans-serif !important;
  font-size: clamp(28px, 3.8vw, 42px) !important;
  line-height: 1.08 !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
  color: #ffffff !important;
}

.arq-quote-widget .arq-head p {
  margin: 0 !important;
  max-width: 760px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.84) !important;
}

.arq-quote-widget .arq-form {
  margin: 0 !important;
  padding: 0 !important;
}

.arq-quote-widget .arq-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 16px !important;
}

.arq-quote-widget .arq-field,
.arq-quote-widget .arq-field-full {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin: 0 !important;
}

.arq-quote-widget .arq-field-full {
  margin-top: 18px !important;
}

.arq-quote-widget .arq-field span,
.arq-quote-widget .arq-field-full span {
  display: block !important;
  margin: 0 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: rgba(255, 255, 255, 0.96) !important;
}

.arq-quote-widget .arq-field input,
.arq-quote-widget .arq-field select,
.arq-quote-widget .arq-field-full textarea {
  width: 100% !important;
  min-height: 50px !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: #ffffff !important;
  outline: none !important;
  padding: 13px 14px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
  appearance: none !important;
}

.arq-quote-widget .arq-field select {
  cursor: pointer !important;
  padding-right: 42px !important;
  background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.9) 50%), linear-gradient(135deg, rgba(255,255,255,0.9) 50%, transparent 50%) !important;
  background-position: calc(100% - 19px) 22px, calc(100% - 14px) 22px !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
}

.arq-quote-widget .arq-field-full textarea {
  min-height: 132px !important;
  resize: vertical !important;
}

.arq-quote-widget .arq-field input::placeholder,
.arq-quote-widget .arq-field-full textarea::placeholder {
  color: rgba(255, 255, 255, 0.46) !important;
}

.arq-quote-widget .arq-field input:focus,
.arq-quote-widget .arq-field select:focus,
.arq-quote-widget .arq-field-full textarea:focus {
  border-color: rgba(255, 255, 255, 0.7) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
}

.arq-quote-widget .arq-privacy {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 18px 0 0 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.84) !important;
}

.arq-quote-widget .arq-privacy input {
  width: 16px !important;
  height: 16px !important;
  margin: 3px 0 0 !important;
  accent-color: #ffffff !important;
}

.arq-quote-widget .arq-actions {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.arq-quote-widget .arq-submit {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 48px !important;
  min-width: 170px !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 999px !important;
  padding: 13px 22px !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}

.arq-quote-widget .arq-submit:hover,
.arq-quote-widget .arq-submit:focus {
  opacity: 0.92 !important;
  transform: translateY(-1px) !important;
}

.arq-quote-widget .arq-submit:disabled {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
  transform: none !important;
}

.arq-quote-widget .arq-response {
  flex: 1 1 240px !important;
  min-height: 20px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

.arq-quote-widget .arq-response.is-error,
.arq-quote-widget .arq-response.is-success {
  color: #ffffff !important;
}

.arq-quote-widget .arq-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.arq-quote-widget.arq-is-compact .arq-grid {
  grid-template-columns: 1fr !important;
}

.arq-quote-widget.arq-is-compact .arq-head h3 {
  font-size: clamp(24px, 3vw, 32px) !important;
}

@media (max-width: 720px) {
  .arq-quote-widget .arq-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .arq-quote-widget .arq-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .arq-quote-widget .arq-submit {
    width: 100% !important;
  }

  .arq-quote-widget .arq-response {
    width: 100% !important;
    flex-basis: auto !important;
  }
}