.properties-base { display: flex; flex-direction: column; height: 100%; padding: 0.5vw; } /** SEARCH - start **/ .properties-base > .search-wrapper { border-radius: 0.6vw; } .properties-base > .search-wrapper > img { border-radius: 0.6vw; position: relative; text-align: center; width: 100%; height: 12vw; } .properties-base > .search-wrapper > .search-data { position: absolute; top: 13%; left: 41%; z-index: 99999; text-align: center; font-weight: 600; font-size: 0.9vw; } .properties-base > .search-wrapper > .search-data > .light-text { font-size: 0.7vw; } .properties-base > .search-wrapper > .search-data > .search-bar { position: relative; margin-top: 0.7vw; } .properties-base > .search-wrapper > .search-data > .search-bar > input { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1); border-radius: 0.15vw; width: 25vw; padding: 0.2vw 0.5vw; font-weight: 500; font-size: 0.6vw; color: rgba(0, 0, 0, 1); } .properties-base > .search-wrapper > .search-data > .search-bar > i { position: absolute; color: rgba(0, 0, 0, 0.6); left: 95%; font-size: 0.6vw; padding: 0.4vw 0.2vw; } /** SEARCH - end **/ /** properties list heading -start **/ .properties-base > .properties-heading-wrapper { margin: 0.3vw 0; font-size: 0.75vw; } .properties-base > .properties-heading-wrapper > .heading { margin: 0.5vw 0; } .properties-base > .properties-heading-wrapper > .filters-wrapper { margin: 0.7vw 0 0.5vw 0; display: flex; flex-direction: row; } /* .properties-base > .properties-heading-wrapper > .filters-wrapper > div { margin-right: 0.5vw; } */ /** properties list heading - end **/ /** PROPERTY - LISTING WRAPPER - start **/ .properties-base > .property-listing-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 0.7vw; height: fit-content; max-height: 100%; overflow-y: auto; overflow-x: hidden; } /** PROPERTY - LISTING WRAPPER - end **/