.mapboxgl-ctrl-geocoder .suggestions{
	background-color: var(--deep-navy);
        min-width: 278px !important;
}
.mapboxgl-ctrl-geocoder--icon-search{
	display:none !important;
}
.mapboxgl-ctrl-geocoder .suggestions{
	    border-radius: 0 0 20px 20px !important;
    z-index: 3 !important;
    padding-top: 20px !important;
    margin-top: -20px !important;
    background-color: var(--deep-navy) !important;
        list-style: none !important;
    border: 1px solid var(--earth-green) !important;
    border-top: 0 !important;
        padding: 18px 0 0 0 !important;
}
.mapboxgl-ctrl-geocoder .suggestions>.active>a, .mapboxgl-ctrl-geocoder .suggestions>li>a:hover{
	    color: var(--white) !important;
    background-color: transparent !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.property-search-bar.light .mapboxgl-ctrl-geocoder .suggestions>.active>a, .mapboxgl-ctrl-geocoder .suggestions>li>a:hover{color:var(--deep-navy)!important;}
.suggestions-wrapper .suggestions li a:hover {
    background-color: var(--earth-green) !important;
    color: var(--deeep-navy) !important;
    
}
 .propertyTitleWrapper  .saveIcon.icon-bookmark-fill {top: 2px;
    position: relative;}
.mapboxgl-ctrl-geocoder--input{
	    z-index: 9;
}
#geocoder-1{
    width: 33.3333%;
    font-size: 15px;
    line-height: 20px;
    max-width: 33%;
    pointer-events: none;
    margin-top: 30px;
    margin-left: -90px;
    
    }
    .mapboxgl-ctrl-geocoder--input::placeholder { font-weight: 600; } 
    .filterDataAndMapWrapper.fullWidthDataActive .container-sortby-wrapper {padding: 0 16px; } 
    .no-data-found {position: fixed; transform: translate(-50%); left: 50%; background-color: #fff; width: 100%; height: 100vh; z-index: 2; } 
    div.filterData a.slideLeftRight:hover { color: var(--deep-navy); } 
    div.filterData a.slideLeftRight span.slideIcon .show-list-text { margin-right: 10px; } 
    .saveIcon.icon-bookmark-fill { color: var(--earth-green);  } 
    .fullWidthDataActive .card-row .card-col-first { max-width: 286px; min-width: 286px; } 
    .add-to-favourite.saved span.icon { color: var(--earth-green) !important; } 
    body.firefox .multi-range input#lower { width:50%; left:0; } 
    body.firefox .multi-range input#upper { width:50%; left:50%; } 
    .hide { display:none; } 
    .filterDataAndMapWrapper { display: flex; } 
    .property-map-wrapper #logicorListMap { width: 100%; /*min-height: calc(100vh - 117px); */ } 
    .property-map-wrapper { display: block; /*min-height: calc(100vh - 156px); */width: 100%; transition: all 0.5s ease-in-out; } 
    .property-map-wrapper.widthZero { width: 0; } 
    .filterSection * { font-family: 'Montserrat', sans-serif; } 
    .filterSection .mw-1440 {max-width: 1440px; padding: 0 16px;}
    .mapHalf { width: 50% !important; right: 0; transition: all 0.5s ease-in-out; } 
    /*.filterDataAndMapWrapper { display: flex; } 
    .property-map-wrapper #logicorListMap { width: 100%; } 
    .property-map-wrapper { display: block; transition: all 0.5s ease-in-out; width: 100%; } 
    .property-map-wrapper.widthZero { width: 0; } 
    .filterSection * { font-family: 'Montserrat', sans-serif; } 
    .mapHalf { width: 50% !important; right: 0; transition: all 0.5s ease-in-out; } */
    div.propertyListing { transition: all 0.5s ease-in-out; background-color: var(--white); overflow-x: hidden; } 
    div.filterData a.slideLeftRight.fullWidthSlide { width:0px; } 
    div.filterData a.slideLeftRight span.slideIcon {background-color: var(--crisp-white); width: 100%; min-width: 152px; height: 48px; display: inline-flex; border-radius: 0; justify-content: center; align-items: center; border: 1px solid var(--earth-green); transition: none; border-radius: 86px; }
    .filterWrapper {padding-bottom: 18px;}
    .filterWrapper:last-child {padding-bottom: 0px;}
    .filterWrapper.viewWrapper .viewParaGroup a { pointer-events: none; } 
    div.filterData a.slideLeftRight { position: absolute; right: -152px; z-index: 1; display: none; } 
    div.filterData { width:0%; transition:all 0.5s ease-in-out; position: relative; } 
    .filterData.filterDataFullWidth { width: 100%; position: relative; min-width:760px; } 
    div.propertyListing.slidePropertylistingSection { transform: translateX(-100%); } 
    div.propertyListing.fullWidth { width: 100%; transform:none; z-index: 1; position: relative; } 
    .filterSection { background: var(--deep-navy); padding:10px 0; z-index: 3; position: relative; min-height:150px; } 
    .filterSection .filterRowWrapper { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; max-width: 1440px; margin: auto; padding-left: 16px; /*padding-right: 16px;*/} 
	.filterSection .filterRowWrapper.filterRowLast {padding-top:5px;}
    .filterSection .filterRowWrapper .filterWrapper a { color: var(--white); display: block; } 
    .filterSection .filterRowWrapper .filterWrapper a.clearLocation {display: inline-block; float: right; margin-right: 3px;} 
    .saveIcon.icon-bookmark-second:before { font-size:1.8rem; } 
    .filterSection .filterRowWrapper .filterWrapper .radiusText { color: var(--white); text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; margin-bottom: 6px; } 
    .filterSection .filterRowWrapper .filterWrapper .countryText {color: var(--white); text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; margin-bottom: 8px; } 
    .filterSection .filterRowWrapper .distanceParaGroup input { display:none; } 
    .filterSection .filterRowWrapper .distanceParaGroup label:last-child { border-radius: 0 86px 86px 0; } 
    .filterSection .filterRowWrapper .distanceParaGroup label, .filterWrapper.viewWrapper .viewParaGroup label {font-style: normal; cursor: pointer; margin-top: 5px; font-weight: 500; font-size: 13px; line-height: 20px; color:var(--white-2);width: 40px; height: 38px; justify-content: center; display: flex; align-items: center; } 
    .filterWrapper.viewWrapper .countryText { position: relative; left: -10px; } 
    .filterWrapper.viewWrapper label[for^="mapView"] { padding-right: 2px; } 
    .filterSection .filterRowWrapper .distanceParaGroup label.selected, .filterWrapper.viewWrapper .viewParaGroup label.selected { background: var(--earth-green); color: var(--deep-navy); } 
    .filterSection .filterRowWrapper .filterWrapper a span.selectedCountry { display: block; font-weight: 600; font-size: 1.5rem; line-height: 2.2rem; } 
    .filterSection .filterRowWrapper .filterWrapper ul { display: none; position: absolute;  list-style: none; margin: 0; padding: 00;max-height:140px;overflow-y:auto;} 
    .filterWrapper.locationWrapper input.searchPropertyInput, #geocoder .mapboxgl-ctrl-geocoder input, .filterWrapper.propertySizeWrapper .propertySizeTextBoxes .propSizeRange, .filterWrapper.propertySizeTextBoxes .propSizeRange {background-color: transparent; border: 1px solid var(--earth-green); border-radius: 86px; padding: 7px 16px; font-style: normal; font-weight: 600; font-size: 14.5px;line-height: 20px; position: relative; min-width:278px; color: var(--white); } 
    .filterWrapper.propertySizeTextBoxes .propSizeRange {max-width: 110px;min-width: auto;}
    .filterWrapper.locationWrapper input.searchPropertyInput::-webkit-input-placeholder, .mapboxgl-ctrl-geocoder--input::-webkit-input-placeholder { color: var(--crisp-white); } 
    .filterWrapper.radiusWrapper { min-width:162px; } 
    .radiusWrapperDropdown a.selectedRadiusText { border: 1px solid var(--earth-green); border-radius: 86px; padding: 7px 42px 7px 16px; font-style: normal; font-weight: 600; font-size: 14.5px; line-height: 22px; position: relative; }
    .radiusWrapperDropdown { position:relative; } 
    .radiusWrapperDropdown .distanceParaGroup { position: absolute; top: 50%; transform: translateY(-50%); right: 0; }
    .filterSection .filterRowWrapper .filterWrapper div.locationText { color: var(--white); float: left; text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; margin-bottom:8px; } 
    .property-search-bar.dark .filterSection .filterRowWrapper .filterWrapper div.locationText{color:var(--white)!important;}
    .filterSection .filterRowWrapper .filterWrapper a span.clearText { font-style: normal; font-weight: 700; font-size: 12px; line-height: 22px; color: var(--earth-green); float: right; margin-top:-1px; } 
    .filterSection .filterRowWrapper .distanceParaGroup,.filterSection .filterRowWrapper .viewParaGroup { display: flex; } 
    .filterSection .filterRowWrapper .filterWrapper a.selectedCountryText { border: 1px solid var(--earth-green); border-radius: 86px; padding: 6px 42px 6px 16px; font-style: normal; min-width: 197px; position: relative; z-index:999} 
    .filterSection .filterRowWrapper .filterWrapper a.selectedCountryText.active{z-index: 9999;background-color: var(--deep-navy);}
    .filterSection .filterRowWrapper .filterWrapper a.selectedRadiusText span.downArrow { position: absolute; top: 50%; transform: translateY(-50%); right: 85px; } 
    .filterSection .filterRowWrapper .filterWrapper a.selectedCountryText span.downArrow { position: absolute; top: 50%; transform: translateY(-50%); right: 14px; } 
    a:hover { text-decoration: none; } 
    .filterWrapper.propertySizeWrapper { /* min-width:330px;max-width:none; */ display: flex; justify-content: space-between; align-items: center; position:relative;max-width: none; } 
    .filterWrapper.propertySizeWrapper .distanceParaGroup label { width: 52%; height: 35px; margin:0; } 
    .filterWrapper.propertySizeWrapper .distanceParaGroup a {pointer-events:none; } 
    .radiusWrapperDropdown label>a { pointer-events: none; } 
    .filterWrapper.propertySizeWrapper .distanceParaGroup { overflow:hidden; border: 1px solid var(--earth-green); border-radius: 86px; padding: 0; font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; position: relative; display: flex; justify-content: space-between; width: 84px; margin: 0 auto; /* margin-left: 20px; */ position: relative; left: 3px; top:14px; } 
    .filterWrapper.viewWrapper input[type=radio] { display:none; } 
    .filterWrapper.viewWrapper .viewParaGroup { overflow: hidden; border: 1px solid var(--earth-green); border-radius: 86px; padding: 0; font-style: normal; font-weight: 600; font-size: 14.5px; line-height: 22px; position: relative; display: flex; justify-content: space-between; width: 98px; margin: 0 auto; margin-top: 7px; } 
    .filterWrapper.viewWrapper .viewParaGroup label { width: 50%; max-height: 34px; margin:0; } 
    .filterWrapper.submitWrapper input { border: 1px solid var(--earth-green); border-radius: 86px; background-color: transparent; color: var(--earth-green); padding: 6px 16px; min-width: 105px; display: flex; text-align: left; padding-left: 16px; } 
    /********Range Slider***/
    input[type=range] { box-sizing: border-box; appearance: none; width: 100%; margin: 0; padding: 0 2px; overflow: hidden; border: 0; border-radius: 1px; outline: none; background: linear-gradient(grey,grey) no-repeat center; background-size: 100% 3px; pointer-events:auto; } 
    input[type=range]:active,input[type=range]:focus { outline: none; } 
    input[type=range]::-webkit-slider-thumb { height: 20px; width: 20px; border-radius: 28px; background-color: var(--white); position: relative; margin: 5px 0; cursor: pointer; appearance: none;pointer-events: all; box-shadow: 0 1px 4px 0.5px rgba(0,0,0,0.25); z-index: 1; } 
    input[type=range]::-webkit-slider-thumb::before { content: ' '; display: block; position: absolute; top: 13px; left: 100%; width: 2000px; height: 2px; } 
    .multi-range { position: relative; height: 50px; display:block; top:2px; } 
    .multi-range input[type=range] { position: absolute; } 
    .multi-range input[type=range]:nth-child(1)::-webkit-slider-thumb::before { background-color: red; } 
    .multi-range input[type=range]:nth-child(2) { background: none; } 
    .multi-range input[type=range]:nth-child(2)::-webkit-slider-thumb::before { background-color: grey; } 
    /******Range slider end ****/
    .filterWrapper.propertySizeWrapper .propertySizeSlider .sliders_control label[for=lowerSlider] { position: absolute; bottom: 0; color: var(--white); left: 0; } 
    .filterWrapper.propertySizeWrapper .propertySizeSlider .sliders_control label[for=upperSlider] { position: absolute; bottom: 0; color: var(--white); } 
    .mapboxgl-ctrl-geocoder--input { height: auto; padding: 0; color:var(--white); } 
    .mapboxgl-ctrl-geocoder--input:focus { color:var(--white); } 
    .mapboxgl-ctrl-geocoder--icon-search { display:none; } 
    .mapboxgl-ctrl-geocoder { background-color: transparent !important; box-shadow: none !important; min-width: 245px;max-width:none;width:auto;} 
    .mapboxgl-ctrl-geocoder .suggestions > .active > a, { color: var(--white); background-color: transparent; text-decoration: none; cursor: pointer; } 
    .property-search-bar.light .mapboxgl-ctrl-geocoder .suggestions > .active > a, { color: var(--deep-navy)!important;}
    .property-search-bar.dark .mapboxgl-ctrl-geocoder .suggestions > .active > a, { color: var(--white)!important;}
     .mapboxgl-ctrl-geocoder .suggestions > li > a:hover{color:var(--deep-navy);}
     
    .mapboxgl-ctrl-geocoder--icon-close { display:none !important; } 
    /*******Sort by listing***/
    .sortByListUl { display:none; } 
    /* ========== KALPIT - PROPERTY FILTER STYLE ==========*/ 
    .countryText ,.viewParaGroup ,.radiusText, .locationText { padding-left: 16px; } 
	
    /* PROPERTY RANGE */
    .propertySizeRangeWrapper { min-width: 224px; } 

	
    .distanceParaGroup label, .viewParaGroup label { padding: 8px; } 
    .filterSection .filterRowWrapper .filterWrapper label.selected a { color: var(--deep-navy) !important; } 
    .distanceParaGroup a,.viewParaGroup a { font-weight: 400; } 
    .multi-range input[type=range]::-webkit-slider-thumb:hover { background-color: var(--earth-green); } 
    /* --> RANGE LABEL */
    .propertySizeSlider .multi-range label[for=lowerSlider],.propertySizeSlider .multi-range label[for=upperSlider] { margin: 0; padding: 4px 8px; background: rgba(128, 137, 141, 0.16); border-radius: 40px; margin-top: 16px; min-width: 94px; bottom: -13px !important; max-height: 30px; display: flex; } 
    .multi-range label:before { content: ''; position: absolute; left: 30%; top: -48%; border: 7px solid; transform: rotate(180deg); border-color: rgba(128, 137, 141, 0.16) transparent transparent; } 
    .multi-range input[type=range]:focus + label { z-index: 5; background: var(--earth-green); color: var(--deep-navy) !important; } 
    .multi-range input[type=range]:focus + label:before { border-color: var(--earth-green) transparent transparent } 
    .sliders_control .multi-range .propertyDistancePara { margin-left: 5px; } 
    /* SUBMIT BUTTON */
    .submitWrapper { display: flex; align-items: center; } 
    .submitWrapper input { color: var(--earth-green); transition: all 0.3s ease-in-out; } 
    .submitWrapper input:hover { color: var(--deep-navy); background-color: var(--earth-green); } 
    .filterWrapper.submitWrapper span.icon { position: absolute; right: 17px; display: inline-block; transform: rotate(-90deg); color: var(--earth-green); top: 13px; pointer-events: none; } 
    .filterWrapper.submitWrapper span.icon:before { font-size: 1.2rem; } 
    .submitWrapperInline { position: relative;} 
    .submitWrapperInline:hover span.icon { color: var(--deep-navy) !important } 
    /*COUNTRY CUSTOM SCROLLBAR*/
	.propertyListingPageFilter .filterWrapper.propertySizeWrapper {display: flex;width: 100%;max-width: none;}
	
    .filterWrapper.contryWrapper ul { scrollbar-width: thin; scrollbar-color: var(--white) transparent; } 
    .filterWrapper.contryWrapper ul::-webkit-scrollbar,.filterWrapper.radiusWrapper ul::-webkit-scrollbar { width: 4px; } 
    .filterWrapper.contryWrapper ul::-webkit-scrollbar-track,.filterWrapper.radiusWrapper ul::-webkit-scrollbar-track { background: transparent; border-radius: 4px;padding-bottom: 10px;margin-bottom:20px;} 
    .filterWrapper.contryWrapper ul::-webkit-scrollbar-thumb,.filterWrapper.radiusWrapper ul::-webkit-scrollbar-thumb { background: var(--white); border-radius: 10px; height: 72px; } 
    .filterWrapper.contryWrapper ul::-webkit-scrollbar-thumb:hover,.filterWrapper.radiusWrapper ul::-webkit-scrollbar-thumb:hover { background: var(--white); } 
    /* COUNTRY SELECT*/
    .filterWrapper.contryWrapper { position: relative;/* width: 25%; */ } 
	
    .filterWrapper.contryWrapper .countryTextListWrapper> ul { list-style: none; border: 1px solid var(--earth-green); border-top: 0; padding: 0; width: 100%; max-height: 320px; overflow: auto; overflow-x: clip; margin: 0; border-radius: 0px 0px 20px 20px; z-index: 9;padding-top: 20px;margin-top: -20px;background-color: var(--deep-navy); } 

    /* .filterWrapper.contryWrapper .countryTextListWrapper > ul::before { content: ''; position: absolute; top: -22px; background: var(--earth-green); height: 30px; width: 1px; left: -1px; } 
    .filterWrapper.contryWrapper .countryTextListWrapper > ul::after { content: ''; position: absolute; top: -22px; background: var(--earth-green); height: 30px; width: 1px; right: -1px; }  */
    .filterWrapper.contryWrapper .countryTextListWrapper > ul > li { margin: 3px 2px; /*background-color: var(--deep-navy);*/} 
    .filterWrapper.contryWrapper .countryTextListWrapper > ul > li > a { padding: 8px 16px; font-weight: 600; } 
    .filterWrapper.contryWrapper .countryTextListWrapper > ul > li > a:hover { background-color: var(--earth-green); color: var(--deep-navy); border-radius: 86px; } 
    .selectedCountryText .downArrow img,.selectedRadiusText .downArrow img { transition: all 0.3s ease-in-out; } 
    .selectedCountryText.active .downArrow img,.selectedRadiusText.active .downArrow img { display: inline-block; transform:scale(-1); } 
	
	
    a.selectedCountryText.active:before { content: ''; position: absolute; top: 15px; background: var(--earth-green); height: 30px; width: 1px; left: 100%; } 
    a.selectedCountryText.active:after { content: ''; position: absolute; top: 15px; background: var(--earth-green); height: 30px; width: 1px; left: -1px; } 
    /*RADIUS SELECT*/
    .radiusWrapperDropdown a.selectedRadiusText span { font-weight: 600; font-size: 13px; line-height: 20px; } 
    .radiusWrapperDropdown a.selectedRadiusText span.distancePara { padding-left: 5px; } 
    .radiusWrapperDropdown ul { list-style: none; padding: 0; border-radius: 0px 0px 20px 20px; margin: 0; width: 50%; border: 1px solid var(--earth-green); border-top: 0; z-index: 99; }
    /* .radiusWrapperDropdown ul::before { content: ''; position: absolute; top: -22px; background: var(--earth-green); height: 30px; width: 1px; left: -1px; }  */
    .radiusWrapperDropdown ul li { margin: 4px 3px; } 
    .radiusWrapperDropdown ul li a { padding: 8px 12px 8px 12px; font-weight: 600; } 
    .radiusWrapperDropdown ul li a:hover { background-color: var(--earth-green); border-radius: 86px; } 
    .radiusWrapperDropdown ul li a:hover span { color: var(--deep-navy); } 
    .filterWrapper.radiusWrapper .radiusWrapperDropdown ul{margin-top: -20px;padding-top:20px;background-color: var(--deep-navy);}
    .radiusWrapper .selectedRadiusText.active{z-index:999;background-color:var(--deep-navy);}
    .radiusWrapper .selectedRadiusText{z-index:999;background-color:var(--deep-navy);}
    .radiusWrapper .radiusWrapperDropdown .distanceParaGroup{z-index:999;}
    /*LOCATION SELECT*/
    .suggestions-wrapper .suggestions li { margin: 0px 2px; } 
    .suggestions-wrapper .suggestions li a { padding: 6px 16px; } 
    .suggestions-wrapper .suggestions li a:hover { background-color: var(--earth-green); color: var(--deeep-navy); border-radius: 86px; } 
    /* LEFT SIDE ARROW BUTTON */
    .filterDataAndMapWrapper .slideLeftRight.active .slideIcon span.icon:before { transform: rotate(90deg) } 
    .filterDataAndMapWrapper .slideLeftRight .slideIcon span.icon:before { display: inline-block; transform: rotate(-90deg); color: var(--deep-navy); transition: all 0.3s ease-in-out; } 
    .filterDataAndMapWrapper .filterData .slideIcon { position: relative; left: 32px; top: 19px; } 
    
    /* ========== KALPIT - PROPERTY BOX STYLE ==========*/
    [class^="icon-"], [class*=" icon-"] { font-size: 0rem; } 
    [class^="icon-"]:before, [class*=" icon-"]:before { font-size: 1.6rem; } 
    /* TOP FILTER */
    /* .propertyCounterSortby .wrapper { max-height: 62px; } */
    .propertyCounterSortby .wrapper .counterList{width: 50%;}
    .propertyListingContainer { background: var(--gray-white); filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.10));    position: relative;
    z-index: 1;} 
    .container-sortby-wrapper { max-width: 1440px; margin: 0 auto; } 
    .propertyCounterSortby.bgGrey { background: var(--gray-white); } 
    .propertyListingContainer .propertyCounterSortby.bgGrey .wrapper { display: flex; justify-content: space-between; align-items: center; padding: 12px 29px 12px 32px; } 
    .fullWidth .propertyListingContainer .propertyCounterSortby.bgGrey .wrapper { padding: 15px 0px; } 
    .listingInnerWrapper * { font-family: 'Montserrat', sans-serif; } 
    .listingWrapperOverflowScroll .listingInnerWrapper { margin-bottom: 32px; box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); border-radius: 8px; background: #ffffff;} 
    .listingInnerWrapper .propertyWrapper { padding: 12px 12px 11px 0px; display: flex; flex-direction: column; height: 100%; } 
    .listingInnerWrapper .propertyWrapper h3.propertyTitleWrapper { display: flex; justify-content: space-between; margin-bottom: 8px; } 
    .listingInnerWrapper .propertyWrapper h3.propertyTitleWrapper .propertyTitle { max-width: 211px; font-size: 19px; line-height: 29px; font-weight: 500; } 
    .listingInnerWrapper .propertyWrapper h3.propertyTitleWrapper .propertyTitle a { color: var(--deep-navy); } 
    .enquire ,.brochure { display: inline-flex; flex-wrap: wrap; } 
    .compareSaveWrapper { display: flex; } 
    .compareSaveWrapper .compare a,.compareSaveWrapper .save a { font-size: 1.3rem; line-height: 2rem; color: var(--gray-text-second); display: inline-flex;align-items: center;} 
    .compareSaveWrapper .compare .compareIcon { margin-left: 8px; margin-right: 26px; } 
    .listingInnerWrapper .imageWrapper img { height: 200px; width: 100%; object-fit: cover; object-position: center; border-radius: 8px 0px 0px 0px; } 
    .listingInnerWrapper .propertyWrapper .contentWrapper { max-height: 66px; overflow-y: hidden; color: var(--gray-text); font-weight: 400; margin-bottom: 26px; } 
    .detailsInnerWrapper { display: flex; justify-content: space-between; padding: 2px 8px; border-bottom: 1px solid var(--gray-border);margin-bottom: 4px;} 
    .detailsInnerWrapper:nth-last-child(2) {margin-bottom: 0;}
    .detailsInnerWrapper:last-child { border-bottom: 0; } 
    .detailsInnerWrapper.total.bgGreen { background-color: rgba(86, 227, 102, 0.3); position: relative;} 
    .documentWrapper { /*display: flex; justify-content: space-between; */ padding: 7px 14px;     min-height: 45px; } 
    .downloadIcon { padding: 8px 14px; display: inline-flex; justify-content: center; align-items: center; margin-left: 13px; background-color: rgba(86, 227, 102, 0.3); border-radius: 80px; transition: all 0.3s ease-in-out; font-size: 0; } 
    .documentWrapper a span,.spedificationWrapper * { color: var(--deep-navy); } 
    .spedificationWrapper { padding: 7px 12px 8px; border-radius: 0 0 0 8px; border-top: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; } 
    .spedificationWrapper.clicked { background-color: var(--gray-white); } 
    .spedificationWrapper .downArrow:before { font-size: 1rem; margin-left: 9px; } 
    .specificationOnClick .icon-arrow-down:before { transition: all 0.3s ease-in-out; display: inline-block; } 
    .specificationOnClick.active .icon-arrow-down:before { transform: scale(-1); } 
    .propertyTitleWrapper .compareSaveWrapper .compare ,.propertyTitleWrapper .compareSaveWrapper .save { display: flex; align-items: flex-start; } 
    /* SPECIFICATION WRAPPER */
    .specification-list {display:flex; flex-wrap: wrap; gap: 12px 16px; margin: 0; padding: 0;}
    .specification-list li {padding: 4px 8px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05);border-radius: 4px; background: var(--white);display: flex; align-items: center;}
    .specification-list li span.icons {margin-right: 7px;}
    .specification-list li span.text {font-weight: 500;}
    .specification-list li span.icons:before {font-size: 1.4rem;}
    .specification-list--esg li span.icons {color: var(--earth-green);}
    .specification-list--storage {margin-bottom: 24px;}
    .specification-list--storage li span.icons {color: var(--sea-blue);}
    .specificationWrapper { padding: 0px 12px; background-color: var(--gray-white); padding-bottom: 24px;} 
    .specificationWrapper:first-child {padding-top: 3px;}
    .specificationWrapper:last-child {border-radius: 0 0 8px 8px;}
    .specificationWrapper .specificationTitle {margin-bottom: 12px;}
    /* STORAGE WRAPPER */
    .storageInnerWrapper { display : grid; grid-template-columns : repeat(3, 1fr); grid-gap: 12px 40px; } 
    .propertyListing .storageInnerWrapper .storageInnerDetailWrapper { display: flex; width: auto; } 
    .storageInnerWrapper .storageInnerDetailWrapper { display: flex; width: 25%; } 
    .detailsTextWrapper { display: inline-flex; flex-direction: column; padding-left: 8px;margin-top: -1px; } 
    .storageInnerWrapper .storageInnerDetailWrapper span.icon:before { font-size: 3.9rem; line-height: 4.3rem; } 
    .storageInnerWrapper .storageInnerDetailWrapper span.text {white-space: pre-wrap;font-weight: 700; } 
    .storageInnerDetailWrapper.hideDiv { display: none; } 
    /*-- TYPOGRAPHY CARD --*/
    .detailsWrapper .detailsInnerWrapper.total,.detailsWrapper .detailsInnerWrapper.total span,.detailsTextWrapper .degit { /* font-weight: 700; */ margin-bottom:0; } 
    .propertyWrapper .contentWrapper p { color: var(--gray-text); } 
    .documentWrapper span.downloadIcon:before { font-size: 1.5rem; font-weight: bold; } 
    .spedificationWrapper a { font-weight: 500; font-size: 1.49rem; line-height: 2.4rem; color: var(--deep-navy); } 
    .esgWrapper > ul > li span.text { font-weight: 500; } 
    .specificationWrapper .specificationTitle { font-weight: 600 } 
    /*-- CARD HOVER EFFECT --*/
    .listingInnerWrapper { transition: all 0.3s ease-in-out; border: 2px solid transparent; } 
    .listingInnerWrapper:hover { filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.1)); border: 2px solid var(--earth-green); } 
    .propertyTitle { transition: all 0.3s ease-in-out; text-decoration: underline transparent 2px; } 
    .propertyTitle:hover { text-decoration: underline var(--earth-green) 2px; text-underline-offset: 3px; } 
    .propertyWrapper .contentWrapper p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 
    /*.spedificationWrapper { margin-top: -50px; } */
    span.save { position: relative; left:4px; } 
    span.save:before { content: ''; position: absolute; height: 18px; left: -13px; width: 1px; background-color: var(--gray-medium); } 
    .propertyCounterSortby .wrapper .counterList p,.sortBy span.sortByText { margin: 0; color: var(--gray-light); font-weight: 500; font-size: 1.5rem; line-height: 2.2rem; margin-right: 8px; } 
    .distanceParaGroup a,.viewParaGroup a { transition: all 0.3s ease-in-out; } 
    .distanceParaGroup label.selected:hover a,.viewParaGroup label.selected:hover a { color: var(--deep-navy) !important; } 
    .distanceParaGroup label:hover a,.viewParaGroup label:hover a { color: var(--earth-green) !important; } 
    .fullWidth .listingWrapperOverflowScroll .listingInnerWrapper.spec-active { filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.1)); border: 2px solid var(--earth-green); max-height: 100%; } 
    /*-- FULL WIDTH PROPERTY CARD --*/
    .propertyTitleContentWrapper { display:flex; flex-direction: column; height: 100%; justify-content: space-between; transition: all 0.3s ease-in-out; } 
    .fullWidth .propertyTitleContentWrapper { flex-direction: row; gap: 35px; max-height: 137px; } 
    .fullWidth .propertyTitleContentWrapper > div { width: 50%; min-height: 100%; } 
    /*.fullWidth .listingInnerWrapper .propertyWrapper .contentWrapper { max-height: 137px; } */
    .fullWidth .propertyWrapper .contentWrapper p { -webkit-line-clamp: 5; } 
    .fullWidth .detailsWrapper { display: flex; flex-direction: column; justify-content: center; } 
    .fullWidth .documentWrapper + .spedificationWrapper { display: none; } 
   /* .fullWidthSpecification { display: none; } */
    .fullWidth .fullWidthSpecification { display: block; } 
    .fullWidth .fullWidthSpecification .spedificationWrapper { display: block; } 
    /*----- PROPERTY CARD FILTER -----*/
    a.selectedList { min-width: 161px; display: inline-flex; justify-content: space-between; align-items: center; padding: 7px 16px; border: 1px solid var(--earth-green); border-radius: 86px; position:relative;z-index: 999; white-space:pre; gap: 8px; } 
    .selectedList .downArrow:before { display: inline-block; transition: all 0.3s ease-in-out; } 
    .selectedList.active .downArrow:before { transform: scale(-1) } 
    .sortBy { position: relative; } 
    .sortByListUl {list-style: none;margin: 0;padding: 0;margin-left: auto;position: absolute;width: 100%;background: var(--gray-white);border: 1px solid var(--earth-green);border-radius: 0 0 20px 20px;z-index: 99;border-top: none;margin-top: -20px;padding-top: 20px;}
    .sortByListUl li{margin: 3px 2px;}
    a.selectedList.active {z-index: 999;}
    .sortByListUl li a { padding: 7px 16px; display: block; color: var(--deep-navy); text-align: left; } 
    .sortByListUl li a:hover { background-color: var(--earth-green-light); border-radius: 40px; } 
    .sortBy .selectedList span.text { font-weight: 400; font-size: 1.5rem; line-height: 2.2rem; color: var(--deep-navy); } 
    .sortBy .selectedList span.downArrow:before { font-size: 1rem; color: var(--deep-navy); } 
    /*================================ MAPBOX POPUP CARD ==================================*/
    .mapboxgl-popup-content { border-radius: 12px; padding:0 !important; margin-bottom: -10px; } 
    .filterData { max-width: 760px; } 
    .filterData.fullWidthData { min-width: 100%; } 
    .fullWidthData a.slideLeftRight { display: none !important; } 
    * { scrollbar-width: auto; scrollbar-color: #d9d9d9 var(--white); } 
    /* Chrome, Edge, and Safari */.listingWrapperOverflowScroll::-webkit-scrollbar { width: 10px; } 
    .listingWrapperOverflowScroll::-webkit-scrollbar-track { background: var(--white); } 
    .listingWrapperOverflowScroll::-webkit-scrollbar-thumb { background-color: #d9d9d9; border-radius: 10px; border: 3px solid var(--white); max-width: 6px; } 
    .listingWrapperOverflowScroll { overflow-y: scroll; overflow-x: hidden; padding: 30px 17px 0px 32px; max-height:calc(120vh - 410px); } 
    /*.fullWidth .listingWrapperOverflowScroll { max-height: none !important; } */
    .listingWrapperOverflowScroll .listingInnerWrapper:last-child { margin-bottom: 10px; } 
    .listingWrapperOverflowScroll.bar-padding { padding-bottom: 50px; } 
    .mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .propertyCardUpper-wrapper{padding:24px 20px;}

    /*JS- 21-07-2023*/
    .mapboxgl-popup, .mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right{ max-width: 450px !important;min-width: 450px !important;}

    div.mapboxgl-popup.mapboxgl-popup-anchor-bottom, div.mapboxgl-popup.mapboxgl-popup-anchor-top{padding-top: 0px !important;}

    .mapboxgl-popup-content .mapboxgl-popup-close-button{top: 20px;}
    .mapboxgl-popup-content .propertyCardUpper-wrapper .proprtySectionTitle-wrapper h5{padding-right: 35px;}
    
    /*.spec-active .specificationDetailedWrapper { display: block !important; } */
    
    /* MAP - CONTROL */
    .filterDataAndMapWrapper .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-in { background-image: url('../images/icon-plus.svg'); background-position: center; background-repeat: no-repeat; } 
    .filterDataAndMapWrapper .mapboxgl-ctrl-icon.mapboxgl-ctrl-zoom-out { background-image: url('../images/icon-minus.svg'); background-position: center; background-repeat: no-repeat; } 
    .filterDataAndMapWrapper .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate::before { background-image: url('../images/icon-nav-arrow.svg'); background-position: center; background-repeat: no-repeat; } 
    .filterDataAndMapWrapper .mapboxgl-ctrl-group > button { height: 40px; width: 40px; background-color: var(--white); } 
    
    /* FILTER BAR TOP NAVIGATION IN MOBILE */
    .filter-row-mobile { display: none; } 
    .filterrow-desktop { display: block; } 
    .filter-row-mobile .viewParaGroup { overflow: hidden; border: 1px solid var(--earth-green); border-radius: 86px; padding: 0; font-style: normal; font-weight: 600; font-size: 14.5px; line-height: 22px; position: relative; display: flex; justify-content: space-between; width: 98px; } 
    /* FILTER BUTTON IN MOBILE */
    .filters-bar a.filter-btn span.icon:before { font-size: 1.4rem; margin-left: 10px; top: 1px; position: relative; } 
    .filters-bar a.filter-btn { min-width: 158px; padding: 6px 16px; border: 1px solid var(--earth-green); border-radius: 86px; color: var(--earth-green); height: 36px; } 
    .filters-bar { display: flex; align-content: center; } 
    .filters-bar a.filter-btn span { font-size: 1.5rem; line-height: 2.4rem; font-weight: 500; } 
    a.saved span.icon:before { color: var(--earth-green); } 
    
    /*==== GLOBAL HOVER STATE BUTTONS ====*/
    div.filterData a.slideLeftRight:hover span.slideIcon { background: var(--earth-green); } 
    .documentWrapper > a:hover .downloadIcon { Background-color: var(--earth-green); } 
    .spedificationWrapper:hover { background-color: var(--gray-white); } 
    a.removeItem::before { transition: all 0.3s ease-in-out; } 
    a.removeItem:hover::before, a.pdfDownload:hover span.downloadIcon { background-color: var(--earth-green); } 
    .table-columns a.removeItem { transition: all 0.3s ease-in-out; } 
    .table-columns a.removeItem { opacity: 0; font-size:0; } 
    .table-columns:hover a.removeItem { opacity: 1 } 
    
    
    .compareSaveWrapper .compare .compareIcon:before, a.addToCompare span.icon-compare-box:before,a.add-to-compare span.icon-compare-box:before {font-size:0; } 
    .compareSaveWrapper .compare a.added span.compareIcon, a.addToCompare.added span.icon-compare-box,a.add-to-compare.added span.icon-compare-box { background-color: var(--earth-green); border: 2px solid #fff; outline: 1px solid #4d4d4d; } 
    .compareSaveWrapper .compare .compareIcon, a.addToCompare span.icon-compare-box,a.add-to-compare span.icon-compare-box { background: #FFFFFF; border: 1px solid #4D4D4D; border-radius: 3px; width: 17px; height: 17px; font-size:0; display: inline-block; } 
    a.addToCompare span.icon-compare-box,a.add-to-compare span.icon-compare-box {
     position: relative; } 
    .listingInnerWrapper .propertyWrapper .documentWrapper {display:none; } 
    
    
    .slideLeftRight.active .slideIcon {width: 60px !important; border-radius: 100% !important; height: 60px !important; min-width: auto !important; } 
    .slideLeftRight.active .show-list-text {display:none; } 
    .slideLeftRight.active {right: -60px !important; } 
    
    
    
    /*=============== =============== ===============*/
    .fullWidth .documentWrapper { padding : 15px 0px 12px 5px; } 
    .fullWidth .listingInnerWrapper .propertyWrapper h3.propertyTitleWrapper .propertyTitle { max-width: 391px; } 
    .fullWidth .listingInnerWrapper .propertyWrapper h3.propertyTitleWrapper { margin-top: 20px; margin-bottom: 12px; } 
    .fullWidth .listingInnerWrapper .imageWrapper img { height: 184px; } 
    .fullWidth .card-row { gap: 33px; } 
    .fullWidth .listingWrapperOverflowScroll .listingInnerWrapper { max-width: 1028px; margin-left: auto; margin-right: auto; } 
    .fullWidth .compareSaveWrapper { position: relative; top: -18px; left: -1px; } 
    .fullWidth .listingInnerWrapper .propertyWrapper .contentWrapper { max-width: 317px; } 
    .fullWidth .spedificationWrapper .downArrow:before { font-size: 12px; margin-left: 14px; } 
    
    
    .tooltip-for-distance {position: absolute; background: #F7FAFA; box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); padding: 12px; border-radius: 6px; top: 73px; right: -66px; max-width: 211px;z-index: 9;}
    .tooltip-for-radius-unit {position: absolute; background: #F7FAFA; box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1); padding: 12px; border-radius: 6px; top: 45px; right: -65px; max-width: 211px;z-index: 9; } 
    .tooltip-for-distance.active {opacity:1; display:block; } 
    .tooltip-for-distance:before, .tooltip-for-radius-unit:before { content: ''; position: absolute; left: 50%; top: -14px; border: 7px solid; border-color: #fff transparent transparent; transform: translateX(-50%) rotate(180deg); } 
    
    /*******************CUSTOM RANGE SLIDER***************/
     .noUi-horizontal .noUi-handle { height: 20px !important; width: 20px !important; border-radius: 100%; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.18); background-color: #fff; border: none; } 
     .noUi-horizontal .noUi-tooltip:after { content: attr(data-distancedisplay); padding-left: 5px; } 
    
     .noUi-horizontal .noUi-handle-upper .noUi-tooltip { top: -32px; bottom: initial; }
    
     .noUi-connect { background: linear-gradient(grey, grey) no-repeat center; } 
     .noUi-handle:after,
     .noUi-handle:before { content: none; } 
     .noUi-horizontal { height: 3px; } 
     .noUi-pips-horizontal { display: none; } 
     .noUi-horizontal .noUi-handle:focus { background-color: var(--earth-green) !important; } 
     .noUi-tooltip { /*bottom: -30px !important;*/bottom:-37px !important; top: auto !important; } 
     .noUi-horizontal .noUi-tooltip { left: -60%; } 
     
     .noUi-handle-lower .noUi-tooltip:before{left: 79.5%;width: 14px;border-bottom: 8px solid #1B2932;border-right: 5px solid #1B2932;transform: rotate(-134deg);}
     .noUi-handle-upper .noUi-tooltip:before{left: 7px !important;width: 14px;border-bottom: 9px solid #1B2932;border-right: 6px solid #1B2932;transform: rotate(-137deg);}
     .noUi-tooltip:before { content: ""; position: absolute; top: -4px; left: 80%; width: 6px; height: 6px; border-bottom: 4px solid rgba(128, 137, 141, 0.16); border-right: 4px solid rgba(128, 137, 141, 0.16); border-left: 4px solid transparent; border-top: 4px solid transparent; transform: rotate(-135deg); }
     .noUi-handle.noUi-handle-lower .noUi-tooltip { left:-25.5px;transform: translate(-50%,-5px);}
     .noUi-horizontal .noUi-handle-upper .noUi-tooltip {left:47.5px; transform: translate(-50%,-5px);}    
     .noUi-horizontal .noUi-handle-upper .noUi-tooltip::before { left: 10px; } 
     .mall-property .inputWrapper { display:none; } 
     .noUi-handle:after, .noUi-handle:before { display:none !important; } 
     .noUi-target { border: 1px solid #D3D3D3 !important; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB !important; background: rgba(247, 250, 250, 0.3) !important; border-radius: 20px !important; height: 3px !important; } 
     .noUi-connect { background:transparent !important; } 
     .noUi-horizontal .noUi-handle {top: -10px !important; } 
     .noUi-connect { background: transparent; } 
    .noUi-horizontal .noUi-tooltip { background: /*rgba(128, 137, 141, 0.16)*/#1B2932; border-radius: 40px; border: none; color: #fff; font-weight: 700; font-size: 10px; line-height: 12px; padding: 4px 8px;/*added css->*/min-width:100px } 
     
    
    .mapboxgl-ctrl-geocoder--pin-right {display:none; } 
    
    .propertySizeSlider .mobile-property-size-wrapper{display: none;}
    
    /*==== TABLET VIEW ====*/
    @media screen and (max-width:1200px) {
.desktopVisible { display: none; }
.filterWrapper.submitWrapper input{
        color: var(--deep-navy);
    font-weight: 500;
    }
    .tooltip-for-distance{
        display:none !important;
    }
    .noUi-horizontal .noUi-handle{
        background-color: var(--earth-green);
    }
    .filterWrapper.viewWrapper { display: none; } 
    .filterrow-desktop { display: none; } 
    .filterData.filterDataFullWidth { min-width: 100%; } 
    a.slideLeftRight { display: none !important; } 
    .listingWrapperOverflowScroll{
        max-height: 100%;
    }
    .filterDataAndMapWrapper { flex-direction: column-reverse; max-height: fit-content !important; } 
    .filterSection .filterRowWrapper { padding:0; } 
    .filter-close.close-active .closeText img {width:12px; } 
    .filter-close {display:none; } 
    .filter-close.close-active .closeText { display:flex; text-transform: capitalize; gap: 10px; } 
     .filter-close.close-active { color: var(--earth-green); display: flex;
    align-items: center; } 
    .filter-close .crossIcon { display:none; } 
    .filter-close.close-active .crossIcon { display:block; } 
    .filters-bar { width: 100%;justify-content: space-between;padding: 16px; } 
    .listingWrapperOverflowScroll { padding-left:16px; padding-right:16px; overflow: hidden;}
    .propertyCounterSortby{ padding-left:16px; padding-right:16px;} 
     .filter-row-mobile { display: flex !important; justify-content: space-between; align-items: center; min-height: 60px; } 
    .filterSection {min-height:auto; padding: 0; } 	
     .noUi-horizontal .noUi-tooltip {background: #DCDDDD; color: var(--deep-navy); } 
    .filterSection .filterRowWrapper .filterWrapper div.locationText, .filterSection .filterRowWrapper .filterWrapper .countryText,.filterSection .filterRowWrapper .filterWrapper .radiusText, .filterSection .filterRowWrapper .filterWrapper a,.filterWrapper.locationWrapper input.searchPropertyInput, #geocoder .mapboxgl-ctrl-geocoder input, .filterWrapper.locationWrapper input.searchPropertyInput::-webkit-input-placeholder, .mapboxgl-ctrl-geocoder--input::-webkit-input-placeholder { color: var(--deep-navy)!important; } 
    .filter-row-mobile .viewParaGroup { display:none !important; } 
    .filterSection .filterRowWrapper { flex-direction: column; align-items: flex-start; gap: 16px; padding-left: 16px;} 
    .listingInnerWrapper.spec-active { filter:none; } 
    .filterrow-desktop { background-color: var(--white); width: 100vw; left: -16px; position: relative; padding-left: 16px !important; padding-top: 24px; padding-bottom: 24px; } 
    .filterSection .filterRowWrapper .filterWrapper a.selectedCountryText{z-index:99999;}
    .filterSection .filterRowWrapper .filterWrapper ul {background-color: var(--white);}
    .filterSection .filterRowWrapper .filterWrapper.contryWrapper .countryTextListWrapper ul{z-index:9999;}
    .filterSection .filterRowWrapper .filterWrapper a.selectedCountryText.active{background-color:var(--white);z-index: 99999;}
    .selectedCountryText .downArrow img {filter: brightness(0) !important; } 
    .propertySizeRangeWrapper .mall-property{display: none;}
    .propertySizeSlider .mobile-property-size-wrapper {display: block;position: relative;}
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper a.select-range {border: 1px solid var(--earth-green);border-radius: 86px;padding: 6px 42px 6px 16px;font-style: normal;min-width: 197px;position: relative;z-index: 98;background-color: var(--white);} 
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper a.select-range.active{z-index:98;} 
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper a.select-range span{color: var(--deep-navy);font-weight: bold;}
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper a.select-range span.downArrow{filter: brightness(0);position: absolute;top: 50%;transform: translateY(-50%);right: 14px;}
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper ul{list-style: none;border: 1px solid var(--earth-green);border-top: 0;padding: 0;width: 100%;max-height: 149px;overflow: auto;overflow-x: clip;margin: 0;border-radius: 0px 0px 20px 20px;z-index: 9;margin-top:-20px;padding-top:20px;background-color: var(--white);}
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper ul li{ margin: 3px 2px;}
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper ul li a{padding: 8px 17px 8px 12px; font-weight: 600;}
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper ul li a:hover { background-color: var(--earth-green); color: var(--deep-navy); border-radius: 86px; }
/*    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper ul::before{content: '';position: absolute;top: -22px;background: var(--earth-green);height: 30px;width: 1px;left: -1px;}
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper ul::after{content: '';position: absolute;top: -22px;background: var(--earth-green);height: 30px;width: 1px;right: -1px;}*/
    .propertySizeSlider .mobile-property-size-wrapper .min-max-size-dropdown-wrapper a.select-range.active span.downArrow img{display: inline-block;transform: scale(-1);}
    .filterWrapper.radiusWrapper .radiusWrapperDropdown ul{margin-top: -20px;padding-top:20px;background-color: var(--white);}
    .radiusWrapper .selectedRadiusText.active{z-index:999;background-color:var(--white);}
    .radiusWrapper .selectedRadiusText{z-index:999;background-color:var(--white);}
    .radiusWrapper a.selectedRadiusText span.downArrow{filter: brightness(0);position: absolute;top: 50%;transform: translateY(-50%);right: 14px;}
    .radiusWrapper .radiusWrapperDropdown .distanceParaGroup{z-index:999;}
     }
    
    @media all and (max-width: 767.98px) {
    .storageInnerWrapper .storageInnerDetailWrapper{
    	flex: 100%;
    }
    
    .selectedCountryText.active .downArrow img, .selectedRadiusText.active .downArrow img,.selectedCountryText .downArrow img, .selectedRadiusText .downArrow img{filter: brightness(0);}
    .filterSection .filterRowWrapper .filterWrapper ul{background-color: #fff!important; min-width:100%!important;}
    
    .filterWrapper.submitWrapper span.icon:before{color: var(--deep-navy);}
    
    .countryText, .viewParaGroup, .radiusText, .locationText {padding-left: 16px;}
    
    .submitWrapperInline{margin-top:0;}
    .distanceParaGroup a, .viewParaGroup a {font-weight: 500;}
    
    
    
    .fullWidth .propertyTitleContentWrapper { gap:0 !important; max-height:initial; } 
    .fullWidth .card-row { gap: 0; } 
    .fullWidth .listingInnerWrapper .propertyWrapper h3.propertyTitleWrapper { margin-top:0 !important; } 
    .sortByListUl {left:0; } 
     
    
    
    
    .propertySizeRangeWrapper { min-width: 220px; } 
    .fullWidthDataActive .card-row .card-col-first { max-width:100%; } 
    /*.noUi-handle.noUi-handle-lower .noUi-tooltip { left:auto !important; }*/
    /*.filterDataAndMapWrapper { flex-direction: column !important; } */
    .sortBy span.sortByText { display:none; } 
    a.selectedList {min-width: 140px; } 
    
    .spedificationWrapper { border-top: 1px solid #C1C7CA; border-radius: 0px 0px 0px 8px; } 
    .card-row .card-col-first .documentWrapper { display:none; } 
     .listingInnerWrapper .propertyWrapper .documentWrapper {display: flex !important; margin-top: 24px; padding: 0; } 
    
    .property-map-wrapper,.property-map-wrapper #logicorListMap { min-height: 378px !important; } 
    div.filterData { width: 100%; position: relative; } 
    .card-row { flex-direction: column; position: relative; } 
    .mobilePositionRelative .compareSaveWrapper { position: absolute !important; top: 9px !important; right: 9px; background: var(--white); padding: 8px; border-radius: 6px; left:auto !important; } 
    .listingInnerWrapper .propertyWrapper { padding: 16px; padding-bottom: 6px; } 
    a.slideLeftRight { display: none !important; } 
    
    .storageInnerWrapper { grid-template-columns: none; } 
    .fullWidth .propertyTitleContentWrapper { flex-direction: column; } 
    .fullWidth .propertyTitleContentWrapper > div { width: 100%; } 
    .card-col-first .spedificationWrapper { display: none; } 
    .fullWidthSpecification { display: block; } 
    .property-map-wrapper.widthZero { height: 100%; width: 100%; } 
    
    .filterWrapper { margin-top: 0px; } 
    div.propertyListing { max-height: none; overflow-y: auto; } 
     
    .filterrow-desktop { display: none; } 
    .sortBy { text-align: end; } 
    /*==== MAP and List View Button In Mobile ====*/
    .filter-row-mobile .viewParaGroup a { color: var(--white); display: block; } 
    .filter-row-mobile .viewParaGroup label { padding: 8px; font-style: normal; cursor: pointer; margin-top: 5px; font-weight: 500; font-size: 13px; line-height: 20px; color: var(--white-2);width: 40px; height: 38px; justify-content: center; display: flex; align-items: center; width: 50%; height: 40px; margin: 0; } 
    .filter-row-mobile .viewParaGroup label:last-child { border-radius: 0 86px 86px 0; } 
    .filter-row-mobile .viewParaGroup input { display: none; } 
    .filter-row-mobile .viewParaGroup label.selected { background: var(--earth-green); color: var(--deep-navy); } 
    .filter-row-mobile .viewParaGroup label.selected a { color: var(--deep-navy); } 
    .filter-row-mobile .viewParaGroup { overflow: hidden; border: 1px solid var(--earth-green); border-radius: 86px; padding: 0; font-style: normal; font-weight: 600; font-size: 14.5px; line-height: 22px; position: relative; display: flex; justify-content: space-between; width: 84px; margin-left: 16px; } 
    
    .filter-row-mobile a.filter-btn { transition: all 0.3s ease-in-out;padding: 4px 16px; } 
    .filter-row-mobile a.filter-btn.filt-mob-active,.filter-row-mobile a.filter-btn:hover { background-color: var(--earth-green); color: var(--deep-navy); } 
    .propertyListingContainer .propertyCounterSortby.bgGrey .wrapper{padding: 12px 1px 12px 0px;}
    .listingInnerWrapper .imageWrapper img{border-radius: 8px 8px 0 0;}
     }
     .filters-bar{padding:0px;}
     .filterSection .filterRowWrapper{padding-left: 0;}
    /*a.selectedList.active:after {width: 0.4px;height: 30px;top: 15px;content: '';position: absolute;background: var(--earth-green);left:-1.5px;}
    a.selectedList.active:before {width: 0.4px;height: 30px;top: 15px;content: '';position: absolute;background: var(--earth-green);left: 100%;}*/
    /* .sortByListUl:before{content: '';position: absolute;top: -22px;background: var(--earth-green);height: 25px;width: 1px;left: calc(0% - 1px);}
    .sortByListUl:after{content: '';position: absolute;top: -22px;background: var(--earth-green);height: 25px;width: 0.6px;right: -1px;} */
    @media screen and (min-width: 993px) and (max-width:1030px){
    /*.filterSection{padding:14px 56px 46px 64px;}*/
    .filterWrapper.contryWrapper{margin-bottom:20px}
    }
    
    @media screen and (min-width:1024px) and (max-width:1370px){
    	#comparisonBar .compareProTitle.columns{
        	    min-width: 134px !important;
                padding: 0 15px;
        }
        .filterWrapper.locationWrapper input.searchPropertyInput, #geocoder .mapboxgl-ctrl-geocoder input{
        	min-width:230px;
        }
        .mapboxgl-popup-close-button{
        	    top: 20px !important;
        }
        .mapboxgl-popup-content{
        	    min-width: 450px;
        }
    }
    @media screen and (max-width: 1199.98px) {
		.propertyListingPageFilter .filterWrapper.propertySizeWrapper.desktopPropSizeRange {display:none;}
		.module--homepage-banner .filterWrapper.propertySizeWrapper .distanceParaGroup {margin-left: 20px;}
		.filterSection .filterRowWrapper.filterRowLast {display:none;}
		.propertyListingPageFilter .filterWrapper.propertySizeWrapper .propertySizeTextBoxes { width: 100%; }
		.filterWrapper.propertySizeTextBoxes { display:none; }
		.propertyListingPageFilter .filterWrapper.propertySizeWrapper {display:block;}
		.propertyListingPageFilter .propertySizeTextBoxes ,.propertyListingPageFilter .propertySizeRangeWrapper { max-width: 200px;padding-bottom: 25px; }
		.filterWrapper.propertySizeWrapper .distanceParaGroup {margin:0;}
		.filterWrapper.propertySizeWrapper .propertySizeTextBoxes .propSizeRange {max-width:200px;min-width: auto;}
	}
    @media screen and (min-width: 1199.99px) {
		.module--homepage-banner{overflow:hidden;}
		.filterWrapper.propertySizeWrapper .propertySizeTextBoxes .propSizeRange.minRange {
  margin-right: 12px;
}
	.filterWrapper.propertySizeWrapper.mobPropSizeRange .propertySizeTextBoxes { display: flex; justify-content: space-between; }
		.filterWrapper.propertySizeWrapper {width:100%;min-width:330px;max-width:none;}
		.propertySizeRangeWrapper { max-width: 94%; display: flex; flex: fit-content;margin-right: 40px; }
     .filterSection .mw-1440 {padding: 0 32px;}   
     .submitWrapperInline {margin-top: 10px; } 
/* 	.filterWrapper.locationWrapper { width: 30%; } */
     .propertySizeRangeWrapper>.countryText { top: -15px; position: absolute;padding-right: 30px;}
	 .propertyListingPageFilter .propertySizeRangeWrapper {flex: fit-content;display: flex;width:100%;}
	 .propertyListingPageFilter .propertySizeSlider { max-width: none; margin-top: 30px;margin-left:40px;flex: fit-content; margin-top: 0px; margin-left: 40px;}
	 .module--homepage-banner .propertySizeSlider {top:20px;}
	.filterWrapper.propertySizeWrapper .propertySizeTextBoxes .propSizeRange { max-width: 110px; min-width: auto; }
    }
    
    
@media screen and (min-width:768px) and (max-width:1024.98px){
	.filterWrapper{
    	    margin-right: 15px;
    }
}
@media all and (min-width: 1201px){
	.list-of-countries a.selectedCountryText::before, .list-of-countries a.selectedCountryText::after {display:none;}
.hideInDesktop { display: none; }
.filterWrapper.contryWrapper .countryTextListWrapper.list-of-countries > a.selectedCountryText.active + ul::before {content: " "; height: 1px; width: 100%; background: var(--earth-green); position: absolute; top: 0; }
.filterWrapper.contryWrapper .countryTextListWrapper.list-of-countries > ul { columns: 2;column-fill: auto; width: 312px; max-height: 370px; }
}


div.propertyListing:not(.fullWidth) .listingInnerWrapper .propertyWrapper .detailsWrapper { max-height: 85px; overflow-y: auto; }
div.propertyListing.fullWidth .listingInnerWrapper .propertyWrapper { max-height: 250px; overflow-y: scroll; }
div.propertyListing.fullWidth .listingInnerWrapper .propertyWrapper .contentWrapper {max-height:none;}