@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');



.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}




.cinzel-<uniquifier> {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



body{
	font-family: "Inter", sans-serif;
	
	}

.navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
	transition: width 2s, height 4s;
}



/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;}
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}	
/* ============ desktop view .end// ============ */



.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius:0px;
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.7rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  border-top:4px solid #03C;
  font-size:16px;
 
}




@media (min-width: 992px) {

  .navbar .dropdown-menu {
      display: block;
      opacity: 0;
      visibility: hidden;
      transform: translateY(26px); /* Gap */
     
  }

  .navbar .dropdown:hover .dropdown-menu {
      opacity: 1;
      visibility: visible;
      transform: translateY(26px); /* Final position */
  }

}


.heading{
	 font-family: "Cinzel", serif;
	 text-shadow: -2px 0px 3px rgba(0,0,0,0.9);
	}
	
.carousel-caption-1 {
  position: absolute;
  right: 15%;
  bottom: 25%;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;

}

.card{}
.card a{
	text-decoration:none;
	color:#012986;
	}
	
.bg-image{
	height:65vh;
	background-repeat:no-repeat; 
	-webkit-background-size:cover;
	-moz-background-size:cover; 
	-o-background-size:cover;
	background-size:cover; 
	background-position:center;
	}
	
	
 
 @media only screen and (max-width: 600px) {

}



.baruipur_bazar {}

.baruipur_bazar .card {
  border:none;
  padding: 0px;
  border-radius: 8px;
  margin:10px 0px;
}


#searchInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
  border-radius:25px;
  background-color:#fffcf6;
}






.category-section{

margin:auto;
}

.category-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
gap:25px;
}

.category-item{
background:#ffffff;
border-radius:12px;
text-align:center;
padding:5px 10px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
transition:0.3s;
cursor:pointer;
}

.category-item a{
 text-decoration:none;
}

.category-item:hover{
transform:translateY(-5px);
box-shadow:0 6px 15px rgba(0,0,0,0.12);
background-color:#fefff4;
}

.category-item img{
width:auto;
height:60px;
object-fit:contain;
margin-bottom:10px;
}

.category-item p{
font-size:13px;
font-weight:600;
color:#333;
margin:0;
}





.property-card{
background:#fff;
border-radius:18px;
overflow:hidden;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
transition:0.3s;
}


.property-card a{
	text-decoration:none;

}



.property-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

.property-card img{
width:100%;
height:200px;
object-fit:cover;
}

.property-body{
padding:18px;
}

.title{
font-weight:600;
font-size:15px;
margin-bottom:8px;
}

.price{
color:#5b57ff;
font-weight:700;
margin-bottom:10px;
}

.meta{
display:flex;
justify-content:space-between;
font-size:13px;
color:#777;
margin-bottom:12px;
}

.tag{
background:#eef2ff;
padding:6px 10px;
border-radius:8px;
font-size:12px;
display:inline-block;
}




.property-image img{
width:100%;
border-radius:16px;
height:420px;
object-fit:cover;
}

.property-meta{
display:flex;
gap:20px;
color:#777;
margin-top:10px;
font-size:14px;
}

.price{
color:#0a8f5c;
font-weight:700;
}

.description-card{
background:#fff;
padding:25px;
border-radius:14px;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.side-card{
background:#fff;
padding:20px;
border-radius:14px;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
}

.call-btn{
font-weight:600;
font-size:16px;
}

.avatar{
width:45px;
height:45px;
border-radius:50%;
background:#cde9da;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
color:#0a8f5c;
}

.view-profile{
display:block;
margin-top:10px;
color:#0a8f5c;
text-decoration:none;
font-weight:500;
}

.safety{
background:#fff8e6;
border:1px solid #f3d79d;
}

.safety ul{
padding-left:18px;
margin-top:10px;
}

.safety li{
font-size:14px;
margin-bottom:6px;
}