/* ... existing styles ... */

  .badge-licensed-insured {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    background-color: #28a745; /* A greenish shade similar to the Bootstrap success color */
    border-radius: 50px; /* Gives the pill shape */
    margin: 1em 0; /* Spacing above and below the badge */
  }

  /* Responsive behavior for smaller screens */
  @media (max-width: 768px) {
    .badge-licensed-insured {
      font-size: 0.9em; /* Smaller text on small devices */
      padding: 0.4em 0.8em;
    }
  }

    .owner-info {
    background-color: #f2f2f2; /* Light gray background for contrast */
    padding: 1em;
    border-radius: 5px; /* Slightly rounded corners for the box */
    margin-top: 2em; /* Space from the previous content */
  }

  .contact-details {
    margin-top: 1em;
  }

  .owner-name {
    font-weight: bold;
    color: #333333; /* Darker text for emphasis */
    margin-bottom: 0.5em;
  }

  /* Reuse the .badge-licensed-insured from the previous CSS */

  /* Contact information links styling */
  .contact-details a {
    color: #5e5e5e;
    text-decoration: none;
  }

  .contact-details a:hover {
    text-decoration: underline;
  }

      .gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the space between images */
}

.gallery-item {
    flex: 0 1 calc(33.333% - 10px); /* Three images per row with spacing */
}

    .gallery-item img {
        width: 100%;
        height: auto;
        display: block;
        cursor: pointer; /* This will change the cursor to a pointer */
    }