.em-quick-inquiry {
  --em-qi-navy: #102A3E;
  --em-qi-blue: #176A9B;
  --em-qi-green: #35D05A;
  --em-qi-ink: #102A3E;
  --em-qi-text: #102A3E;
  --em-qi-muted: #5C6B7A;
  --em-qi-line: #D8E2ED;
  --em-qi-soft: #F6F9FC;
  --em-qi-white: #fff;
  display: grid !important;
  width: min(100%, 980px) !important;
  min-width: 0 !important;
  gap: 22px !important;
  margin: 0 auto !important;
  color: var(--em-qi-ink) !important;
  font-family: inherit !important;
}

.entry-content .em-quick-inquiry,
.wp-site-blocks .em-quick-inquiry,
main .em-quick-inquiry {
  width: min(100%, 980px) !important;
}

.em-quick-inquiry *,
.em-quick-inquiry *::before,
.em-quick-inquiry *::after {
  box-sizing: border-box !important;
}

.em-quick-inquiry__hero {
  display: grid !important;
  gap: 8px !important;
  padding: 28px 30px !important;
  border: 1px solid var(--em-qi-line) !important;
  border-left: 6px solid var(--em-qi-green) !important;
  border-radius: 8px !important;
  background: var(--em-qi-soft) !important;
}

.em-quick-inquiry__eyebrow {
  color: var(--em-qi-blue) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.em-quick-inquiry h2 {
  margin: 0 !important;
  color: var(--em-qi-navy) !important;
  font-size: clamp(30px, 4vw, 44px) !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.em-quick-inquiry__intro,
.em-quick-inquiry__empty {
  max-width: 700px !important;
  margin: 0 !important;
  color: var(--em-qi-muted) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.em-quick-inquiry__success,
.em-quick-inquiry__empty-panel {
  padding: 16px 18px !important;
  border: 1px solid rgba(53, 208, 90, .32) !important;
  border-left: 5px solid var(--em-qi-green) !important;
  border-radius: 8px !important;
  background: #F3FFF6 !important;
  color: var(--em-qi-text) !important;
}

.em-quick-inquiry__empty-panel p {
  margin: 0 !important;
  color: inherit !important;
  line-height: 1.55 !important;
}

.em-quick-inquiry__items,
.em-quick-inquiry__form {
  display: grid !important;
  min-width: 0 !important;
  border: 1px solid var(--em-qi-line) !important;
  border-radius: 8px !important;
  background: var(--em-qi-white) !important;
  box-shadow: 0 18px 45px rgba(16, 42, 62, .08) !important;
}

.em-quick-inquiry form,
.entry-content .em-quick-inquiry form {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.em-quick-inquiry__items {
  gap: 18px !important;
  padding: 24px !important;
}

.em-quick-inquiry__panel-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

.em-quick-inquiry__panel-head h3,
.em-quick-inquiry__section h3 {
  margin: 0 !important;
  color: var(--em-qi-navy) !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.em-quick-inquiry__panel-head p {
  margin: 6px 0 0 !important;
  color: var(--em-qi-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.em-quick-inquiry__table-wrap {
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  border: 1px solid var(--em-qi-line) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

.em-quick-inquiry__empty-panel + .em-quick-inquiry__table-wrap {
  display: none !important;
}

.em-quick-inquiry__table {
  width: 100% !important;
  min-width: 620px !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.em-quick-inquiry__table-wrap table.em-quick-inquiry__table {
  display: table !important;
}

.em-quick-inquiry__table-wrap table.em-quick-inquiry__table thead {
  display: table-header-group !important;
}

.em-quick-inquiry__table-wrap table.em-quick-inquiry__table tbody {
  display: table-row-group !important;
}

.em-quick-inquiry__table-wrap table.em-quick-inquiry__table tr {
  display: table-row !important;
}

.em-quick-inquiry__table-wrap table.em-quick-inquiry__table th,
.em-quick-inquiry__table-wrap table.em-quick-inquiry__table td {
  display: table-cell !important;
}

.em-quick-inquiry__table th,
.em-quick-inquiry__table td {
  padding: 14px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #ECF2F5 !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.em-quick-inquiry__table th {
  background: var(--em-qi-soft) !important;
  color: var(--em-qi-navy) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

.em-quick-inquiry__table tr:last-child td {
  border-bottom: 0 !important;
}

.em-quick-inquiry__product-name {
  color: var(--em-qi-ink) !important;
  font-weight: 800 !important;
}

.em-quick-inquiry__sku {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 5px 9px !important;
  border: 1px solid var(--em-qi-line) !important;
  border-radius: 7px !important;
  background: #EAF7EE !important;
  color: var(--em-qi-blue) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.em-quick-inquiry__qty {
  width: 84px !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--em-qi-line) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: var(--em-qi-ink) !important;
  font: inherit !important;
}

.em-quick-inquiry__remove,
.em-quick-inquiry__consent {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  color: var(--em-qi-muted) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.em-quick-inquiry__remove input,
.em-quick-inquiry__consent input {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  accent-color: var(--em-qi-green) !important;
}

.em-quick-inquiry__form {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 16px !important;
  padding: 26px !important;
}

.em-quick-inquiry__section,
.em-quick-inquiry__wide,
.em-quick-inquiry__consent,
.em-quick-inquiry__form > .em-quick-inquiry__button {
  grid-column: 1 / -1 !important;
}

.em-quick-inquiry__section {
  margin: 10px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid #ECF2F5 !important;
}

.em-quick-inquiry__section:first-of-type {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.em-quick-inquiry__section--carrier p {
  max-width: 780px !important;
  margin: 6px 0 0 !important;
  color: var(--em-qi-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

.em-quick-inquiry__field {
  display: grid !important;
  grid-column: span 6 !important;
  gap: 7px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--em-qi-text) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}

.em-quick-inquiry__field--third {
  grid-column: span 4 !important;
}

.em-quick-inquiry__field span {
  line-height: 1.35 !important;
}

.em-quick-inquiry__form input,
.em-quick-inquiry__form select,
.em-quick-inquiry__form textarea {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 48px !important;
  padding: 11px 13px !important;
  border: 1px solid var(--em-qi-line) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: var(--em-qi-ink) !important;
  font: inherit !important;
  line-height: 1.35 !important;
}

.em-quick-inquiry input[type="text"],
.em-quick-inquiry input[type="email"],
.em-quick-inquiry input[type="tel"],
.em-quick-inquiry input[type="number"],
.em-quick-inquiry select,
.em-quick-inquiry textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.em-quick-inquiry__form textarea {
  min-height: 132px !important;
  resize: vertical !important;
}

.em-quick-inquiry__form input:focus,
.em-quick-inquiry__form select:focus,
.em-quick-inquiry__form textarea:focus,
.em-quick-inquiry__qty:focus {
  outline: 3px solid rgba(53, 208, 90, .22) !important;
  border-color: var(--em-qi-green) !important;
}

.em-quick-inquiry__button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  padding: 12px 22px !important;
  border: 1px solid #176A9B !important;
  border-radius: 8px !important;
  background: #176A9B !important;
  color: #fff !important;
  font: inherit !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  cursor: pointer !important;
}

.em-quick-inquiry__button:hover,
.em-quick-inquiry__button:focus {
  background: #102A3E !important;
  border-color: #102A3E !important;
  color: #fff !important;
}

.em-quick-inquiry__button--ghost {
  background: #fff !important;
  border-color: var(--em-qi-blue) !important;
  color: var(--em-qi-blue) !important;
}

.em-quick-inquiry__button--ghost:hover,
.em-quick-inquiry__button--ghost:focus {
  background: #EAF7EE !important;
  border-color: var(--em-qi-green) !important;
  color: var(--em-qi-navy) !important;
}

.em-quick-inquiry-add {
  margin-top: 14px !important;
}

.em-quick-inquiry-add__button {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 20px !important;
  border: 1px solid var(--em-qi-blue) !important;
  border-radius: 8px !important;
  background: var(--em-qi-blue) !important;
  color: #fff !important;
  font: inherit !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  cursor: pointer !important;
}

.em-quick-inquiry-add__button:hover,
.em-quick-inquiry-add__button:focus {
  background: var(--em-qi-navy) !important;
  border-color: var(--em-qi-navy) !important;
  color: #fff !important;
}

.em-quick-inquiry__contract-note {
  grid-column: 1 / -1 !important;
}

.em-service-request__trap {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.em-service-request__product-head p,
.em-service-request__privacy,
.em-service-request small {
  margin: 6px 0 0 !important;
  color: var(--em-qi-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

.em-service-request__uebler {
  padding: 16px 18px !important;
  border: 1px solid rgba(53, 208, 90, .35) !important;
  border-left: 5px solid var(--em-qi-green) !important;
  border-radius: 8px !important;
  background: #F3FFF6 !important;
  color: var(--em-qi-ink) !important;
}

.em-service-request__uebler[hidden] {
  display: none !important;
}

.em-service-request__uebler p,
.em-service-request__success p {
  margin: 6px 0 0 !important;
}

.em-service-request input[type="file"] {
  min-height: 52px !important;
  padding: 8px !important;
}

@media (max-width: 860px) {
  .em-quick-inquiry {
    width: 100% !important;
    max-width: 100% !important;
  }

  .em-quick-inquiry__panel-head {
    display: grid !important;
  }

  .em-quick-inquiry__panel-head .em-quick-inquiry__button,
  .em-quick-inquiry__field,
  .em-quick-inquiry__field--third {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 620px) {
  .em-quick-inquiry {
    gap: 16px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .em-quick-inquiry__hero,
  .em-quick-inquiry__items,
  .em-quick-inquiry__form {
    padding: 18px !important;
  }

  .em-quick-inquiry h2 {
    font-size: 30px !important;
  }

  .em-quick-inquiry__table-wrap {
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  .em-quick-inquiry__table,
  .em-quick-inquiry__table thead,
  .em-quick-inquiry__table tbody,
  .em-quick-inquiry__table tr,
  .em-quick-inquiry__table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .em-quick-inquiry__table thead {
    display: none !important;
  }

  .em-quick-inquiry__table tr {
    margin-bottom: 12px !important;
    border: 1px solid var(--em-qi-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
  }

  .em-quick-inquiry__table tr:last-child {
    margin-bottom: 0 !important;
  }

  .em-quick-inquiry__table td {
    display: grid !important;
    grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px !important;
    border-bottom: 1px solid #edf2f7 !important;
  }

  .em-quick-inquiry__table td:last-child {
    border-bottom: 0 !important;
  }

  .em-quick-inquiry__table td::before {
    content: attr(data-label) !important;
    color: var(--em-qi-blue) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  .em-quick-inquiry__qty {
    width: 100% !important;
    max-width: 120px !important;
  }

  .em-quick-inquiry__button,
  .em-quick-inquiry__form > .em-quick-inquiry__button,
  .em-quick-inquiry__panel-head .em-quick-inquiry__button {
    width: 100% !important;
    justify-self: stretch !important;
  }
}
