.bs-outer{padding: 42px 0 118px;
    margin-top: 48px;
    position: relative;
    z-index: 1;
    min-height: 630px;
    background: linear-gradient(90deg, #fbd176 0%, #ffffc0 100%);
    display: flex;
    flex-direction: column;}
 .ht-banner {
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hb-title{padding: 30px 0 0;
    font-size: 30px;
    color: #ffffff;
    line-height: 28px;
    display: block;
    font-weight: 700;
    min-height: 70px;
    position: relative;
    text-align: center;padding-top: 12%;}

.hb-services{
    padding: 0 0 20px;
    gap: 3px;
    display: block;
    text-align: left;
}
.hbs-title{
    font-size: 18px;
    font-weight: 500;
    max-width: 100%;
	text-align: center;
    color: #ffffff;
}

.hbs-title .service-list{
    height: 20px;
    overflow: hidden;
    position: relative;
    width: max-content;
    display: inline-block;
    top: 5px;
}
.service-list ul{
	animation: text-slide-up 12.5s cubic-bezier(0.83, 0, 0.17, 1) infinite;
    display: flex;
    flex-direction: column;
    margin:0;
	padding:0;
}
.service-list ul li {
    height: 20px;
    display: flex;
    align-items: center;
    font-weight: 600;
    background: linear-gradient(90deg, #BC81F9 3.46%, #FE949F 51.64%, #F7AA7B 99.82%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@keyframes text-slide-up{0%,16%{transform:translateY(0%)}20%,36%{transform:translateY(-16.66%)}40%,56%{transform:translateY(-33.33%)}60%,76%{transform:translateY(-50%)}80%,96%{transform:translateY(-66.66%)}100%{transform:translateY(-83.33%)}}
.hsb-wrap{display: flex;display: -webkit-flex;flex-direction: column;gap: 10px;}
.property-types {
    padding: 0 15px;
    margin: 0 auto 10px;
    display: flex;
    gap: 8px;
    overflow: hidden;
    overflow-x: auto;
}
.property-types li {
	background: rgba(33, 33, 28, 0.4);
    border-radius: 8px;
    border: #fff solid 1px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    padding: 10px 15px;
}

.hf-box {
    padding: 24px 0 16px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    gap: 13px;
    border-radius: 20px;
    background: #2121211c;
    box-shadow: 0 4px 14px 0 #0000001f;
    position: relative;
    z-index: 2;
    border: #1a1a1a solid 1px;
    opacity: 0;
}
.ss-row{
    align-items: center;
    display: flex;
    display: -webkit-flex;
    gap: 10px;
	justify-content: space-between;
	padding: 0 20px;}
.sb-city{
	background: #fff;
    border-radius: 10px;
    display: flex;
    position: relative;
    width: 100%;
    z-index: 2;}
.sb-city .dropdown-input-box {
    margin-right: -1px;
    font-size: 14px;
    color: #1a1a1a;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 195px;
    flex: none;
    border: 1px solid #fff;
    height: 70px;
    border-radius: 10px 0 0 10px;
    justify-content: center;
}
.sb-city .dropdown-input {
    height: 70px;
    position: relative;
    cursor: pointer;
    border-radius: 12px 0 0 12px;
}
.sb-city .dropdown-input .form-control {
    padding: 8px 30px 8px 18px;
    width: 100%;
    height: 70px;
    border: none;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 0;
}
.sb-city .dropdown-input .fa-chevron-down{
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: center;
    position: absolute;
    right: 7px;
    top: 20px;
    width: 30px;
}
.hf-box .dropdown-menu {
    position: absolute;
    left: 0;
    top: 46px;
    width: 100%;
    display: none;
    background: #fff;
    transition: .3s;
    z-index: 1;
    box-shadow: 0 2px 9px 0 #00000024;
    border-radius: 0 0 8px 8px;
}
.hf-box .dropdown-input-box.active .dropdown-menu {
    top: 69px;
    max-height: 250px;
    display: block;
    overflow: auto;
}

.city-lh {
    padding: 3px 15px;
    display: block;
    color: #1a1a1a;
    background: #f1f1f1;
}
.hf-box .city-list li {
    padding: 5px 15px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}
.hf-box .city-error {
    padding: 0 19px 9px 12px;
    line-height: 22px;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    border-radius: 5px 5px 0 0;
    background: #FFDFDF;
    font-size: 12px;
    z-index: -1;
    height: 31px;
    color: red;
    transition: all .3s;
}
.hf-box .city-error.active {bottom: 58px;}
.hf-box .search-input {
    border: 1px solid #fff;
    border-left: 1px solid #E3E3E3;
    border-radius: 0 10px 10px 0;
    display: flex;
    width: calc(100% - 195px);
    position: relative;
    align-items: center;
    gap: 10px;
    height: 70px;
}
.search-input .form-control {
    padding: 0;
    height: 100%;
    border: none;
    font-size: 18px;
    box-shadow: none;
}
.search-input .fa-search {
    align-items: center;
    color: #999;
    display: flex;
    flex: none;
    font-size: 24px;
    justify-content: center;
    left: 12px;
    position: relative;
    width: 40px;
}
.search-input .clear-search {
    margin-right: 15px;
    display: flex;
    align-items: center;
    width: 24px;
    color: #1A1A1A;
    font-size: 8px;
    height: 24px;
    position: relative;
    flex: none;
    background: #e3e3e3;
    border-radius: 15px;
    justify-content: center;
    cursor: pointer;
}
.nv-search {
    align-items: center;
    display: flex;
    display: -webkit-flex;
    flex: none;
    gap: 10px;
    padding-right: 12px;
}
.nv-search i {
    align-items: center;
    background: #EAEAEA;
    border-radius: 100%;
    color: #1A1A1A;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    display: -webkit-flex;
    flex: none;
    height: 46px;
    justify-content: center;
    width: 48px;
}







.wdt-wraper{position:relative;
    background-image: url(../images/img-1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}
.wdt-bg-overlay{background-color:#69AF07;inset: 0;opacity: 0.8;position: absolute;}
.wdt-container{padding: 100px 20px 100px 35%;position: relative;}
.wdt-st-holder{background-color: #FED000;border-radius: 5px;
font-size: 24px;
    color: #483b33;
    letter-spacing: 0.5px;
    font-weight: 400;
    width: auto;
    display: inline-block;
    padding: 20px 25px 20px 25px;
}
.wdt-title{font-size:60px;color:#fff;margin: 20px 0px;}
.wdt-content{color:#fff;}
.wdt-column{display:flex;margin-bottom: 55px;}
.wdt-content-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.wdt-content-media-group {
    width: 100px;
}
.wdt-content-detail-group {
    width: 65%;
}
.wdt-content-title h5 a {
    color: #483B33;
}





.hf-box .dropdown-search-box {
    align-items: center;
    display: flex;
    display: -webkit-flex;
    gap: 15px;
}
.hf-box .dropdown-filter {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    gap: 10px;
    position: relative;
}


.hf-box .dropdown .selected {
    padding: 5px 43px 5px 15px;
    min-height: 46px;
    white-space: nowrap;
    font-weight: 400;
    color: #1A1A1A;
    font-size: 14px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    border: 1px solid #fff;
    cursor: pointer;
    border-radius: 8px;
    background: #fff;
}

.ss-row .dropdown .fa-chevron-down{
    font-size: 12px;
    position: absolute;
    right: 15px;
    top: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ss-row .dropdown-search-box .btn {
    padding: 0 30px;
    height: 52px;
    min-width: 178px;
    flex: none;
    font-size: 16px;
    font-weight: 700;
    background: #1A1A1A;
    color: #fff;
    border-color: #1A1A1A;
}
.ss-row .range-box{padding: 0 15px;
    display: flex;
    display: -webkit-flex;
    gap: 16px;
    color: #1A1A1A;
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}
.ss-row .range-box .form-control {
    margin-top: 10px;
    border-width: 1px;
}
.ss-row .range-box {
    padding: 0 15px;
    display: flex;
    display: -webkit-flex;
    gap: 16px;
    color: #1A1A1A;
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}
.ss-row .range-list {
    width: 100%;
    position: relative;
}
.ss-row .range-list li {
    padding: 0 15px;
    cursor: pointer;
    height: 27px;
    line-height: 27px;
}
.ss-row .property-type-tab {
    padding: 10px 15px 0;
    display: flex;
    display: -webkit-flex;
border-radius: 8px;}
.ss-row .property-tab {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 10px 0 0 10px;
    height: 46px;
    color: #1A1A1A;
    font-weight: 600;
}
.ss-row .property-tab.active {
    position: relative;
    z-index: 1;
    border-color: #000;
    background: #F7F7F7;
}

.ss-row .property-tab ~ .property-tab {border-radius: 0 10px 10px 0;margin-left: -2px;}
.ss-row .property-type-sub-list {
    padding: 5px 15px;
    overflow: auto;
    overflow-x: hidden;
    max-height: 250px;
    width: 100%;
}
.ss-row .property-type-sub-list li {
    padding: 8px 0 8px 28px;
    position: relative;
    font-size: 14px;
    color: #1A1A1A;
    display: inline-flex;
    display: -webkit-inline-flex;
    line-height: normal;
    cursor: pointer;
    width: 100%;
}
.ss-row .c-cb::before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    border: 1px solid #e1e1e1;
    content: '';
    border-radius: 4px;
    display: block;
    margin-top: -9px;
}
.ss-row .c-cb::after {
    position: absolute;
    left: 5px;
    top: 50%;
    width: 9px;
    height: 5px;
    border-color: #000;
    border-style: none none solid solid;
    border-width: 1px;
    transform: rotate(-45deg);
    content: '';
    display: none;
    margin-top: -5px;
}
.ss-row .c-cb.active::before {border-color: #000;background: #000;}
.ss-row .c-cb.active::after {display: block;border-color: #fff;}
.ss-row .c-cb span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ss-row .property-type-sub-list {
    padding: 5px 15px;
    overflow: auto;
    overflow-x: hidden;
    max-height: 250px;
    width: 100%;
}
.ss-row .property-type-sub-list li {
    padding: 8px 0 8px 28px;
    position: relative;
    font-size: 14px;
    color: var(--text-primary);
    display: inline-flex;
    display: -webkit-inline-flex;
    line-height: normal;
    cursor: pointer;
    width: 100%;
}

@media (max-width: 767px) {
	.bs-outer{margin-top: 30px;min-height: 400px;padding: 40px 0 20px;}
	.hb-title{padding:0;min-height: 40px;}
	.hb-title h1{display: inline-block;font-size: 22px;line-height: 30px;padding-bottom: 5px;}
	.hbs-title{font-size: 14px;line-height: 20px;padding: 0;text-align: center;}
	.property-types{width: 100%;}
	.property-types li {padding: 8px 15px;white-space: nowrap;}
	.hf-box .search-input{height: 50px;width: 100%;}
	.search-input .fa-search{font-size: 20px;}
	.search-input .form-control{font-size: 12px;}
	.nv-search i{font-size: 14px;height: 38px;width: 38px;}
	.wdt-container{padding: 20px;margin-bottom: 40px;}
}