/* Base form styling */
.mktoForm {
  font-family: 'Roboto', sans-serif;
  width: 100% !important;
  margin: 0 auto;
  color: #fff;
}

/* Hide labels */
.mktoLabel {
  display: none;
}

/* Field wrapper */
.mktoFieldWrap {
  color: #fff;
  width: 100%;
}

/* Full-width HTML text block */
.mktoHtmlText.mktoHasWidth {
  width: 100% !important;
}

/* Input and textarea text color */
.mktoForm input.mktoField,
.mktoForm textarea.mktoField {
  color: #ffffff !important;
}

/* Input, select, and textarea styling */
.mktoField,
.mktoFieldWrap input,
.mktoFieldWrap select,
.mktoFieldWrap textarea,
.mktoForm.mktoLayoutAbove .mktoField {
  width: 100% !important;
  padding: 1rem;
  border: none;
  box-sizing: border-box;
  background-color: #444;
  color: #ffffff;
  font-size: 0.875rem;
  margin-bottom: .25rem;
}

/* Form row layout */
.mktoFormRow {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: .5rem 0;
}

/* Column layout */
.mktoFormCol {
  flex: 1 1 45%;
  min-width: 250px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .mktoFormCol {
    flex: 1 1 100%;
  }
}

/* Button styling */
.mktoButton {
  padding: 0.75rem 4rem;
  border: none;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, #F5404D, #FFAD85);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.3s ease;
  margin: 1rem 0;
}

.mktoButton:hover {
  opacity: 0.85;
}

/* Button alignment */
.mktoButtonRow {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center !important;
}

.mktoButtonWrap {
  margin: 0 auto !important;
  float: none !important;
  display: inline-block !important;
}

/* Link color override */
a {
  color: #FFAD85 !important;
}

.mktoForm .mktoOffset {
    height: 0em !important;
}

.mktoForm.mktoLayoutAbove textarea.mktoField {
    min-height: 6rem !important;
}

.mktoForm input::-webkit-input-placeholder,
.mktoForm textarea::-webkit-input-placeholder {
  color: #f2f2f2 !important;
  opacity: 1 !important;
}

.mktoForm input::-moz-placeholder,
.mktoForm textarea::-moz-placeholder {
  color: #f2f2f2 !important;
  opacity: 1 !important;
}

.mktoForm input:-ms-input-placeholder,
.mktoForm textarea:-ms-input-placeholder {
  color: #f2f2f2 !important;
  opacity: 1 !important;
}

.mktoForm input::placeholder,
.mktoForm textarea::placeholder {
  color: #f2f2f2 !important;
  opacity: 1 !important;
}