.grecaptcha-badge {
display: none;
}

.elementor-3758 .elementor-element.elementor-element-26ea9738{
  padding: 0px !important;
}



.pum-container.pum-responsive{
  height: 666px;
}

.filter-container {
  width: 100%;
  padding: 30px 0px;
  text-align: center;
  border: solid 1px #0000001A;;
  border-radius: 10px;
  background: #fff;
}

.filter-container .filter-input{
    width: 300px;
    display: block;
    margin: 20px;
    height: calc(2.25rem + 6px);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0000001A;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    font-family: "Rubik", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    padding: 0px 5px;
    color: #0C1D2F;
    border-radius: .25rem;
}



.filter-input option {
    font-weight: 300;
    font-size: 16px;
    color: #0C1D2F;
    border: none;
}

.filter-container .btn-wrapper{
    text-align: center;
    margin: 30px;
}

.filter-container .filter-button{
    width: 35%;
    border-radius: 50rem 50rem 50rem 50rem;
    padding-top: 2px;
    line-height: 2.3em;
    background-color: #fff;
    color: #0C1D2F;
    font-family: "Rubik", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    height: calc(2.25rem + 6px);
    border: 1px solid #0C1D2F;
}

.filter-container .filter-button:hover{
  background-color: #0C1D2F;
  color: #fff;
  border: 1px solid #0C1D2F;
  transition: all 0.3s ease
}

@media (max-width: 1157px) {
    .filter-container .filter-input{
        width: -webkit-fill-available;
        
    }
}


@media (max-width: 590px) {
    .filter-container .filter-input{
        display: block;
        margin-block: 20px;
        width: 90%;
        margin: 15px;
    }
}

.filter-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  padding-right: 40px; /* Add space for the arrow */
  background: white url("data:image/svg+xml,%3Csvg fill='%230C1D2F' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 10px center;
  background-size: 26px;
}

/* Porerty listing page */
.filtered-properties {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
    padding: 0 15px;
  }
  
  .property-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 12px (#0C1D2F);
    transition: transform 0.2s ease;
  }
  
  .property-card:hover {
    transform: translateY(-4px);
  }
  
  .property-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  
  .property-content {
    padding: 15px;
  }
  
  .property-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #0C1D2F;
    font-family: "Trirong", Sans-serif
  }
  
  .property-contact {
    font-size: 14px;
    color: #666;
  }
  
  .property-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #0C1D2F;
    background-color: transparent;
    border: 1px solid #0C1D2F;
    border-radius: 24px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  
  .property-contact-btn:hover {
    background-color: #0C1D2F;
    color: #fff;
  }
  
  .phone-icon {
    font-size: 16px;
  }
  
 .elementor-shortcode .no-items {
      display: block;
      text-align: center;
  }

  /* contact us page filer */
  .contact-us-page .filter-container .filter-input{
    width: 23%;
    display: inline-block;
    margin: 0 10px;
    height: calc(2.25rem + 6px);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0000001A;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
    font-family: "Rubik", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    padding: 0px 5px;
    color: #0C1D2F;
    border-radius: .25rem;
}

.contact-us-page .filter-container .filter-button{
  width: 35%;
  border-radius: 10px;
  padding-top: 2px;
  line-height: 2.3em;
  background-color: #0C1D2F;
  color: #fff;
  font-family: "Rubik", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  height: calc(2.25rem + 6px);
  border: none;
}

@media (max-width: 1157px) {
  .contact-us-page .filter-container .filter-input{
      width: 20%;
  }
}

.contact-us-page .filter-container{
  border: none;
}

@media (max-width: 590px) {
  .contact-us-page .filter-container .filter-input{
      display: block;
      margin-block: 20px;
      width: 90%;
      margin: 15px;
  }
}


/* popup up form styles */

#pum-5182 .popmake-content{
  text-align: center;
}
html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
  padding-right: 0px !important;
}
@media (max-width: 1024px) {
  .elementor-3758 .elementor-element.elementor-element-26ea9738 {
      padding: 5px 15px 35px 15px !important;
  }
}

/* Hide arrows in number input (Chrome, Safari, Edge) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

#metform-wrap-3758-3758 .mf-error-message{
  text-align: left;
}
@media (min-width: 768px) {
  #popmake-5182 {
    max-height: 620px;
  }
}

/* for sustainability page section */
@media (min-width: 1199px) {
/* Make each section sticky */
  .elementor .sticky-section {
    position: sticky !important;
    top: 0 !important;
    /* height: 100vh; */
    overflow: hidden !important;
    z-index: 1 !important;
  }

  /* Animate on scroll - hidden state */
  .elementor .animate {
    opacity: 0 !important;
    transform: translateY(30px) !important;
    transition: all 0.6s ease-out !important;
  }

  /* When section is in view, animate it in */
  .sticky-section.in-view .animate {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

.tcg-portfolio-adv .filter .text {
  display: none;
}

/* .custom-swiper-pagination {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
}

.custom-swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  margin: 0 5px;
  transition: 0.3s;
}

.custom-swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
} */

.empty-filter p{
  font-size: 20px;
}

.empty-filter a:hover,
.hover-style a:hover{
  color: #0C1D2F;
}

.gallery-slider h3.title{
  display: none;
}

.gallery-slider .tcg-dynamic-tabs-filters{
  display: none !important;
}