.business-address-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px; /* space between rows */
}

.address-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.address-content .label {
    font-weight: 400; /* make label normal weight */
    min-width: 220px; /* ensures both labels have same width */
}

.address-content .value {
    font-weight: 600; /* make value bold */
    color: #333;
}


/* container around the icon + input */
.search-bar-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 420px;   /* adjust to desired max width */
  box-sizing: border-box;
  min-width: 0;       /* IMPORTANT: allow this flex item to shrink */
}

/* keep the SVG icon from shrinking */
.search-bar-wrapper svg {
  flex: 0 0 25px;     /* fixed icon size */
  width: 25px;
  height: 25px;
  display: block;
}

/* make the input take remaining space but not overflow */
.search-bar-wrapper .search-bar {
  flex: 1 1 auto;     /* grow & shrink as needed */
  min-width: 0;       /* IMPORTANT: allow input to shrink inside flex */
  max-width: 100%;
  box-sizing: border-box;
}

/* optional nice styling */
.search-bar-wrapper .search-bar {
  border: none;
  background: transparent;
  padding: 6px 8px;
  outline: none;
}
.ulStyle {
    display: flex;
    justify-content: space-around; /* even spacing */
    padding: 0;
    margin: 0;
    list-style: none;
}

.liClass {
    display: flex;
    flex-direction: column; /* stack span and text vertically */
    align-items: center; /* center horizontally */
    justify-content: center; /* center vertically */
    text-align: center;
    flex: 1; /* equal width for each item */
}