#search{
    width:60%;
    margin:0 0 0em 0;
}

#noty_user .user_show{
    width:15em;
}

.m-place-option .m-place{
    padding-bottom:1em;
    font-size:0.9em;
}

.m-place-option .m-place.active{
    color: var(--color-primary-alt);
    font-weight:600;
    border-bottom:2px solid var(--color-primary-alt);
}

.intro-container{
    width:100%;
    min-height: 30em;
    position:relative;
    overflow:hidden;
    padding:2em 0;
    margin-top:2em;
}

.intro-container img{
    height:90%;
    position:absolute;
    right:0;
}

.intro-container .word-nest{
    width:100%;
    z-index:2;
    position:relative;
    background-image: linear-gradient(to right, #fff 50%, transparent);
    padding:0 2em;
}

.intro-container .word-nest > div{
    width:60%;
}

@media (max-width: 1080px) {
    .intro-container .word-nest{
        background-image: linear-gradient(to right, #fff 80%, transparent);
    }
    
    .intro-container .word-nest > div {
      width: 90%;
    }
  }
  
.words-in-nest .wir{
    font-size:0.95em;
    color: var(--color-primary-alt);
}

.words-in-nest h1{
    font-size:2.2em;
    line-height:1.2em;
}

.words-in-nest .wir + h2{
    font-size:1.9em;
    line-height:1.2em;
}

.words-in-nest .wir + h2 + span{
    font-size:0.95em;
    color: grey;
}

.intro-container-2{
  margin: 2em 0;
  align-items: flex-start;
  padding: 4em 2em;
  border-radius:0;
}


.words-in-nest .btn{
    background:var(--color-secondary);
    color:#000;
    font-size:0.9em;
    padding:1em 4em;
    border:1px solid;
}

.words-in-nest .btn i{
    transform:rotate(-45deg);
    /* padding:1em; */
}

.roots-reit{
    padding:2em;
}

.roots-reit .map-container{
    height:24em;
    width:100%;
    background: #fff;
}

.mcard{
    background: #fff;
    padding:1.5em 2em;
    border:1px solid #eee;
    border-radius:0.5em;
    margin:0 1em 1.2em;
    font-size:0.9em;
}

.mcard .icon{
    background: #ddd2;
    border:1px solid #eee;
    height:2.5em;
    width:2.5em;
    border-radius:0.5em;
}

.main-card-info{
    flex:3;
}

.marketplace-cards{
    flex:2.5;
}

.asset-details{
    padding:1em 2em;
}

.housing .unit {
    font-size:0.8em;
    width: 25em;
    min-width:25em;
    background: #fff;
    padding:2em;
    box-shadow:0 0 2px 1px #0001;
    border-radius:1em;
}

.housing .unit h3{
    font-size:1.4em;
    font-weight:500;
}


.housing .unit > img{
    height:14em;
    width:100%;
}

.housing .unit *{
    white-space:normal;
}

.low-announcement{
    padding:1em 2em;
    align-items:baseline;
}

.the-marketplace .tab{
    display:none;
}

.the-marketplace .tab.active{
    display:block;
}

.inner-container{
    padding:1em;
}

.limited-info .info{
    background: var(--success-light);
    border-radius:1em;
    padding:0.2em 1em;
    font-size:0.9em;
}

.horizontal-cards{
    margin-top:2em;
    width: 100%;
    overflow-x: auto;
}

.horizontal-card{
    width:25em;
    min-width: 25em;
    /* max-width:32%; */
    font-size:0.8em;
}

.horizontal-card .text-part{
    padding:1em;
    background:#fff;
    flex:1;
}

.horizontal-card img{
    height:18em;
    object-fit:cover;
    border-radius:1em 1em 0 0;
}

.horizontal-card .deal.active{
    color: var(--color-secondary-dark);
    background: var(--color-secondary-light);
    padding:0.2em 0.8em;
    border-radius:1em;
}

.horizontal-card .bar{
    width:100%;
    height:0.7em;
    background:#444;
    border-radius:1em;
}

.horizontal-card .text{
    font-size:1.2em;
}

.horizontal-card .more-info b{
    font-size:1.2em;
}

.horizontal-card .color-primary-arrow{
    height:2em;
    width:2em;
    display:inline-flex;
    border-radius:1em;
    background: var(--color-secondary);
}

.horizontal-card .color-primary-arrow i{
    transform: rotate(-45deg);
    font-size:0.9em;
}


/* Property */
.property-view{
    height:80vh;
}

.property-view .left{
    width:80%;
    /* flex:4; */
}

.property-view .right{
    width:30%;
    height:100%;
    /* flex:1; */
}

.property-view .left .map-box{
    background: #fff;
    width:100%;
    height:70%;
}


.property-view .left .others{
    overflow-y:auto;
    height: 35%;
}

.property-view .left .others > .property{
    width:100%;
    /* background:#fff; */
    padding:0.5em;
    border-radius:0.2em;
    font-size:0.8em;
}

.property-view .left .others > .property .loc{
    background: var(--text-secondary-light);
    border-radius:0.2em;
    padding-inline:0.5em;
    height:2em;
    font-weight:300;
}


.property-view .left .others img.property-img{
    width:10em;
    height:8em;
}

.property-view .right .content-card{
    padding:1em;
    font-size:0.8em;
    height:95%;
    overflow:auto;
    scrollbar-width:none;
}

.property-view .right .property-images img{
    border-radius:0.2em;
}

.property-view .right .property-images .main{
    height:15em;
    width:100%;
}

.property-view .right .property-images .sub{
    height:6em;
    width:33%;
}

.property-view .right .amenities{
    font-size:0.8em;
    font-weight:600;
    width:90%;
}

.map-loc{
    height:8.5em;
    width:100%;
}

.property-view .right .in-details.img{
    background: var(--text-secondary-light);
    padding:0.5em;
    border-radius:0.5em;
}

.property-view .right .btn{
    background: var(--color-secondary);
    padding:0.5em;
    color:#111;
    font-size:0.9em;
}

.property-view .right .invest-grid-btns{
    display: grid;
    grid-template-columns: auto auto;
    gap:0.2em;
    font-size:0.9em;
}

.property-view .right .invest-grid-btns .btn{
    font-weight:500;
    padding:0.3em;
}
.property-view .right .invest-grid-btns .btn:last-child{
    grid-column: 1/ span 2;
}

.back-btn-mini{
    display:none;
}
@media (max-width: 768px){
    .word-in-nest h1{
        font-size:1.8em;
    }

    .roots-reit{
        padding:2em 1em;
    }

    .roots-reit > .row {
        flex-direction: column-reverse;
    }

    #asset-details{
        padding:0.5em;
    }

    .housing .unit {
        font-size:0.7em;
        width: 22em;
        min-width:22em;
        padding:1em;
    }

    .intro-container-2 .words-in-nest ~ img{
        display:none;
    }

    .horizontal-card{
        width:22em;
        min-width: 22em;
        /* max-width:32%; */
        font-size:0.7em;
    }

    .property-view {
        flex-direction: column-reverse;
        height:auto;
        margin-top:1em;
    }

    .property-view > div {
        width:100% !important;
    }
    .back-btn{
        display:none;
    }

    .back-btn-mini{
        display:flex;
    }

    .property-view .right .property-images .main {
        height: 18em;
    }

    .property-view .right .property-images .sub {
        height: 8em;
    }

    .property-view .others{
        margin-top:0;
        font-size:0.9em;
    }

    .property-view .others .property > .property-img{
        min-width: 10em;
    }

    .property-view .others .property .unit-appraisal{
        flex-direction:column;
        /* gap:0.2em; */
    }
}