.OffPlan-development{position:relative}.OffPlan-development .desc{max-width:433px}.OffPlan-development .featured-card{background-color:#101310;flex-direction:column;height:calc(100% - 160px);margin-top:160px;display:flex}.OffPlan-development .featured-card .img{overflow:hidden}.OffPlan-development .featured-card .img img{width:100%;height:auto;transition:all .5s linear}.OffPlan-development .featured-card .content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px;display:flex}.OffPlan-development .featured-card .content .card-title{text-transform:uppercase;color:#7c8878;font-size:16px;font-family:var(--bwGradualLight);letter-spacing:1px}.OffPlan-development .featured-card .content .outline-btn{color:#fff;letter-spacing:1px;z-index:1;text-transform:uppercase;border:1px solid rgba(196,202,194,.5);padding:10px 60px;font-size:12px;font-weight:400;display:inline-block;position:relative;overflow:hidden}.OffPlan-development .featured-card .content .outline-btn:after{content:"";z-index:-1;background-color:#7c8877;width:100%;height:100%;transition:all .5s linear;position:absolute;top:0;left:0;transform:translateY(100%)}.OffPlan-development .featured-card .content .outline-btn:hover:after{transform:translateY(0)}@media screen and (max-width:878px){.OffPlan-development .featured-card .content .card-title{font-size:14px}}.OffPlan-development .featured-card:hover .img img{transform:scale(1.2)}.OffPlan-development .featured-card:hover .content .primary-btn:after{transform:translateY(0)}@media screen and (max-width:768px){.OffPlan-development .featured-card .content{flex-flow:column wrap;align-items:flex-start;padding:40px 20px}}