.banner{margin:var(--spacing) 0;position:relative}.banner .container{border-radius:var(--border-radius);background:var(--primary-color);color:var(--white);padding:var(--spacing-2x)}.banner .container span{margin-bottom:var(--spacing);color:var(--light-gray)}.banner .container h2{color:#fff;text-transform:capitalize;position:relative}.banner .container h2 svg{position:absolute;left:150px;top:0}.banner .container h2 svg path{fill:var(--white)}.banner .dot1,.banner .dot2{width:auto;height:100px;position:absolute;bottom:0}.banner .dot1{right:10%}.banner .dot2{right:calc(10% + 357px)}.user-search{padding-block:var(--spacing)}.user-search .container{max-width:750px;margin:0 auto;display:grid;grid-template-columns:8fr 1.3fr;border:var(--border);border-radius:var(--border-radius-r);overflow:hidden;background-color:var(--light-gray)}.user-search .container input{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);padding:var(--spacing);border:none}.user-search .container .search-icon{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);display:grid;place-content:center;cursor:pointer}.property-listings{margin:var(--spacing) 0 var(--spacing-3x)}.property-listings .properties{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing)}@media screen and (max-width:1200px){.property-listings .properties{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.banner .container{padding:var(--spacing) var(--spacing-2x)}.user-search .container{grid-template-columns:9fr 1.5fr}.user-search .container .search-icon{display:grid;place-content:center}.user-search .container .search-icon svg{width:18px;height:18px}.property-listings .properties{grid-template-columns:1fr 1fr;gap:var(--spacing-h)}}@media screen and (max-width:280px){.property-listings .properties{grid-template-columns:1fr}}.filter-locations{display:flex;align-items:center;justify-content:left;gap:var(--spacing);padding-block:var(--spacing);overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.filter-locations::-webkit-scrollbar{display:none}.sort-trigger-btn{display:block;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--black);color:#fff!important;border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.sort-trigger-btn:hover{background:#3451c7;transform:translateY(-1px);box-shadow:0 4px 12px rgba(66,99,235,.3)}.sort-trigger-btn:active{transform:translateY(0)}.sort-trigger-btn span{color:#fff}.sort-trigger-btn svg path{fill:#fff}.filter-slide{position:fixed;inset:0;z-index:99999;pointer-events:none}.filter-slide.show{pointer-events:all}.filter-slide.show .filter-overlay{opacity:1}.filter-slide.show .filter-content{transform:translateY(0)}.filter-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease}.filter-content{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;max-height:80vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,.15)}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.filter-header h3{margin:0;font-size:1.25rem;color:#212529;font-weight:600}.close-btn{background:var(--light-gray);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#495057}.close-btn:hover{background:#e9ecef;color:#212529}.sort-options{flex:1;overflow-y:auto;padding:1rem}.sort-option{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem;border:2px solid transparent}.sort-option:hover{background:#f8f9fa}.sort-option.active{background:#e7f5ff;border-color:#4263eb}.option-info{display:flex;align-items:center;gap:.75rem}.option-icon{font-size:1.5rem;line-height:1}.option-label{font-size:1rem;color:#212529;font-weight:500}.check-icon{color:#4263eb;font-size:1.25rem}.filter-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef}.apply-btn{width:100%;padding:1rem;background:#4263eb;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-btn:hover{background:#3451c7}.apply-btn:active{transform:scale(.98)}.results-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.results-info p{margin:0;color:#495057;font-size:.9rem}.current-sort{font-size:.85rem}.current-sort strong{color:#4263eb;font-weight:600}@media (max-width:768px){.filter .container{flex-direction:column;align-items:stretch}.filter-locations,.sort-trigger-btn{justify-content:center}.sort-trigger-btn{width:100%;padding:.65rem 1.25rem}.filter-content{max-height:85vh}.results-info{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.filter-header{padding:1.25rem}.filter-header h3{font-size:1.1rem}.sort-option{padding:.85rem}.option-label{font-size:.95rem}.option-icon{font-size:1.35rem}}