.quote-fulfillment-details {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #d9e5e7;
  border-radius: 12px;
  background: #f7fbfb;
}
.quote-fulfillment-details [hidden] { display: none !important; }
.quote-pickup-notice,
.quote-destination-head { display: flex; flex-direction: column; gap: 3px; }
.quote-pickup-notice b,
.quote-destination-head b { color: #123943; font-size: 11px; }
.quote-pickup-notice span,
.quote-destination-head span { color: #647a82; font-size: 8px; line-height: 1.45; }
.quote-destination-head { margin-bottom: 10px; padding-bottom: 9px; border-bottom: 1px solid #dce7e9; }
.quote-request-form .three-col { display: grid; grid-template-columns: 1.2fr 1fr .8fr; gap: 10px; }
.quote-receipt-fulfillment { display: grid; grid-template-columns: .7fr 1.7fr .8fr; gap: 8px; max-width: 470px; margin: -12px auto 22px; text-align: left; }
.quote-receipt-fulfillment span { min-width: 0; padding: 10px; border: 1px solid #d6e2e4; border-radius: 9px; background: #fff; }
.quote-receipt-fulfillment b { display: block; margin-top: 4px; color: #203b44; font-size: 9px; line-height: 1.35; overflow-wrap: anywhere; }
.quote-card-fulfillment { color: #087e75 !important; font-size: 9px !important; font-weight: 750; }
.quote-detail-destination { grid-column: 1/-1; }
.quote-detail-destination dd { overflow-wrap: anywhere; }
@media(max-width:700px) {
  .quote-request-form .three-col { grid-template-columns: 1fr; }
  .quote-receipt-fulfillment { grid-template-columns: 1fr; }
}