.elementor-8952 .elementor-element.elementor-element-3175a95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}@media(max-width:767px){.elementor-8952 .elementor-element.elementor-element-3175a95{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-8952 .elementor-element.elementor-element-3175a95{--content-width:850px;}}/* Start custom CSS for html, class: .elementor-element-a864ef7 */.mapList1{
    display: none; /* collapsed by default on mobile */
    
  }
  
  .icon-up {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7fbda7 *//* Keep the dialog within the viewport and centered */
  #filtersModal .modal-dialog {
    max-width: 960px;              /* matches .modal-lg but explicit here */
    width: calc(100% - 2rem);      /* side gutters on small screens */
    margin: 1rem auto;             /* vertical breathing room */
  }

  /* Ensure header/footer stay visible; body becomes the scroll area */
  #filtersModal .modal-content {
   /*max-height: 702px;        */
   /* never exceed viewport height */
    display: flex;
    flex-direction: column;
    /*overflow: auto;*/
  }
  #filtersModal .modal-header,
  #filtersModal .modal-footer {
    flex: 0 0 auto;
  }
  #filtersModal .modal-body {
    flex: 1 1 auto;
    overflow: auto;  
     height: 67vh;
    /* scroll inside when content is tall */
    -webkit-overflow-scrolling: touch; /* smooth iOS scrolling */
     scrollbar-width: thin; 
    scrollbar-color: #888 transparent; /* thumb + track */
}

/* Chrome, Safari, Edge */
#filtersModal .modal-body::-webkit-scrollbar {
    width: 6px; /* scrollbar width */
}

#filtersModal .modal-body::-webkit-scrollbar-track {
    background: transparent; /* track */
}

#filtersModal .modal-body::-webkit-scrollbar-thumb {
    background-color: #888; /* thumb color */
    border-radius: 10px;
}

  /* Small devices: use nearly full screen but still centered look */
  @media (max-width: 576px) {
    #filtersModal .modal-dialog {
      margin: 0.5rem auto;
      width: calc(100% - 1rem);
       height: 450px;
    }
    #filtersModal .modal-content {
      /*max-height: 95vh;*/
    }
    
    
    .modal-content {
        min-height: 0  !important;
    }
    
  }
  
  
 button#openFiltersBtn {
    background: #00000000;
    display: flex;
    justify-content: center;
    align-items: anchor-center;
    gap: 9px;
    color: #000;
    border: 2px solid #000 !important;
    border: none;
    padding: 10px 16px;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
        font-weight: 500;
}

.more_filter_btn {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}


.modal-body h6 {
    margin: 0;
}

h5.modal-title {
    margin: 0;
}

button.btn.btn-success.applyFiltersBtn {
    background-color: #07635A;
}

button.btn.btn-success.applyFiltersBtn:hover {
    background-color: #39B0A4;
}/* End custom CSS */