.calculator-box {
  max-width: 500px;
  margin: auto;
  border-radius: 18px; /* Increase for more rounded corners */
}
.earnings-box {
  border: 1px solid #ddd;
  border-radius: 18px;
}

#rentalDuration {
  border-radius: 10px; /* Adjust the value as needed */
}

.btn-danger {
  border-radius: 12px !important;
  padding: 8px;
}

.commission-highlight {
  font-size: 1.5rem; /* Bigger text */
  font-weight: bold; /* Bold for emphasis */
  color: #fff; /* White text */
  background: linear-gradient(45deg, #ff4b5c, #ff6a7f); /* Gradient highlight */
  padding: 5px 10px; /* Padding for shape */
  border-radius: 10px; /* Rounded corners */
  display: inline-block;
  box-shadow: 0px 4px 8px rgba(255, 75, 92, 0.3); /* Light shadow for pop effect */
}

@media (max-width: 576px) {
  .earnings-box {
    padding: 1rem !important; /* Reduce padding */
    font-size: 0.9rem; /* Slightly smaller text */
    max-width: 90%; /* Make it fit better */
  }
}