.ue-listing-block-container.ue_post_blocks.uc-items-wrapper.uc-filterable-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 45px;
}

.ue-listing-block-container .ue_post_blocks_content {
  padding: 30px 30px 30px 30px;
}

.ue-listing-block-container .ue_post_blocks_title a {
  color: #000000;
  font-family: "Sangbleu Sunrise", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0px;
}

.ue-listing-block-container .ue_post_blocks_text {
  color: #000;
}

.ue-listing-block-container .ue_post_blocks_link a,
.ue-listing-block-container .ue_post_blocks_link button {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 10px 20px 10px 20px;
  border-radius: 25px !important;
  background-color: var(--e-global-color-accent);
  color: #ffffff;
  margin-top: 20px;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-weight: var(--e-global-typography-text-font-weight);
}

.ue-listing-block-container .ue_post_blocks_link a:hover,
.ue-listing-block-container .ue_post_blocks_link button:hover {
  background-color: #000000;
  color: #ffffff;
  border: none;
}

.ue-listing-block-container .ue_post_blocks_box.uc-entrance-animate {
  text-align: left;
  border-radius: 5px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: var(--e-global-color-primary) !important;
  /* background-color: #F3C06014 !important; */
  background-color: #f5f5f5 !important;


}

.home_listing_custom_slider {
  max-height: 275px !important;
  height: 100% !important;
}

.home_listing_custom_slider .slick-prev,
.home_listing_custom_slider .slick-next {
  background-color: #fff !important;
  border-color: #fff !important;
  height: 30px !important;
  width: 30px !important;
  border-radius: 50% !important;
}

.ue-listing-block-container .ue_post_blocks_link button {
  line-height: 22px;
  margin-top: 0;
  margin-left: 10px;
}

.ourhomes-listing-block .ue_post_blocks_link button {
  margin-left: 10px;
  border-radius: 25px !important;
  font-weight: normal;
}

/* Hide divs initially */
.ue-listing-block-container>div {
  display: none;
}

/* Show only the first six divs initially */
.ue-listing-block-container>div:nth-child(-n+6) {
  display: block;
}

/* Custom fade-in animation */
@keyframes fadeInAnimation {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply the animation to the fading divs */
.ue-listing-block-container>div.fade-in {
  animation: fadeInAnimation 0.5s ease-in-out;
  /* Adjust the duration and easing as needed */
}

.ue-listing-block-container .home_listing_custom_slider .slick-prev:hover,
.slick-next:hover {
  background-color: #f3c060 !important;
  border: 1px solid #f3c060 !important;
}

.ue-listing-block-container .ue_post_blocks_box {
  opacity: 0;
}

.ue-listing-block-container .uc-entrance-animate {
  opacity: 1;
}

.ue-listing-block-container {
  display: grid;
}

.ue-listing-block-container .ue_post_blocks_box {
  overflow: hidden;
}

.ue-listing-block-container .ue_post_blocks_image {
  overflow: hidden;
}

.ue_post_blocks_image {
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.ue_post_blocks_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.ue-listing-block-container .ue_post_blocks_link a {
  display: inline-block;
  text-decoration: none;
  text-align: center;
}

.ue-listing-block-container .ue-grid-item-meta-data {
  display: inlin-flex;
  flex-wrap: wrap;
}

.testimonial-item .description {
  min-height: 175px;
}

.uc-homepage-load-more .uc-filter-load-more__loader {
  display: inline-block !important;
  color: #696969;
}

.uc-homepage-load-more .uc-filter-load-more__link {
  display: inline-block;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border-radius: 25px;
  background-color: #F3C060;
  color: #FFFFFF;
}

.uc-homepage-load-more .uc-filter-load-more__link:hover {
  background-color: #000000;
  color: #ffffff;
}

.uc-homepage-load-more .uc-filter-load-more__link {
  text-align: center;
  border: none;
}

.uc-homepage-load-more.uc-ajax-loading .uc-filter-load-more__link {
  display: none;
}

.uc-homepage-load-more .uc-load-more-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;

}

.uc-homepage-load-more .uc-load-more-wrapper {
  display: none;
}

.uc-homepage-load-more {
  text-align: center;
  margin-top: 15px !important;
}

.uc-homepage-load-more .uc-load-more-wrapper svg {
  margin: 10px 10px 10px 10px;
}

.uc-homepage-load-more .uc-loading-image svg {
  width: 32px;
}

@media screen and (max-width: 767px) {
  .ue-listing-block-container.ue_post_blocks.uc-items-wrapper.uc-filterable-grid {
    grid-template-columns: none;
  }
}

@media screen and (max-width: 768px) and (max-width: 1100px) {
  .ue-listing-block-container .ue_post_blocks_link a {
    margin-bottom: 10px;
  }

  .ue-listing-block-container .ue_post_blocks_link button {
    margin-left: 0px;
  }
}

.elementor-icon.elementor-social-icon {
  font-size: 19px !important;

  width: 36px !important;
  height: 36px !important;
  background-color: #0C0C0C00 !important;
  border-style: solid !important;
  border-width: 1px 1px 1px 1px !important;
  border-color: #D4A751C2 !important;
  border-radius: 50% !important;
}

.elementor-social-icons-wrapper.elementor-grid {
  display: flex !important;
  width: 100% !important;
  word-spacing: 15px !important;
  margin-bottom: 0px !important;
  justify-items: initial !important;
  gap: 10px !important;
}

.elementor-social-icon i {
  color: #D4A751C2 !important;
  line-height: 17px !important;
}

.elementor-social-icon:hover {
  opacity: .9 !important;
  color: #1c1b1b !important;
  border-color: #000 !important;
}

.footer_social_icons .elementor-social-icons-wrapper.elementor-grid {
  justify-content: center !important;
}

.elementor-social-icon {
  --e-social-icon-icon-color: #fff !important;
  display: inline-flex !important;
  background-color: #69727d !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  cursor: pointer !important;
}

.elementor-social-icon:hover i {
  color: #000 !important;
}

.single-listing-icon {
  padding: 10px
}

.custom-actions .reservation_profile {
  padding: 0px 5px !important;
}

.custom-actions .btn-action.reservation_profile:focus {
  background-color: transparent;
}
.lbh-banner-slideshow {
  position: absolute;
  inset: 0;
}
.lbh-banner-slideshow picture {
  display: contents;
}

.lbh-banner-slide-img {
    position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

  .lbh-hero {
      position: relative;
      min-height: 300px;
      display: flex;
      align-items: center;
      overflow: hidden;
    }
    .lbh-hero-img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center bottom !important;
        z-index: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        }
    .lbh-hero-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.15);
        z-index: 1;
        background-color: #0000009C;
        opacity: 0.5;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }
    .lbh-hero-container {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0 30px;
    }
    .lbh-hero-col {
      padding: 20px;
    }
    .lbh-hero-left {
      text-align: left;
      width: 60%;
    }
    .lbh-divider {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
    }
    .lbh-divider-line {
      width: 40px;
      height: 1px;
      background: #e2a851;
      margin-right: 10px;
    }
    .lbh-divider-text {
        color: #FFFFFF;
        font-family: "Autography", Sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 6px;
    }
    .lbh-hero-heading {
        color: #fff;
        font-size: 27px;
        font-weight: 400;
        margin: 0;
        line-height: 1.3;
    }
    .lbh-hero-right {
      text-align: right;
          width: 40%;
    }
    .lbh-hero-btn {
      display: inline-block;
      background: #e2a851;
      color: #fff;
      text-decoration: none;
      padding: 10px 30px;
      border-radius: 30px;
      font-weight: 600;
      transition: background 0.3s ease;
    }
    .lbh-hero-btn:hover {
        background-color: #000000;
      color: #fff;
    }
    @media (max-width: 768px) {
      .lbh-hero-container {
        flex-direction: column;
        padding: 0px 10px;
    }
      .lbh-hero-left, .lbh-hero-right {
        width: 100%;
        text-align: left;
    }
      .lbh-hero-heading {
        font-size: 24px;
      }
    }

    .lbh-photo-slider-wrap {
        position: relative;
        display: flex;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 50px;
    }
    .lbh-photo-slider {
        width: 100%;
    }
    .lbh-slide {
        padding: 0 10px;
    }
    .lbh-slide-image-wrap {
        display: block;
        position: relative;
        overflow: hidden;
        border-radius: 0;
    }
    .lbh-slide-img {
        width: 100%;
        height: 300px !important;
        object-fit: cover;
        display: block;
        transition: transform 0.4s ease;
    }
    .lbh-slide-image-wrap:hover .lbh-slide-img {
        transform: scale(1.05);
    }
    .lbh-slider-arrow {
        background: transparent;
        border: none;
        cursor: pointer;
        color: #333;
        padding: 8px;
        z-index: 5;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .lbh-slider-prev { left: 0; }
    .lbh-slider-next { right: 0; }


    .lbh-banner-hero {
      position: relative;
      min-height: 641px;
      display: flex;
      align-items: center;
      overflow: visible; /* allow calendar to pop out */
  }
  /* .lbh-banner-slideshow {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      z-index: 0;
      overflow: hidden; 
  } */
    .lbh-banner-slide-img {
      display: block;
         position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        object-fit: cover;
        object-position: center bottom;
        opacity: 0;
        transition: opacity 1s ease;
    }
    .lbh-banner-slide-img.active {
        opacity: 1;
    }
    .lbh-banner-overlay {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }
    .lbh-banner-container {
        position: relative;
        z-index: 2;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        overflow: visible;
        padding: 0 30px;
    }
    .lbh-banner-logo-col {
        flex: 0 0 auto;
    }
    .lbh-banner-logo {
        max-width: 280px;
        height: auto;
    }
    .lbh-banner-content-col {
        flex: 1 1 55%;
        padding-left: 30px;
        overflow: visible; /* allow calendar to pop out */
    }
    .lbh-banner-search {
      position: relative;
      z-index: 999;
      overflow: visible;
  }
    .lbh-banner-heading {
        color: #fff;
        font-size: 32px;
        font-weight: 500;
        line-height: 1.3;
        margin: 0 0 10px;
        text-align: center;
    }
    .lbh-banner-subheading {
        color: #fff;
        margin: 0 0 20px;
        font-size: 21px !important;
        font-weight: 400;
        text-transform: capitalize;
        text-align: center;
    }
    @media (max-width: 768px) {
        .lbh-banner-container {
            flex-direction: column;
            text-align: center;
            padding: 15px;
        }
        .lbh-banner-content-col {
            padding-left: 0;
        }
        .lbh-banner-heading {
            font-size: 22px;
        }
        .lbh-banner-hero {min-height: 250px;}
        .lbh-banner-logo-col{
          display: none;
        }
        /* .lbh-banner-slide-img {
          height: 100% !important;
        } */
    }