@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

*{
    padding: 0;
    margin: 0;
}

.main-container{
    display: flex;
    width: 100%;
    background-size: cover;
    font-family: "DM Sans", sans-serif;
    align-items: center;
    width:900px;
}

.search-div{
    width: 100%;
}

.gta_page_title{
    color: white;
    font-size: 42px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
}

.cat_property_type{
    list-style: none;
    text-align: center;
    margin: 15px 0;

}
.cat_property_type li{
    border: 1px solid white;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    color: white;
    cursor: pointer;
    margin: 6px;
    font-size: 14px;
}
.cat_property_type li.active{
    background: white;
    color: black;
}



/*
*   GTA Search Module
*/

.search_module{
    max-width: 700px;
    width: 100%;
    margin: auto;
    position: relative;
}

.search-input-div{
    background: white;
    border-radius: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    column-gap: 5px;
    width: 100%;
    box-sizing: border-box;

}
.search-input-div > div{
    position: relative;
}


.gta_search_dropdown{
    position: absolute;
    left: 0px;
    top: 50px;
    background: white;
    padding: 15px 20px;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    display: none;

}

.fetch_results{
    max-height: 250px;
    overflow-y: auto;
}

.selected_item div{
    display: inline-block;
    background: #ededed;
    font-size: 13px;
    padding: 5px 8px;
    margin-bottom: 5px;
    line-height: 16px;
    border-radius: 50px;
}
.selected_item div i{
    cursor:pointer;
}


/*
*   GTA Property Status
*/

.gta_select_status{
    width: 12%;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 32px;
    cursor: pointer;
}

.gta_search_dropdown ul{
    list-style: none;
}
.gta_search_dropdown ul li{
    padding: 2px;
    line-height: 26px;
    cursor: pointer;
}



/*
*   GTA Property Search Input
*/

.gta_search_input{
    width: 43%;
    border-right: 1px solid gray;
}

.search_resutls{
    font-size:14px;
    
}
.search_resutls a{
    color:black;
}

.gta-result-item{

}

.one_selected{
    display: none;
    background: #ededed;
    font-size: 13px;
    padding: 8px 12px;
    line-height: 16px;
    border-radius: 50px;
    cursor:pointer;
}
/*
*   GTA Property Search Other Parameters
*/

.gta_pt_param{
    width: calc(45% - 40px);
}
.gta_search_input input,
.gta_pt_param input{
    width: 100%;
    line-height: 20px;
    padding: 6px 10px !important;
    box-sizing: border-box;
    border: none !important;
    outline: none !important;
    font-size: 14px;
}

.gta_search_input input:focus,
.gta_pt_param input:focus{
    border: none;
    outline: none;
}
.gta_search_param_dropdown{
    position: absolute;
    left: 0px;
    background: white;
    padding: 25px 25px 15px 25px;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
    display: none;
}

.param_container{
    display: flex;
    box-sizing: border-box;
    column-gap: 20px;
    font-size: 14px;
}

.param_container > div{
    width: 100%;
}
.param_container label{
    font-weight: 600;
}

.gta_param_select{
    border: 1px solid black;
    padding: 10px 15px;
    box-sizing: border-box;
    border-radius: 50px;
    margin: 4px 0 22px 0;
    cursor: pointer;
}
.gta_param_dropdown{
    position: relative;
}
.gta_param_dropdown ul{
    list-style: none;
    position: absolute;
    background: white;
    padding: 15px;
    min-width: 120px;
    max-height: 180px;
    overflow-y: auto;
    display: none;
    z-index:5;
    box-shadow: 0px 2px 15px -13px black;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    margin-top: -15px;
}
.gta_param_dropdown ul li{
    padding-top: 6px;
    cursor: pointer;
}

.pt_com{
    display: none;
}






/*
*   GTA Property Search Submit
*/

.search_submit{
    width: 40px;
}
.search_submit button{
    width: 100%;
    background: black;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    padding:0px;
    width: 40px;
    height: 40px;
}
.search_submit button:hover,
.search_submit button:focus{
    background:black;
    color:white;
}
.search_submit button i{
    color: white;
    line-height: 38px;
}

.search_submit button span{
    display:none;
}
.sub-search-btn{
    justify-content:right;
}
.search-btn-2{
    background: black;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    padding:5px 30px;
    height: 40px;
    color:white;
}
.search-btn-2:focus,
.search-btn-2:hover{
    background:black;
    color:white;
}
.search-btn-2 i{
    color: white;
    line-height: 38px;
}

@media(max-width:768px){
    .main-container{
        width:100%;
    }
    .gta_page_title{
        font-size:34px;
    }
    .cat_property_type li{
        padding:6px 10px;
        margin:2px;
    }
    .search-input-div{
        flex-wrap:wrap; 
        border-radius:15px;
        padding: 15px;
        row-gap: 5px;
    }
    .gta_select_status{
        width:25%;
        padding:0px;
        border: 1px solid #bebebe;
        padding: 2px 9px;
        border-radius: 5px;
    }
    .gta_search_dropdown{
        z-index:5;
    }
    .gta_search_input{
        border:none;
        width: calc(75% - 5px);
    }
    .gta_search_input input{
        line-height: 32px;
        padding: 2px 7px !important;
        border: 1px solid #bebebe !important;
        border-radius: 5px;
        font-size:16px;
    }
    .gta_pt_param{
        width:100%;
    }
    .gta_pt_param input{
        line-height: 32px;
        padding: 2px 7px !important;
        border: 1px solid #bebebe !important;
        border-radius: 5px;
        font-size:16px;
    }
    .search_submit {
        width: 100%;
        text-align: center;
    }
    .search_submit button{
        width: 120px;
        color:white;
    }
    .search_submit button span{
        display:inline-block;
    }
    .search_submit button i {
        color: white;
        line-height: 38px;
        padding-left: 8px;
    }
    .sub-search-btn{
        justify-content:center;
    }
}