@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.how-it-works-step {
  opacity: 0;
  animation: slideUp 1s ease-out forwards;
}

.how-it-works-step:nth-child(1) {
  animation-delay: 0.2s;
}

.how-it-works-step:nth-child(2) {
  animation-delay: 0.4s;
}

.how-it-works-step:nth-child(3) {
  animation-delay: 0.6s;
}
.custom-outline-button .wp-block-button__link {
    border: 2px solid #192841; /* Outline border color and style */
    background-color: transparent; /* Transparent fill */
    color: #192841; /* Text color */
}

.custom-outline-button .wp-block-button__link:hover {
    border: 2px solid #ffffff; /* Hover border color and style */
    background-color: #192841; /* Hover fill color */
    color: #ffffff; /* Hover text color */
}
.hp-menu--site-header .hp-menu__item--listing-submit{
  display: none;
}
.hp-vendor__attributes.hp-vendor__attributes--secondary {
    display: flex !important;
    flex-direction: column !important;
}

.hp-vendor__attribute {
    margin-bottom: 10px !important; /* Adjust the spacing as needed */
    width: 100% !important;
}
.footer-navbar__menu ul li a {
    color: #192841;
}
.header-navbar__menu ul li a {
    color: #192841;
}
.hp-result-count {
    color: #192841;
}
.hp-field__label {
   color: #192841;
}
hp-page__sidebar {
   color: black;
}
.hp-listing__attributes.hp-listing__attributes--secondary .hp-listing__attribute--location {
    display: none;
}
.hp-listing__attributes.hp-listing__attributes--secondary {
    margin-left: 1px;
}
.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    display: flex;
    justify-content: center;
    align-items: center;
}

.hp-listing-tags.hp-block.tagcloud {
    text-align: center;
}

.hp-listing-tag.tag-cloud-link {
    display: inline-block;
    margin: 5px;
}
.modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    position: relative;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 10px;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}