#astroid-backtotop{background:rgba(113, 44, 249, 1);padding:15px;}#astroid-backtotop > i{font-size:20px;color:rgba(255, 255, 255, 1);width:20px;height:20px;line-height:20px;text-align:center;}[data-bs-theme=dark] #astroid-backtotop{background:rgba(148, 97, 251, 1);}[data-bs-theme=dark] #astroid-backtotop > i{color:rgba(255, 255, 255, 1);}#tb-60cd7e0c71de1c5436765{background-color:rgba(238, 238, 238, 1);}[data-bs-theme=dark] #tb-60cd7e0c71de1c5436765{background-color:rgba(35, 35, 35, 1);}.astroid-logo > .astroid-logo-default{max-width:500px;max-height:100px;}.astroid-logo > .astroid-logo-mobile{max-height:25px;}.astroid-logo > .astroid-logo-sticky{max-height:25px;}.astroid-logo > .astroid-logo-mobile{max-height:25px;}#d-60cd57b521903050966751{margin-top:70px;margin-bottom:30px}#d-60cd57b521903050966751 .divider-content{border-top:1px solid rgba(0, 0, 0, 0.1);margin-top:70px;margin-bottom:30px}[data-bs-theme=dark] #d-60cd57b521903050966751 .divider-content{border-color:rgba(255, 255, 255, 0.1);}#n-60cd7bc3146df041317281 .nav-link{color:rgba(110, 109, 122, 1);padding:0px 0px 0px 20px}#n-60cd7bc3146df041317281 .nav-link:hover{color:rgba(113, 44, 249, 1);}[data-bs-theme=dark] #n-60cd7bc3146df041317281 .nav-link{color:rgba(179, 179, 180, 1);}[data-bs-theme=dark] #n-60cd7bc3146df041317281 .nav-link:hover{color:rgba(148, 97, 251, 1);}#ar-1528971627712{margin-bottom:-40px}#fs-1528971627712{background-color:rgba(240, 240, 240, 1);padding-top:70px;padding-bottom:70px}[data-bs-theme=dark] #fs-1528971627712{background-color:rgba(35, 35, 35, 1);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}body.astroid-framework, .body.astroid-framework{font-weight:400;text-transform:none;font-size:16px;line-height:1.7em;font-family:"Nunito", Arial, Helvetica, sans-serif;}.astroid-framework h1, .astroid-framework .h1{font-weight:600;text-transform:none;font-size:2.5rem;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;}.astroid-framework h2, .astroid-framework .h2{font-weight:600;text-transform:none;font-size:2.0814rem;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;}.astroid-framework h3, .astroid-framework .h3{font-weight:600;text-transform:none;font-size:1.7329rem;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;}.astroid-framework h4, .astroid-framework .h4{font-weight:600;text-transform:none;font-size:1.4427rem;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;}.astroid-framework h5, .astroid-framework .h5{font-weight:600;text-transform:none;font-size:1.2011rem;line-height:1.2em;font-family:Arial, Helvetica, sans-serif;}.astroid-framework h6, .astroid-framework .h6{font-weight:600;text-transform:none;font-size:1.1rem;line-height:1.5em;font-family:Arial, Helvetica, sans-serif;}.astroid-framework .astroid-nav > li > .as-menu-item, .astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item{font-weight:400;text-transform:none;font-size:15px;line-height:1.7em;font-family:"Nunito", Arial, Helvetica, sans-serif;}.astroid-framework .nav-submenu-container .nav-submenu > li, .astroid-framework .jddrop-content .megamenu-item .megamenu-menu li, .astroid-framework .nav-submenu, .astroid-framework .astroid-mobile-menu .nav-child .menu-go-back, .astroid-framework .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .astroid-framework .nav-item-submenu .as-menu-item{font-weight:400;text-transform:none;font-size:15px;line-height:2em;font-family:"Nunito", Arial, Helvetica, sans-serif;}.astroid-framework .top-bars{font-weight:400;text-transform:none;font-size:14px;line-height:1em;font-family:"Nunito", Arial, Helvetica, sans-serif;}:root .astroid-framework, [data-bs-theme="light"] .astroid-framework{--bs-body-bg:rgba(255, 255, 255, 1);--bs-body-color:rgba(110, 109, 122, 1);--bs-link-color:rgba(51, 51, 51, 1);--bs-link-color-rgb:51,51,51;--bs-link-opacity:1;--bs-link-hover-color:rgba(113, 44, 249, 1);--bs-link-hover-color-rgb:113,44,249;--bs-heading-color:rgba(58, 58, 58, 1);--as-header-text-color:rgba(55, 55, 55, 1);--as-header-bg:rgba(248, 247, 244, 1);--as-stick-header-bg-color:rgba(248, 247, 244, 1);--as-stick-header-menu-link-color:rgba(110, 109, 122, 1);--as-stick-header-menu-link-hover-color:rgba(113, 44, 249, 1);--as-stick-header-menu-link-active-color:rgba(24, 24, 24, 1);--as-main-menu-link-color:rgba(110, 109, 122, 1);--as-main-menu-link-hover-color:rgba(113, 44, 249, 1);--as-main-menu-link-active-color:rgba(0, 0, 0, 1);--as-dropdown-bg-color:rgba(253, 253, 253, 1);--as-dropdown-link-color:rgba(110, 109, 122, 1);--as-dropdown-menu-link-hover-color:rgba(113, 44, 249, 1);--as-dropdown-menu-active-link-color:rgba(0, 0, 0, 1);--as-mobile-menu-text-color:rgba(110, 109, 122, 1);--as-mobile-backgroundcolor:rgba(248, 247, 244, 1);--as-mobile-menu-link-color:rgba(110, 109, 122, 1);--as-mobile-menu-active-link-color:rgba(113, 44, 249, 1);--as-mobile-menu-active-icon-color:rgba(0, 0, 0, 1);--as-mobile-menu-icon-color:rgba(110, 109, 122, 1);--as-mobilemenu-backgroundcolor:rgba(248, 247, 244, 1);--as-mobilemenu-menu-text-color:rgba(110, 109, 122, 1);--as-mobilemenu-menu-link-color:rgba(110, 109, 122, 1);--as-mobilemenu-menu-active-link-color:rgba(113, 44, 249, 1);--as-mobilemenu-menu-icon-color:rgba(110, 109, 122, 1);--as-mobilemenu-menu-active-icon-color:rgba(54, 54, 54, 1);}[data-bs-theme="dark"] .astroid-framework{--bs-body-bg:rgba(40, 41, 40, 1);--bs-body-color:rgba(179, 179, 180, 1);--bs-link-color:rgba(255, 255, 255, 1);--bs-link-color-rgb:255,255,255;--bs-link-opacity:1;--bs-link-hover-color:rgba(148, 97, 251, 1);--bs-link-hover-color-rgb:148,97,251;--bs-heading-color:rgba(245, 245, 245, 1);--as-header-text-color:rgba(224, 224, 224, 1);--as-header-bg:rgba(51, 51, 51, 1);--as-stick-header-bg-color:rgba(51, 51, 51, 1);--as-stick-header-menu-link-color:rgba(184, 184, 185, 1);--as-stick-header-menu-link-hover-color:rgba(148, 97, 251, 1);--as-stick-header-menu-link-active-color:rgba(255, 255, 255, 1);--as-main-menu-link-color:rgba(180, 180, 181, 1);--as-main-menu-link-hover-color:rgba(148, 97, 251, 1);--as-main-menu-link-active-color:rgba(255, 255, 255, 1);--as-dropdown-bg-color:rgba(35, 35, 35, 1);--as-dropdown-link-color:rgba(172, 172, 173, 1);--as-dropdown-menu-link-hover-color:rgba(148, 97, 251, 1);--as-dropdown-menu-active-link-color:rgba(255, 255, 255, 1);--as-mobile-menu-text-color:rgba(162, 162, 163, 1);--as-mobile-backgroundcolor:rgba(51, 51, 51, 1);--as-mobile-menu-link-color:rgba(172, 172, 173, 1);--as-mobile-menu-active-link-color:rgba(148, 97, 251, 1);--as-mobile-menu-active-icon-color:rgba(255, 255, 255, 1);--as-mobile-menu-icon-color:rgba(183, 183, 185, 1);--as-mobilemenu-backgroundcolor:rgba(51, 51, 51, 1);--as-mobilemenu-menu-text-color:rgba(174, 174, 175, 1);--as-mobilemenu-menu-link-color:rgba(190, 190, 191, 1);--as-mobilemenu-menu-active-link-color:rgba(148, 97, 251, 1);--as-mobilemenu-menu-icon-color:rgba(186, 186, 187, 1);--as-mobilemenu-menu-active-icon-color:rgba(255, 255, 255, 1);}.items-leading .article-title .page-header h2{font-size:32px;}.items-row .article-title .page-header h2{font-size:26px;}/* ============================================================
   APPLY ONLY TO ADVANCED SEARCH PAGES
   ============================================================ */
body.com-osproperty.view-ladvsearch {

    /* ------------------------------------------
       WHOLE SEARCH AREA CARD
       ------------------------------------------ */
    #advsearchformdiv {
        background: #ffffff !important;
        border-radius: 16px !important;
        padding: 34px !important;
        box-shadow: 0 8px 28px rgba(0,0,0,0.06) !important;
        border: 1px solid #e5e7eb !important;
        margin-top: 20px !important;
        margin-bottom: 40px !important;
    }

    /* ------------------------------------------
       TAB BUTTONS (For Rent / For Sale / Holiday Rentals)
       ------------------------------------------ */
    ul.nav.nav-tabs {
        display: flex !important;
        justify-content: center !important;
        gap: 14px !important;
        margin-bottom: 25px !important;
    }

    ul.nav.nav-tabs > li > a {
        display: inline-flex !important;
        padding: 12px 26px !important;
        border-radius: 12px !important;
        border: 2px solid #d2d5da !important;
        background: #ffffff !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #374151 !important;
        transition: all 0.35s ease !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
    }

    ul.nav.nav-tabs > li > a:hover {
        background: #f8f9fa !important;
        border-color: #b9bdc3 !important;
        box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
    }

    ul.nav.nav-tabs > li.active > a,
    ul.nav.nav-tabs > li.active > a:hover {
        background: #2563eb !important;
        border-color: #2563eb !important;
        color: #ffffff !important;
        box-shadow: 0 6px 16px rgba(37,99,235,0.3) !important;
        transform: translateY(-2px);
    }

    ul.nav.nav-tabs > li > a::after {
        display: none !important;
    }

    /* ------------------------------------------
       FIELD LABELS
       ------------------------------------------ */
    .searchfields strong {
        display: block;
        font-weight: 700;
        font-size: 14px;
        color: #1f2937;
        margin-bottom: 6px;
    }

    /* ------------------------------------------
       INPUTS + SELECTS
       ------------------------------------------ */
    .searchfields .form-control,
    .searchfields .form-select,
    input.form-control,
    select.form-control {
        background: #ffffff !important;
        border: 2px solid #e2e8f0 !important;
        border-radius: 10px !important;
        padding: 12px 14px !important;
        font-size: 15px !important;
        color: #374151 !important;
        transition: border-color .25s ease, box-shadow .25s ease;
    }

    .searchfields .form-control:focus,
    .searchfields .form-select:focus {
        border-color: #2563eb !important;
        box-shadow: 0 0 0 3px rgba(37,99,235,0.25) !important;
        outline: none !important;
    }

    /* ------------------------------------------
       MULTI SELECT (Category)
       ------------------------------------------ */
    .custom-multi-select {
        border: 2px solid #e2e8f0 !important;
        border-radius: 10px !important;
        padding: 12px 14px !important;
        background: #ffffff !important;
        cursor: pointer !important;
        position: relative !important;
        transition: border-color 0.3s ease;
    }

    .custom-multi-select:hover {
        border-color: #2563eb !important;
    }

    .custom-multi-select .selected-items {
        font-size: 15px !important;
        color: #374151;
    }

    .custom-multi-select .dropdown-content {
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        background: #ffffff;
        border-radius: 10px;
        border: 1px solid #e5e7eb;
        box-shadow: 0 10px 25px rgba(0,0,0,0.15);
        padding: 12px;
        max-height: 260px;
        overflow-y: auto;
        display: none;
        z-index: 9999;
    }

    .custom-multi-select.open .dropdown-content {
        display: block;
    }

    .custom-multi-select .dropdown-content label {
        display: block;
        padding: 6px 4px;
        font-size: 14px;
        color: #374151;
        border-radius: 6px;
        cursor: pointer;
        transition: background 0.15s ease;
    }

    .custom-multi-select .dropdown-content label:hover {
        background: #f1f5ff;
    }

    /* ------------------------------------------
       PRICE RANGE SLIDERS
       ------------------------------------------ */
    .price-range input[type="range"] {
        width: 100%;
        appearance: none;
        height: 6px;
        background: #e5e7eb;
        border-radius: 10px;
        margin-bottom: 8px;
    }

    .price-range input[type="range"]::-webkit-slider-thumb {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #2563eb;
        cursor: pointer;
        transition: background 0.2s ease;
    }

    .price-range input[type="range"]::-webkit-slider-thumb:hover {
        background: #1e40af;
    }

    .price-values span {
        font-size: 14px;
        color: #374151;
        margin-right: 20px;
    }

    /* ------------------------------------------
       INNER TABS (General / Location / Amenities / Other)
       ------------------------------------------ */
    joomla-tab {
        display: block;
        margin-top: 20px;
    }

    joomla-tab::part(tablist) {
        border-bottom: 2px solid #e5e7eb;
        padding-bottom: 4px;
        margin-bottom: 20px;
        display: flex;
        gap: 8px;
    }

    joomla-tab::part(tab) {
        background: #ffffff;
        border: 2px solid #d6d6d6;
        padding: 10px 18px;
        border-radius: 10px 10px 0 0;
        font-size: 15px;
        font-weight: 600;
        color: #374151;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    joomla-tab::part(tab):hover {
        border-color: #2563eb;
    }

    joomla-tab::part(tab)[aria-selected="true"] {
        background: #2563eb;
        color: #ffffff;
        border-color: #2563eb;
        box-shadow: 0 4px 10px rgba(37,99,235,0.25);
    }

    joomla-tab::part(tabpanel) {
        padding: 10px 0;
    }

    /* ------------------------------------------
       SEARCH & RESET BUTTONS
       ------------------------------------------ */
    #btnSubmit {
        background: #2563eb !important;
        color: white !important;
        border-radius: 10px !important;
        padding: 12px 26px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        box-shadow: 0 4px 12px rgba(37,99,235,0.25);
        transition: 0.2s ease;
        border: none !important;
    }

    #btnSubmit:hover {
        background: #1e40af !important;
        transform: translateY(-2px);
    }

    a.btn.btn-secondary {
        background: #e5e7eb !important;
        color: #374151 !important;
        border-radius: 10px !important;
        padding: 12px 26px !important;
        font-weight: 600 !important;
        margin-left: 10px;
    }

    a.btn.btn-secondary:hover {
        background: #d1d5db !important;
    }

    /* ------------------------------------------
       SPACING FIX
       ------------------------------------------ */
    .searchfields {
        margin-bottom: 22px !important;
    }
    
    /* ============================================================
       SMOOTH 1-SECOND TAB ANIMATION - DROP DOWN ONLY
       ============================================================ */
    /* Hide all tab panels by default */
    joomla-tab-element {
        display: block !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transform: scaleY(0);
        transform-origin: top;
        transition: max-height 1s ease-in-out, opacity 0.8s ease-in-out, transform 1s ease-in-out;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Show active tab panel with animation */
    joomla-tab-element[active] {
        max-height: 2000px;
        opacity: 1;
        transform: scaleY(1);
        padding: 10px 0 !important;
    }
    
    /* Ensure tab content is properly contained */
    joomla-tab-element .tab-pane {
        display: block !important;
        padding: 15px 0 !important;
    }
}@media (max-width: 1199.98px) {#d-60cd57b521903050966751{margin-top:70px;margin-bottom:30px}#d-60cd57b521903050966751 .divider-content{margin-top:70px;margin-bottom:30px}#n-60cd7bc3146df041317281 .nav-link{padding:0px 0px 0px 20px}#ar-1528971627712{margin-bottom:-40px}#fs-1528971627712{padding-top:70px;padding-bottom:70px}body.astroid-framework, .body.astroid-framework{font-size:16px;line-height:1.7em;}.astroid-framework h1, .astroid-framework .h1{font-size:2.5rem;line-height:1.2em;}.astroid-framework h2, .astroid-framework .h2{font-size:2.0814rem;line-height:1.2em;}.astroid-framework h3, .astroid-framework .h3{font-size:1.7329rem;line-height:1.2em;}.astroid-framework h4, .astroid-framework .h4{font-size:1.4427rem;line-height:1.2em;}.astroid-framework h5, .astroid-framework .h5{font-size:1.2011rem;line-height:1.2em;}.astroid-framework h6, .astroid-framework .h6{font-size:1.1rem;line-height:1.5em;}.astroid-framework .astroid-nav > li > .as-menu-item, .astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:15px;line-height:1.7em;}.astroid-framework .nav-submenu-container .nav-submenu > li, .astroid-framework .jddrop-content .megamenu-item .megamenu-menu li, .astroid-framework .nav-submenu, .astroid-framework .astroid-mobile-menu .nav-child .menu-go-back, .astroid-framework .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .astroid-framework .nav-item-submenu .as-menu-item{font-size:15px;line-height:2em;}.astroid-framework .top-bars{font-size:14px;line-height:1em;}}@media (max-width: 991.98px) {#n-60cd7bc3146df041317281 .nav-link{padding:0px 20px 0px 0px}body.astroid-framework, .body.astroid-framework{font-size:16px;line-height:1.7em;}.astroid-framework h1, .astroid-framework .h1{font-size:2.5rem;line-height:1.2em;}.astroid-framework h2, .astroid-framework .h2{font-size:2.0814rem;line-height:1.2em;}.astroid-framework h3, .astroid-framework .h3{font-size:1.7329rem;line-height:1.2em;}.astroid-framework h4, .astroid-framework .h4{font-size:1.4427rem;line-height:1.2em;}.astroid-framework h5, .astroid-framework .h5{font-size:1.2011rem;line-height:1.2em;}.astroid-framework h6, .astroid-framework .h6{font-size:1.1rem;line-height:1.5em;}.astroid-framework .astroid-nav > li > .as-menu-item, .astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:15px;line-height:1.7em;}.astroid-framework .nav-submenu-container .nav-submenu > li, .astroid-framework .jddrop-content .megamenu-item .megamenu-menu li, .astroid-framework .nav-submenu, .astroid-framework .astroid-mobile-menu .nav-child .menu-go-back, .astroid-framework .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .astroid-framework .nav-item-submenu .as-menu-item{font-size:15px;line-height:2em;}.astroid-framework .top-bars{font-size:14px;line-height:1em;}}@media (max-width: 575.98px) {#n-60cd7bc3146df041317281 .nav-link{padding:0px 20px 0px 0px}body.astroid-framework, .body.astroid-framework{font-size:16px;line-height:1.7em;}.astroid-framework h1, .astroid-framework .h1{font-size:2.5rem;line-height:1.2em;}.astroid-framework h2, .astroid-framework .h2{font-size:2.0814rem;line-height:1.2em;}.astroid-framework h3, .astroid-framework .h3{font-size:1.7329rem;line-height:1.2em;}.astroid-framework h4, .astroid-framework .h4{font-size:1.4427rem;line-height:1.2em;}.astroid-framework h5, .astroid-framework .h5{font-size:1.2011rem;line-height:1.2em;}.astroid-framework h6, .astroid-framework .h6{font-size:1.1rem;line-height:1.5em;}.astroid-framework .astroid-nav > li > .as-menu-item, .astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:15px;line-height:1.7em;}.astroid-framework .nav-submenu-container .nav-submenu > li, .astroid-framework .jddrop-content .megamenu-item .megamenu-menu li, .astroid-framework .nav-submenu, .astroid-framework .astroid-mobile-menu .nav-child .menu-go-back, .astroid-framework .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item, .astroid-framework .nav-item-submenu .as-menu-item{font-size:15px;line-height:2em;}.astroid-framework .top-bars{font-size:14px;line-height:1em;}}