/* Add some space around the form */
.shipping-cost-form {
  margin-bottom: 20px;
}

/* Style the input field */
.shipping-cost-form input {
  padding: 5px 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* Style the submit button */
.shipping-cost-form button {
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s;
}

/* Style the shipping cost messages */
#shipping-cost-message,
#shipping-discount-message,
#shipping-surcharge-message {
  padding: 5px 10px;
  margin-bottom: 10px;
  font-size: 18px;
}

/* Style the strong element inside the message */
#shipping-cost-message strong,
#shipping-discount-message strong,
#shipping-surcharge-message strong {
  color: #2c3e50;
}
.shipping-cost {
  font-size: 16px;
  font-weight: bold;  /* This will make the text bold */
  color: #f38221;
}