/* === USER FINAL ALIGNMENT FIX: compact footer, aligned client/dream section, right dropdown arrows === */
.footer {
  padding: 45px 0 18px !important;
  min-height: auto !important;
}
.footer-grid {
  display: grid !important;
  grid-template-columns: 1.2fr 1.2fr 1fr 1fr !important;
  gap: 36px !important;
  align-items: flex-start !important;
}
.footer-brand {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 0 !important;
}
.footer .footer-logo,
.footer-logo {
  width: 420px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 185px !important;
  object-fit: contain !important;
  object-position: left top !important;
  margin: 0 !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}
.footer-col {
  border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
  padding-left: 28px !important;
  min-height: 190px !important;
}
.footer-col.footer-brand {
  border-left: 0 !important;
  padding-left: 0 !important;
  min-height: 0 !important;
}
.copy {
  margin-top: 28px !important;
}
.clients-section {
  padding-bottom: 44px !important;
  background: #fff !important;
  overflow: hidden !important;
}
.client-slider-area {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 390px !important;
  gap: 24px !important;
  align-items: start !important;
  overflow: visible !important;
}
.client-review-slider,
.client-review-slider .carousel-inner,
.client-review-slider .carousel-item {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 26px !important;
}
.client-slide-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}
.client-review-slider .testimonial {
  min-height: 230px !important;
  height: 230px !important;
  padding: 30px 38px !important;
  border-radius: 24px !important;
  border: 1px solid #eee !important;
  border-left: 6px solid var(--red, #d50012) !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08) !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.client-review-slider .testimonial .quote {
  font-size: 24px !important;
  margin-bottom: 4px !important;
  line-height: 1 !important;
}
.client-review-slider .testimonial p {
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 0 14px !important;
}
.client-review-slider .testimonial b {
  font-size: 16px !important;
}
.client-review-slider .testimonial small {
  font-size: 13px !important;
}
.client-control {
  display: none !important;
}
.dream {
  position: relative !important;
  height: 230px !important;
  min-height: 230px !important;
  padding: 28px 30px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border-bottom: 4px solid var(--red, #d50012) !important;
  background: linear-gradient(
    90deg,
    rgba(255, 244, 244, 0.96) 0%,
    rgba(255, 244, 244, 0.82) 45%,
    rgba(255, 240, 240, 0.55) 100%
  ) !important;
}
.dream:after {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 0 auto !important;
  width: 62% !important;
  height: 100% !important;
  opacity: 0.48 !important;
  background:
    linear-gradient(
      to right,
      rgba(255, 244, 244, 0.55),
      rgba(255, 244, 244, 0.15)
    ),
    url("assets/images/home-hero-house.jpg") right center/cover no-repeat !important;
  z-index: 0 !important;
}
.dream > * {
  position: relative !important;
  z-index: 1 !important;
}
.dream h3 {
  font-size: 24px !important;
  line-height: 1.08 !important;
  margin: 0 0 10px !important;
}
.dream p {
  font-size: 14px !important;
  margin: 0 0 14px !important;
}
.dream .whats {
  padding: 9px 14px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
}
.dream .whats i {
  font-size: 22px !important;
  padding: 6px !important;
}
.navbar .nav-link.dropdown-toggle,
.navbar .dropdown-item.dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding-right: 24px !important;
  padding-left: 8px !important;
  position: relative !important;
}
.navbar .nav-link.dropdown-toggle::before,
.navbar .dropdown-item.dropdown-toggle::before {
  display: none !important;
  content: none !important;
}
.navbar .nav-link.dropdown-toggle::after,
.navbar .dropdown-item.dropdown-toggle::after {
  display: inline-block !important;
  position: absolute !important;
  right: 6px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  border-top: 0.36em solid currentColor !important;
  border-right: 0.36em solid transparent !important;
  border-left: 0.36em solid transparent !important;
  border-bottom: 0 !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
@media (max-width: 991px) {
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  .footer-col {
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    padding-left: 0 !important;
    padding-top: 18px !important;
    min-height: 0 !important;
  }
  .footer-col.footer-brand {
    border-top: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .footer .footer-logo,
  .footer-logo {
    width: 420px !important;
    max-height: 185px !important;
    margin: 0 auto !important;
    object-position: center top !important;
  }
  .client-slider-area {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  .client-slide-grid {
    grid-template-columns: 1fr !important;
  }
  .client-review-slider .testimonial {
    height: auto !important;
    min-height: 210px !important;
    padding: 26px !important;
  }
  .dream {
    height: auto !important;
    min-height: 210px !important;
  }
}
@media (max-width: 575px) {
  .footer .footer-logo,
  .footer-logo {
    width: 420px !important;
    max-height: 170px !important;
  }
  .client-review-slider .testimonial {
    min-height: 205px !important;
    padding: 22px !important;
  }
  .dream {
    min-height: 205px !important;
    padding: 24px !important;
  }
}

/* Final requested fixes: footer email normal, mobile dropdowns, career image, map link */
.contact-strip .contact-item:nth-child(3) b,
.contact-strip .contact-item:nth-child(3) a,
.footer-contact a[href*="myhome@investinmysore.in"] {
  font-weight: 400 !important;
}
.career-openings {
  display: flex !important;
  flex-direction: column !important;
}
.career-openings .career-side-image {
  margin-top: 18px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  min-height: 230px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12) !important;
}
.career-openings .career-side-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 230px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.45s ease !important;
}
.career-openings:hover .career-side-image img {
  transform: scale(1.05) !important;
}
.map-link {
  display: block !important;
  cursor: pointer !important;
}
.navbar .dropdown-menu {
  z-index: 1055 !important;
}
@media (max-width: 991px) {
  .search-card {
    overflow: visible !important;
    position: relative !important;
  }
  .search-card .search-item {
    position: relative !important;
    overflow: visible !important;
    z-index: auto !important;
  }
  .search-card .dropdown {
    position: static !important;
    width: 100% !important;
  }
  .search-card .dropdown-menu.show {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-top: 10px !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16) !important;
    border-radius: 12px !important;
  }
  .location-btn,
  .property-type-btn {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .dropdown-submenu > .dropdown-menu {
    position: static !important;
    left: auto !important;
    top: auto !important;
    margin-left: 12px !important;
    margin-top: 6px !important;
    box-shadow: none !important;
    max-height: 240px !important;
    overflow-y: auto !important;
  }
  .dropdown-submenu.open > .dropdown-menu {
    display: block !important;
  }
}