.elementor-3189 .elementor-element.elementor-element-e644cf1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-ab3f9fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3189 .elementor-element.elementor-element-b51520c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-3189 .elementor-element.elementor-element-b51520c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;color:#B98937;}.elementor-3189 .elementor-element.elementor-element-b51520c .elementor-heading-title a:hover, .elementor-3189 .elementor-element.elementor-element-b51520c .elementor-heading-title a:focus{color:#B98937;}.elementor-3189 .elementor-element.elementor-element-dd117be{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-3189 .elementor-element.elementor-element-dd117be .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:#12335E;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3189 .elementor-element.elementor-element-4fda517{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#000000;}.elementor-3189 .elementor-element.elementor-element-8e184cf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3189 .elementor-element.elementor-element-c4aedd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-78315b7{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3189 .elementor-element.elementor-element-3732e81 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-3732e81{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-7cb6fc3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-18e5a89 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-18e5a89{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-50909a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-15df378 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-15df378{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-7228137{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-3189 .elementor-element.elementor-element-6d01968{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-0ebfa46 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-0ebfa46{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-7a04164{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-08de09e .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-08de09e{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-cb82bcf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-68f5295 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-68f5295{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-4a7c331{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-494d710 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-494d710{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-88b24a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-42d9f90 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-42d9f90{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-6c9d8b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-7f49a56 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-7f49a56{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-2fa3325{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3189 .elementor-element.elementor-element-426d4e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-731032b .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-731032b{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-841e924{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-9c2f515 .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-9c2f515{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3189 .elementor-element.elementor-element-a6f4925{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3189 .elementor-element.elementor-element-16c675c .elementor-button{background-color:#071930;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;fill:#F2F4F6;color:#F2F4F6;}.elementor-3189 .elementor-element.elementor-element-16c675c{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-3189 .elementor-element.elementor-element-78315b7{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3189 .elementor-element.elementor-element-c4aedd0{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-7cb6fc3{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-50909a9{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-6d01968{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-7a04164{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-cb82bcf{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-4a7c331{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-88b24a0{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-6c9d8b7{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-426d4e6{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-841e924{--width:33.3333%;}.elementor-3189 .elementor-element.elementor-element-a6f4925{--width:33.3333%;}}@media(max-width:767px){.elementor-3189 .elementor-element.elementor-element-78315b7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3189 .elementor-element.elementor-element-3732e81 .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-18e5a89 .elementor-button{font-size:14px;padding:10px 74px 10px 74px;}.elementor-3189 .elementor-element.elementor-element-15df378 .elementor-button{font-size:14px;padding:10px 74px 10px 74px;}.elementor-3189 .elementor-element.elementor-element-0ebfa46 .elementor-button{font-size:14px;padding:10px 74px 10px 74px;}.elementor-3189 .elementor-element.elementor-element-08de09e .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-68f5295 .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-494d710 .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-42d9f90 .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-7f49a56 .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-731032b .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-9c2f515 .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}.elementor-3189 .elementor-element.elementor-element-16c675c .elementor-button{font-size:14px;padding:10px 69px 10px 69px;}}/* Start custom CSS for html, class: .elementor-element-bb4cf0e */.card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #EAEAEA;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(0,0,0,.12);
}

/* IMAGE */

.image{
    position:relative;
    overflow:hidden;
}

.image img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
    transition:.5s;
}

.card:hover .image img{
    transform:scale(1.05);
}

.badge{
    position:absolute;
    top:18px;
    left:18px;
    background:#fff;
    color:#12335E;
    font-size:12px;
    font-weight:600;
    padding:8px 16px;
    border-radius:30px;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

/* CONTENT */

.content{
    padding:22px;
}

.title-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    margin-bottom:10px;
}

.title-row h3{
    flex:1;
    font-size:16Px;
    color:#12335E;
    font-weight:700;
    line-height:1.3;
    margin:0;
}

.view-more{
    display:flex;
    align-items:center;
    gap:6px;
    color:#B98937;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}

.view-more i{
    transition:.3s;
}

.view-more:hover{
    color:#12335E;
}

.view-more:hover i{
    transform:translateX(4px);
}

/* LOCATION */

.location{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    color:#666;
    margin-bottom:10px;
}

.location i{
    color:#B98937;
}

/* RERA */

.rera{
    color:#0B8F4D;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

/* DETAILS */

.project-details{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.detail{
    display:flex;
    justify-content:space-between;
    gap:15px;
    border-bottom:1px solid #F2F2F2;
    padding-bottom:8px;
}

.detail:last-child{
    border:none;
    padding-bottom:0;
}

.detail span{
    color:#777;
    font-size:13px;
}

.detail strong{
    color:#12335E;
    font-size:13px;
    font-weight:600;
    text-align:right;
}

/* MOBILE */

@media(max-width:767px){

.image img{
height:220px;
}

.content{
padding:18px;
}

.title-row{
flex-direction:column;
gap:8px;
}

.title-row h3{
font-size:20px;
}

.view-more{
font-size:13px;
}

.detail{
flex-direction:column;
gap:4px;
}

.detail strong{
text-align:left;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e184cf *//* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#f7f7f7;
}

.projects{
    max-width:1200px;
    margin:60px auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    padding:0 15px;
}

.card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s ease;
    border:1px solid #eee;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.card:hover .image img{
    transform:scale(1.05);
}

.badge{
    position:absolute;
    top:18px;
    left:18px;
    background:#B98A3B;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:11px;
    font-weight:600;
    letter-spacing:1px;
}

.content{
    padding:24px;
}

.content h3{
    font-size:22px;
    color:#132746;
    font-weight:700;
    margin-bottom:12px;
}

.location{
    display:flex;
    align-items:center;
    gap:8px;
    color:#666;
    font-size:14px;
    margin-bottom:20px;
}

.location i{
    color:#B98A3B;
}

.features{
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid #eee;
    padding-top:20px;
}

.features div{
    flex:1;
    text-align:center;
}

.features i{
    display:block;
    font-size:20px;
    color:#B98A3B;
    margin-bottom:8px;
}

.features span{
    display:block;
    font-size:12px;
    color:#555;
    line-height:1.5;
}

/* Tablet */

@media(max-width:992px){

.projects{
grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */

@media(max-width:767px){

.projects{
grid-template-columns:1fr;
gap:20px;
}

.image{
height:220px;
}

.content{
padding:20px;
}

.content h3{
font-size:20px;
}

.features span{
font-size:11px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9f0f9b */<div class="card">

    <div class="image">
        <img src="https://sharkaurarealty.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-25-2026-06_11_33-PM.png" alt="MAPSKO GARDEN ESTATE">

        <span class="badge">Residential</span>
    </div>

    <div class="content">

        <div class="title-row">

            <h3>MAPSKO GARDEN ESTATE</h3>

            <a href="https://sharkaurarealty.com/mapsko-garden-estate/" class="view-more">
                View More
                <i class="fa-solid fa-arrow-right"></i>
            </a>

        </div>

        <div class="location">
            <i class="fa-solid fa-location-dot"></i>
            <span>Sectors 26, 26A &amp; 27, Sonipat, Haryana</span>
        </div>

        <div class="rera">
            HRERA-PKL-SNP-2023-XXX
        </div>

        <div class="project-details">

            <div class="detail">
                <span>Builder</span>
                <strong>Mapsko Group</strong>
            </div>

            <div class="detail">
                <span>Property Type</span>
                <strong>Residential Plots</strong>
            </div>

            <div class="detail">
                <span>Plot Sizes</span>
                <strong>180, 250, 350, 500 &amp; 1000 Sq. Yards</strong>
            </div>

            <div class="detail">
                <span>Price Starts</span>
                <strong>₹1.60 Cr*</strong>
            </div>

            <div class="detail">
                <span>Status</span>
                <strong>Booking Open</strong>
            </div>

            <div class="detail">
                <span>Possession</span>
                <strong>Ready to Possess</strong>
            </div>

        </div>

    </div>

</div>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fa3325 *//* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

body{
    background:#f7f7f7;
}

.projects{
    max-width:1200px;
    margin:60px auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    padding:0 15px;
}

.card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s ease;
    border:1px solid #eee;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

.card:hover .image img{
    transform:scale(1.05);
}

.badge{
    position:absolute;
    top:18px;
    left:18px;
    background:#B98A3B;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:11px;
    font-weight:600;
    letter-spacing:1px;
}

.content{
    padding:24px;
}

.content h3{
    font-size:22px;
    color:#132746;
    font-weight:700;
    margin-bottom:12px;
}

.location{
    display:flex;
    align-items:center;
    gap:8px;
    color:#666;
    font-size:14px;
    margin-bottom:20px;
}

.location i{
    color:#B98A3B;
}

.features{
    display:flex;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid #eee;
    padding-top:20px;
}

.features div{
    flex:1;
    text-align:center;
}

.features i{
    display:block;
    font-size:20px;
    color:#B98A3B;
    margin-bottom:8px;
}

.features span{
    display:block;
    font-size:12px;
    color:#555;
    line-height:1.5;
}

/* Tablet */

@media(max-width:992px){

.projects{
grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */

@media(max-width:767px){

.projects{
grid-template-columns:1fr;
gap:20px;
}

.image{
height:220px;
}

.content{
padding:20px;
}

.content h3{
font-size:20px;
}

.features span{
font-size:11px;
}

}/* End custom CSS */