.ui-autocomplete {
  display: none !important;
}

.small-card {
  width: 100%; /* or keep 553px if necessary */
  max-width: 553px;
  min-height: 100px; /* instead of fixed height */
  background-color: #003c71;
  color: white;
  text-align: left;
  line-height: 1.2;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;

  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: normal;
}


.contact-container {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding: 20px;
  flex-wrap: nowrap; /* Ensure no wrapping on large screens */
}

.contact-container strong {
  font-size: 16px;
  
}

.left-info,
.right-info {
  line-height: 1.5;
  box-sizing: border-box;
}

/* These widths apply on larger screens */
.left-info {
  width: 60%;
}
.right-info {
  width: 35%;
}

/* Responsive stacking on small screens */
@media (max-width: 768px) {
  .contact-container {
    flex-direction: column;
    gap: 20px; /* Reduce spacing when stacked */
  }

  .left-info,
  .right-info {
    width: 100%;
  }
}