div#offplanPropertyCard{cursor:pointer;width:100%;height:100%;border:1px solid rgba(0,0,0,0);border-image:radial-gradient(circle,rgb(255,236,224) 0,rgb(240,202,178) 35%,rgb(172,131,109) 100%);border-image-slice:1;background-color:var(--primary-bg-color)}div#offplanPropertyCard:hover div.imageContainer img{transform:scale(1.2)}div#offplanPropertyCard div.imageContainer{width:100%;position:relative;height:245px;overflow:hidden}div#offplanPropertyCard div.imageContainer img{transition:.3s ease-in-out;object-fit:cover}div#offplanPropertyCard div.imageContainer .specsContainer{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;width:100%;bottom:0}@media (max-width:1400px){div#offplanPropertyCard div.imageContainer .specsContainer{flex-direction:column;align-items:flex-start}}div#offplanPropertyCard div.imageContainer .specsContainer .developerImageContainer{z-index:0;margin:20px;padding:10px;background-color:#fff;border-radius:4px;width:100px}div#offplanPropertyCard div.imageContainer .specsContainer .developerImageContainer .developerImage{max-width:80px}@media (max-width:1400px){div#offplanPropertyCard div.imageContainer .specsContainer .developerImageContainer{margin:6px 0 8px 20px}}div#offplanPropertyCard div.imageContainer .specsContainer .handover{z-index:0;flex-shrink:0;border-radius:4px;background:rgba(18,24,35,.6);margin:20px;padding:4px 6px 6px 8px;display:flex;align-items:center;width:-moz-fit-content;width:fit-content}@media (max-width:1400px){div#offplanPropertyCard div.imageContainer .specsContainer .handover{margin:0 0 6px 20px}}div#offplanPropertyCard div.imageContainer .specsContainer .handover.ar{right:unset;left:0}div#offplanPropertyCard div.imageContainer .specsContainer .handover .handoverText{margin-left:6px;font-size:15px!important}html[lang=ar] div#offplanPropertyCard div.imageContainer .specsContainer .handover .handoverText{font-size:calc(15px + 1px)!important}div#offplanPropertyCard div.imageContainer .specsContainer .handover .handoverText{font-weight:400}div#offplanPropertyCard div.imageContainer .specsContainer .handover .handoverText.ar{margin-left:unset;margin-right:6px}div#offplanPropertyCard div.detailsContainer{padding:20px;background-color:var(--dark-blue)}div#offplanPropertyCard div.detailsContainer.primaryBg{background-color:var(--primary-bg-color)}div#offplanPropertyCard div.detailsContainer h3.title{text-transform:uppercase;font-weight:400;color:var(--text-color);font-size:16px}html[lang=ar] div#offplanPropertyCard div.detailsContainer h3.title{font-size:calc(16px + 1px)}div#offplanPropertyCard div.detailsContainer h3.title{min-height:41px}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top{border-bottom:1px solid var(--light-text-color);padding-bottom:20px}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location{display:flex;align-items:center;margin-bottom:10px;min-height:36px}@media (max-width:768px){div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location{min-height:40px}}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location span.icon{line-height:0}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location span.icon.ar{margin-left:.3rem}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location span.icon svg g{stroke:var(--light-text-color)!important}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location span.text{color:var(--light-text-color);font-weight:300;margin-left:6px;font-size:16px}html[lang=ar] div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location span.text{font-size:calc(16px + 1px)}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.location span.text{text-transform:capitalize}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.bed{display:flex;align-items:center;min-height:36px}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.bed span.icon{line-height:0}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.bed span.icon.ar{margin-left:.3rem}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.bed span.icon svg g{stroke:var(--light-text-color)!important}div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.bed span.text{color:var(--light-text-color);font-weight:300;margin-left:6px;font-size:13px}html[lang=ar] div#offplanPropertyCard div.detailsContainer div.extraInfo div.top span.bed span.text{font-size:calc(13px + 1px)}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom{padding:12px 0}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.starting{font-weight:300;font-size:14px}html[lang=ar] div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.starting{font-size:calc(14px + 1px)}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.starting{color:var(--text-color);margin-bottom:30px;display:block}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.oneLine{display:flex;justify-content:space-between}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text{display:block;color:var(--text-color);font-weight:600;font-size:13px}html[lang=ar] div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text{font-size:calc(13px + 1px)}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text{display:flex;align-items:center;cursor:pointer}@media (max-width:1200px){div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text{font-size:10px}html[lang=ar] div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text{font-size:calc(10px + 1px)}}@media (max-width:1050px){div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text{display:none}}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text span.icon{display:block;margin-left:10px;line-height:0}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text span.icon.ar{transform:scaleX(-1);margin-right:.5rem}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom span.text span.icon svg{width:20px;stroke:var(--text-color)}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.contactInfo{display:flex;align-items:center}@media (max-width:1050px){div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.contactInfo{justify-content:space-between;width:100%}}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.contactInfo a:nth-child(2){border-right:1px solid #fff;border-left:1px solid #fff;padding:0 20px;margin:0 20px}@media (max-width:1050px){div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.contactInfo a:nth-child(2){padding:0 60px;margin:0}}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.contactInfo a{cursor:pointer}div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.contactInfo span.icon svg{width:13px!important;height:13px!important}@media (max-width:1050px){div#offplanPropertyCard div.detailsContainer div.extraInfo div.bottom div.contactInfo span.icon svg{width:15px!important;height:15px!important}}