.top-area {

    margin-bottom: 60px;

}

.top-area p {

    max-width: 800px;

    text-align: center;

    margin: auto;

}





.main-area .filter {

    display: flex;

    gap: 30px;

    margin-bottom: 50px;

    justify-content: center;

}

.main-area .filter .select-area label{

display: block;

    margin-bottom: 5px;

    color: #777;

    font-size: 14px;

    font-weight: 500;

}

.main-area .filter .select-area .select2-container{

    padding: 0px;

    width: 150px !important;

    height: 42px !important;

}





.main-area .filter .select-area .select2-container--default .select2-selection--single{

    height: 40px !important;

    border-radius: 0;

}

.main-area .filter .select-area .select2-container--default .select2-selection--single .select2-selection__rendered{

    padding-left: 10px;

    line-height: 40px;

    font-size: 13px;

}

.main-area .filter .select-area .select2-selection--single .select2-selection__arrow b{

    margin-left: -15px;

    height: 33px;

}

.main-area .items .residence-card{

    max-height: none;

    display: grid;

    grid-template-columns: 1fr 2fr;

    gap: 20px;

    transition: none !important;

   

}

.main-area .items .residence-card .img-area img{

    height: 294px;

    object-fit: cover;

}

.main-area .items .residence-card .content-area{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-evenly;

    padding: 40px;

}

.main-area .items .residence-card .content-area .address p{

    color: #777;

}

.main-area .items .residence-card .content-area a{

    margin: 0px !important;

}



.main-area .items.giff{

    opacity: 0;

}





.bg-residence {

    background-color: #fafbfd;

}



.content .parallax-mini img {
    width: 100% !important;
    margin-left: 0px !important;
}



@media (max-width:767.98px) {

    .main-area .items .residence-card{

        display: flex;

        flex-direction: column;

    }

}