.elementor-4281 .elementor-element.elementor-element-1f2f3e76{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#E7E7E7;--border-color:#E7E7E7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-4281 .elementor-element.elementor-element-1f2f3e76:not(.elementor-motion-effects-element-type-background), .elementor-4281 .elementor-element.elementor-element-1f2f3e76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4281 .elementor-element.elementor-element-1f2f3e76.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-2d6c199{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4281 .elementor-element.elementor-element-d1110f0{--display:flex;--min-height:0px;--justify-content:center;}.elementor-4281 .elementor-element.elementor-element-d1110f0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4281 .elementor-element.elementor-element-3fc0387.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-3fc0387{text-align:left;}.elementor-4281 .elementor-element.elementor-element-3fc0387 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:39px;font-weight:600;color:#000000;}.elementor-4281 .elementor-element.elementor-element-4bb9b74{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4281 .elementor-element.elementor-element-4bb9b74.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-81d378c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-81d378c.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-3c1024c{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 14px;--row-gap:0px;--column-gap:14px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4281 .elementor-element.elementor-element-3c1024c.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4281 .elementor-element.elementor-element-a06ca48 .elementor-button{background-color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:13px;fill:#020202;color:#020202;transition-duration:0.2s;border-radius:12px 12px 12px 12px;}.elementor-4281 .elementor-element.elementor-element-a06ca48.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-a06ca48 .elementor-button-content-wrapper{flex-direction:row;}.elementor-4281 .elementor-element.elementor-element-a06ca48 .elementor-button:hover, .elementor-4281 .elementor-element.elementor-element-a06ca48 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-4281 .elementor-element.elementor-element-a06ca48 .elementor-button:hover svg, .elementor-4281 .elementor-element.elementor-element-a06ca48 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-4281 .elementor-element.elementor-element-11a28d1.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-c00e393{--display:flex;--min-height:0px;--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;}.elementor-4281 .elementor-element.elementor-element-450f29e{--spacer-size:0px;}.elementor-4281 .elementor-element.elementor-element-c9c872a{--display:flex;--min-height:741px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--flex-wrap:wrap;--overlay-opacity:0;border-style:none;--border-style:none;--border-radius:-15px -15px -15px -15px;box-shadow:-5px 0px 10px 0px rgba(255, 255, 255, 0);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4281 .elementor-element.elementor-element-c9c872a .elementor-background-slideshow__slide__image{background-size:cover;background-position:top center;}.elementor-4281 .elementor-element.elementor-element-c9c872a::before, .elementor-4281 .elementor-element.elementor-element-c9c872a > .elementor-background-video-container::before, .elementor-4281 .elementor-element.elementor-element-c9c872a > .e-con-inner > .elementor-background-video-container::before, .elementor-4281 .elementor-element.elementor-element-c9c872a > .elementor-background-slideshow::before, .elementor-4281 .elementor-element.elementor-element-c9c872a > .e-con-inner > .elementor-background-slideshow::before, .elementor-4281 .elementor-element.elementor-element-c9c872a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:center center;background-size:auto;}.elementor-4281 .elementor-element.elementor-element-c9c872a > .elementor-shape-bottom .elementor-shape-fill, .elementor-4281 .elementor-element.elementor-element-c9c872a > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-4281 .elementor-element.elementor-element-c9c872a > .elementor-shape-bottom svg, .elementor-4281 .elementor-element.elementor-element-c9c872a > .e-con-inner > .elementor-shape-bottom svg{height:288px;transform:translateX(-50%) rotateY(180deg);}.elementor-4281 .elementor-element.elementor-element-c9c872a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4281 .elementor-element.elementor-element-b0db645 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4281 .elementor-element.elementor-element-b0db645{text-align:center;}.elementor-4281 .elementor-element.elementor-element-b0db645 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:60px;font-weight:700;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#FFFFFF00;stroke:#FFFFFF00;color:#058CFF;}.elementor-4281 .elementor-element.elementor-element-b8d6eb9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4281 .elementor-element.elementor-element-b8d6eb9{text-align:center;}.elementor-4281 .elementor-element.elementor-element-b8d6eb9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#3F3F3F;}.elementor-4281 .elementor-element.elementor-element-0cc287b{--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;--margin-top:-85px;--margin-bottom:23px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4281 .elementor-element.elementor-element-d64b64c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4281 .elementor-element.elementor-element-d64b64c{text-align:center;}.elementor-4281 .elementor-element.elementor-element-d64b64c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:23px;font-weight:700;font-style:normal;color:#040404;}.elementor-4281 .elementor-element.elementor-element-fc16980{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4281 .elementor-element.elementor-element-5d1421d{width:var( --container-widget-width, 41.724% );max-width:41.724%;--container-widget-width:41.724%;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-5d1421d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-5d1421d .b-searchbar-widget{justify-content:center;width:551px;margin:0 6 0 0;padding:0 0 0 0;}.elementor-4281 .elementor-element.elementor-element-5d1421d .b-search-input{width:551px;}.elementor-4281 .elementor-element.elementor-element-5d1421d #b-search-button{background-color:var( --e-global-color-secondary );}.elementor-4281 .elementor-element.elementor-element-5d1421d #b-search-button i{color:#FFFFFF;}.elementor-4281 .elementor-element.elementor-element-2c9f769{width:var( --container-widget-width, 22.429% );max-width:22.429%;--container-widget-width:22.429%;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-2c9f769.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-a54679a{width:auto;max-width:auto;}.elementor-4281 .elementor-element.elementor-element-a54679a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4281 .elementor-element.elementor-element-a54679a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4281 .elementor-element.elementor-element-1f2f3e76{--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4281 .elementor-element.elementor-element-d1110f0{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-theme-site-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4281 .elementor-element.elementor-element-4bb9b74{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4281 .elementor-element.elementor-element-81d378c.elementor-element{--align-self:flex-end;}.elementor-4281 .elementor-element.elementor-element-a06ca48{width:var( --container-widget-width, 506.764px );max-width:506.764px;--container-widget-width:506.764px;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-11a28d1{width:var( --container-widget-width, 103px );max-width:103px;--container-widget-width:103px;--container-widget-flex-grow:0;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4281 .elementor-element.elementor-element-b0db645 .elementor-heading-title{font-size:50px;}.elementor-4281 .elementor-element.elementor-element-5d1421d{width:var( --container-widget-width, 712.819px );max-width:712.819px;--container-widget-width:712.819px;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-5d1421d .b-searchbar-widget{width:688px;}.elementor-4281 .elementor-element.elementor-element-5d1421d .b-search-input{width:688px;}}@media(max-width:767px){.elementor-4281 .elementor-element.elementor-element-1f2f3e76{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:05px 3px;--row-gap:05px;--column-gap:3px;}.elementor-4281 .elementor-element.elementor-element-d1110f0{--width:57.458%;}.elementor-widget-theme-site-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4281 .elementor-element.elementor-element-3fc0387{width:var( --container-widget-width, 158.694px );max-width:158.694px;--container-widget-width:158.694px;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-3fc0387.elementor-element{--align-self:flex-start;}.elementor-4281 .elementor-element.elementor-element-4bb9b74{--width:33%;--justify-content:center;}.elementor-4281 .elementor-element.elementor-element-81d378c{width:100%;max-width:100%;}.elementor-4281 .elementor-element.elementor-element-3c1024c{--width:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-4281 .elementor-element.elementor-element-a06ca48{width:var( --container-widget-width, 139.319px );max-width:139.319px;--container-widget-width:139.319px;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-a06ca48.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-4281 .elementor-element.elementor-element-a06ca48 .elementor-button{font-size:13px;}.elementor-4281 .elementor-element.elementor-element-11a28d1{width:var( --container-widget-width, 124px );max-width:124px;--container-widget-width:124px;--container-widget-flex-grow:0;}.elementor-4281 .elementor-element.elementor-element-11a28d1.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4281 .elementor-element.elementor-element-b0db645 .elementor-heading-title{font-size:43px;}.elementor-4281 .elementor-element.elementor-element-5d1421d .b-searchbar-widget{width:200px;}.elementor-4281 .elementor-element.elementor-element-5d1421d .b-search-input{width:200px;}.elementor-4281 .elementor-element.elementor-element-2c9f769{width:var( --container-widget-width, 303.086px );max-width:303.086px;--container-widget-width:303.086px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-4281 .elementor-element.elementor-element-1f2f3e76{--width:100%;}.elementor-4281 .elementor-element.elementor-element-d1110f0{--width:25%;}.elementor-4281 .elementor-element.elementor-element-4bb9b74{--width:40%;}.elementor-4281 .elementor-element.elementor-element-3c1024c{--width:25%;}.elementor-4281 .elementor-element.elementor-element-c9c872a{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4281 .elementor-element.elementor-element-d1110f0{--width:55%;}.elementor-4281 .elementor-element.elementor-element-4bb9b74{--width:45%;}}/* Start custom CSS for theme-site-title, class: .elementor-element-3fc0387 */.elementor-4281 .elementor-element.elementor-element-3fc0387 .elementor-heading-title {
    background: linear-gradient(90deg, #F39200 25%,#1D71B8); /* Start with your desired gradient colors */
    -webkit-background-clip: text;
    color: transparent;
    transition: background 0.35s ease;
}

.elementor-4281 .elementor-element.elementor-element-3fc0387 .elementor-heading-title:hover {
    background: linear-gradient(90deg, #1D71B8 25%,#F39200); /* Reverse the gradient on hover */
    -webkit-background-clip: text;
    color: transparent;
}

.elementor-4281 .elementor-element.elementor-element-3fc0387 .elementor-heading-title {
    color: black; /* Default color */
    transition: background 0.35s ease, color 0.35s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1f2f3e76 */.elementor-4281 .elementor-element.elementor-element-1f2f3e76 {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for B_SearchBar, class: .elementor-element-5d1421d *//* Default state for the search button */

.b-searchbar-widget {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px;
    background: #ffffff; /* Same background color */
    border-radius: 10px; /* Rounded corners for the outer container */
    border: 1px solid #e4e4e4; /* Light gray border */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    max-width: 999999px; /* Optional: Adjust width as needed */
    margin: 20px auto; /* Center the search bar */
    font-family: 'Arial', sans-serif; /* Consistent font */
}
.b-searchbar-widget #b-search-button {
    background-color: #F39200; /* Default solid color */
    border: none;
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    transition: background 0.35s ease, transform 0.2s ease; /* Smooth transition */
}

/* Hover state for the search button */
.b-searchbar-widget #b-search-button:hover {
    background: linear-gradient(90deg, #F39200, #1D71B8); /* Gradient on hover */
    transform: scale(1.1); /* Slight zoom effect on hover */
}

/* Icon inside the search button */
.b-searchbar-widget #b-search-button i {
    color: #ffffff; /* Icon color */
    font-size: 16px; /* Icon size */
    transition: color 0.35s ease; /* Smooth icon color transition */
}/* End custom CSS */
/* Start custom CSS for B_Country, class: .elementor-element-2c9f769 */.category-button {
    display: inline-block;
    width: 50px; /* Reduced width for a smaller button */
    padding: 5px; /* Reduced padding */
    margin: 5px;
    background-color: transparent; /* No background color */
    color: black; /* Ensuring visibility on a transparent background */
    text-decoration: none;
    border: none;
    border-radius: 5px;
    font-family: 'AirBnb_Bk', 'AirBnb_Bk';
    text-align: center; /* Center the text and the icon */
    cursor: pointer;
    font-size: 10px; /* Reduced font size for text */
}

.category-button:hover {
    background-color: #e0e0e0; /* Slightly darker on hover */
    color: #333; /* Text color change on hover */
}

.category-button.highlighted {
    border: 2px solid #0073e6; /* Highlight color */
    background-color: #f0f8ff; /* Light background */
    font-weight: bold; /* Make text bold */
}/* End custom CSS */
/* Start custom CSS for b_popupfilter, class: .elementor-element-a54679a *//* ─────────────────────────────────────────────
   GLOBAL RESET & TYPOGRAPHY
────────────────────────────────────────────── */
*{box-sizing:border-box;margin:0;padding:0;}
body,input,button{
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* ─────────────────────────────────────────────
   OVERLAY
────────────────────────────────────────────── */
.overlay{
    display:none;
    position:fixed;inset:0;
    background:rgba(0,0,0,.5);
    z-index:999;
}

.overlay{
    z-index: 9000;                 /* was 999 */
}

/* the actual window */
.popup-window{
    z-index: 9010;                 /* was 1000 */
}

/* ─────────────────────────────────────────────
   POP-UP WINDOW – DESKTOP DEFAULT
────────────────────────────────────────────── */
.popup-window{
    display:none;
    position:fixed;
    top:50%;left:50%;transform:translate(-50%,-50%);
    width:80%;max-width:800px;
    background:#fff;border:1px solid #ccc;border-radius:20px;
    padding:20px;
    z-index:1000;
    overflow:hidden;                 /* we’ll scroll inner body, not the shell */
}

/* inner scroll area (everything below the sticky header) */
.popup-body{
    max-height:calc(100vh - 120px);   /* keep your existing rule */
    overflow-y:auto;
    padding-bottom:50px;              /* 👈  space to taste (e.g. 16-32 px) */
}
.popup-body h2{
    font-size:20px;
    font-weight:700;
    color:#111;
    margin:20px 0 12px;   /* matches the rule you already use */
}
/* ── header (sticky) ───────────────────────── */
.popup-header{
    position:sticky;top:0;z-index:2; /* sticks during internal scroll */
    display:flex;justify-content:center;align-items:center;
    border-bottom:1px solid #ccc;
    padding:15px 0 20px;     /* extra vertical space */
    min-height:40px;         /* guarantees room */
    background:#fff;                 /* cover content while scrolling */
}

.section-desc{
    font-size:13px;
    color:#666;
    margin:-8px 0 12px;   /* pulls it closer to the heading, keeps gap below */
    line-height:1.4;
}

#filterTitle{
    position:static;         /* was absolute – remove it           */
    transform:none;          /* cancel the -50% translate          */
    margin:0 auto;           /* flex item, fills centre naturally  */
    font-size:22px;font-weight:700;
    pointer-events:none;     /* clicks still reach the close btn   */
}

#closePopupButton{
    position:absolute;right:18px;top:50%;transform:translateY(-50%);
    width:40px;height:40px;border:none;background:none;cursor:pointer;
    color:#555;font-size:20px;line-height:1;
}
#closePopupButton::before{content:"\00D7";display:block;text-align:center;}
#closePopupButton:hover{color:#1D71B8;}

/* ─────────────────────────────────────────────
   SECTION HEADINGS
────────────────────────────────────────────── */
.popup-window > h2,
.PriceRange-container > h3{
    font-size:20px;            /* same size      */
    font-weight:700;           /* same weight    */
    color:#111;                /* slightly darker*/
    margin:20px 0 12px;
}
/* ─────────────────────────────────────────────
   TAG LIST
────────────────────────────────────────────── */
.SubjectStreamTag-container{
    display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;
}
.SubjectStreamTag{
    padding:8px 16px;border-radius:15px;
    background:#e0e0e0;font-size:14px;cursor:pointer;
    transition:.2s background;
}
.SubjectStreamTag:hover,
.SubjectStreamTag.selected{background:#1D71B8;color:#fff;}

/* ─────────────────────────────────────────────
   PRICE RANGE (separator line at top)
────────────────────────────────────────────── */
.PriceRange-container{
    margin-top:20px;padding-top:20px;border-top:1px solid #ccc;
}
.PriceRange-container > h3{margin-bottom:20px;}
/* slider track */
#slider-range.ui-slider{
    width:95%;          /* whatever width you like                */
    margin:0 auto; 
    margin-top:8px;            /* ← this centres it horizontally          */
    background:#e5e5e5;
    border:none;
    height:6px;
    border-radius:3px;
}
#slider-range .ui-slider-range{
    background:#1D71B8;        /* your brand blue */
    border:none;
    height:6px;
    border-radius:3px;
}

#slider-range .ui-slider-handle{
    width:18px;height:18px;
    top:-6px;                  /* centre on bar  */
    background:#fff;
    border:3px solid #1D71B8;  /* blue ring      */
    border-radius:50%;
    cursor:pointer;
    transition:box-shadow .2s;
}
#slider-range .ui-slider-handle:hover,
#slider-range .ui-slider-handle:focus{
    box-shadow:0 0 0 4px rgba(29,113,184,.25); /* focus glow */
}

input[type=number]{
    width:45%;padding:8px;font-size:16px;text-align:center;
    border:1px solid #ccc;border-radius:20px;
}
input[type=number]:focus{border-color:#F39200;outline:none;}

/* ────────────────────────────────
   MIN / MAX PRICE ROW
──────────────────────────────────*/
.PriceNumberSection{
    display:flex;gap:24px;justify-content:space-between;margin-top:28px;
}
@media(max-width:500px){.PriceNumberSection{flex-direction:column}}

/* each box */
.priceBox{position:relative;flex:1;text-align:center;}
.priceBox label{
    display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px;
}

/* baht badge */
.currency{
    position:absolute;left:18px;top:50%;transform:translateY(-50%);
    font-size:17px;font-weight:700;color:#1D71B8;pointer-events:none;
}
/* labels next to inputs, not above */
.PriceNumberSection label{
    flex:none;
}

/* number boxes – pill shape, subtle grey, blue focus */
.priceBox input[type=number]{
    width:100%;padding:14px 18px 14px 42px;   /* room for ฿ */
    font-size:18px;font-weight:700;color:#111;
    background:#fafafa;border:1px solid #ccc;border-radius:32px;
    text-align:right;                         /* aligns numbers neatly */
}
.priceBox input[type=number]:focus{
    border-color:#1D71B8;outline:none;
}

/* small tweak to keep the two inputs side-by-side even on narrow view */
@media (max-width:500px){
    .PriceNumberSection{flex-direction:column;gap:10px;}
    .PriceNumberSection input[type=number]{width:100%;max-width:none;}
}

/* ─────────────────────────────────────────────
   FILTER BUTTON (opens pop-up)
────────────────────────────────────────────── */
#openPopupButton{
    color:#111;
    font-size:12px;
    border:1px solid #ccc;border-radius:5px;
    background:#fff;cursor:pointer;
    transition:border-color .2s, box-shadow .2s;
}
#openPopupButton:hover,
#openPopupButton:focus{
    border-color:#1D71B8;               /* blue outline on hover / focus   */
    box-shadow:0 0 0 2px rgba(29,113,184,.4);
}
#openPopupButton svg{pointer-events:none;}
#openPopupButton.active{
    border-color:#1D71B8;
    box-shadow:0 0 0 2px rgba(29,113,184,.8);
}

#openPopupButton .badge{display:none !important;}
/* ─────────────────────────────────────────────
   RESPONSIVE  – TABLET / PHONE  ( ≤ 991 px )
────────────────────────────────────────────── */
@media (max-width:991px){
    .popup-window{
        top:0;left:0;transform:none;width:100vw;max-width:none;
        height:100vh;border-radius:0;padding:0;   /* true fullscreen */
    }
    .popup-header{padding:14px 0 18px 0;}
    .popup-body{max-height:calc(100vh - 56px);}   /* header = 56 px */
}

.overlay{
    z-index: 99990 !important;      /*  ✅  stays below the window   */
}

/* modal above *everything* (Elementor sections often use 40000-50000) */
#popupContainer,                /* id used in the HTML            */
.popup-window{                  /* class fallback                 */
    z-index: 100000 !important; /*  ✅  higher than overlay+widgets*/
}

/* Center OR right-align the “Filter” button of this widget */
.elementor-widget-b_popupfilter      /* auto-generated widget class */
  > .elementor-widget-container{
    text-align:center;               /* ← change to left|center|right */
}


/* inside your global / site CSS or Theme Customizer → Additional CSS */
.elementor-widget-b_popupfilter #openPopupButton{
    /* turn off the old absolute positioning – you already did this */
    position:static !important;
    top:auto !important;
    right:auto !important;
    display:inline-block !important;

    /* ←–– Size / look that will NOT be overridden –––→ */
    padding:10px 20px !important;   /* width & height */
    font-size:14px !important;      /* text size      */
    line-height:1.2 !important;     /* keeps icon + text centred */
}/* End custom CSS */
/* Start custom CSS */.searchandfilter-submit {
  background-color: blue;
  padding: 10px 20px;
  color: white;
  border: none;
  cursor: pointer;
}/* End custom CSS */