/* ---- WS-A baseline (principled, token-based, site-agnostic) ---- */
/* Centre the form column inside its block region: the source centres the form
   (Webflow .container-large.center { display:flex; justify-content:center } +
   .max-width-520). margin-inline:auto on the capped-width form reproduces that
   without depending on any source-specific wrapper class. */
.webform-submission-form-form { width: 100%; max-width: 44rem; margin-inline: auto; }
.webform-submission-form-form .form-item,
.webform-submission-form-form .js-form-item { margin: 0 0 16px; }
.webform-submission-form-form .webform-section-wrapper { margin: 0; }

/* Labels */
.webform-submission-form-form label,
.webform-submission-form-form .form-item label,
.webform-submission-form-form legend,
.webform-submission-form-form .fieldset-legend {
  display: block;
  font-family: var(--font-family-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-text-strong, #121212);
  margin: 0 0 6px;
  text-transform: none;
}

/* Text-like inputs + textarea + select. Selectors are CLASS-ONLY (Drupal's own
   webform classes) so they stay specificity (0,2,0) — the extracted source rules
   (same specificity, emitted later) win on source order where the source styled
   the field, while these supply a clean default otherwise. border-radius defaults
   to 0 (the faithful "source did not round its inputs" baseline; a source that
   DOES round has an explicit rule the extraction captures). */
.webform-submission-form-form .form-text,
.webform-submission-form-form .form-email,
.webform-submission-form-form .form-tel,
.webform-submission-form-form .form-url,
.webform-submission-form-form .form-number,
.webform-submission-form-form .form-search,
.webform-submission-form-form .form-textarea,
.webform-submission-form-form .form-select {
  box-sizing: border-box;
  width: 100%;
  min-height: 3rem;
  padding: 8px 16px;
  font-family: var(--font-family-body);
  font-size: 16px;
  line-height: normal;
  color: var(--color-text-strong, #121212);
  background-color: transparent;
  border: 1px solid var(--color-border-2, #e5e5e5);
  border-radius: 0;
}
.webform-submission-form-form .form-textarea {
  min-height: 10rem;
  padding: 16px;
  line-height: 24px;
  resize: vertical;
}
.webform-submission-form-form .form-text::placeholder,
.webform-submission-form-form .form-email::placeholder,
.webform-submission-form-form .form-tel::placeholder,
.webform-submission-form-form .form-textarea::placeholder { color: var(--color-text-muted, #737373); }
.webform-submission-form-form .form-text:focus,
.webform-submission-form-form .form-email:focus,
.webform-submission-form-form .form-tel:focus,
.webform-submission-form-form .form-textarea:focus,
.webform-submission-form-form .form-select:focus { outline: 0; border-color: var(--color-text-strong, #121212); }

/* Native file input */
.webform-submission-form-form input[type="file"],
.webform-submission-form-form .form-managed-file input { width: 100%; font-family: var(--font-family-body); font-size: 16px; }

/* Fieldset reset — strip the browser's default groove border/padding and force
   full width so a radio/checkbox group that sits inside a flex grouping container
   does not shrink to content (which would wrap the options to one per line). */
.webform-submission-form-form fieldset {
  width: 100%;
  min-width: 0;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}
.webform-submission-form-form fieldset > legend { width: auto; padding: 0; }

/* Radios — native input drawn as a circle (no Webflow JS) + inline option layout */
.webform-submission-form-form .webform-options-display-one-column,
.webform-submission-form-form .webform-options-display-buttons,
.webform-submission-form-form fieldset .fieldset-wrapper { display: flex; flex-wrap: wrap; gap: 8px 40px; width: 100%; }
.webform-submission-form-form .webform-options-display-one-column .form-item,
.webform-submission-form-form fieldset .form-item { margin: 0; display: flex; flex-direction: row; align-items: center; }
.webform-submission-form-form input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  flex: none;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.webform-submission-form-form input[type="radio"]:checked { border-width: .25rem; border-color: var(--color-accent, #3898ec); }
.webform-submission-form-form input[type="radio"]:focus { box-shadow: 0 0 .25rem 0 var(--color-accent, #3898ec); outline: 0; }
.webform-submission-form-form .form-type-radio label,
.webform-submission-form-form input[type="radio"] + label { margin: 0; font-weight: 400; cursor: pointer; }

/* Checkbox / consent — inline with its label */
.webform-submission-form-form .form-type-checkbox,
.webform-submission-form-form .js-form-type-checkbox { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; }
.webform-submission-form-form input[type="checkbox"] { margin: 4px 0 0; flex: none; }
.webform-submission-form-form .form-item a { color: var(--color-accent, #ed1c24); text-decoration: underline; }

/* Submit — principled primary button (token values are per-site) */
.webform-submission-form-form .form-submit,
.webform-submission-form-form .webform-button--submit,
.webform-submission-form-form button[type="submit"],
.webform-submission-form-form input[type="submit"],
.webform-submission-form-form .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  min-width: 180px;
  padding: 16px 40px;
  border: 0;
  cursor: pointer;
  font-family: var(--font-family-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-transform: capitalize;
  color: var(--color-white, #fff);
  background-color: var(--color-text-strong, #121212);
  border-radius: var(--radius-sm, 0);
  transition: background-color .2s;
}
.webform-submission-form-form .form-submit:hover,
.webform-submission-form-form .webform-button--submit:hover,
.webform-submission-form-form button[type="submit"]:hover,
.webform-submission-form-form input[type="submit"]:hover { background-color: var(--color-accent, #ed1c24); color: var(--color-white, #fff); }

.webform-submission-form-form .form-input-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 40px;
}
.webform-submission-form-form .form-input-grid > * { min-width: 0; }
@media (max-width: 991px) {
  .webform-submission-form-form .form-input-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ---- WS-A extracted from source/css/work_dr-reddys-laboratories.css (scoped, var-resolved, font remapped) ---- */
.webform-submission-form-form .w-embed:before,
.webform-submission-form-form .w-embed:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table;
}
.webform-submission-form-form .w-embed:after {
  clear: both;
}
.webform-submission-form-form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  display: flex;
}
.webform-submission-form-form .form-input-grid {
  width: 100%;
  grid-column-gap: 2.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.webform-submission-form-form .button-hover-effect {
  background-color: #ed1c24;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: absolute;
  top: -400px;
}
.webform-submission-form-form .button-hover-effect.is-black {
  background-color: #121212;
}
.webform-submission-form-form .button-label {
  z-index: 1;
  background-color: transparent;
  font-weight: 600;
  text-transform: capitalize;
  white-space: nowrap;
  position: relative;
}
.webform-submission-form-form .button-label.th-20 {
  height: 20px;
  max-height: none;
  font-weight: 600;
}
.webform-submission-form-form .button-label.is-interactive {
  padding: 1rem 2.5rem;
}
.webform-submission-form-form .button-label.button-label-custom,
.webform-submission-form-form .button-label.button-smallcap {
  text-transform: none;
}
.webform-submission-form-form .button-group-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.webform-submission-form-form .button {
  min-width: 180px;
  height: 52px;
  padding: 1rem 2rem;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #121212;
  color: white;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}
.webform-submission-form-form .button:hover {
  background-color: #ed1c24;
  color: white;
}
.webform-submission-form-form .button.is-text {
  height: auto;
  padding: 0rem;
  color: #000;
  text-align: left;
  background-color: #0000;
  border: 2px solid #0000;
  display: block;
}
.webform-submission-form-form .button.is-text:hover {
  color: #ed1c24;
  text-decoration: underline;
}
.webform-submission-form-form .button.is-secondary {
  border: 1px solid #121212;
  color: #121212;
  background-color: #0000;
}
.webform-submission-form-form .button.is-secondary:hover {
  background-color: #121212;
  color: white;
}
.webform-submission-form-form .button.is-large {
  padding: 1rem 2.5rem;
}
.webform-submission-form-form .button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}
.webform-submission-form-form .button.is-small {
  padding: .5rem 1.5rem;
  white-space: nowrap;
}
.webform-submission-form-form .button.is-disabled {
  background-color: #e5e5e5;
  color: #737373;
}
.webform-submission-form-form .button.is-interactive {
  background-color: #121212;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.webform-submission-form-form .button.is-interactive:hover {
  background-color: #ed1c24;
}
.webform-submission-form-form .button.is-interactive.is-small.is-white {
  border: 1px solid #121212;
  background-color: white;
  color: #121212;
}
.webform-submission-form-form .button.is-interactive.is-responsive.is-rectangular {
  border-radius: 0;
}
.webform-submission-form-form .button.is-interactive.is-responsive.is-rectangular:hover {
  border: 1px solid #ed1c24;
  background-color: #ed1c24;
  color: white;
}
.webform-submission-form-form .button.is-green:hover {
  background-color: #17582c;
}
.webform-submission-form-form .button.is-link {
  min-width: auto;
  height: auto;
  padding: 0rem;
  color: #121212;
  background-color: #0000;
  text-decoration: underline;
  display: inline-block;
}
.webform-submission-form-form .button.is-link:hover {
  color: #ed1c24;
}
.webform-submission-form-form .button.is-blue:hover {
  background-color: #007aff;
}
.webform-submission-form-form .button.is-submit {
  padding: 0rem;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.webform-submission-form-form .button.is-submit:hover {
  background-color: #121212;
}
.webform-submission-form-form .button.is-red {
  background-color: #ed1c24;
}
.webform-submission-form-form .button.is-interactive-red {
  background-color: #ed1c24;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.webform-submission-form-form .button.is-interactive-red:hover {
  background-color: #121212;
}
.webform-submission-form-form .button.is-interactive-red.is-rectangular {
  border-radius: .5rem;
}
.webform-submission-form-form .button.is-transparent {
  background-color: #f7f4f4;
  color: #121212;
  border: 1px solid #000;
}
.webform-submission-form-form .button.button-white {
  background-color: white;
  color: #121212;
  border: 1px solid #000;
}
.webform-submission-form-form .button.button-white:hover {
  background-color: #ed1c24;
  color: white;
  border-style: none;
}
.webform-submission-form-form .button.is-white {
  background-color: white;
  color: #121212;
}
.webform-submission-form-form .button.is-white.is-rectangular:hover {
  background-color: #ed1c24;
  color: white;
}
.webform-submission-form-form .button.is-rectangular {
  border-radius: 0;
}
.webform-submission-form-form .cf-form_radio-label {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.webform-submission-form-form .cf-form_input {
  width: 100%;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
  color: #121212;
  font-size: 1rem;
  background-color: #0000;
  border: 1px solid #eee;
}
.webform-submission-form-form .cf-form_input::placeholder,
.webform-submission-form-form .cf-form_input.is-select-input {
  color: #222;
}
.webform-submission-form-form .cf-form_input.is-text-area {
  min-height: 10rem;
  padding-top: 1rem;
}
.webform-submission-form-form .cf-form_label {
  font-family: var(--font-family-body);
  color: #121212;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0px;
  text-decoration: none;
}
.webform-submission-form-form .cf-form_label.text-black {
  text-align: left;
}
.webform-submission-form-form .cf-form_label.mb-3-25rem.max-width-520.text-center {
  color: #151515;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}
.webform-submission-form-form .cf-form_label.mb-3-25rem.max-width-520.text-center.new-cta-changes {
  max-width: 800px;
}
.webform-submission-form-form .cf-form_label.hc-para {
  padding-top: 20px;
}
.webform-submission-form-form .button-output.is-interactive {
  background-color: #121212;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.webform-submission-form-form .button-output.is-interactive:hover {
  background-color: #121212;
}
.webform-submission-form-form .button-output.is-interactive.is-small.is-white {
  border: 1px solid #121212;
  background-color: white;
  color: #121212;
}
.webform-submission-form-form .button-output.is-submit {
  padding: 0rem;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
.webform-submission-form-form .button-output.is-submit:hover {
  background-color: #121212;
}
.webform-submission-form-form .button-label--new.is-interactive {
  padding: 1rem 2.5rem;
}
.webform-submission-form-form .button-label-copy.is-interactive {
  padding: 1rem 2.5rem;
}
@media screen and (max-width:991px) {
  .webform-submission-form-form .form-input-grid {
    grid-template-columns: 1fr;
  }
  .webform-submission-form-form .cf-form_label {
    font-size: 15px;
  }
  .webform-submission-form-form .cf-form_label.mb-3-25rem.max-width-520.text-center.new-cta-changes {
    font-size: 32px;
  }
}
@media screen and (max-width:767px) {
  .webform-submission-form-form .form-input-grid {
    grid-template-columns: 1fr;
  }
  .webform-submission-form-form .cf-form_label.mb-96.md-mb-40 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width:479px) {
  .webform-submission-form-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .webform-submission-form-form .form-input-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-auto-columns: 1fr;
    padding-bottom: 0;
  }
  .webform-submission-form-form .button.is-interactive.is-responsive,
  .webform-submission-form-form .button.button-white.is-responsive {
    min-width: 140px;
  }
  .webform-submission-form-form .cf-form_label.text-black.text-center-ml {
    text-align: center;
  }
  .webform-submission-form-form .cf-form_inputfield-file {
    width: 100%;
  }
}