.auction-date {
font-family: Helvetica, Neue;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-align: left;
color: #282A2D;
display: flex; 
  justify-content: flex-start;
  align-items:center;
margin-top: 5px;
  gap: 6px;
    padding: 10px;
}
.auction-date .auction_date {
font-weight:700;
}
{#         


    <div class="button-group filter-button-group">
      <button data-filter=".buy">Buy</button>
      <button data-filter=".auction">Auctions</button>
      <button data-filter=".house-&-Land">house & Land</button>
      <button data-filter=".commercial">commercial</button>
      <button data-filter=".luxury">Luxury</button>
      <button data-filter=".rural">Rural</button>
    </div>



<div class="properties-item">
            <div class="properties-gallery">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide"><img src="https://22529421.fs1.hubspotusercontent-na1.net/hubfs/22529421/h22.jpg.png" alt="property item #1"></div>
                      <div class="swiper-slide"><img src="https://22529421.fs1.hubspotusercontent-na1.net/hubfs/22529421/h22.jpg.png" alt="property item #1"></div>
                      <div class="swiper-slide"><img src="https://22529421.fs1.hubspotusercontent-na1.net/hubfs/22529421/h22.jpg.png" alt="property item #1"></div>
                      <div class="swiper-slide"><img src="https://22529421.fs1.hubspotusercontent-na1.net/hubfs/22529421/h22.jpg.png" alt="property item #1"></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="badge-property">$360,000</div>
            </div>
            <div class="properties-content">
                <div class="properties-label">
                    <span class="data-city">City Zip</span>
                    <div class="circle-divider"></div>
                    <span class="data-city">Neighborhood</span>
                </div>
                <h3 class="address-properties">123 Real St.</h3>
                <div class="grid-content-properties">
                <div class="specs-list">
                    <svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21.2707 9.76683V3.0937C21.2707 1.73677 20.1668 0.632812 18.8099 0.632812H5.19005C3.83311 0.632812 2.72925 1.73677 2.72925 3.0937V9.76683C1.16569 10.143 0 11.5523 0 13.2297V18.207C0 18.6019 0.320109 18.922 0.714984 18.922H2.7292V20.6513C2.7292 21.0461 3.04931 21.3662 3.44419 21.3662C3.83906 21.3662 4.15917 21.0461 4.15917 20.6513V18.922H19.8407V20.6513C19.8407 21.0461 20.1608 21.3662 20.5557 21.3662C20.9506 21.3662 21.2707 21.0461 21.2707 20.6513V18.922H23.2849C23.6798 18.922 23.9999 18.6019 23.9999 18.207V13.2297C24 11.5523 22.8343 10.143 21.2707 9.76683ZM4.15922 3.0937C4.15922 2.5253 4.62169 2.06283 5.19005 2.06283H18.8099C19.3783 2.06283 19.8408 2.5253 19.8408 3.0937V9.66755H17.478V8.53955C17.478 6.67064 15.9576 5.1502 14.0887 5.1502H9.91139C8.04248 5.1502 6.52205 6.67069 6.52205 8.53955V9.6675H4.15922V3.0937ZM16.0481 8.53955V9.6675H7.95192V8.53955C7.95192 7.45913 8.83087 6.58017 9.9113 6.58017H14.0887C15.169 6.58012 16.0481 7.45917 16.0481 8.53955ZM1.42997 17.492V13.2297C1.42997 12.054 2.38645 11.0975 3.56212 11.0975H20.4378C21.6135 11.0975 22.5699 12.054 22.5699 13.2297V17.492H1.42997Z" fill="#282A2D"/>
                    </svg>
                    <spa>8</spa> bedrooms
                </div>
                <div class="specs-list">
                    <svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21.2707 9.76683V3.0937C21.2707 1.73677 20.1668 0.632812 18.8099 0.632812H5.19005C3.83311 0.632812 2.72925 1.73677 2.72925 3.0937V9.76683C1.16569 10.143 0 11.5523 0 13.2297V18.207C0 18.6019 0.320109 18.922 0.714984 18.922H2.7292V20.6513C2.7292 21.0461 3.04931 21.3662 3.44419 21.3662C3.83906 21.3662 4.15917 21.0461 4.15917 20.6513V18.922H19.8407V20.6513C19.8407 21.0461 20.1608 21.3662 20.5557 21.3662C20.9506 21.3662 21.2707 21.0461 21.2707 20.6513V18.922H23.2849C23.6798 18.922 23.9999 18.6019 23.9999 18.207V13.2297C24 11.5523 22.8343 10.143 21.2707 9.76683ZM4.15922 3.0937C4.15922 2.5253 4.62169 2.06283 5.19005 2.06283H18.8099C19.3783 2.06283 19.8408 2.5253 19.8408 3.0937V9.66755H17.478V8.53955C17.478 6.67064 15.9576 5.1502 14.0887 5.1502H9.91139C8.04248 5.1502 6.52205 6.67069 6.52205 8.53955V9.6675H4.15922V3.0937ZM16.0481 8.53955V9.6675H7.95192V8.53955C7.95192 7.45913 8.83087 6.58017 9.9113 6.58017H14.0887C15.169 6.58012 16.0481 7.45917 16.0481 8.53955ZM1.42997 17.492V13.2297C1.42997 12.054 2.38645 11.0975 3.56212 11.0975H20.4378C21.6135 11.0975 22.5699 12.054 22.5699 13.2297V17.492H1.42997Z" fill="#282A2D"/>
                    </svg>
                    <spa>8</spa> bedrooms
                </div>
                <div class="specs-list">
                    <svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21.2707 9.76683V3.0937C21.2707 1.73677 20.1668 0.632812 18.8099 0.632812H5.19005C3.83311 0.632812 2.72925 1.73677 2.72925 3.0937V9.76683C1.16569 10.143 0 11.5523 0 13.2297V18.207C0 18.6019 0.320109 18.922 0.714984 18.922H2.7292V20.6513C2.7292 21.0461 3.04931 21.3662 3.44419 21.3662C3.83906 21.3662 4.15917 21.0461 4.15917 20.6513V18.922H19.8407V20.6513C19.8407 21.0461 20.1608 21.3662 20.5557 21.3662C20.9506 21.3662 21.2707 21.0461 21.2707 20.6513V18.922H23.2849C23.6798 18.922 23.9999 18.6019 23.9999 18.207V13.2297C24 11.5523 22.8343 10.143 21.2707 9.76683ZM4.15922 3.0937C4.15922 2.5253 4.62169 2.06283 5.19005 2.06283H18.8099C19.3783 2.06283 19.8408 2.5253 19.8408 3.0937V9.66755H17.478V8.53955C17.478 6.67064 15.9576 5.1502 14.0887 5.1502H9.91139C8.04248 5.1502 6.52205 6.67069 6.52205 8.53955V9.6675H4.15922V3.0937ZM16.0481 8.53955V9.6675H7.95192V8.53955C7.95192 7.45913 8.83087 6.58017 9.9113 6.58017H14.0887C15.169 6.58012 16.0481 7.45917 16.0481 8.53955ZM1.42997 17.492V13.2297C1.42997 12.054 2.38645 11.0975 3.56212 11.0975H20.4378C21.6135 11.0975 22.5699 12.054 22.5699 13.2297V17.492H1.42997Z" fill="#282A2D"/>
                    </svg>
                    <spa>8</spa> bedrooms
                </div>
                <div class="specs-list">
                    <svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M21.2707 9.76683V3.0937C21.2707 1.73677 20.1668 0.632812 18.8099 0.632812H5.19005C3.83311 0.632812 2.72925 1.73677 2.72925 3.0937V9.76683C1.16569 10.143 0 11.5523 0 13.2297V18.207C0 18.6019 0.320109 18.922 0.714984 18.922H2.7292V20.6513C2.7292 21.0461 3.04931 21.3662 3.44419 21.3662C3.83906 21.3662 4.15917 21.0461 4.15917 20.6513V18.922H19.8407V20.6513C19.8407 21.0461 20.1608 21.3662 20.5557 21.3662C20.9506 21.3662 21.2707 21.0461 21.2707 20.6513V18.922H23.2849C23.6798 18.922 23.9999 18.6019 23.9999 18.207V13.2297C24 11.5523 22.8343 10.143 21.2707 9.76683ZM4.15922 3.0937C4.15922 2.5253 4.62169 2.06283 5.19005 2.06283H18.8099C19.3783 2.06283 19.8408 2.5253 19.8408 3.0937V9.66755H17.478V8.53955C17.478 6.67064 15.9576 5.1502 14.0887 5.1502H9.91139C8.04248 5.1502 6.52205 6.67069 6.52205 8.53955V9.6675H4.15922V3.0937ZM16.0481 8.53955V9.6675H7.95192V8.53955C7.95192 7.45913 8.83087 6.58017 9.9113 6.58017H14.0887C15.169 6.58012 16.0481 7.45917 16.0481 8.53955ZM1.42997 17.492V13.2297C1.42997 12.054 2.38645 11.0975 3.56212 11.0975H20.4378C21.6135 11.0975 22.5699 12.054 22.5699 13.2297V17.492H1.42997Z" fill="#282A2D"/>
                    </svg>
                    <spa>8</spa> bedrooms
                </div>
                </div>
            </div>
        </div> 
#}