.mapsectionHeading{display:flex;justify-content:space-between}
.rightLink a,.rightLink span{cursor:pointer;color:#5f449b;font-weight:600;font-size:13px}
.localityMap .discriptionText{padding: 10px 0px;}
.projectDescriptionBox{margin-bottom:15px}
.projectDescriptionBox .projectDescription~span::before{position:absolute;left:0;top:0;content:'Read More';color:#5f449b;font-weight:600;font-size:13px}
.projectDescription{display:block;height:44px;overflow:hidden;text-overflow:ellipsis}
.localityMap .dMapBox .map{position:relative;overflow:hidden;border-radius:8px;display:flex;display:-webkit-flex;align-items:center;justify-content:center}
.localityMap .dMapBox .viewMap{height:38px;border-radius:20px;background:#5f449b;position:absolute;left:auto;right:auto;color:#fff;display:flex;align-items:center;gap:8px}
.localityMap .dMapBox .viewMap em{position:relative;top:1px;width:14px}
.localityMap .nearLocation{margin-top:15px;display:flex;display:-webkit-flex;align-items:center;gap:8px;overflow:auto}
.localityMap .nearLocation li{padding:0 13px;display:flex;display:-webkit-flex;align-items:center;gap:4px;color:#333;cursor:pointer;border-radius:25px;height:36px;overflow:hidden;border:solid 1px #dbdbdb;white-space:nowrap;flex:none}
.localityMap .nearLocation li.active{background:#333;border-color:#333;color:#fff;cursor:default;}
.localityMap .nearLocation li em{flex:none}
.localityMap .nearLocation li.active .map-icon{filter:brightness(0) invert(1)}
.localityMap .nearDistanceBox{margin-top:15px;display:none;}
.localityMap .nearDistanceBox.active{display:block}
.localityMap .nearDistanceBox .locationHeading{font-size:14px;color:#333}
.localityMap .nearDistanceBox .nearDistance{margin-top:14px;max-height:240px;overflow:hidden;overflow-y:auto;}
.localityMap .nearDistanceBox .nearDistance li{display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;color:#333;border-top:solid 1px #f0f0f0;min-height:48px;cursor:pointer}
.localityMap .nearDistanceBox .nearDistance .distanceTitle{color:#333; font-size:12px;display:flex;display:-webkit-flex;align-items:center;gap:12px;max-width:calc(100% - 160px);line-height:normal}
.localityMap .nearDistanceBox .nearDistance .distanceTitle figure{width:36px;height:32px;border-radius:8px;background-color:#a5a5a5;overflow:hidden;flex:none}
.localityMap .nearDistanceBox .nearDistance .distanceTitle figure img{width:36px;height:32px}
.localityMap .nearDistanceBox .nearDistance li:hover{background:#fafafa}
.localityMap .nearDistanceBox .nearDistance .distance{padding-right:5px;display:flex;display:-webkit-flex;align-items:center;gap:7px;color:#666;font-size:12px}
.localityMap .nearDistanceBox .nearDistance em{font-size:16px;color:#333}
.localityMap .map-icon{background:url(/static/assets/images/new-map-img/map-sprite-icons.svg) no-repeat left top;background-size:36px;display:block;overflow:hidden;width:24px!important;height:24px!important;filter:brightness(0.5) saturate(0%)}
.localityMap .nearDistanceBox .nearDistance .icon-right-arrow{margin-left:5px;font-size:12px;font-weight:700}
.localityMap .map-icon::before{display:none}
.localityMap .icon-distance{background-position:-6px -197px}
.localityMap .icon-school{background-position:-5px -5px}
.localityMap .icon-city-connection{background-position:-5px -38px}
.localityMap .icon-shopping-center{background-position:-5px -70px}
.localityMap .icon-building{background-position:-5px -103px}
.localityMap .icon-business-hub{background-position:-5px -104px}
.localityMap .icon-hotel{background-position:-5px -137px}
.localityMap .icon-hospital{background-position:-5px -169px}
.localityMap .icon-cross-streets{background-position:-5px -281px}
.localityMap .nearDistanceBox .nearDistance .icon-btn-arrow{margin-left:5px;font-size:12px;font-weight:700}
.mapModelBox{display:none}
.mapModelBox.active{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:16;display:flex;display:-webkit-flex;}
.mapModelBox .mapLeft{width:320px;flex:none}
.mapModelBox .mapHeading{display:flex;display:-webkit-flex;align-items:center;height:60px}
.mapModelBox .mapHeading .backBtn{display:flex;display:-webkit-flex;align-items:center;height:60px;width:40px;justify-content:center;background:none;border:none;cursor: pointer;}
.mapModelBox .mapHeading .backBtn em{font-weight:700;font-size:16px}
.mapModelBox .mapHeading strong{font-size:18px;line-height:28px;color:#333}
.mapModelBox .mapAccordian{border:solid 1px #e3e3e3;border-width:1px 0;height:calc(100% - 61px);overflow:hidden;overflow-y:auto;}
.mapModelBox .mapAccordian::-webkit-scrollBar{width:0;height:8px;border-radius:20px;position:absolute;z-index:10000;transition:.5s}
.mapModelBox .mapAccordian::-webkit-scrollBar-thumb{border-radius:20px;transition:.5s}
.mapModelBox .mapAccordian:hover::-webkit-scrollBar{width:8px;background: #00000029!important;transition:.5s}
.mapModelBox .mapAccordian:hover::-webkit-scrollBar-thumb{background: #00000029!important;transition:.5s}
.mapModelBox .mapAccordian .panel.active{background:#f8f8f8}
.mapModelBox .mapAccordian .panelHeader{padding:0 15px;height:50px;position:relative;color:#333;display:flex;display:-webkit-flex;align-items:center;gap:10px;cursor:pointer}
.mapModelBox .mapAccordian .panelHeader em{font-size:16px}
.mapModelBox .mapAccordian .panel.active .panelBody{display:block}
.mapModelBox .mapAccordian .panelBody{padding:0 15px;display:none}
.mapModelBox .mapAccordian .panel.active ul{padding-right:8px;margin-bottom:10px;max-height:350px;overflow:hidden;overflow-y:auto;}
.mapModelBox .mapAccordian .panelBody .distance li{padding:15px 0;display:flex;display:-webkit-flex;align-items:flex-start;gap:10px;cursor:pointer}
.mapModelBox .mapAccordian .panelBody .distance li ~ li{border-top:#e3e3e3 solid 1px}
.mapModelBox .mapAccordian input[type="radio"]{height:20px;width:20px;border:#333 solid 1px;position:relative;display:flex;align-items:center;justify-content:center;cursor: pointer;}
.mapModelBox .mapAccordian input[type="radio"]::before{width:12px;height:12px;left:inherit;top:inherit}
.mapModelBox .mapAccordian input[type="radio"]:checked::before{background:#333}
.mapModelBox .mapAccordian input[type="radio"]:checked{border: 1px solid #333;}
.mapModelBox .mapAccordian .panelBody .distanceName{max-width:calc(100% - 32px)}
.mapModelBox .mapAccordian .panelBody .distanceName span{font-size:12px}
.mapModelBox .mapAccordian .panelBody .distanceName strong{display:block;color:#333;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mapModelBox .mapAccordian .panel ~ .panel{border-top:solid 1px #e3e3e3}
.mapModelBox .mapRight{width:calc(100% - 320px)}
.mapModelBox .mapRight .mapBox{position:relative;height:100%;width:100%}
.mapModelBox .mapRight .mapBox .pin{position:absolute;z-index:0}
.mapModelBox .mapRight .mapBox .pointerPin{padding:0 10px;position:absolute;display:flex;display:-webkit-flex;align-items:center;height:34px;width:88px;background:#333;color:#fff;border-radius:8px;cursor:pointer;z-index:3}
.mapModelBox .mapRight .mapBox .pin.dummyCenterPosition{left:50%;top:50%}
.mapModelBox .mapRight .mapBox .pointerPin.dummyPointerPostion{left:200px;top:400px}
.mapModelBox .mapRight .mapBox .pointerPin::before{margin:0 auto;position:absolute;left:0;bottom:-5px;right:0;content:'';width:10px;height:10px;background:#333;transform:rotate(45deg)}
.mapModelBox .projectPopupTile{padding:10px;display:none;align-items:center;background:#fff;border-radius:8px;position:absolute;left:-12px;bottom:35px;width:267px;box-shadow:0 0 12px 0 #00000033;cursor:auto}
.mapModelBox .projectPopupTile .tile{display:flex;width:100%}
.mapModelBox .mapRight .mapBox .pointerPin .locaName{position:relative;font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mapModelBox .mapRightBody{position:fixed;right:20px;top:20px;width:320px;z-index:20}
.mapModelBox .mapRightBody .mapFilterBox{widows:100%;border-radius:8px;background:#fff;box-shadow:0 0 6px 0 #00000038;position:relative;z-index:2}
.mapModelBox .mapRightBody .mapFilter{display:flex;display:-webkit-flex;align-items:center}
.mapModelBox .mapRightBody .mapFilter label{padding:0 15px;cursor:pointer;height:50px;display:flex;display:-webkit-flex;align-items:center;gap:9px;font-size:12px;color:#5f449b}
.mapModelBox .mapRightBody .mapFilter label input[type="checkbox"]:checked{background:#5f449b;border-color:#5f449b;box-shadow:none}
input[type="checkbox"]{margin:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;height:17px;width:17px;background:#fff;border:1px solid #D0D0D0;color:#fff;display:inline-flex;outline:none;z-index:0;border-radius:3px;position:relative;cursor:pointer}
input[type="checkbox"]:checked{background:#58bf93;border-color:#58bf93;box-shadow:0 2px 5px 0 #58bf93b5}
.mapModelBox .mapAccordian input[type="radio"]{height:20px;width:20px;border:#333 solid 1px;margin:0;appearance:none;border-radius:100%;background:#fff;}
.mapModelBox .mapAccordian input[type="radio"]::before{width:12px;height:12px}
input[type="radio"]::before{content:"";width:9px;height:9px;background:#e3e3e3;border-radius:100%;left:3px;top:3px;position:absolute}
.mapModelBox .mapAccordian input[type="checkbox"]:checked::before{content:"\e92a";font-family:'icomoon';font-size:11px;display:flex;display:-webkit-flex;height:100%;align-items:center;justify-content:center;position:absolute;left:0;top:0;right:0;bottom:0}
.mapModelBox .mapRight .mapBox .leaflet-top .leaflet-routing-container{display: none;}
#showCrossStreetMap .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {bottom: -20px!important;left: -127px!important;}
#showCrossStreetMap .leaflet-fade-anim .leaflet-map-pane .leaflet-popup .leaflet-popup-content,#showCrossStreetMap .leaflet-fade-anim .leaflet-map-pane .leaflet-popup .leaflet-popup-content div{width: 186px!important;}
.mapModelBox .mapRightBody .mapFilter label ~ label{border-left:#e3e3e3 solid 1px}
.mapModelBox .mapRightBody .commuteSearch{position:relative;width:100%;padding:15px;border-top:solid 1px #e6e6e6}
.mapModelBox .mapRightBody .commuteInput{position:relative}
.mapModelBox .mapRightBody .icon-search{position:absolute;left:15px;top:0;bottom:0;display:flex;display:-webkit-flex;align-items:center;font-size:14px;color:#333;font-weight:700}
.mapModelBox .mapRightBody .commuteInput .form-control{padding-left:40px;border:solid 1px #e6e6e6;background:#f7f9fa;font-weight:700}
.mapModelBox .mapRightBody .commuteAuto{position:absolute;top:63px;right:0;left:0;overflow:hidden;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 #00000038;max-height:0}
.mapModelBox .mapRightBody .commuteAuto.active{max-height:328px;overflow:auto}
.mapModelBox .mapRightBody .distance{padding:0 15px 15px}
.mapModelBox .mapRightBody .distance li{padding:10px 0}
.mapModelBox .mapRightBody .distance li ~ li{border-top:solid 1px #e6e6e6}
.mapModelBox .mapRightBody .distance strong{display:block;color:#333;line-height:20px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mapModelBox .mapRightBody .distance span{font-size:12px;line-height:normal;display:block}
.mapModelBox .projectPopupTile::before{margin:0 auto;position:absolute;left:50px;bottom:-5px;content:'';width:10px;height:10px;background:#fff;transform:rotate(45deg)}
.mapModelBox .projectPopupTile .tile figure{width:55px;height:55px;margin-right:10px;border-radius:8px;overflow:hidden;flex:none;display:flex}
.mapModelBox .projectPopupTile .tile figure img{width:100%;height:100%;object-fit:cover}
.mapModelBox .projectPopupTile .tile figcaption{width:100%;line-height:18px}
.mapModelBox .projectPopupTile .tile figure ~ figcaption{width:calc(100% - 65px)}
.mapModelBox .projectPopupTile .tile figcaption strong{font-weight:600;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.mapModelBox .projectPopupTile .tile figcaption span{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.mapModelBox .projectPopupTile .tile figcaption span.price{margin-top:3px;color:#5f449b;font-weight:700}
.mapModelBox .mapRight .mapBox .pointerPin:hover .projectPopupTile{display:flex}
.mapModelBox .mapAccordian .panelHeader .icon-down-arrow{width:40px;position:absolute;right:0;top:0;bottom:0;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-size:14px}
.mapModelBox .mapAccordian .panel.active .icon-down-arrow{transform:rotate(180deg)}
.mapModelBox .commuteCardBox{padding:15px;position:fixed;bottom:0;right:20px;width:320px;box-shadow:0 6px 26px 0 #00000029;background:#fff;border-radius:8px 8px 0 0}
.mapModelBox .commuteCardBox strong{display:block;max-width:calc(100% - 20px);color:#333;line-height:20px;z-index:19}
.mapModelBox .commuteCardBox .travelMood{margin-top:15px;display:flex;display:-webkit-flex;align-items:center;gap:10px;flex-wrap:wrap}
.mapModelBox .commuteCardBox .travelMood li{padding:0 15px;border-radius:25px;background:#f6f2f2;height:30px;font-size:12px;color:#333;display:flex;display:-webkit-flex;align-items:center;gap:4px}
.mapModelBox .commuteCardBox .icon-cancal{padding:5px;color:#333;border-radius:100px;font-size:7px;border:1px solid #333;position:absolute;right:10px;top:10px;cursor:pointer;font-weight:700}
.mapModelBox .map-icon{background:url(/static/assets/images/new-map-img/map-sprite-icons.svg) no-repeat left top;background-size:36px;display:block;overflow:hidden;width:24px!important;height:24px!important;filter:brightness(0.5) saturate(0%)}
.mapModelBox .map-icon::before{display:none}
.mapModelBox .icon-school{background-position:-5px -5px}
.mapModelBox .icon-city-connection{background-position:-5px -38px}
.mapModelBox .icon-shopping-center{background-position:-5px -70px}
.mapModelBox .icon-building{background-position:-5px -103px}
.mapModelBox .icon-business-hub{background-position:-5px -104px}
.mapModelBox .icon-hotel{background-position:-5px -137px}
.mapModelBox .icon-hospital{background-position:-5px -169px}
.mapModelBox .icon-distance{background-position:-6px -197px}
.mapModelBox .icon-car{background-position:-6px -241px}
.mapModelBox .icon-two-weelar{background-position:-6px -221px}
.mapModelBox .icon-walk{background-position:-6px -263px}
.mapModelBox .icon-cross-streets{background-position:-5px -281px}
.mapModelBox .mapRightBody .mapFilterBox ~ .syFormBox{margin-top:15px;height:200px;width:100%;height:300px;border-radius:8px;box-shadow:0 0 6px 0 #00000038}
@media screen and (max-width:768px) {
.localityMap .nearDistanceBox .nearDistance li {padding:10px 0;}
.localityMap .icon-school{background-position:-5px -5px}
.localityMap .icon-city-connection{background-position:-5px -38px}
.localityMap .icon-shopping-center{background-position:-5px -70px}
.localityMap .icon-business-hub{background-position:-5px -104px}
.localityMap .icon-hotel{background-position:-5px -137px}
.localityMap .icon-hospital{background-position:-5px -169px}
.localityMap .icon-distance{background-position:-6px -197px}
.mapPopupSection{padding-top:0px;height:100vh;width:100%;position:fixed;bottom:0;left:0;background:#fff;z-index:12;display:none;}
.mapPopupSection.active{display:block;}
.mapPopupSection .mapBackBtn{padding:10px;color:#000;font-size:16px;font-weight:bold;display:flex;align-items:center;}
.mapPopupSection .mapBackBtn .icon-aroow-left{margin-right:10px;font-weight:bold;}
.mapPopupSection .mapBox{background:#e5e5e5;width:100%;height:100%;position:relative;z-index:8;}
.mapPopupSection .mapBox .pin{position:absolute;z-index:0}
.mapPopupSection .mapBox .pin.dummyCenterPosition{left:50%;top:50%}
.mapPopupSection .mapBox .pointerPin{padding:0 10px;position:absolute;display:flex;display:-webkit-flex;align-items:center;height:34px;width:88px;background:#333;color:#fff;border-radius:8px;cursor:pointer;z-index:3}
.mapPopupSection .mapBox .pointerPin.dummyPointerPostion{left:200px;top:400px}
.mapPopupSection .mapBox .pointerPin .locaName{position:relative;font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mapPopupSection .mapBox .pointerPin::before{margin:0 auto;position:absolute;left:0;bottom:-5px;right:0;content:'';width:10px;height:10px;background:#333;transform:rotate(45deg)}
.mapPopupSection .leaflet-top .leaflet-routing-container{display:none;}
/* .mapPopupSection .topBar{position:absolute;top:65px;right:15px;background:#fff;box-shadow:0 0 6px 0 #00000038;border-radius:5px;display:flex;align-items:center}
.mapPopupSection .topBar label{display:flex;align-items:center;padding:8px 10px;height:40px;gap:8px;font-size:12px;font-weight:700;color:#5f449b}
.mapPopupSection .topBar label + label{border-left:solid 1px #e2e2e2}
.mapPopupSection .topBar label input[type="checkbox"]{border:solid 1px #5f449b}
.mapPopupSection .topBar label input[type="checkbox"]:checked{background:#5f449b;border-color:#5f449b;box-shadow:0 2px 5px 0 #5f449bb5} */
.mapPopupSection .mobilePopup.active{bottom:0;transform:0.5s}
.mapPopupSection .mobilePopup{position:absolute;bottom:-1000px;left:0;width:100%;background:#fff;z-index:9;overflow:hidden;border-radius:20px 20px 0 0}
.mapPopupSection .mobilePopup .icon-cancal{position:absolute;font-size:12px;color:#333;right:15px;top:15px;cursor: pointer;}
.mapPopupSection .mobilePopup .mobilePopupHeading{padding:0 15px;font-size:14px;position:relative;font-weight:700;color:#333;height:52px;line-height:52px;border-bottom:1px solid #e5e5e5}
.mapPopupSection .mobilePopup .mobilePopupCloseBtn{position:absolute;right:8px;top:8px;height:30px;width:30px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.mapPopupSection .mobilePopup .mobilePopupData{padding:15px;display:block}
.mapPopupSection .mobilePopup .mobilePopupData .mobilePopupSearchBox{display:flex;border-radius:6px;border:solid 1px #e5e5e5;background:#f7f9fa;height:42px}
.mapPopupSection .mobilePopup .mobilePopupData .mobilePopupSearchBox em{font-size:16px;width:38px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;color:#333;font-weight:700}
.mapPopupSection .mobilePopup .mobilePopupData .mobilePopupSearchBox .inputBox{width:calc(100% - 38px)}
.mapPopupSection .mobilePopup .mobilePopupData .mobilePopupSearchBox .inputBox input{padding:0;height:100%;line-height:normal;border-radius:8px;background:none;border:0;width:100%;font-weight:600;color:#333}
.mapPopupSection .mobilePopup .mobilePopupData .locationList{margin-top:5px;display:block}
.mapPopupSection .mobilePopup .mobilePopupData .locationList li{padding:8px 0;display:flex;flex-direction:column;line-height:16px;border-bottom:1px solid #e5e5e5}
.mapPopupSection .mobilePopup .mobilePopupData .locationList li strong{font-weight:600;color:#333;font-size:12px}
.mapPopupSection .mobilePopup .mobilePopupData .locationList li span{color:#666;font-size:12px}
.mapPopupSection .mobilePopupDistanceTabs{padding:0 15px;margin:10px 0 15px;display:flex;display:flex;gap:10px;flex-wrap:wrap}
.mapPopupSection .mobilePopupDistanceTabs li{padding:0 15px 0 8px;display:flex;align-items:center;gap:5px;white-space:nowrap;border-radius:40px;border:solid 1px #f6f2f2;background:#f6f2f2;height:36px;font-size:12px;color:#333}
.mapPopupSection .locationPopupTile{padding:15px;margin:15px;display:flex;align-items:center;width:calc(100% - 30px);background:#fff;border-radius:8px;position:fixed;bottom:0}
.mapPopupSection .locationPopupTile em{position:absolute;right:8px;top:8px;height:30px;width:30px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.mapPopupSection .locationPopupTile .tile{display:flex;gap:15px;width:calc(100% - 25px)}
.mapPopupSection .locationPopupTile .tile figure{width:35px;height:35px;border-radius:8px;overflow:hidden}
.mapPopupSection .locationPopupTile .tile figure img{width:100%;height:100%;object-fit:cover;float:left}
.mapPopupSection .locationPopupTile .tile figcaption{width:calc(100% - 50px);display:flex;flex-direction:column;line-height:18px}
.mapPopupSection .locationPopupTile .tile figcaption strong{font-weight:600;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.mapPopupSection .locationPopupTile .tile figcaption span{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.mapPopupSection .projectPopupTile{padding:15px;margin:15px;display:flex;align-items:center;width:calc(100% - 30px);background:#fff;border-radius:8px;position:fixed;bottom:0}
.mapPopupSection .projectPopupTile em{position:absolute;right:8px;top:8px;height:30px;width:30px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.mapPopupSection .projectPopupTile .tile{display:flex;gap:15px;width:calc(100% - 25px)}
.mapPopupSection .projectPopupTile .tile figure{width:55px;height:55px;border-radius:8px;overflow:hidden}
.mapPopupSection .projectPopupTile .tile figure img{width:100%;height:100%;object-fit:cover;float:left}
.mapPopupSection .projectPopupTile .tile figcaption{width:calc(100% - 70px);display:flex;flex-direction:column;line-height:18px}
.mapPopupSection .projectPopupTile .tile figcaption strong{font-weight:600;color:#333;font-size:14px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.mapPopupSection .projectPopupTile .tile figcaption span{color:#666;font-size:12px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.mapPopupSection .floatingPin{margin-top:15px;display:flex;align-items:center;justify-content:center}
.mapPopupSection .floatingPin span{background:#b9b9b9;height:5px;width:50px;border-radius:5px}
.mapPopupSection .mobilePopupTabs{display:flex;padding:0 15px;margin:15px 0;display:flex;gap:10px;overflow:hidden;overflow-x:auto}
.mapPopupSection .mobilePopupTabs li{padding:0 15px 0 8px;display:flex;align-items:center;gap:5px;white-space:nowrap;border-radius:40px;box-shadow:0 1px 4px 0 #0000000f;border:solid 1px #e6e6e6;background-color:#fff;height:36px;font-size:12px;color:#333;font-weight:600}
.mapPopupSection .mobilePopupTabs li.active{background:#333;color:#fff;border:solid 1px #333}
.mapPopupSection .mobilePopupTabs li.active .map-icon{filter:brightness(0) invert(1)}
.mapPopupSection .mapPopupMobileTab.frontschoolTab , .mapPopupSection .mapPopupMobileTab.fronthospitalTab,.mapPopupSection .mapPopupMobileTab.frontcommuteTab , .mapPopupSection .mapPopupMobileTab.frontshoppingTab,.mapPopupSection .mapPopupMobileTab.frontbuildingTab,.mapPopupSection .mapPopupMobileTab.frontcrossStreetTab{display:none;}
.mapPopupSection .mapPopupMobileTab.frontschoolTab.active, .mapPopupSection .mapPopupMobileTab.fronthospitalTab.active, .mapPopupSection .mapPopupMobileTab.frontcommuteTab.active, .mapPopupSection .mapPopupMobileTab.frontshoppingTab.active,.mapPopupSection .mapPopupMobileTab.frontbuildingTab.active,.mapPopupSection .mapPopupMobileTab.frontcrossStreetTab.active{display:block;max-height:400px;overflow:hidden;overflow-y:auto;}
.mapPopupSection .mobilePopupSmallHeading{padding:8px 15px;font-size:14px;font-weight:700;color:#333}
.mapPopupSection .mobilePopup .listItems{margin-top:5px;display:block;border-top:1px solid #e5e5e5}
.mapPopupSection .mobilePopup .listItems li{padding:8px 15px;display:flex;justify-content:space-between;line-height:18px;border-bottom:1px solid #e5e5e5;gap:10px;}
.mapPopupSection .mobilePopup .listItems li .commuteName{font-weight:600;color:#333;font-size:13px;display:flex;flex-direction:column}
.mapPopupSection .mobilePopup .listItems li .commuteName span{color:#666;font-size:12px;font-weight:400}
.mapPopupSection .mobilePopup .listItems li em{padding-right:30px;display:flex;align-items:center;font-weight:600;color:#666;font-size:14px;font-style:normal;position:relative;text-align:right;min-width:85px;}
.mapPopupSection .mobilePopup .listItems li em:after{content:'\e99d';position:absolute;top:8px;right:0;border-radius:50%;font-family:icomoon;font-size:13px;color:#333;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:700}
.mapPopupSection .map-icon{background:url(/static/assets/images/new-map-img/map-sprite-icons.svg) no-repeat left top;background-size:36px;display:block;overflow:hidden;width:24px!important;height:24px!important;filter:brightness(0.5) saturate(0%)}
.mapPopupSection .map-icon::before{display:none}
.mapPopupSection .icon-school{background-position:-5px -5px}
.mapPopupSection .icon-city-connection{background-position:-5px -38px}
.mapPopupSection .icon-shopping-center{background-position:-5px -70px}
.mapPopupSection .icon-building{background-position:-5px -103px}
.mapPopupSection .icon-business-hub{background-position:-5px -104px}
.mapPopupSection .icon-hotel{background-position:-5px -137px}
.mapPopupSection .icon-hospital{background-position:-5px -169px}
.mapPopupSection .icon-distance{background-position:-6px -197px}
.mapPopupSection .icon-car{background-position:-6px -241px}
.mapPopupSection .icon-two-weelar{background-position:-6px -221px}
.mapPopupSection .icon-walk{background-position:-6px -263px}
.mapPopupSection .icon-cross-streets{background-position:-5px -281px}
.localityMap .dMapBox .map img{max-width:inherit!important;max-height:inherit;height:150px;}
.localityMap .nearDistanceBox .nearDistance {max-height:310px;}
.localityMap .nearDistanceBox .nearDistance .distanceTitle{color:#333;display:flex;display:-webkit-flex;align-items:center;gap:12px;max-width:calc(100% - 160px);line-height:normal}
.localityMap .nearDistanceBox .nearDistance .distanceTitle {line-height:20px;}
}