/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@400,500,700,900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700&display=swap');

body{font-family: "Poppins", sans-serif; font-size:14px; color:#000; line-height:24px; font-weight:400; overflow-x:hidden; position: relative;}
html{scroll-behavior: smooth;scroll-padding-top: 90px;}




a{text-decoration:none; color:#000;}
a:hover{color:#1b33a0;}
a, .logo img, .btn, .shrink.navbar-expand-lg{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}

h1, h2, h3, h4, h5, h6, .modal-title{font-family: "Poppins", sans-serif;}
/*h1, h2, h3{font-weight:700;}*/
h1{font-size: clamp(20px, 4.2vw, 36px); margin:30px 0;}
h2{font-size: clamp(20px, 3vw, 30px); margin:20px 0;}
h3{font-size: clamp(20px, 3vw, 24px);}
h4{font-size:18px;}
h5{font-size:16px;}

section, .section{padding-bottom:2vw; padding-top:2vw;}
.img-height{aspect-ratio:1/1; object-fit: cover;}


.bg-light{background:#eef1f6!important;}
.bg-primary{background-color:#1b33a0!important;}
.bg-danger{background-color:#e7703c!important;}
.bg-secondary{background-color:#adb4bf!important;}
.text-danger{color:#e7703c!important;}
.text-bg-primary{background-color: #1b33a1!important;}
.btn-outline-primary i{margin-right:5px; margin-left:0!important;}

/*---------------Header Start -----------------*/
.spacer{height:91px;}
.navbar{position:sticky; top: 0; width:100%; z-index:99; background:#fff; box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.navbar .btn-link{padding-right:0;}
.shrink.navbar{background:#fff;}

.logo img{max-width:160px;}
/*.shrink .logo img{max-width:140px;}*/

.topsearch{width:100%;}
.topsearch .form-control{margin-bottom:0; border-radius:4px 0 0 4px; padding:4px 10px; line-height:32px;}
.topsearch .btn{border-radius:0 4px 4px 0; padding:10px;}

/*---------------Header End -----------------*/


/*---------------Button Start -----------------*/

.btn{padding: 10px 24px;font-size:14px; text-decoration:none;}
.btn img{max-height: 20px;}
.btn-lg{font-size:18px; padding:14px 30px;}
.btn-sm{padding:8px 14px; font-size:14px!important;}
.btn-primary{background-color:#1b33a0; border-color:#1b33a0;}
.btn i{font-size:20px; vertical-align:middle; margin-left:5px;}
.btn-outline-primary{border-color:#1b33a0; color:#1b33a0;}
.btn-link{padding:0; font-weight:600; color:#1b33a0; font-size: 16px;}
.btn-link i{font-size:16px; vertical-align:initial; margin-left:5px;}
/*---------------Button End -----------------*/



/*---------------Menu Start -----------------*/
.nav-item{margin-inline:10px;}
.nav-link {color:#000;display: block;}
.nav-link:hover, .nav-link.active{color:#959595!important;}
.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.navbar>.container-fluid{justify-content: flex-start;}



/*---------------Menu End -----------------*/


/*---------------Banner Start -----------------*/
.banner, .container{z-index:9;}
.banner{background: url(../../../../storage/uploads/images/banner.jpg) no-repeat center center; height: calc(100vh - 66px); background-size:cover; position:relative;}
.banner:after{position:absolute; content:''; inset:0; background:#000; width:100%; height:100%; opacity:.2;}
.banner h2{text-shadow: 1px 1px 10px rgba(0,0,0,0.60);}

.bannernewsletter .form-control{line-height:60px; margin-bottom:0; border-radius:4px 0 0 4px; border:0;}
.bannernewsletter .btn{border-radius:0 5px 5px 0; height:72px;}
.bannernewsletter .btn i{rotate: -80deg;}

.agentbanner{background: url("../../../../storage/uploads/images/agentbanner.jpg") no-repeat center center; background-size:cover; position:relative;}
.contactbanner{background: url("../../../../storage/uploads/images/registerbanner.jpg") no-repeat top center; background-size:cover; position:relative;}
/*---------------Banner End -----------------*/

.propertiesbox, .columnbox , .productbox, .rangebox{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
	grid-gap: 20px;	
}

.propertiesbox > article, .productbox > article{
	position: relative;
	overflow:hidden;
	/*border-radius:5px;
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: 1fr auto;
	align-items:flex-end;
	font-size:12px;
	font-weight: 500;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);*/
	cursor: pointer;
	background:#fff;
}
	.propertiesbox > article img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

}
.propertiesbox > article a{ display: grid; align-items: end; color: #FFFFFF;}
.propertiesbox > article a > * {
    grid-row: 1 / -1;
    grid-column: 1 / -1;
}
.propertiesbox article a:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
    opacity: .8;
}
.propertiesbox > article:hover img{-webkit-transform: scale(1.03);transform: scale(1.03);}
/*.propertiesbox article > * + *{padding:10px;}*/
.propertiesbox article>*>div {
	position: relative;
	padding: 10px;
	z-index: 1;;
}
.propertiesbox > article p{margin-bottom:0; font-size: 12px; line-height: normal; width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.propertiesbox h4{margin-bottom:0; font-size: 20px; font-weight: 600;}


.homebox > article a{
	display: block;
	color: inherit;
}

.homebox article a::after {
	display: none;
}

.productbox{grid-template-columns: 1fr auto auto;}
.productbox h4{font-size: 20px;}
.productbox > article{box-shadow:none; cursor:inherit; background:none;}

.rangebox{grid-template-columns: auto 1fr auto; border-bottom:1px solid #ccc; padding-bottom: 10px; padding-top:10px; align-items: center; font-size:16px; gap:8px;}
.rangebox .box{width:12px; height:12px; border-radius:3px;}
.rangebox:last-child{border-bottom:0;}


.nav-underline{margin-top:-1px;}
.nav-underline .nav-link{margin:0 9px 0 0; border-top: 1px solid #ccc !important;}
.nav-underline .nav-link.active, .nav-underline .show>.nav-link{border-top: 1px solid #1b33a0 !important; border-bottom-color: #eef1f6; font-weight:400; color:#000!important;}
.nav-underline .nav-link:focus, .nav-underline .nav-link:hover{border-top: 1px solid #1b33a0 !important; border-bottom-color: #eef1f6; color:#000!important;}



.cardlist{margin: 0; padding:0;  text-align: center; font-size: 12px;line-height: normal;display: flex;}
.cardlist li{display:inline-block; padding-inline: 4px;}
.cardlist li+li{border-left:1px solid #ccc;}
.cardlist li span{font-size: 14px; display:block; font-weight:500;}
.cardlist-lg{font-weight: 300;}
.cardlist-lg li{padding-inline:15px!important;}

.columnbox > article{background:#000; box-shadow:none; position:relative;}
.columnbox .card-title{position: absolute;left: 0;right: 0;top: 50%; transform: translate(0, -50%); text-align: center; color: #fff; font-weight:400;}
.columnbox > article img{opacity:.5;}


.map-sec{ display: flex;}
.map-left{position: sticky!important; position: -webkit-sticky; top: 66.77px; width: 100%; max-width: 52%; height: calc(100vh - 66.77px);}
.map-right{padding: 15px;flex: 1;}
.filter-sec{position: sticky;  top: 66.77px; z-index: 9; background: #fff; padding-block: .8rem; border: 1px solid #e0e0e0; border-inline: 0; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; }
#filter-box{background: #ededed;}
#filter-box>div{padding: 15px;}


/*---------------------- Multi Progress Start --------------*/

.progresslisting{max-width:400px; margin:50px auto 0;}
.progresslisting .progress{background:#d7dae0;}


.step-container {
  position: relative;
  text-align: center;
  transform: translateY(-43%);
 
}

.step-circle {
	width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #d7dae0;
	margin-bottom: 3px;
    cursor: pointer;
	display: flex;
	justify-content: center;
}
.step-circle span{display:block; margin-top:10px; font-size:11px; color:#a3a3a3; text-transform: uppercase;}

.step-line {
  position: absolute;
  top: 16px;
  left: 50px;
  width: calc(100% - 100px);
  height:1px;
  background-color: #1b33a0;
  z-index: -1;
}

#multi-step-form{
  overflow-x: hidden;
}
.radiocheckbox .form-check {
	background: #fff;
	border-radius: 4px;
	border: 1px solid #d7dae0;
	padding-block: 10px;
	padding-left: 35px;
    position: relative;
    min-height: 46px;
}
.radiocheckbox .form-check label.form-check-label{    
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center start;
    padding-left: 40px;
}
.radiocheckbox .form-check .form-check-input{border: 2px solid #ccc;}
.radiocheckbox .form-check-input:checked[type=radio]{background: #e6723b;
    /* padding: 2px; */
    border: 3px solid #fff;
    /* box-shadow: 0px 0px #ccc; */
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#multi-step-form .form-select{height:44px; font-size: 14px;}

/*---------------------- Multi Progress End --------------*/


.radio-step {list-style: none;margin: 0;padding: 0; display: flex; justify-content: space-between; gap:30px;}
.radio-step li{display: inline-block;position: relative; width:100%; height:130px;}
.radio-step li label>* {height: 100%;width: 100%;padding: 20px;display: grid;place-content: center;margin: 0;}
.radio-step li input[type=radio]{position: absolute;visibility: hidden;}
.radio-step li label{width:100%; height:100%; position:relative; padding:0; color:#000; background:#fff; border-radius:4px; cursor:pointer; margin:0;
border:1px solid #d7dae0; display: flex;align-items: center; justify-content: space-around;-webkit-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.05);
box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.05);}
.radio-step li label i{margin-right: 8px; font-size: 14px;}
.radio-step li:hover label{color: #fff;border-color: #1b33a0;border: 2px solid #1b33a0;}
.radio-step li label .radiohead{margin-bottom: 0; border-left: 1px solid #ccc; display: inline-block; text-align:center;}
.radio-step input[type=radio]:checked ~ label{color: #fff;border-color: #1b33a0;border: 2px solid #1b33a0;}
.radio-step input[type=radio]:checked ~ label h4{color:#1b33a0;}
.radio-step input[type=radio]:checked ~ label p{color:#1b33a0;} 
.radio-step li:hover h4, .radio-step li:hover p{color:#1b33a0;}
.radio-step li:hover label:before{background:#1b33a0; color:#fff;}
.radio-step input[type=radio]:checked ~ label:before{background:#1b33a0; color:#fff;}
.radio-step li label:before {content: attr(data-letter);background:#fff;position: absolute;width: 30px;aspect-ratio: 1 / 1;border-radius: 100%;display: grid;
place-content: center;top: -15px;margin: 0 auto;left: 0;right: 0; border:1px solid #ccc; font-size:18px; font-weight:700; color:#1b33a0;}


.radio-step .radiohead{color:#1b33a0;}
.radio-step h4{font-weight:400;}

.radio-step .radiohead span{font-size:14px; display: block; font-weight:400;}
.radio-step p{margin-bottom:0; font-size:14px; font-weight:400;}
.radio-step .radiohead .small{font-size:24px; display:inline;}

.radiuscheck .form-check{display:flex;}
.radiuscheck .form-check .form-check-input{padding:8px; margin-top:-10px; border: 3px solid #ccc; border-radius:100%;}


.propetiesform label{font-weight:500; margin:10px 0;}
.propetiesform .form-check {
	justify-content: space-between;
	background: #fff;
	border-radius: 5px;
	padding: 10px 0px 10px 30px;
	border: 1px solid #dee2e6;
    padding-left: 35px;
    position: relative;
    min-height: 46px;
}
.propetiesform .form-check label.form-check-label{font-weight:400; margin-bottom: 0; margin-top:0;
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center start;
    padding-left: 40px;
}


.dragcard .card{display: block;text-align: center;padding: 30px; height:100%;}
.dragcard .card-body{    
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px dashed #ccc;
    border-radius: 20px;
    position: relative;
}

.row-dragable:hover{cursor: move;}

/*---------------Form Start -----------------*/

.form-control{margin-bottom:30px; line-height:30px; border-radius:4px; background:#fff; font-size:14px;}
.form-select {margin-bottom:30px; line-height:30px; border-radius:4px; font-size:14px;}
textarea.form-control{height:100px}
.form-floating>label{/*padding-left:0;*/ color:#000;}
.form-control:focus{box-shadow:none; border-color:#1b33a0;}
.error{color:#F10307; display:block; margin-top:10px;}
/*.form-check-input[type=checkbox]{padding:10px; margin-top:0;}*/
.form-check-input:focus{box-shadow:none;}
.lineform .form-select, .lineform .form-control{background-color:#eef1f6; height:50px; border:1px solid #ccc; margin-bottom: 20px;}
.form-select:focus{box-shadow:none;}
.input-group-text{    font-size: 12px;
    background: #fff;}
a.input-group-text{background: #fffaf8;}
.form-text{margin-top: -25px;}
.form-label{font-weight: 500;}
.btn-orange{
	background-color: #F63B00;
	--bs-btn-color: #fff;
	--bs-btn-bg: #F63B00;
	--bs-btn-border-color: #F63B00;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #F66400;
	--bs-btn-hover-border-color: #F66400;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #F66400;
	--bs-btn-active-border-color: #F66400;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #F63B00;
	--bs-btn-disabled-border-color: #F63B00;
}

.alert{
	padding-block: 10px;
}

.alert-orange {
	background-color: rgba(246, 59, 0, 0.06);
	border-color: #f63b00;
}

#registerform .form-control, #registerform .form-select{
	margin-bottom: 0px;
}


.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a4a4a4;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #a4a4a4;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #a4a4a4;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #a4a4a4;
}




/*--------------- Form End -----------------*/


.lineicon {display: flex;align-items: center;font-size: 16px; margin-top:15px;}
.lineicon i{background: #edcfb0;padding: 10px;font-size:30px;border-radius: 100px;color: #9b846d;margin-right: 10px;}
.lineicon a{color:#fff;}


/*------------------ slider Start -----------*/

.sliderbox.slick-slider{margin-inline:0;}
.sliderbox .slick-track { display: flex !important; }
.sliderbox .slick-slide{margin:0; position: relative;}
.sliderbox .slick-slide img{width: 100%; aspect-ratio: 12 / 8; object-fit: cover;}
.sliderbox .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); font-size:26px; border:0;background:none; cursor: pointer; padding:10px 5px; border-radius:0; z-index:9;}
.sliderbox .las.la-angle-left, .sliderbox .las.la-angle-right{align-items: center; display: flex; justify-content:center; color: #000; background:#eef1f6;}

.sliderbox .las.la-angle-right{right:-1px; clip-path: polygon(100% 0, 100% 48%, 100% 100%, 50% 48%); padding:70px;}
.sliderbox .la-angle-right:before {content: "\f105";left: 100px;position: absolute;}

.sliderbox .las.la-angle-left{left:0; clip-path: polygon(0 0, 48% 50%, 0 100%, 0 51%); padding:70px;}
.sliderbox .la-angle-left:before {content: "\f104";right: 100px;position: absolute;}

.sliderbox .slick-dots{font-size: 0; text-align: center; margin-bottom:0; margin-top:-40px; padding: 0;}
.sliderbox .slick-dots li{position: relative;display: inline-block;}
.sliderbox .slick-dots li button {padding:4px; width:3px; height:3px; border-radius:50px;background:#fff; border:0; margin:0 10px 0 0;}
.slick-dots li.slick-active button{opacity:1;background:#e7703c;}


/*------------------ slider End -----------*/

/*------------------ Tabel Start ----------*/
.table tr:last-child{border-bottom:#eef1f6;}
.table td, .table th{white-space: nowrap;}
/*.table>tbody{font-size:16px; font-weight:500;}*/
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: rgb(238 241 246);
}
.table-striped:last-child{border-bot: 1px solid red;}

.table-sm>:not(caption)>*>*{padding-block:0;}


/*------------------ Tabel Start ----------*/

.sliderbar{
  -webkit-appearance: none;
  width: 100%;
  height:4px;
  border-radius: 5px;
  background: #ccd3dd;
}

.sliderbar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width:8px;
  height:8px;
  border-radius:2px;
  background: #1b33a0;
  cursor: pointer;
}



/*---------------Footer Start -----------------*/

.footer{font-size:14px; position:relative; border-top:1px solid #ccc;}
.footer a{font-size:14px; display: block; line-height:34px; color:#000;}
.footer h5{color:#f0dac4; font-size:18px; font-weight:700; margin:0 0 25px 0;}
.footer a:hover{color:#959595;}
.social a{margin-top:15px; font-size:35px; color:#1b33a0;}
.social a:hover{color:#e45236!important;}

/*---------------Footer End -----------------*/

.hamburger .line{
  width: 24px;
  height: 1px;
  background-color: #000;
  display: block;
  margin:7.5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger:hover{
  cursor: pointer;
}
.hamburger.is-active .line:nth-child(2){
  opacity: 0;
}
.hamburger.is-active .line:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}
.hamburger.is-active .line:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}






.modal-content{
	background: #FFFFFF url(../../../../storage/uploads/images/popup-bg2.jpg) top left no-repeat;
	background-size: cover;
	min-height: 250px;
}

.modal-content .form-control {
	margin-bottom: 10px;
}


.container{position:relative;}

.contact-bg{
	padding-block: 4vw;
background-color: #fafafc;
opacity: 0.8;
background-image: radial-gradient(#9396cc 0.65px, #fafafc 0.65px);
background-size: 13px 13px;
}
.user{width: 50px; height: auto; aspect-ratio:1/1; object-fit: cover; border-radius: 50%; background:#d6e0f2; }


/*google map code*/

.price-tag {
	background-color: #0b5ed7;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px 10px;
	position: relative;
    filter: drop-shadow(1px 1px 0 #5894ee) drop-shadow(-1px -1px 0 #5894ee);
}

.price-tag::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #0b5ed7;
}

.property {
	align-items: center;
	background-color: none;
	border-radius: 50%;
	color: #263238;
	display: flex;
	font-size: 14px;
	gap: 15px;
	height: 30px;
	justify-content: center;
	padding: 4px;
	position: relative;
	width: 30px;
}

.property::after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid transparent;
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	top: 99%;
	transform: translate(-50%, 0);
	width: 0;
	z-index: 1;
}

.property .icon {
	align-items: center;
	display: flex;
	justify-content: center;
	color: #FFFFFF;
}

.property .icon svg {
	height: 20px;
	width: auto;
}

.property .details {
	display: none;
	flex-direction: column;
	flex: 1;
}

.property .address {
	font-size: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	line-height: normal;
}

.property .features {
	align-items: flex-end;
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.property .features>div {
	width: 100%;
	align-items: center;
	justify-content: end;
	border-top: 1px solid rgb(236, 236, 236);
	padding-top: 8px;
	display: flex;
	font-size: 10px;
	gap: 5px;
}

.property.highlight {
	border-radius: 8px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	width: auto;
	height: auto;
	padding: 0;
}

.property.highlight::after {
	border-top: 9px solid #FFFFFF;
}

.property.highlight .details {
	display: flex;
}

.property.highlight .price-tag {
	display: none;
}

.property.highlight .icon svg {
	width: 50px;
	height: 50px;
}

.property .bed {
	color: #FFA000;
}

.property .bath {
	color: #03A9F4;
}

.property .size {
	color: #388E3C;
}

.property.highlight:has(.fa-house) .icon {
	color: var(--house-color);
}

.property:not(.highlight):has(.fa-house) {
	background-color: var(--house-color);
}

.property:not(.highlight):has(.fa-house)::after {
	border-top: 9px solid var(--house-color);
}

.property.highlight:has(.fa-building) .icon {
	color: var(--building-color);
}

.property:not(.highlight):has(.fa-building) {
	background-color: var(--building-color);
}

.property:not(.highlight):has(.fa-building)::after {
	border-top: 9px solid var(--building-color);
}

.property.highlight:has(.fa-warehouse) .icon {
	color: var(--warehouse-color);
}

.property:not(.highlight):has(.fa-warehouse) {
	background-color: var(--warehouse-color);
}

.property:not(.highlight):has(.fa-warehouse)::after {
	border-top: 9px solid var(--warehouse-color);
}

.property.highlight:has(.fa-shop) .icon {
	color: var(--shop-color);
}

.property:not(.highlight):has(.fa-shop) {
	background-color: var(--shop-color);
}

.property:not(.highlight):has(.fa-shop)::after {
	border-top: 9px solid var(--shop-color);
}

/*google map code ends*/

/*complex search filter starts*/
.filterspan {
	display: flex;
	align-items: center;
	padding: 4px 6px;
	gap: 5px;
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #dee2e6;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 12px;
	color: #000000;
	line-height: normal;
}

.filterspan svg {
	background: #000;
	color: #fff;
	border-radius: 50%;
	padding: 2px;
	font-size: 10px;
	aspect-ratio: 1/1;
}
/*complex search filter ends*/


.pagination{gap:5px;}
.page-item .page-link{color: inherit; border-radius: 50%!important; aspect-ratio: 1; width: 38px; padding: 0 !important; border-color: #fff;}
.page-item.active .page-link{border-color: #0d6efd; color: inherit; background-color: transparent;}

.badge{font-weight: 500; font-size: 11px; border-radius: 20px;}


@media (min-width:1400px){
    .container, .container-fluid{ max-width: 1400px; }
    .banner{height: 600px;}
    .homebox{ grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));}
    .agentbanner, .contactbanner{height: calc(100vh - 67px);}
}

@media (max-width:1199.98px){
	.topsearch{width:auto;}
	.showsearch{width:100%; margin-bottom:5px;}
	.navbar .btn{padding-inline:12px;}
    .navbar-nav{line-height:30px;}
	.navbar-nav .nav-item{border-top: 1px solid #dde3ec; margin:0;}
    .nav-link{padding-inline:10px;}
	.nav-link::before{display:none;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #1b33a1; background: #eef1f6;}
	.navbar-toggler:focus{box-shadow:none;}.navbar-expand-lg .navbar-nav .nav-link{margin: 0;}

}
@media (min-width:992px){
    .table tr{height:34px; line-height:34px;}
}
@media (max-width:991.98px){
	.btn-lg {font-size: 18px;padding: 8px 15px;}
	.productbox {grid-template-columns:auto;}
	.cardlist-lg{display: flex;}
	.radio-step{flex-flow:wrap;}	
}

@media (max-width:767.98px){
	.smallogo img, .shrink .smallogo img{max-width:40px;}
	.bannernewsletter .form-control{line-height:30px;}
	.bannernewsletter .btn{height:42px; font-size:14px;}
	.spacer {height: 140px;}
	.nav-underline{display:block;}
	.nav-underline .nav-link{border-top:0!important; font-size:14px;}
	

	
	
}

@media (max-width: 575.98px) {
    section, .section{padding-bottom:30px; padding-top:30px;}
    .logo img{max-width: 120px;}
	.table>tbody{font-size:14px;}
	body{font-size:13px; line-height:20px;}
	.btn-lg{font-size: 14px; padding:8px 10px;}
	.banner{height:300px;}
	.f-menu a{display:inline-block; margin:0 10px 0 0;}
	.footer a{font-size:12px; line-height:24px;}
	.social a{font-size:18px!important;}
	.cardlist-lg{font-size:14px;}
	.sliderbox .las.la-angle-left {left: -1px;padding: 50px;}
	.sliderbox .la-angle-left:before{right:70px;}
	.sliderbox .las.la-angle-right {right: -1px; padding: 50px;}
	.sliderbox .la-angle-right:before{left:70px;}
	h4{font-size:16px; line-height:20px;}
	.progresslisting{max-width:260px;}
	
    .form-select, .form-control{margin-bottom: 10px;}
    .form-text {margin-top: 5px;}
    .dragcard .card{padding: 15px;}

}

@media (max-width: 376.98px) {
    
}