/* Modal Container Width */
/* .contact-us-inner-container {
  max-width: 500px;
  max-height: 500px;
} */

/* Modal Card Styling */

.continer-modal {
    border-radius: 20px;
}

.contact-us-modal-content {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.contact-us-heading {
    font-size: 10px;
    margin-top: 5px;
}

.contact-us-title {
    font-size: 24px;
}

/* WhatsApp Icon Styling (if needed) */
.whatsup-chat-image {
  /* height: 30px; */
  margin-left: auto;
  margin-right: 0;
}

/* Subheading "We will get back to you" */
.contact-us-logo-container h5 {
  color: grey;
  /* font-size: 10px; */
  
}

/* Label for Inputs */
.contact-us-label {
  /* font-weight: bold; */
  /* color: #142d47; */
  margin-bottom: 5px;
  display: block;
  font-size: 16px;
}

/* Input Fields */
.contactus-input {
  width: 100%;
  /* padding: 10px; */
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.contact-us-message {
  width: 100%;
  /* padding: 10px; */
  font-size: 14px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

/* Input Container with Icon */
.contact-us-icon-input-container {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Icons (Bootstrap Icons) */
.contact-us-icon {
  color: #142d47;
  font-size: 18px;
}

/* Submit Button */
.submit-button {
  background-color: #142d47;
  color: white;
  padding: 6px 20px;
  border: none;
  border-radius: 5px;
  font-size: 14px;
}

/* Close Button (secondary) */
.btn-secondary {
  width: 80px;
  height: 30px;
  font-size: 14px;
}

/* Status Modal Title */
#popUpModal .modal-title {
  font-size: 16px;
}

/* Status Modal Content */
#popUpModalContent {
  font-size: 12px;
}

/* Spinner Modal Transparent Styling */
#popUpSpinnerModal .modal-content {
  background-color: transparent;
  border: none;
}

#popUpSpinnerModal .spinner-border {
  width: 3rem;
  height: 3rem;
}