@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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body,
html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', 'Outfit', sans-serif;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* Container with max-width at different breakpoints */
@media (min-width: 576px) {
  .container {
    max-width: 540px !important;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px !important;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px !important;
  }
}

/* ===== Navbar ===== */
.indoacres__navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #000000;
  color: #fff;
  padding: 9px 40px;
  position: sticky;
  top: 0;
  gap: 50px;
  z-index: 10;
}

.indoacres__navbar .indoacres__logo-location {
  display: flex;
  align-items: center;
  gap: 60px;
}

.indoacres__navbar .indoacres__logo {
  max-width: 127px;
  width: 100%;
}

.indoacres__navbar .indoacres__logo a {
  display: block;
  text-decoration: none;
}

.indoacres__navbar .indoacres__logo img {
  width: 100%;
  height: auto;
  display: block;
}

.indoacres__nav-links ul {
  display: flex;
  gap: 25px;
  transition: all 0.3s ease;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.indoacres__nav-links ul li {
  position: relative;
}

.indoacres__nav-links a {
  font-family: 'inter';
  font-weight: 500;
  font-size: 14px;
  color: #edeeee;
  text-decoration: none;
  transition: color 0.2s ease;
}

.indoacres__nav-links a:hover {
  color: #5e53fe;
}

/* Dropdown icon */
.indoacres__nav-links i.fa-angle-down {
  font-size: 0.8rem;
  transition: transform 0.3s ease;
}

/* Rotate icon when active */
.indoacres__nav-links .indoacres__nav-item--services.active i.fa-angle-down {
  transform: rotate(180deg);
}

/* Dropdown box */
.indoacres__nav-links .indoacres__dropdown {
  position: absolute;
  top: 110%;
  left: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  width: 230px;
  overflow: hidden;
  display: none;
  z-index: 50;
}

.indoacres__nav-links .indoacres__dropdown ul {
  flex-direction: column;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.indoacres__nav-links .indoacres__dropdown li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  color: #222;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  transition: background 0.2s;
}

.indoacres__nav-links .indoacres__dropdown li a:hover {
  background: #f5f5f5;
}


/* Icon style inside dropdown */
.indoacres__nav-links .indoacres__dropdown li i {
  width: 18px;
  text-align: center;
  color: #666;
  font-size: 16px;
}

.indoacres__location {
  /* max-width: 135px; */
  width: 100%;
  position: relative;
  display: inline-block;
  font-family: "Inter", sans-serif;
}

/* Toggle Button */
.indoacres__location-toggle {
  background: transparent;
  border: none;
  color: #edeeee;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  padding: 6px 10px;
}

.indoacres__location-name {
  width: 45px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.indoacres__location-toggle i.fa-angle-down {
  transition: transform 0.3s ease;
}

.indoacres__location.active .fa-angle-down {
  transform: rotate(180deg);
}

/* Dropdown */
.indoacres__location-dropdown {
  position: absolute;
  top: 120%;
  left: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  width: 330px;
  display: none;
  z-index: 100;
  overflow: hidden;
}

/* Search bar */
.indoacres__location-search {
  position: relative;
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
}

.indoacres__location-search input {
  width: 100%;
  padding: 8px 32px 8px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
}

.indoacres__location-search i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

.leading-cities {
  padding: 10px 15px;
}

.leading-cities h4 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #222;
}

/* 2-column grid */
.city-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

/* City card UI */
.city-card {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #fff;
  color: #222;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  font-size: 12px;
  transition: 0.2s ease;
  font-weight: 500;
}

.city-card:hover {
  border-color: #5b6ff2;
  box-shadow: 0px 2px 6px rgba(91, 111, 242, 0.25);
  color: #5b6ff2;
}

.city-card i {
  color: #5b6ff2;
  font-size: 14px;
  opacity: 0.7;
}

.selected-city {
  border-color: #5b6ff2 !important;
  background: rgba(91, 111, 242, 0.12) !important;
  color: #5b6ff2 !important;
  font-weight: 600;
}

.city-card.selected-city i,
.indoacres__location-list a.selected-city i {
  color: #5b6ff2 !important;
}

/* List */
.indoacres__location-list {
  max-height: 430px;
  /* ~10 items */
  overflow-y: auto;
  padding: 0;
  margin: 0;
}

.indoacres__location-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.indoacres__location-list li {
  position: relative;
}

.indoacres__location-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #222;
  text-decoration: none;
  font-size: 14px;
  padding: 8px 16px;
  transition: background 0.2s;
  border-bottom: 1px solid #f5f5f5;
}

.indoacres__location-list li a i {
  font-size: 12px;
  display: none;
}

.indoacres__location-list li a:hover {
  background: #f5f5f5;
}

.indoacres__location-list li a:hover i {
  color: #5b6ff2;
  display: block;
}

.indoacres__location-list i.fa-location-dot {
  color: #5b6ff2;
}

/* Custom Scrollbar */
.indoacres__location-list::-webkit-scrollbar {
  width: 6px;
}

.indoacres__location-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

.indoacres__nav-actions {
  display: flex;
  align-items: center;
  gap: 15px;
  /* margin-left: auto; */
}

.indoacres__btn {
  font-family: 'Outfit';
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.indoacres__post-btn {
  background: #5e53fe;
  font-weight: 500;
  color: #edeeee;
  font-size: 13px;
  padding: 6px 14px;
  font-weight: 600;
}

.indoacres__post_plus {
  display: none;
}

.indoacres__post-btn:hover {
  background: #5e53fe;
  transform: scale(1.05);
}

.indoacres__free-tag {
  background: #00a651;
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 3px;
  margin-left: 4px;
}

.indoacres__icon.indoacres__heart {
  position: relative;
  font-size: 28px;
  /* your theme color */
  display: inline-block;
  cursor: pointer;
}

.indoacres__icon.indoacres__heart svg {
  width: 30px;
  height: 30px;
  display: block;
  padding: 0;
  margin: 0;
}

/* Badge styling */
.indoacres__heart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
}

.indoacres__icon.indoacres__heart:hover {
  color: #5e53fe;

}

.indoacres__icon.indoacres__heart:hover .indoacres__heart-count {
  color: #ffffff;
}

/* Outer capsule */
.indoacres__menu-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  padding: 0px 0px 0px 10px;
  border-radius: 40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/* Left hamburger icon */
.indoacres__menu-icon i {
  font-size: 16px;
  color: #9da0a0;
}

/* Profile icon on right */
.indoacres__menu-profile {
  width: 25px;
  height: 25px;
  background: #5e53fe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.indoacres__menu-profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== Hero Section ===== */
.indoacres__banner {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.indoacres__banner .indoacres__banner__link {
  display: block;
  width: 100%;
  text-decoration: none;
}

.indoacres__banner picture,
.indoacres__banner img {
  width: 100%;
  height: auto;
}

.indoacres__projects {
  padding: 30px 0 20px;
}

.indoacres__projects-header {
  text-align: left;
  margin-bottom: 15px;
}

.indoacres__projects-header h2 {
  color: #000000;
  font-family: 'Outfit';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.indoacres__projects-header p {
  color: #6d7a87;
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 0;
}

.indoacres__project-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.indoacres__project-img {
  position: relative;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}

.indoacres__project-img img {
  width: 100%;
  /* height: 200px;
  object-fit: cover; */
}

.indoacres__project-badge {
  font-family: 'Outfit';
  text-transform: uppercase;
  position: absolute;
  left: 0;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.indoacres__project-badge.verified {
  top: 30px;
  background-color: #28ad35;
}

.indoacres__project-badge.rera {
  top: 60px;
  color: #8efff9;
  background-color: #091e42;
}

.indoacres__project-logo {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 6px 10px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.indoacres__project-logo img {
  height: 50px;
}

/* Base icon (already exists globally) */
.indoacres__projects .indoacres__icon.indoacres__heart {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #000;
  /* background: #fff; */
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Modifier for bookmark version */
.indoacres__projects .indoacres__heart--bookmark i {
  font-size: 24px;
  color: #000;
}

.indoacres__projects .indoacres__heart--bookmark.active i {
  color: #5b6ff2;
  animation: beat .45s cubic-bezier(0.04, 0.4, 0.5, 0.95) forwards;
}

@keyframes beat {
  30% {
    transform: scale(1.4);
  }

  50% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

/* Hover effect for better feedback */





.indoacres__project-info {
  padding: 20px;
}

.indoacres__project-info h3 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.indoacres__project-info .developer {
  color: #495a6a;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 10px;
}

.indoacres__project-info .details {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

.indoacres__project-info .location {
  font-family: 'Outfit';
  color: #495a6a;
  font-weight: 500;
  font-size: 13px;
  margin: 0;
}

.indoacres__project-info .area {
  font-family: 'Outfit';
  color: #495a6a;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 12px;
}

.indoacres__project-info .price {
  font-family: 'Outfit';
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

/* GAP between slides only */
.indoacres__projects-slider .slick-slide {
  margin: 0 12px;
  margin-bottom: 10px;
  /* adjust 12px to your preferred gap */
}

/* Remove extra space from edges */
.indoacres__projects-slider .slick-list {
  margin: 0 -12px;
}


/* Common styles for both arrows */
.indoacres__projects .slick-prev,
.indoacres__projects .slick-next {
  background: #fff !important;
  color: #5b6ff2;
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 2;
  transition: all 0.3s ease;
  font-size: 0;
  /* hide any default text */
}

/* Insert Font Awesome icons */
.indoacres__projects .slick-prev::before,
.indoacres__projects .slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  /* solid icons */
  font-size: 16px;
  line-height: 1;
  color: #5b6ff2;
  transition: color 0.3s ease;
}

/* Left arrow */
.indoacres__projects .slick-prev::before {
  content: "\f060";
  /* fa-angle-left */
}

/* Right arrow */
.indoacres__projects .slick-next::before {
  content: "\f061";
  /* fa-angle-right */
}

/* Hover effect */
.indoacres__projects .slick-prev:hover,
.indoacres__projects .slick-next:hover {
  background: #5b6ff2 !important;
}

.indoacres__projects .slick-prev:hover::before,
.indoacres__projects .slick-next:hover::before {
  color: #fff;
}

/* Arrow positioning */
.indoacres__projects .slick-prev {
  left: -20px;
}

.indoacres__projects .slick-next {
  right: -20px;
}


.top-builder-properties {
  padding: 20px 0;
}

.top-builder-properties__header {
  margin-bottom: 15px
}

.top-builder-properties__title {
  color: #000000;
  font-family: 'Outfit';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.top-builder-properties__subtitle {
  color: #6d7a87;
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 0;
}

.top-builder-properties__card {
  position: relative;
  display: flex !important;
  align-items: stretch;
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
}

.top-builder-properties__content {
  flex: 1;
  background: #171b46;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  /* 👇 This removes the visible white gap by overlapping the image slightly */
  clip-path: polygon(0 0, 85% 0, 75% 100%, 0 100%);
  margin-right: -5%;
  /* pushes content to slightly overlap image */
  z-index: 2;
}

.top-builder-properties__price {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.top-builder-properties__details {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.top-builder-properties__description {
  max-width: 350px;
  width: 100%;
  color: #f5eeee;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 24px;
}

.top-builder-properties__logo {
  position: absolute;
  top: 40%;
  left: 36%;
  background: #fff;
  border-radius: 50%;
  padding: 1rem;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

.top-builder-properties__logo img {
  width: 100%;
  height: auto;
}

.top-builder-properties__btn {
  font-size: 13px;
  text-transform: uppercase;
  background-color: #2e3192;
  border: 1px solid #2e3192;
  color: #fff;
  padding: 0.7rem 1.5rem;
  border-radius: 10px;
  font-weight: 500;
  cursor: pointer;
  width: fit-content;
  margin-bottom: 30px;
}

.top-builder-properties__btn:hover {
  background-color: #fff;
  color: #2e3192;
  border-color: #2e3192;
}

.top-builder-properties__image {
  flex: 1.5;
  position: relative;
  z-index: 1;
  margin-left: -150px;
}

.top-builder-properties__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* To ensure smooth curve at outer edges */
.top-builder-properties__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  pointer-events: none;
}

/* Slick dots customization */
.top-builder-properties__slider {
  margin-bottom: 10px !important;
}

.top-builder-properties__slider .slick-dots {
  bottom: 28px;
  left: 32px;
  display: flex !important;
  justify-content: flex-start;
  gap: 10px;
}

.top-builder-properties__slider .slick-dots li {
  width: 40px;
  height: 6px;
  margin: 0;
}

.top-builder-properties__slider .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}

.top-builder-properties__slider .slick-dots li button:before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  background: #a6a6a6;
  border-radius: 3px;
  opacity: 1;
  transition: all 0.3s ease;
}

.top-builder-properties__slider .slick-dots li.slick-active button:before {
  background: #ffffff;
}

/* =======================
   Top Plot Ventures Section
======================= */
.indoacres__top-plot-ventures {
  padding: 20px 0;
}

.indoacres__top-plot-ventures-header {
  text-align: left;
  margin-bottom: 15px;
}

.indoacres__top-plot-ventures-header h2 {
  color: #000000;
  font-family: 'Outfit';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.indoacres__top-plot-ventures-header p {
  color: #6d7a87;
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 0;
}

/* Card Design (same as indoacres__project-card) */
.indoacres__plot-card {
  background: #fff;
  /* border-radius: 16px; */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.indoacres__plot-img {
  position: relative;
  /* border-radius: 16px 16px 0 0; */
  overflow: hidden;
}

.indoacres__plot-img img {
  width: 100%;
  /* height: 200px;
  object-fit: cover; */
}


/* Info */
.indoacres__plot-info {
  padding: 20px;
}

.indoacres__plot-info h3 {
  font-family: 'Outfit';
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0;
}

.indoacres__plot-info .developer {
  color: #495a6a;
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 10px;
}

.indoacres__plot-info .location {
  font-family: 'inter';
  color: #333333;
  font-weight: 600;
  font-size: 13px;
  margin: 0;
}

.indoacres__plot-info .area {
  font-family: 'inter';
  color: #495a6a;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 12px;
}

.indoacres__plot-info .price {
  font-family: 'Outfit';
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

/* Slick Slider Styles */
.indoacres__top-plot-ventures-slider .slick-slide {
  margin: 0 12px;
  margin-bottom: 10px;
}

.indoacres__top-plot-ventures-slider .slick-list {
  margin: 0 -12px;
}

/* Arrows */
.indoacres__top-plot-ventures .slick-prev,
.indoacres__top-plot-ventures .slick-next {
  background: #fff !important;
  color: #5b6ff2;
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 2;
  transition: all 0.3s ease;
  font-size: 0;
}

.indoacres__top-plot-ventures .slick-prev::before,
.indoacres__top-plot-ventures .slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  color: #5b6ff2;
}

.indoacres__top-plot-ventures .slick-prev::before {
  content: "\f060";
}

.indoacres__top-plot-ventures .slick-next::before {
  content: "\f061";
}

.indoacres__top-plot-ventures .slick-prev:hover,
.indoacres__top-plot-ventures .slick-next:hover {
  background: #5b6ff2 !important;
}

.indoacres__top-plot-ventures .slick-prev:hover::before,
.indoacres__top-plot-ventures .slick-next:hover::before {
  color: #fff;
}

.indoacres__top-plot-ventures .slick-prev {
  left: -20px;
}

.indoacres__top-plot-ventures .slick-next {
  right: -20px;
}


/* =======================
   Best Investable Properties
======================= */
.indoacres__investable-properties {
  padding: 20px 0;
}

.indoacres__investable-header {
  text-align: left;
  margin-bottom: 15px;
}

.indoacres__investable-header h2 {
  color: #000;
  font-family: 'Outfit';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.indoacres__investable-header p {
  color: #6d7a87;
  font-family: 'Outfit';
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}

/* Card Base */
.indoacres__invest-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  border-bottom: 4px solid #465fff;
}

.indoacres__invest-img {
  position: relative;
}

.indoacres__invest-img img {
  width: 100%;
  /* height: 250px;
  object-fit: cover; */
  border-radius: 16px 16px 0 0;
}

/* Logo overlapping */
.indoacres__invest-logo {
  position: absolute;
  left: 50%;
  bottom: -35px;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 5;
  overflow: hidden;
}

.indoacres__invest-logo img {
  width: 100%;
  height: auto;
}

/* Info */
.indoacres__invest-info {
  padding: 20px 20px 20px;
}

.indoacres__invest-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.indoacres__invest-head h3 {
  font-family: 'Inter';
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 2px;
}

.indoacres__invest-head .developer {
  font-size: 12px;
  color: #495a6a;
  font-weight: 400;
  margin-bottom: 0;
}

.price-info {
  text-align: right;
}

.price-info h4 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  margin-bottom: 2px;
}

.price-info p {
  font-weight: 400;
  font-size: 12px;
  color: #495a6a;
  margin: 0;
}

.indoacres__invest-details {
  margin-top: 10px;
}

.indoacres__invest-details .details {
  color: #000;
  font-weight: 500;
}

.indoacres__invest-details p {
  font-family: 'Inter';
  font-size: 13px;
  color: #495a6a;
  margin: 0;
  line-height: 1.5;
}

/* Slick Styling */
.indoacres__investable-slider .slick-slide {
  margin: 0 12px;
}

.indoacres__investable-slider .slick-list {
  margin: 0 -12px;
  margin-bottom: 10px;
}

.indoacres__investable-properties .slick-prev,
.indoacres__investable-properties .slick-next {
  background: #fff !important;
  color: #5b6ff2;
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 2;
  transition: all 0.3s ease;
}

.indoacres__investable-properties .slick-prev:hover,
.indoacres__investable-properties .slick-next:hover {
  background: #5b6ff2 !important;
}

.indoacres__investable-properties .slick-prev::before,
.indoacres__investable-properties .slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: #5b6ff2;
}

.indoacres__investable-properties .slick-prev:hover::before,
.indoacres__investable-properties .slick-next:hover::before {
  color: #fff;
}

.indoacres__investable-properties .slick-prev::before {
  content: "\f060";
}

.indoacres__investable-properties .slick-next::before {
  content: "\f061";
}

.indoacres__investable-properties .slick-prev {
  left: -20px;
}

.indoacres__investable-properties .slick-next {
  right: -20px;
}

/* =======================
   Hot Selling Properties (3 Columns x 2 Rows)
======================= */
.indoacres__hot-selling-properties {
  padding: 20px 0;
  background: #fff;
}

.indoacres__hot-selling-header {
  text-align: left;
  margin-bottom: 15px;
}

.indoacres__hot-selling-header h2 {
  color: #000;
  font-family: 'Outfit';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.indoacres__hot-selling-header p {
  color: #6d7a87;
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 0;
}

/* Slick base */
.indoacres__hot-selling-slider .slick-slide {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0 12px;
  margin-bottom: 10px;
}

.indoacres__hot-selling-slider .slick-list {
  margin: 0 -12px;
}

/* Card Design */
.indoacres__hot-card {
  display: flex !important;
  align-items: stretch;
  flex-direction: row;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Image left */
.indoacres__hot-img {
  flex: 0 0 40%;
}

.indoacres__hot-img img {
  width: 100%;
  /* height: 100%;
  object-fit: cover; */
}

/* Info right */
.indoacres__hot-info {
  flex: 1;
  padding: 12px 16px;
}

.indoacres__hot-info h3 {
  font-family: 'Outfit';
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.indoacres__hot-info .developer {
  font-family: 'Inter';
  font-weight: 400;
  color: #495a6a;
  font-size: 12px;
  margin-bottom: 4px;
}

.indoacres__hot-info .details {
  font-weight: 600;
  color: #333333;
  font-size: 12px;
  margin: 0;
}

.indoacres__hot-info .location {
  color: #495a6a;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
}

.indoacres__hot-info .price {
  font-size: 15px;
  font-weight: 700;
  color: #000;
  margin: 0;
  margin-top: 8px;
}

/* Slick arrows */
.indoacres__hot-selling-properties .slick-prev,
.indoacres__hot-selling-properties .slick-next {
  background: #fff !important;
  color: #5b6ff2;
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 2;
  transition: all 0.3s ease;
}

.indoacres__hot-selling-properties .slick-prev:hover,
.indoacres__hot-selling-properties .slick-next:hover {
  background: #5b6ff2 !important;
}

.indoacres__hot-selling-properties .slick-prev::before,
.indoacres__hot-selling-properties .slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
  color: #5b6ff2;
}

.indoacres__hot-selling-properties .slick-prev:hover::before,
.indoacres__hot-selling-properties .slick-next:hover::before {
  color: #fff;
}

.indoacres__hot-selling-properties .slick-prev::before {
  content: "\f060";
}

.indoacres__hot-selling-properties .slick-next::before {
  content: "\f061";
}

.indoacres__hot-selling-properties .slick-prev {
  left: -20px;
}

.indoacres__hot-selling-properties .slick-next {
  right: -20px;
}

/* =======================
   Customized Solutions
======================= */
.indoacres__customized-solutions {
  padding: 20px 0;
  background: #fff;
}

.indoacres__solutions-header {
  text-align: left;
  margin-bottom: 15px;
}

.indoacres__solutions-header h2 {
  color: #000;
  font-family: 'Outfit';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.indoacres__solutions-header p {
  color: #6d7a87;
  font-family: 'Outfit';
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0;
}

/* Grid layout */
.indoacres__solutions-grid {
  display: grid;
  gap: 20px;
  margin-bottom: 10px;
}

.indoacres__solution-card {
  border-radius: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  text-align: center;
  padding: 25px 18px;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
  margin: 12px;
}

/* ✅ Unique gradient backgrounds per card */
.indoacres__solution-card:nth-child(1) {
  background: linear-gradient(180deg, #e2edff 0%, #f6f9fe 100%);
}

.indoacres__solution-card:nth-child(2) {
  background: linear-gradient(135deg, #ffe8e6 0%, #f6f9fe 100%);
}

.indoacres__solution-card:nth-child(3) {
  background: linear-gradient(135deg, #f4eee6 0%, #f6f9fe 100%);
}

.indoacres__solution-card:nth-child(4) {
  background: linear-gradient(135deg, #eef1ee 0%, #f6f9fe 100%);
}

.indoacres__solution-card:nth-child(5) {
  background: linear-gradient(135deg, #ede9ff 0%, #f6f9fe 100%);
}

.indoacres__solution-card:nth-child(6) {
  background: linear-gradient(180deg, #e2edff 0%, #f6f9fe 100%);
}

.indoacres__solution-card:nth-child(7) {
  background: linear-gradient(135deg, #ffe8e6 0%, #f6f9fe 100%);
}

.indoacres__solution-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.indoacres__solution-card img {
  width: auto;
  height: 50px;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}

.indoacres__solution-card h3 {
  font-family: 'Ubuntu';
  font-size: 19px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 8px;
}

.indoacres__solution-card h3 span {
  color: #3333ff;
  /* Theme color */
}

.indoacres__solution-card p {
  font-family: 'Inter';
  font-weight: 400;
  font-size: 13px;
  color: #5f5e5e;
  line-height: 1.5;
  margin-bottom: 25px;
}

/* Arrow */
.solution-arrow {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  color: #5b6ff2;
  font-size: 14px;
  transition: all 0.3s ease;
}

.solution-arrow:hover {
  transform: translateX(-50%) translateY(-3px);
}

.indoacres__customized-solutions .slick-list {
  margin: 0 -12px;
}

.indoacres__customized-solutions .slick-prev,
.indoacres__customized-solutions .slick-next {
  background: #fff !important;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  color: #5b6ff2;
  z-index: 2;
}

.indoacres__customized-solutions .slick-prev::before,
.indoacres__customized-solutions .slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 16px;
  color: #5b6ff2;
}

.indoacres__customized-solutions .slick-prev:hover,
.indoacres__customized-solutions .slick-next:hover {
  background: #5b6ff2 !important;
}

.indoacres__customized-solutions .slick-prev:hover::before,
.indoacres__customized-solutions .slick-next:hover::before {
  color: #fff;
}

.indoacres__customized-solutions .slick-prev {
  left: -20px;
}

.indoacres__customized-solutions .slick-next {
  right: -20px;
}

/* =======================
   Partners Section
======================= */
.indoacres__partners {
  padding: 20px 0 80px;
}

.indoacres__partners-header {
  text-align: left;
  margin-bottom: 25px;
}

.indoacres__partners-header h2 {
  color: #000;
  font-family: 'Outfit';
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

.indoacres__partners-header p {
  color: #6d7a87;
  font-family: 'Outfit';
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 0;
}

/* Grid */

.indoacres__partner-card {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 18px 12px;
  transition: all 0.3s ease;
  height: 100px;
  margin: 0 12px 10px;
  cursor: pointer;
  text-align: center;
}

.indoacres__partner-card:hover {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}

.indoacres__partner-card img {
  max-width: 100%;
  max-height: 70px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.indoacres__partner-card:hover img {
  transform: scale(1.05);
}

/* Base Section */
.indoacres__filter-header {
  position: relative;
  margin-top: -80px;
}

/* Tabs Row */
.indoacres__filter-tabs {
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #333333;
  padding: 12px 30px;
  font-family: 'Outfit', sans-serif;
}

/* LEFT GROUP (BUY, RENT) */
.indoacres__filter-left {
  display: flex;
  align-items: center;
  gap: 18px;
}

.indoacres__filter-tab {
  color: #cccccc;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  padding: 2px 0;
}

.indoacres__filter-tab.active {
  font-style: italic;
  color: #fff;
  font-weight: 600;
  border-bottom: 1px solid #8d8d8d;
}

/* MIDDLE GROUP */
.indoacres__filter-center {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  position: relative;
}

/* Divider BEFORE middle group */
.indoacres__filter-center::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background: #666666;
}

/* Divider AFTER middle group */
.indoacres__filter-center::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 20px;
  background: #666666;
}

.indoacres__filter-mid {
  color: #cccccc;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

/* RIGHT GROUP (Urgent Sales) */

.indoacres__filter-urgent {
  background: #39b54a;
  color: #fff;
  padding: 8px 16px;
  font-weight: 600;
  border-radius: 6px;
  font-size: 13px;
  text-decoration: none;
}

/* Hover Effects */
.indoacres__filter-tab:hover,
.indoacres__filter-mid:hover {
  color: #fff;
}


/* Search Bar */
.indoacres__filter-bar {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  position: relative;
}

/* City Selector */
/* FILTER LOCATION WRAPPER */
.indoacres__filter-location {
  padding: 14px 14px;
  position: relative;
  background: #fff;
  flex-shrink: 0;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  max-width: 180px;
  width: 100%;
  border-right: 1px solid #d4d5d6;
  /* You can adjust if needed */
}

/* TOGGLE button (same look as header, but isolated) */
.indoacres__filter-location-toggle {
  width: auto;
  margin: 0 auto;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  color: #495a6a;
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: transparent;
  border: 0;
}

.indoacres__filter-location-toggle i.fa-angle-down {
  color: #5e53fe;
  margin-left: auto;
  transition: transform 0.2s ease;
}

/* Rotate arrow on open */
.indoacres__filter-location.active .fa-angle-down {
  transform: rotate(180deg);
}

/* DROPDOWN BOX */
.indoacres__filter-dropdown-box {
  position: absolute;
  top: 101%;
  left: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  width: 240px;
  display: none;
  z-index: 100;
  overflow: hidden;
}

/* SEARCH BAR INSIDE DROPDOWN */
.indoacres__filter-dropdown-search {
  position: relative;
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
}

.indoacres__filter-dropdown-search input {
  width: 100%;
  padding: 8px 32px 8px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
}

.indoacres__filter-dropdown-search i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

/* CITY LIST */
.indoacres__filter-dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}

.indoacres__filter-dropdown-list li a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #222;
  text-decoration: none;
  font-size: 14px;
  padding: 8px 16px;
  transition: background 0.2s;
}

.indoacres__filter-dropdown-list li a:hover {
  background: #f5f5f5;
}

.indoacres__filter-dropdown-list i.fa-location-dot {
  color: #5b6ff2;
  opacity: 0.7;
}

/* Scrollbar (optional) */
.indoacres__filter-dropdown-list::-webkit-scrollbar {
  width: 6px;
}

.indoacres__filter-dropdown-list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

/* Search Input */
.indoacres__filter-search {
  flex: 1;
  border: 0;
  padding: 17px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #8d9797;
  background: #fff;
  outline: none;
  border-right: 1px solid #d4d5d6;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

/* Add Localities */
.indoacres__add-localities {
  position: relative;
}

.indoacres__filter-action {
  font-family: 'Outfit';
  background: #fff;
  border: 0;
  padding: 12px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #495a6a;
  cursor: pointer;
  flex-shrink: 0;
  width: 110px;
  border-right: 1px solid #d4d5d6;
  text-align: center;
  line-height: 15px;
}

/* Dropdown */
.indoacres__locality-dropdown {
  position: absolute;
  top: 101%;
  left: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  width: 240px;
  display: none;
  z-index: 100;
  overflow: hidden;
}

/* Search */
.indoacres__locality-search {
  position: relative;
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
}

.indoacres__locality-search input {
  width: 100%;
  padding: 8px 32px 8px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
}

.indoacres__locality-search i {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
}

/* List */
.indoacres__locality-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
}

.indoacres__locality-list li {
  padding: 8px 16px;
  font-size: 14px;
  color: #222;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  transition: background 0.2s;
}

.indoacres__locality-list li:hover {
  background: #f5f5f5;
}

/* Selected item */
.indoacres__locality-list li.selected {
  color: #5b6ff2;
  font-weight: 500;
}

.indoacres__locality-list li.selected::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #5b6ff2;
}

/* Scrollbar */
.indoacres__locality-list::-webkit-scrollbar {
  width: 6px;
}

.indoacres__locality-list::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

/* Advanced Filters */
.indoacres__filter-dropdown {
  font-family: 'Outfit';
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  border: 0;
  border-radius: 8px;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #495a6a;
  cursor: pointer;
  flex-shrink: 0;
  max-width: 110px;
  line-height: 14px;
}

.indoacres__filter-dropdown i {
  font-size: 13px;
  color: #5e53fe;
}

/* Search Button */
.indoacres__filter-search-btn {
  background: #5e53fe;
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  font-size: 15px;
  padding: 16px 24px;
  border: none;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.3s ease;
  position: relative;
  max-width: 120px;
  width: 100%;
}

.indoacres__filter-search-btn .btn-icon {
  display: none;
}

.indoacres__filter-search-btn:hover {
  background: #4a5fe1;
}

/* Second Filter Row */
.indoacres__filter-options {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 11px;
  background: #fff;
  max-width: 515px;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;

}

.indoacres__filter-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  border: 1px solid #cccccc;
  background: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #495a6a;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  min-width: 0;
}

.indoacres__filter-option:nth-child(1) {
  flex-basis: 35%;
}

.indoacres__filter-option:nth-child(2) {
  flex-basis: 25%;
}

.indoacres__filter-option:nth-child(3) {
  flex-basis: 40%;
}

.indoacres__filter-option span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.indoacres__filter-option:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.indoacres__filter-option i {
  font-size: 14px;
  color: #495a6a;
}

/* Rotate arrow on open */
.indoacres__filter-option.active i {
  transform: rotate(180deg);
  transition: .2s ease;
}

/* DROPDOWN BOX */
.indoacres__property-dropdown {
  display: none;
  width: 195px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.14);
  position: absolute;
  top: 105%;
  left: 0;
  z-index: 100;
  padding: 15px;
}

/* LIST AREA */
.indoacres__property-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* PILLS */
.indoacres__property-pill {
  padding: 6px 14px;
  background: #f5f5f7;
  border-radius: 20px;
  font-size: 12px;
  color: #495a6a;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  transition: .2s ease;
  width: fit-content;
}

/* SELECTED PILL */
.indoacres__property-pill.selected {
  background: #5b6ff2;
  color: #fff;
  border-color: #5b6ff2;
}

/* HOVER EFFECT */
.indoacres__property-pill:hover {
  background: #5b6ff2;
  color: #fff;
}


/* DROPDOWN BOX */
.indoacres__budget-dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 105%;
  width: 300px;
  padding: 16px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
  z-index: 100;
}

/* SLIDER AREA */


.indoacres__budget-slider {
  margin-bottom: 14px;
}

.indoacres__budget-slider input[type="range"] {
  width: 100%;
  accent-color: #5b6ff2;
  cursor: pointer;
  margin: 6px 0;
}

/* Values under slider */
.indoacres__budget-values {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  margin-top: 6px;
  color: #444;
}

/* SELECT BOXES */
.indoacres__budget-selects {
  display: flex;
  gap: 10px;
}

.indoacres__budget-selects select {
  flex: 1;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #dadada;
  font-size: 13px;
}


/* DROPDOWN WRAPPER */
.indoacres__possession-dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 105%;
  width: 175px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.15);
  padding: 15px;
  z-index: 100;
}

/* ITEM LIST */
.indoacres__possession-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* PILL STYLE */
.indoacres__possession-item {
  padding: 6px 14px;
  background: #f5f5f7;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  font-size: 12px;
  color: #495a6a;
  width: fit-content;
  transition: .2s ease;
}

/* SELECTED */
.indoacres__possession-item.selected {
  background: #5b6ff2;
  color: #fff;
  border-color: #5b6ff2;
  font-weight: 500;
}

/* Hover Effect */
.indoacres__possession-item:hover {
  background: #5b6ff2;
  color: #fff;
}





.indoacres__filter-advanced {
  position: absolute;
  top: 101%;
  background: #ebf4f9;
  border-radius: 14px;
  padding: 24px 30px;
  max-width: 1100px;
  display: none;
  gap: 25px;
  font-family: 'Inter', sans-serif;
  z-index: 9;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* Tabs */
.indoacres__filter-type-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.indoacres__filter-type-tabs button {
  background: #fff;
  border: 1px solid #d0d9e1;
  border-radius: 25px;
  padding: 8px 16px;
  font-size: 12px;
  color: #333;
  cursor: pointer;
  font-weight: 400;
  transition: 0.2s ease;
}

.indoacres__filter-type-tabs button.active {
  background: #5e53fe;
  color: #fff;
  border-color: #5e53fe;
}

/* Layout */
.indoacres__filter-section {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.indoacres__filter-column {
  flex: 1;
  min-width: 280px;
}

.indoacres__filter-column h4 {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px;
}

/* Pills */
.indoacres__pill-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
}

.indoacres__pill {
  background: #fff;
  border: 1px solid #d3dde7;
  border-radius: 18px;
  padding: 6px 14px;
  font-size: 12px;
  color: #333;
  font-weight: 400;
  cursor: pointer;
  transition: 0.2s ease;
}

.indoacres__pill:hover,
.indoacres__pill.active {
  background: #5e53fe;
  color: #fff;
  border-color: #5e53fe;
}

/* Range */
.indoacres__filter-range {
  background: #fff;
  border: 1px solid #d3dde7;
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 15px;
}


.indoacres__filter-range-select {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.indoacres__filter-range-select select {
  flex: 1;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  color: #333;
  background: #f4f5f7;
  cursor: pointer;
  outline: none;
  max-width: 180px;
}

/* Footer Wrapper */
.indoacres-footer {
  background: #183153;
  /* EXACT color from screenshot */
  padding: 60px 0 0;
  color: #dce4f0;
  position: relative;
  margin-top: 100px;
  font-family: 'Inter', sans-serif;
}



/* Circle shape */
.footer-logo-circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 120px;
  height: 60px;
  /* Half circle */
  background: #183153;
  /* same footer color */
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -45px;
}

/* Logo inside circle */
.footer-logo-circle img {
  width: 51px;
  height: auto;
  position: relative;
  top: 10px;
  /* adjust to match screenshot */
}

/* Grid Layout */
.footer-grid {
  display: grid;
  grid-template-columns: 35% 15% 15% 17%;
  gap: 40px;
  justify-content: space-between;
}

.footer-about h3 {
  font-family: 'Ubuntu';
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  color: #d9dcdc;
}

.footer-about p {
  line-height: 1.6;
  font-size: 14px;
  color: #8f9191;
  font-weight: 400;
}

/* Section Titles */
.footer-links h4,
.footer-contact h4 {
  color: #d9dcdc;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 500;
}

/* Links */
.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.footer-links ul li {
  color: #8f9191;
  font-size: 14px;
  margin-bottom: 6px;
  cursor: pointer;
  font-weight: 400;
}

.footer-secondary li {
  margin-top: 4px;
}

.footer-links ul li a {
  color: #8f9191;
  text-decoration: none;
}

.footer-links ul li a:hover {
  color: #d9dcdc;
}

.footer-links .line {
  width: 123px;
  height: 1px;
  background-color: #d1cfcf;
  margin: 20px 0;
}

/* App store logos */
.footer-apps {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
}

.footer-apps img {
  width: 100%;
  border-radius: 4px;
}

/* Social icons */
.footer-social {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}

.footer-social i {
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}

.footer-social a:hover i {
  color: #afb3b3;
}

.footer-info p {
  font-family: 'Ubuntu';
  color: #8f9191;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

.footer-info p a {
  color: #d9dcdc;
  text-decoration: none;
  font-weight: 400;
}

/* Bottom section */
.footer-bottom {
  font-family: 'Ubuntu';
  background-color: #364253;
  text-align: center;
  margin-top: 25px;
  padding: 20px 0;
  color: #afafaf;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
}

/* Wrapper */
.range-slider {
  position: relative;
  width: 100%;
  height: 6px;
  margin: 15px 0;
}

/* Overlapping sliders */
.range-slider input[type="range"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-appearance: none;
  background: none;
  pointer-events: none;
}

/* Track background (behind the fill) */
.range-slider input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
  background: #d5d5d5;
  /* light grey */
  border-radius: 4px;
}

/* Slider Thumb */
.range-slider input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background: #fff;
  border: 1px solid #ebf4f9;
  /* blue thumb */
  border-radius: 50%;
  pointer-events: auto;
  /* allow dragging */
  cursor: pointer;
  margin-top: -7px;
  z-index: 9;
  position: relative;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  /* perfectly center thumb */
}

/* The colored selected range track */
.range-track {
  position: absolute;
  height: 6px;
  background: #5e53fe;
  /* BLUE selected range */
  top: 0;
  border-radius: 4px;
  z-index: 1;
}

/* --------------------------
   Sidebar (IndoAcres themed)
   -------------------------- */
.indoacres__sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
  z-index: 995;
  opacity: 0;
  visibility: hidden;
  transition: .28s ease;
}

.indoacres__sidebar-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Sidebar container */
.indoacres__sidebar {
  position: fixed;
  top: 0;
  right: -400px;
  width: 392px;
  height: 100vh;
  background: #ffffff;
  z-index: 999;
  padding: 14px;
  box-shadow: -12px 0 30px rgba(16, 24, 40, 0.18);
  border-radius: 12px 0 0 12px;
  transition: right .32s cubic-bezier(.2, .9, .2, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.indoacres__sidebar.active {
  right: 0;
}

/* header */
.indoacres__sidebar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #f1f1f6;
}

.sidebar-head-left {
  display: flex;
  gap: 12px;
  align-items: center;
}

.sidebar-head-text {
  line-height: normal;
}

.sidebar-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #dfe6fb;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.03);
}

.sidebar-guest {
  font-weight: 700;
  color: #111827;
  font-size: 15px;
}

.sidebar-user-links {
  display: flex;
  gap: 5px;
}

.sidebar-user-links a {
  font-size: 12px;
  color: #5b6ff2;
  text-decoration: none;
  font-weight: 500;
}

.sidebar-user-tagline {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
}

.sidebar-login-btn {
  margin-left: auto;
  background: #5b6ff2;
  color: #fff;
  border: none;
  padding: 7px 14px;
  font-size: 11px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
}

.sidebar-location {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}

.sidebar-location i {
  color: #5b6ff2;
  /* IndoAcres theme purple-blue */
  font-size: 16px;
}

.sidebar-location span {
  font-size: 14px;
  color: #555;
  font-weight: 500;
}

.sidebar-location {
  display: flex;
  align-items: center;
  gap: 6px;
}

.sidebar-edit-btn {
  background: #5b6ff2;
  color: #fff;
  border: none;
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: 0.2s ease;
  margin-top: 3px;
}


.sidebar-edit-btn:hover {
  transform: scale(1.1);
}

.indoacres__sidebar-close {
  position: absolute;
  border: 0;
  background: transparent;
  font-size: 20px;
  color: #374151;
  cursor: pointer;
  padding: 0;
  line-height: normal;
  top: 2px;
  left: 5px;
}

/* body */
.indoacres__sidebar-body {
  padding: 14px 0 27px;
}

/* --------- Main Menu --------- */
.indoacres__sidebar-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.indoacres__sidebar-menu .menu-item {
  padding: 12px 8px;
  border-radius: 8px;
  cursor: pointer;
  color: #111827;
  font-weight: 600;
  font-size: 14px;
  transition: background .18s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  /* now holds submenu inside */
}

.indoacres__sidebar-menu .menu-item .menu-link .badge {
  background-color: #5b6ff2;
  border-radius: 10px;
}

.menu-link {
  display: flex;
  align-items: center;
  gap: 12px;
}

.menu-link i {
  width: 28px;
  text-align: center;
  color: #5b6ff2;
  font-size: 16px;
}

.menu-item:hover {
  background: #f8f9ff;
}

/* Chevron rotation */
.menu-item .chevron {
  margin-left: auto;
  color: #9aa3c7;
  font-size: 14px;
  transition: transform .25s ease;
}

.menu-item .chevron.rotate {
  transform: rotate(90deg);
}

/* --------- Submenu Now Inside <li> --------- */
.submenu-panel {
  display: none;
  margin-top: 10px;
  padding: 10px 0 0 4px;
  /* indented for nested look */
  border-top: 1px solid #f1f1f6;
}

/* Prevent card grid from touching edges */
.submenu-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 10px;
}

/* Card styling */
.submenu-grid .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  padding: 10px 8px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #eff2ff;
  box-shadow: 0 6px 18px rgba(6, 11, 40, 0.04);
  transition: transform .16s ease, box-shadow .16s ease;
  color: #111827;
  text-align: center;
  font-weight: 600;
  font-size: 10px;
  line-height: normal;
}

.submenu-grid .card i {
  font-size: 12px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #f3f5ff;
  color: #5b6ff2;
}

.submenu-grid .card:hover {
  box-shadow: 0 18px 36px rgba(6, 11, 40, 0.08);
}

.indoacres__sidebar-footer {
  padding: 20px;
  font-size: 13px;
  color: #6f6f6f;
  background: #5b6ff230;
  /* light blue/purple tone like screenshot */
  margin: 0 -14px -14px;
}

.footer-top-links,
.footer-bottom-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.footer-top-links a,
.footer-bottom-links a {
  text-decoration: none;
  color: #6f6f6f;
  font-weight: 500;
}

.footer-top-links a:hover,
.footer-bottom-links a:hover {
  color: #000;
}

.indoacres__sidebar-footer .footer-social {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}

.indoacres__sidebar-footer .social-icons {
  display: flex;
  gap: 10px;
  align-items: center;
}

.indoacres__sidebar-footer .social-icons i {
  font-size: 20px;
  color: #8a8a8a;
  cursor: pointer;
}

.indoacres__sidebar-footer .social-icons i:hover {
  color: #000;
}

.indoacres__sidebar-footer .footer-copy {
  font-size: 13px;
  color: #8a8a8a;
  margin-top: 10px;
}


/* Responsive */
@media (max-width: 480px) {
  .indoacres__sidebar {
    width: 100%;
    right: -100%;
    border-radius: 0;
  }
}

/* Focus accessibility */
.indoacres__sidebar .card:focus,
.indoacres__sidebar .menu-item:focus {
  outline: 3px solid rgba(94, 83, 254, 0.12);
  outline-offset: 2px;
}

@media (max-width: 1200px) {
  .indoacres__nav-links {
    display: none;
  }

  .indoacres__nav-actions {
    margin-left: auto;
  }
}

/* Responsive */
@media (max-width: 992px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 576px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
}


/* Responsive */
@media (max-width: 992px) {
  .indoacres__filter-section {
    flex-direction: column;
  }

  .indoacres__filter-column {
    width: 100%;
  }
}


/* Responsive */
@media (max-width: 992px) {
  .indoacres__filter-bar {
    align-items: stretch;
  }

  .indoacres__filter-select,
  .indoacres__filter-action,
  .indoacres__filter-dropdown,
  .indoacres__filter-search-btn {
    width: 100%;
  }

  .indoacres__filter-location {
    max-width: 170px;
  }
}





/* Responsive */
@media (max-width: 992px) {
  /* .indoacres__hot-card {
    flex-direction: column;
  } */

  .indoacres__hot-img img {
    width: 100%;
    /* height: 160px; */
  }
}



/* Responsive */
@media (max-width: 991px) {
  .top-builder-properties__image {
    flex: 1.2;
  }

  .top-builder-properties__description {
    max-width: 250px;
  }

  .top-builder-properties__logo {
    left: 44%;
  }

  .indoacres__filter-tabs {
    padding: 12px 12px;
  }

  .indoacres__filter-center {
    gap: 15px;
    padding: 0;
  }

  .indoacres__filter-tab,
  .indoacres__filter-mid,
  .indoacres__filter-urgent {
    font-size: 12px;
  }

  .indoacres__filter-urgent {
    padding: 8px 10px;
  }

  .indoacres__filter-center::before {
    left: -20px;
  }

  .indoacres__filter-center::after {
    right: -20px;
  }
}


@media (max-width: 767px) {
  .indoacres__navbar .indoacres__logo-location {
    gap: 10px;
  }

  .indoacres__navbar .indoacres__logo {
    width: 60px;
  }

  .indoacres__navbar {
    padding: 8px 12px;
    gap: 15px;
    z-index: 99;
  }

  .indoacres__icon.indoacres__heart {
    font-size: 24px;
    line-height: normal;
  }

  .indoacres__free-tag {
    display: none;
  }

  .indoacres__post-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    padding: 6px 8px;
    text-transform: uppercase;
  }

  .indoacres__menu-wrapper {
    line-height: 19px;
    gap: 0;
    padding: 0;
  }

  .indoacres__post_plus {
    display: block;
  }

  .indoacres__post_text {
    display: none;
  }

  .top-builder-properties__card {
    flex-direction: column-reverse;
    margin: 0 12px;
  }

  .top-builder-properties__slider .slick-list {
    margin: 0 -12px;
  }

  .top-builder-properties__image {
    flex: 1;
    margin: 0;
    height: 350px;
  }

  /* .top-builder-properties__image img {
    height: 250px;
  } */

  .top-builder-properties__content {
    clip-path: none;
    align-items: center;
  }

  .top-builder-properties__logo {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: 190px;
  }

  .top-builder-properties__description {
    display: none;
  }

  .top-builder-properties__slider .slick-dots {
    left: 0;
    justify-content: center;
  }

  .top-builder-properties__content {
    margin: 0;
    padding-top: 60px;
  }

  .indoacres__invest-info {
    padding: 50px 20px 20px;
  }

  .indoacres__invest-head {
    flex-direction: column;
    gap: 10px;
  }

  .price-info {
    text-align: left;
  }

  .footer-grid {
    gap: 20px;
  }

  .indoacres__solution-card p {
    display: none;
  }

  .indoacres__solution-card {
    margin: 0;
    padding: 12px 9px;
  }

  .indoacres__solutions-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  .indoacres__solution-card img {
    height: 35px;
  }

  .indoacres__solution-card h3 {
    margin-bottom: 30px;
    font-size: 14px;
  }

  .indoacres__filter-dropdown,
  .indoacres__filter-location {
    display: none;
  }

  .indoacres__filter-search-btn {
    max-width: fit-content;
  }

  .indoacres__filter-search-btn .btn-text {
    display: none;
  }

  .indoacres__filter-search-btn .btn-icon {
    display: inline-block;
    font-size: 18px;
  }

  .indoacres__filter-options {
    gap: 5px;
    padding: 8px;
    padding-top: 20px;
    margin-top: -12px;
  }

  .indoacres__filter-option {
    font-size: 12px;
    padding: 10px;
  }

  .indoacres__property-toggle {
    flex: 3;
    /* 30% */
  }

  .indoacres__budget-toggle {
    flex: 2;
    /* 20% */
  }

  .indoacres__possession-toggle {
    flex: 4;
    /* 50% */
  }

  .indoacres__filter-tabs {
    background-color: transparent;
    padding: 0;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .indoacres__filter-tabs::-webkit-scrollbar {
    display: none;
    /* hide scrollbar (optional) */
  }

  .indoacres__filter-tab,
  .indoacres__filter-mid,
  .indoacres__filter-urgent {
    background-color: #314563;
    color: #ffffff;
    padding: 6px 10px;
    border-radius: 8px;
    font-style: normal !important;
  }

  .indoacres__filter-tab:hover,
  .indoacres__filter-mid:hover,
  .indoacres__filter-urgent:hover {
    background-color: #ffffff;
    color: #000000;
  }

  .indoacres__filter-center::before,
  .indoacres__filter-center::after {
    content: none;
  }

  .indoacres__filter-center,
  .indoacres__filter-left {
    gap: 8px;
  }

  .indoacres__filter-tabs {
    margin-bottom: 10px;
    border-radius: 0;
  }

  .indoacres__banner,
  .indoacres__banner .indoacres__banner__link {
    height: 350px;
  }

  .indoacres__banner picture,
  .indoacres__banner img {
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .indoacres__filter-action {
    padding: 12px 14px;
    width: 75px;
    font-size: 12px;
    /* height: 60px; */
  }

  .indoacres__filter-search-btn {
    padding: 12px 24px;
    /* height: 60px; */
  }

  .indoacres__filter-search {
    padding: 12px 14px;
    /* height: 60px; */
    width: 100%;
    text-overflow: ellipsis;
  }

  .indoacres__locality-dropdown,
  .indoacres__possession-dropdown {
    right: 0;
    left: auto;
  }

  .indoacres__budget-dropdown {
    max-width: 290px;
    left: -75px;
  }

  .indoacres__location-toggle {
    font-size: 12px;
    padding: 6px;
    gap: 4px;
  }

  .indoacres__location {
    /* max-width: 110px; */
    width: auto;
  }

  .indoacres__nav-actions {
    gap: 10px;
  }

  .indoacres__menu-icon i {
    font-size: 12px;
    display: none;
  }

  .indoacres__menu-profile {
    width: 24px;
    height: 24px;
    position: relative;
  }

  .indoacres__menu-profile::after {
    content: "\f107";
    /* FontAwesome fa-angle-down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    bottom: 0;
    color: #8a9395;
  }


  .indoacres__menu-profile i {
    font-size: 8px;
  }

  .indoacres__hot-selling-properties .slick-next {
    right: 0;
  }

  .indoacres__hot-selling-properties .slick-prev {
    left: 0;
  }

  .indoacres__icon.indoacres__heart svg {
    width: 24px;
    height: 24px;
  }

  .indoacres__location-dropdown {
    width: 285px;
  }
}

/* ===== Responsive ===== */


@media (max-width: 768px) {
  .indoacres__hero-content {
    margin: 0 20px;
  }

  .indoacres__hero-content h2 {
    font-size: 20px;
  }

  .indoacres__bar {
    flex-direction: column;
    align-items: stretch;
  }

  .indoacres__bar select,
  .indoacres__bar input {
    width: 100%;
  }

  .indoacres__bar .search-btn {
    width: 100%;
  }
}

@media (max-width: 374px) {
  .indoacres__location-dropdown {
    width: 265px;
    left: -50px;
  }
}