/* Final authority for the Property In Tricity white and navy theme. */
:root {
  /* Override the legacy database accent so every hsl(var(--base)) rule matches the logo navy. */
  --base-h: 209;
  --base-s: 73%;
  --base-l: 16%;
  --zp-bg: #ffffff;
  --zp-bg-deep: #ffffff;
  --zp-panel: #ffffff;
  --zp-panel-soft: #f7f9fb;
  --zp-line: #dbe3ea;
  --zp-text: #101820;
  --zp-muted: #5f6f7c;
  --zp-subtle: #7b8b98;
  --zp-gold: #0b2745;
  --zp-gold-light: #173f68;
  --zp-cream: #f1ebdf;
  --zp-cream-panel: #fbf7ef;
  --zp-cream-line: #d8cdbb;
  --zp-cream-ink: #222a30;
  --zp-cream-muted: #667078;
  --zp-home-grey: #ffffff;
  --zp-home-grey-panel: #ffffff;
  --zp-home-grey-soft: #f7f9fb;
  --zp-home-grey-line: #dbe3ea;
}

html body { background: var(--zp-bg) !important; color: var(--zp-text); }

/* Inner-page foundations. */
body :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  section.py-120
) { background: var(--zp-bg) !important; color: var(--zp-text) !important; }

body :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account
) :is(h1,h2,h3,h4,h5,h6,.title,.name,label) { color: var(--zp-text) !important; }

body :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account
) :is(p,li,small,.text-muted,.desc,.description) { color: var(--zp-muted) !important; }

/* Shared cards and content surfaces. */
body :is(
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .contact-item,
  .contact-bottom,
  .contactus-form,
  .interesting-read-card,
  .interesting-read-details__content,
  .free-listing-card,
  .pricing-card,
  .custom--card,
  .account-wrapper,
  .account-form,
  .faq-item,
  .accordion-item,
  .policy-card
) {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}

body :is(.card,.modal-content) { border-color: var(--zp-line); }
body .custom--card .card-body { background: var(--zp-panel) !important; }

/* Controls remain readable on every inner page. */
body :is(input,select,textarea,.form-control,.form--control,.form-select),
body .select2-container--default .select2-selection--single {
  border-color: #4a565e !important;
  background-color: #182127 !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}
body :is(input,textarea)::placeholder { color: #88949a !important; opacity: 1; }
body select option { background: #182127; color: var(--zp-text); }
body .select2-selection__rendered { color: var(--zp-text) !important; }

body :is(.btn--base,.btn.btn--base,.filter-btn) {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
}
body :is(.btn--base,.btn.btn--base,.filter-btn):hover { background: var(--zp-gold-light) !important; color: #111820 !important; }
body .btn-outline--base { border-color: var(--zp-gold) !important; color: var(--zp-gold-light) !important; }
body .btn-outline--base:hover { background: var(--zp-gold) !important; color: #111820 !important; }

/* Property results and details. */
body .listing-detials { padding-top: 58px !important; }
body .listing-details__header { margin-bottom: 18px; padding: 20px 22px; border: 1px solid var(--zp-line); }
body .listing-details__header-title { color: var(--zp-text) !important; }
body .listing-details-item__icon { color: var(--zp-gold) !important; }
body .listing-details-item__icon-text,
body .listing-details__desc,
body .listing-details__desc :is(p,div,span,li) { color: var(--zp-muted) !important; }
body .listing-details__content { margin-top: 18px; padding: 26px; border: 1px solid var(--zp-line); }
body .listing-details__title,
body .listing-details__date-title,
body .listing-details__amenities-title,
body .listing-details__map .title { color: var(--zp-text) !important; }
body .listing-details__amenities .amenities-list__item,
body .listing-details__date-card {
  border-color: var(--zp-line) !important;
  background: #182127 !important;
  color: var(--zp-muted) !important;
}
body .listing-details__amenities .amenities-list__name,
body .listing-details__date-card .title { color: var(--zp-text) !important; }
body .listing-details__amenities .amenities-list__value { color: var(--zp-muted) !important; }
body .listing-details-sidebar { border: 1px solid var(--zp-line) !important; }
body .listing-details-sidebar__title,
body .listing-details-sidebar__header-info .name { color: var(--zp-text) !important; }
body .listing-details-sidebar__header-info .title,
body .listing-details-sidebar__info .info-list__item,
body .listing-details-sidebar__info .info-list__text { color: var(--zp-muted) !important; }
body .listing-details-sidebar__info .info-list .icon { color: var(--zp-gold) !important; }
body .text-list__link { color: var(--zp-muted) !important; }
body .text-list__link:hover { color: var(--zp-gold-light) !important; }
body .custom--tab .nav-link { border-color: var(--zp-line) !important; background: #182127 !important; color: var(--zp-muted) !important; }
body .custom--tab .nav-link.active { border-color: var(--zp-gold) !important; background: var(--zp-gold) !important; color: #111820 !important; }

/* Contact, guides, policy and miscellaneous content pages. */
body .contact-top .contact-item { height: 100%; border: 1px solid var(--zp-line) !important; }
body .contact-item__icon { color: var(--zp-gold) !important; }
body .contact-item__title { color: var(--zp-text) !important; }
body .contact-item__desc { color: var(--zp-muted) !important; }
body .contact-bottom { border: 1px solid var(--zp-line); }

/* Contact page form and map. */
body .contact-top {
  padding: 72px 0 !important;
}

body .contact-bottom {
  margin-top: 54px;
  border: 0 !important;
  background: transparent !important;
}

body .contact-wrapper {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body .contact-wrapper > .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
  align-items: stretch;
}

body .contact-wrapper > .row > [class*='col-'] {
  display: flex;
}

body .contactus-form,
body .contact-map {
  width: 100%;
  min-height: 570px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 14px !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18) !important;
}

body .contactus-form {
  padding: 32px;
}

body .contactus-form .contact__title {
  margin: 0 0 26px;
  color: #fff !important;
  font-size: 29px;
  line-height: 1.2;
}

body .contactus-form form > .row {
  --bs-gutter-x: 18px;
}

body .contactus-form .form-group {
  margin-bottom: 18px;
}

body .contactus-form .form--label,
body .contactus-form .form-label {
  display: block;
  margin: 0 0 8px;
  color: var(--zp-text) !important;
  font-size: 12px;
  font-weight: 700;
}

body .contactus-form .form--control,
body .contactus-form .form-control,
body .contactus-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 8px;
  background: #182127 !important;
  color: var(--zp-text) !important;
  font-size: 14px;
}

body .contactus-form textarea.form--control,
body .contactus-form textarea {
  min-height: 138px;
  resize: vertical;
}

body .contactus-form .form--control:focus,
body .contactus-form .form-control:focus,
body .contactus-form textarea:focus {
  border-color: var(--zp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 61, 0.12) !important;
}

body .contactus-form .btn--base {
  min-height: 46px;
  padding: 0 22px;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 7px;
  background: var(--zp-gold) !important;
  color: #10191f !important;
  font-size: 13px;
  font-weight: 800;
}

body .contactus-form .btn--base:hover {
  background: var(--zp-gold-light) !important;
}

body .contact-map {
  overflow: hidden;
}

body .contact-map iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 568px;
  border: 0;
}

/* Login page: unified dark and gold account panel. */
body .account {
  min-height: 100vh;
  padding: 24px !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(201, 154, 61, 0.1), transparent 30%),
    #10191f !important;
}

body .account .account-inner {
  width: min(1120px, 100%);
  min-height: min(680px, calc(100vh - 48px));
  border: 1px solid var(--zp-line) !important;
  border-radius: 18px;
  background: var(--zp-panel) !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38) !important;
}

body .account .account-left {
  width: 58%;
  background: #182127 !important;
}

body .account .account-right {
  width: 42%;
  background: #182127 !important;
}

body .account .account-thumb,
body .account .account-thumb img {
  width: 100%;
  height: 100%;
  min-height: 100%;
}

body .account .account-thumb img {
  display: block;
  object-fit: cover;
  object-position: center;
}

body .account .account-thumb::after {
  background: linear-gradient(90deg, rgba(16, 25, 31, 0.06), rgba(16, 25, 31, 0.16)) !important;
}

body .account .account-form-wrapper {
  min-height: 100%;
  padding: 46px 44px;
  align-items: stretch;
  background: #182127 !important;
}

body .account .account-form {
  width: 100%;
  max-width: 390px;
  margin: auto;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .account .account-form__content {
  margin-bottom: 28px;
  text-align: left;
}

body .account .account-form__logo {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0 auto 30px;
}

body .account .account-form .zirakpur-brand-image {
  width: 230px !important;
  height: 72px !important;
  margin: 0 auto !important;
  object-position: center;
  filter: none !important;
}

body .account .account-form__logo .zirakpur-brand-image {
  filter: none !important;
  opacity: 1 !important;
}

body .account .account-form__title {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.18;
  text-align: left;
}

body .account .account-form__desc {
  margin: 0 !important;
  color: var(--zp-muted) !important;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
}

body .account .form-group {
  margin-bottom: 18px;
}

body .account .form--label,
body .account .form-label {
  display: block;
  margin: 0 0 8px;
  color: var(--zp-text) !important;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
}

body .account .form--label::after {
  color: var(--zp-gold-light) !important;
}

body .account .form--control,
body .account .form-control {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 8px;
  background: #10191f !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: var(--zp-gold-light);
  font-size: 14px;
}

body .account .form--control:focus,
body .account .form-control:focus {
  border-color: var(--zp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 61, 0.12) !important;
}

body .account .password-show-hide {
  right: 14px;
  color: var(--zp-gold-light) !important;
}

body .account .form--check {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px;
  min-height: 20px;
}

body .account .form-check-input {
  width: 16px;
  height: 16px;
  margin: 0;
  border: 1px solid var(--zp-line) !important;
  background-color: #10191f;
}

body .account .form-check-input:checked {
  border-color: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
}

body .account .form-check-label,
body .account .have-account__text {
  color: var(--zp-muted) !important;
  font-size: 12px;
}

body .account .form--check .form-check-label {
  display: inline-block !important;
  margin: 0 !important;
  line-height: 16px;
}

body .account .forgot-password,
body .account .have-account__link,
body .account .text--base {
  color: var(--zp-gold-light) !important;
  font-size: 12px;
  font-weight: 800;
}

body .account a.forgot-password,
body .account a.have-account__link,
body .account a.text--base,
body .account a:not(.login-link):not(.account-form__logo).forgot-password,
body .account a:not(.login-link):not(.account-form__logo).have-account__link {
  color: var(--zp-gold-light) !important;
}

body .account .forgot-password:hover,
body .account .have-account__link:hover {
  color: #fff !important;
}

body .account input:-webkit-autofill,
body .account input:-webkit-autofill:hover,
body .account input:-webkit-autofill:focus {
  border-color: var(--zp-line) !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0 1000px #10191f inset !important;
  transition: background-color 9999s ease-out;
}

body .account .btn--base {
  min-height: 48px;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 8px;
  background: var(--zp-gold) !important;
  color: #10191f !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 800;
}

body .account .btn--base:hover {
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
}

body .account .have-account {
  margin-top: 2px;
  text-align: left !important;
}

body .account .have-account__text {
  margin: 0;
  text-align: center;
}

/* Footer: unified dark navy, neutral text and gold interactions. */
body .footer-area--zirakpur {
  border-top: 1px solid rgba(201, 154, 61, 0.24) !important;
  background: #0d171d !important;
  color: var(--zp-muted) !important;
}

body .footer-area--zirakpur .footer-area__shape-one,
body .footer-area--zirakpur .footer-area__shape-two {
  opacity: 0.055 !important;
  filter: grayscale(1) sepia(0.2);
}

body .footer-area--zirakpur .zirakpur-brand-image {
  filter: none !important;
}

body .footer-area--zirakpur .footer-item__desc {
  color: #aeb9bf !important;
}

body .footer-area--zirakpur .footer-item__title {
  color: #f8f6f0 !important;
  font-size: 17px;
  font-weight: 800;
}

body .footer-area--zirakpur .footer-item__title::after {
  height: 2px;
  border-radius: 2px;
  background: var(--zp-gold) !important;
}

body .footer-area--zirakpur .footer-menu__link {
  color: #aeb9bf !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  transition: color 0.18s ease, transform 0.18s ease;
}

body .footer-area--zirakpur .footer-menu__link:hover,
body .footer-area--zirakpur .footer-menu__link:focus {
  color: var(--zp-gold-light) !important;
  transform: translateX(3px);
}

body .footer-area--zirakpur .footer-local-tags a {
  border-color: rgba(201, 154, 61, 0.28) !important;
  background: #17242b !important;
  color: #d6dde0 !important;
}

body .footer-area--zirakpur .footer-local-tags a:hover,
body .footer-area--zirakpur .footer-local-tags a:focus {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #10191f !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-icon {
  border: 1px solid rgba(201, 154, 61, 0.22);
  background: rgba(201, 154, 61, 0.1) !important;
  color: var(--zp-gold-light) !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-content strong {
  color: #f8f6f0 !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-content p,
body .footer-area--zirakpur .footer-contact-menu__item-content a {
  color: #aeb9bf !important;
}

body .footer-area--zirakpur .footer-contact-menu__item-content a:hover,
body .footer-area--zirakpur .footer-contact-menu__item-content a:focus {
  color: var(--zp-gold-light) !important;
}

body .footer-area--zirakpur .bottom-footer {
  margin-top: 0;
  padding: 22px 0 26px;
  border-top: 1px solid #2d3940 !important;
}

body .footer-area--zirakpur .bottom-footer-text,
body .footer-area--zirakpur .bottom-footer-text.text-white {
  color: #929fa6 !important;
}

body .footer-area--zirakpur .bottom-footer-text a,
body .footer-area--zirakpur .bottom-footer-text .base--text {
  color: var(--zp-gold-light) !important;
}

body .footer-area--zirakpur .social-list__link {
  border: 1px solid #39464d !important;
  background: #17242b !important;
  color: #c7d0d4 !important;
}

body .footer-area--zirakpur .social-list__link:hover,
body .footer-area--zirakpur .social-list__link:focus {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #10191f !important;
}

@media (max-width: 767px) {
  body .footer-area--zirakpur .bottom-footer {
    gap: 16px;
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 991px) {
  body .account .account-inner {
    width: min(540px, 100%);
    min-height: auto;
  }
  body .account .account-right { width: 100%; }
  body .account .account-form-wrapper { padding: 44px 36px; }
}

@media (max-width: 575px) {
  body .account { padding: 14px !important; }
  body .account .account-form-wrapper { padding: 34px 22px; }
  body .account .account-form .zirakpur-brand-image { width: 200px !important; height: 62px !important; }
  body .account .account-form__title { font-size: 26px; }
}

@media (max-width: 991px) {
  body .contactus-form,
  body .contact-map,
  body .contact-map iframe {
    min-height: 520px;
  }
}

@media (max-width: 575px) {
  body .contact-top { padding: 48px 0 !important; }
  body .contact-bottom { margin-top: 38px; }
  body .contactus-form { min-height: 0; padding: 23px 18px; }
  body .contactus-form .contact__title { font-size: 24px; }
  body .contact-map,
  body .contact-map iframe { min-height: 360px; }
  body .contactus-form .btn--base { width: 100%; }
}
body .interesting-reads-page__header h1,
body .interesting-read-details h1 { color: var(--zp-text) !important; }
body .interesting-reads-page__header p,
body .interesting-read-details p { color: var(--zp-muted) !important; }
body .interesting-read-card { border: 1px solid var(--zp-line) !important; }
body .interesting-read-card__title { color: var(--zp-text) !important; }
body .interesting-read-card p { color: var(--zp-muted) !important; }
body .interesting-read-card:hover { border-color: var(--zp-gold) !important; }

/* Homepage Blogs: final component rules (loaded after the shared home theme). */
body .interesting-reads-section {
  padding: 44px 0 28px !important;
  border-top: 1px solid rgba(201, 154, 61, 0.2) !important;
  border-bottom: 1px solid rgba(201, 154, 61, 0.16) !important;
  background: #151e23 !important;
}

body .interesting-reads-section .interesting-reads-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 26px;
}

body .interesting-reads-section .interesting-reads-header > .interesting-reads-header__copy {
  max-width: 720px;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-eyebrow {
  display: inline-block !important;
  width: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  font-size: 11px !important;
  letter-spacing: 0.17em;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-header h2 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(40px, 4vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-header p {
  max-width: 660px;
  margin: 13px 0 0 !important;
  color: var(--zp-muted) !important;
  font-size: 15px;
  line-height: 1.65;
  text-align: left !important;
}

body .interesting-reads-section .interesting-reads-link {
  display: inline-flex;
  min-height: 44px;
  padding: 0 17px;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--zp-gold) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body .interesting-reads-section .interesting-reads-link:hover {
  background: var(--zp-gold) !important;
  color: #10191f !important;
}

body .interesting-reads-section .interesting-reads-grid--home {
  display: grid !important;
  grid-template-columns: none !important;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 3);
  gap: 24px !important;
  overflow-x: auto;
  padding: 4px 2px 14px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body .interesting-reads-section .interesting-reads-grid--home::-webkit-scrollbar {
  display: none;
}

body .interesting-reads-section .interesting-reads-shell {
  position: relative;
}

body .interesting-reads-section .interesting-reads-nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 50%;
  background: #f8f6f0 !important;
  color: #10191f !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
  font-size: 19px;
  transform: translateY(-50%);
  transition: background-color 0.2s ease, color 0.2s ease;
}

body .interesting-reads-section .interesting-reads-nav:hover {
  background: var(--zp-gold) !important;
  color: #ffffff !important;
}

body .interesting-reads-section .interesting-reads-nav--prev {
  left: -22px;
}

body .interesting-reads-section .interesting-reads-nav--next {
  right: -22px;
}

body .interesting-reads-section .interesting-read-card {
  display: flex !important;
  overflow: hidden;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  border: 1px solid var(--zp-line) !important;
  border-radius: 12px !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
  scroll-snap-align: start;
}

body .interesting-reads-section .interesting-read-card:hover {
  border-color: var(--zp-gold) !important;
  transform: translateY(-4px);
}

body .interesting-reads-section .interesting-read-card__image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

body .interesting-reads-section .interesting-read-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body .interesting-reads-section .interesting-read-card__category {
  position: absolute;
  bottom: 13px;
  left: 13px;
  z-index: 2;
  display: inline-flex !important;
  width: auto !important;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(16, 25, 31, 0.9) !important;
  color: var(--zp-gold-light) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

body .interesting-reads-section .interesting-read-card__body {
  display: flex;
  min-height: 235px;
  padding: 20px !important;
  flex: 1;
  flex-direction: column;
}

body .interesting-reads-section .interesting-read-card__meta {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: var(--zp-subtle) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}

body .interesting-reads-section .interesting-read-card__meta i {
  color: var(--zp-gold) !important;
}

body .interesting-reads-section .interesting-read-card__title {
  margin: 12px 0 0 !important;
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.38 !important;
}

body .interesting-reads-section .interesting-read-card__excerpt {
  margin: 10px 0 20px !important;
  color: var(--zp-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

body .interesting-reads-section .interesting-read-card__action {
  display: inline-flex !important;
  margin-top: auto;
  align-items: center;
  gap: 7px;
  color: var(--zp-gold-light) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  body .interesting-reads-section .interesting-reads-grid--home {
    grid-template-columns: none !important;
    grid-auto-columns: calc((100% - 24px) / 2);
  }
}

@media (max-width: 767px) {
  body .interesting-reads-section {
    padding: 38px 0 !important;
  }

  body .interesting-reads-section .interesting-reads-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }

  body .interesting-reads-section .interesting-reads-grid--home {
    grid-template-columns: none !important;
    grid-auto-columns: minmax(270px, 86vw);
  }

  body .interesting-reads-section .interesting-reads-nav {
    display: none;
  }

  body .interesting-reads-section .interesting-read-card__body {
    min-height: 0;
  }
}
body .category-section .card,
body .free-listing-section .card { border-color: var(--zp-line) !important; background: var(--zp-panel) !important; color: var(--zp-text) !important; }

/* Services page: explicit contrast after legacy colour rules. */
body .property-services { background: var(--zp-bg) !important; }
body .property-services__intro h1,
body .property-service-card h2 { color: var(--zp-text) !important; }
body .property-services__intro > p,
body .property-service-card p { color: var(--zp-muted) !important; }
body .property-service-card { border-color: var(--zp-line) !important; background: var(--zp-panel) !important; }
body .property-service-card:hover { border-color: var(--zp-gold) !important; background: var(--zp-panel-soft) !important; }
body .property-services__consultation :is(h2,p,span) { color: #172027 !important; }

/* Site-visit modal: visible hierarchy and consistent form controls. */
body .site-visit-modal .modal-dialog { max-width: 570px; }
body .site-visit-modal .modal-content {
  overflow: hidden;
  border: 1px solid #4a565e !important;
  border-radius: 8px !important;
  background: #182127 !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.48) !important;
}
body .site-visit-modal__top {
  position: relative;
  display: flex;
  min-height: 112px;
  align-items: center;
  padding: 20px 62px 20px 24px !important;
  border-bottom: 1px solid #3f4b53 !important;
  background: linear-gradient(135deg,#222d34,#182127) !important;
}
body .site-visit-modal__heading > span { display: block; margin-bottom: 4px; color: var(--zp-gold) !important; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body .site-visit-modal__heading h5 { margin: 0; color: var(--zp-text) !important; font-size: 21px; line-height: 1.25; }
body .site-visit-modal__heading p { max-width: 440px; margin: 6px 0 0; color: #aeb8bd !important; font-size: 9.5px; line-height: 1.5; }
body .site-visit-modal__close {
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #4a565e !important;
  border-radius: 0 !important;
  background: #10191f !important;
  color: #c6ced2 !important;
}
body .site-visit-modal__close:hover { border-color: var(--zp-gold) !important; color: var(--zp-gold) !important; }
body .site-visit-modal .modal-body { max-height: calc(92vh - 112px); overflow-y: auto; padding: 24px !important; background: #182127 !important; scrollbar-color: var(--zp-gold) #182127; scrollbar-width: thin; }
body .site-visit-form { color: var(--zp-text); }
body .site-visit-field { margin-bottom: 18px; }
body .site-visit-field > label {
  display: block;
  margin-bottom: 8px;
  color: #d8dde0 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
}
body .site-visit-input {
  min-height: 45px;
  border: 1px solid #4a565e !important;
  border-radius: 4px !important;
  background: #10191f !important;
  color: var(--zp-text) !important;
}
body .site-visit-input:focus { border-color: var(--zp-gold) !important; box-shadow: 0 0 0 3px rgba(201,154,61,.12) !important; }
body .site-visit-toggle { border-color: #46525a !important; background: #10191f !important; }
body .site-visit-toggle span,
body .site-visit-date-option span,
body .site-visit-time-grid span {
  border-color: #46525a !important;
  border-radius: 4px !important;
  background: #202a31 !important;
  color: #c5cdd1 !important;
  box-shadow: none !important;
}
body .site-visit-toggle input:checked + span,
body .site-visit-date-option input:checked + span,
body .site-visit-time-grid input:checked + span {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  box-shadow: none !important;
}
body .site-visit-date-option input:checked + span :is(strong,small,em),
body .site-visit-toggle input:checked + span i { color: #111820 !important; }
body .site-visit-date-option span :is(strong,small,em) { color: inherit !important; }
body .property-visit-summary { border: 1px solid #46525a !important; background: #10191f !important; }
body .property-visit-summary strong { color: var(--zp-text) !important; }
body .property-visit-summary :is(span,small) { color: var(--zp-muted) !important; }
body .site-visit-form__notice {
  border: 1px solid rgba(201,154,61,.42) !important;
  border-radius: 4px !important;
  background: #202a31 !important;
  color: #b8c1c6 !important;
}
body .site-visit-form__notice i { color: var(--zp-gold) !important; }
body .site-visit-submit {
  min-height: 46px;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 4px !important;
  background: var(--zp-gold) !important;
  color: #111820 !important;
  box-shadow: none !important;
  font-weight: 800;
}
body .site-visit-submit:hover { background: var(--zp-gold-light) !important; }

/* Browse by budget / Find Your Price Range. */
body .browse-budget-section { padding: 58px 0 !important; background: var(--zp-bg-deep) !important; }
body .browse-budget-heading span { color: var(--zp-gold) !important; font-size: 10px; }
body .browse-budget-heading h2 { color: var(--zp-text) !important; }
body .browse-budget-heading p { color: var(--zp-muted) !important; }
body .browse-budget-card {
  min-height: 166px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 0 !important;
  background: var(--zp-panel) !important;
  box-shadow: none !important;
}
body .browse-budget-card:hover { border-color: var(--zp-gold) !important; background: var(--zp-panel-soft) !important; box-shadow: none !important; }
body .browse-budget-card__icon {
  border: 1px solid rgba(201,154,61,.55);
  border-radius: 0;
  background: #182127 !important;
  color: var(--zp-gold) !important;
}
body .browse-budget-card__copy strong { color: var(--zp-text) !important; }
body .browse-budget-card__copy small { color: var(--zp-muted) !important; }
body .browse-budget-card__arrow { color: var(--zp-gold) !important; }

body .quick-compare-section {
  background: var(--zp-bg-deep) !important;
  color: var(--zp-text) !important;
}
body .quick-compare-heading__copy > span {
  color: var(--zp-gold-light) !important;
}
body .quick-compare-heading h2,
body .quick-compare-picker-head h3,
body .quick-compare-option strong {
  color: var(--zp-text) !important;
  text-shadow: none !important;
}
body .quick-compare-heading h2 {
  color: #fff !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}
body .quick-compare-heading p,
body .quick-compare-picker > p,
body .quick-compare-option small { color: var(--zp-muted) !important; }
body .quick-compare-heading p { color: #d1d8dc !important; }
body .quick-compare-help {
  border-color: rgba(201, 154, 61, .38) !important;
  background: var(--zp-panel) !important;
  color: #d4dade !important;
  box-shadow: none !important;
}
body .quick-compare-help i { color: var(--zp-gold-light) !important; }
body .quick-compare-card,
body .quick-compare-picker,
body .quick-compare-table-wrap {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
}
body .quick-compare-card { box-shadow: 0 20px 46px rgba(0, 0, 0, .2) !important; }
body .quick-compare-picker { border-left-color: var(--zp-line) !important; }
body .quick-compare-option { border-top-color: var(--zp-line) !important; }
body .quick-compare-option:hover,
body .quick-compare-option.is-viewing { background: rgba(201, 154, 61, .11) !important; }
body .quick-compare-option input { accent-color: var(--zp-gold) !important; }
body .quick-compare-clear {
  border-color: var(--zp-gold) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
}
body .quick-compare-clear:hover {
  background: var(--zp-gold) !important;
  color: #10191f !important;
}
body .quick-compare-table :is(th,td) {
  border-color: var(--zp-line) !important;
  background: #1d282f !important;
  color: #e3e8ea !important;
}
body .quick-compare-table th {
  background: #182127 !important;
  color: var(--zp-gold-light) !important;
}

/* About insight pages: dark editorial cards with readable local content. */
body .about-insight-section {
  padding: 70px 0 76px !important;
  background: var(--zp-bg) !important;
}

body .about-insight-header {
  max-width: 820px;
  margin-bottom: 34px;
}

body .about-insight-header > span {
  color: var(--zp-gold-light) !important;
}

body .about-insight-header h1 {
  color: #fff !important;
  text-shadow: none !important;
}

body .about-insight-header p {
  max-width: 760px;
  color: #c9d1d5 !important;
}

body .about-insight-grid {
  gap: 20px;
}

body .about-insight-grid article {
  min-height: 190px;
  padding: 28px 26px;
  border: 1px solid var(--zp-line) !important;
  border-radius: 12px;
  background: var(--zp-panel) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .14);
}

body .about-insight-grid article > span {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(201, 154, 61, .55);
  border-radius: 50%;
  color: var(--zp-gold-light) !important;
}

body .about-insight-grid h2 {
  margin: 18px 0 10px;
  color: #fff !important;
  font-size: 19px;
}

body .about-insight-grid p {
  color: #bfc8cd !important;
  line-height: 1.7;
}

body .about-insight-actions {
  margin-top: 28px;
  padding: 26px 28px;
  border: 1px solid rgba(201, 154, 61, .38) !important;
  border-radius: 12px;
  background: linear-gradient(100deg, #202a31 0%, #1a242a 100%) !important;
}

body .about-insight-actions h2 { color: #fff !important; }
body .about-insight-actions p { color: #bfc8cd !important; }

body .about-insight-action {
  border: 1px solid var(--zp-gold) !important;
  border-radius: 6px;
  background: var(--zp-gold) !important;
  color: #10191f !important;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

body .about-insight-action + .about-insight-action {
  background: transparent !important;
  color: var(--zp-gold-light) !important;
}

body .about-insight-action:hover,
body .about-insight-action:focus {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
  transform: translateY(-1px);
}

@media (max-width: 575px) {
  body .about-insight-section { padding: 48px 0 54px !important; }
  body .about-insight-grid article { min-height: 0; }
  body .about-insight-actions { padding: 24px 20px; }
}

/* Testimonials: structured review cards without divider lines. */
body .home-stories {
  padding: 42px 0 48px !important;
}

body .home-stories__heading {
  display: flex;
  width: 100%;
  max-width: none;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin: 0 0 34px;
  text-align: left;
}

body .home-stories__heading > div:first-child {
  max-width: 680px;
}

body .home-stories__heading > div:first-child > span {
  color: var(--zp-gold-light);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body .home-stories__heading h2 {
  margin: 8px 0 10px;
  color: #fff !important;
  font-size: clamp(38px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

body .home-stories__heading p {
  margin: 0;
  color: var(--zp-muted) !important;
  font-size: 14px;
}

body .home-stories__summary {
  display: flex;
  min-width: 270px;
  padding: 16px 18px;
  align-items: center;
  gap: 16px;
  border: 1px solid var(--zp-line);
  border-radius: 12px;
  background: var(--zp-panel);
}

body .home-stories__summary > strong {
  padding-right: 16px;
  border-right: 1px solid var(--zp-line);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  opacity: 1 !important;
  font-size: 28px;
  line-height: 1;
}

body .home-stories__summary > strong span {
  color: #c4cdd1 !important;
  -webkit-text-fill-color: #c4cdd1 !important;
  font-size: 13px;
}

body .home-stories__summary > div {
  display: grid;
  gap: 4px;
}

body .home-stories__summary > div > span {
  color: var(--zp-gold-light) !important;
  font-size: 12px;
  letter-spacing: 2px;
}

body .home-stories__summary small {
  color: var(--zp-muted) !important;
  font-size: 10px;
}

body .home-stories__grid {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 3);
  gap: 24px;
  align-items: stretch;
  overflow-x: auto;
  padding: 4px 2px 14px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body .home-stories__grid::-webkit-scrollbar {
  display: none;
}

body .home-stories__shell {
  position: relative;
}

body .home-stories__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 50%;
  background: var(--zp-panel) !important;
  color: var(--zp-gold-light) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  font-size: 19px;
  transform: translateY(-50%);
}

body .home-stories__nav:hover {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
}

body .home-stories__nav:is(:focus, :focus-visible, :active) {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
  outline: 2px solid rgba(221, 181, 93, .28);
  outline-offset: 2px;
}

body .home-stories__nav i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Fixed page arrows use the same navy-gold interaction everywhere. */
body .scroll-bottom,
body .scroll-top {
  border: 1px solid var(--zp-gold) !important;
  background: var(--zp-panel) !important;
  color: var(--zp-gold-light) !important;
}

body .scroll-bottom:is(:hover, :focus, :active),
body .scroll-top:is(:hover, :focus, :active) {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #10191f !important;
}

body .scroll-bottom i,
body .scroll-top i {
  color: inherit !important;
}

body .home-stories__nav--prev {
  left: -22px;
}

body .home-stories__nav--next {
  right: -22px;
}

body .home-story {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 300px;
  padding: 26px;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid var(--zp-line);
  border-radius: 14px;
  background: var(--zp-panel);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);
  text-align: left;
  transition: border-color 0.2s ease, transform 0.2s ease;
  scroll-snap-align: start;
}

body .home-story:hover {
  border-color: var(--zp-gold);
  transform: translateY(-4px);
}

body .home-story + .home-story::before {
  display: none !important;
  content: none !important;
}

body .home-story__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body .home-story__top > i {
  color: rgba(201, 154, 61, 0.55);
  font-size: 34px;
}

body .home-story__rating {
  min-height: 0;
  color: var(--zp-gold-light);
  font-size: 12px;
  letter-spacing: 2px;
}

body .home-story blockquote {
  display: block;
  min-height: 0;
  margin: 22px 0 26px;
  flex: 1;
  color: #d7dde0 !important;
  font-size: 14px;
  font-style: normal;
  line-height: 1.72;
  text-align: left;
}

body .home-story__author {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding-top: 18px;
  border-top: 1px solid var(--zp-line);
}

body .home-story__author > img {
  display: block;
  width: 52px;
  height: 52px;
  border: 2px solid var(--zp-gold);
  border-radius: 50%;
  object-fit: cover;
  object-position: center top;
}

body .home-story__author h3 {
  margin: 0 0 4px;
  color: #fff !important;
  font-size: 14px;
}

body .home-story__author div > span {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--zp-subtle);
  font-size: 10px;
}

body .home-story__author div > span i {
  color: var(--zp-gold);
}

body .home-story__verified {
  display: inline-flex;
  padding: 6px 8px;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  background: rgba(201, 154, 61, 0.11);
  color: var(--zp-gold-light);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

/* Panchkula inventory carousel. */
body .panchkula-properties {
  padding: 72px 0 !important;
  border-top: 1px solid rgba(201, 154, 61, 0.16);
  background: #10191f !important;
}

body .panchkula-properties__heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 34px;
}

body .panchkula-properties__heading > div {
  max-width: 720px;
}

body .panchkula-properties__heading > div > span {
  color: var(--zp-gold-light);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

body .panchkula-properties__heading h2 {
  margin: 8px 0 10px;
  color: #fff !important;
  font-size: clamp(38px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.03em;
}

body .panchkula-properties__heading p {
  margin: 0;
  color: var(--zp-muted) !important;
  font-size: 14px;
  line-height: 1.65;
}

body .panchkula-properties__heading > a {
  display: inline-flex;
  min-height: 44px;
  padding: 0 17px;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--zp-gold);
  color: var(--zp-gold-light) !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

body .panchkula-properties__heading > a:hover {
  background: var(--zp-gold);
  color: #10191f !important;
}

body .panchkula-properties__shell {
  position: relative;
}

body .panchkula-properties__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 48px) / 3);
  gap: 24px;
  overflow-x: auto;
  padding: 4px 2px 14px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

body .panchkula-properties__track::-webkit-scrollbar {
  display: none;
}

body .panchkula-property-slide {
  min-width: 0;
  scroll-snap-align: start;
}

body .panchkula-property-slide .feature-item {
  height: 100%;
  margin: 0;
  border: 1px solid var(--zp-line) !important;
  border-radius: 14px !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}

body .panchkula-property-slide .feature-item__thumb,
body .panchkula-property-slide .feature-item__thumb img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

body .panchkula-property-slide .feature-item__title a,
body .panchkula-property-slide .price {
  color: #fff !important;
}

body .panchkula-property-slide .feature-item__content,
body .panchkula-property-slide .feature-item__contact {
  border-color: var(--zp-line) !important;
}

body .panchkula-properties__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 50%;
  background: #f8f6f0 !important;
  color: #10191f !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
  font-size: 19px;
  transform: translateY(-50%);
}

body .panchkula-properties__nav:hover {
  background: var(--zp-gold) !important;
  color: #fff !important;
}

body .panchkula-properties__nav--prev { left: -22px; }
body .panchkula-properties__nav--next { right: -22px; }

/* Pagination and tables. */
body .pagination .page-link { border-color: var(--zp-line) !important; background: var(--zp-panel) !important; color: var(--zp-muted) !important; }
body .pagination .active .page-link,
body .pagination .page-link:hover { border-color: var(--zp-gold) !important; background: var(--zp-gold) !important; color: #111820 !important; }
body table { color: var(--zp-muted); }

/* Lighter charcoal pass: tuned to the hero's dusk-blue architecture and warm lights. */
html body,
body .page-wrapper,
body main {
  background-color: var(--zp-bg) !important;
}

body :is(
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .local-service-pages,
  .human-about,
  .featured-properties-section,
  .new-projects-section,
  .bhk-location,
  .builder-map-section,
  .site-visit-section,
  .about-premium,
  .zirakpur-choose-section,
  .testimonials,
  .how-to-work-section,
  .category-section,
  .listing-section,
  .zirakpur-projects-section
) {
  background: var(--zp-bg) !important;
  border-color: var(--zp-line) !important;
}

body :is(
  .browse-budget-section,
  .quick-compare-section,
  .interesting-reads-section
) {
  background: var(--zp-bg-deep) !important;
}

body :is(
  .home-service-card,
  .home-compare-teaser,
  .home-quick-trust__inner,
  .local-service-pages__grid > a,
  .human-about__visual > div,
  .featured-property-card,
  .new-project-card,
  .interesting-read-card,
  .property-item,
  .property-card,
  .category-item,
  .testimonial-card,
  .article-card,
  .zirakpur-choose-card,
  .filter-form,
  .property-filter,
  .sidebar-filter
) {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
}

body :is(
  input,
  select,
  textarea,
  .form-control,
  .form--control,
  .form-select,
  .quick-compare-table th,
  .browse-budget-card__icon
) {
  border-color: var(--zp-line) !important;
  background-color: #27313a !important;
}

@media (max-width: 991px) {
  body .home-stories__grid {
    grid-template-columns: none;
    grid-auto-columns: calc((100% - 24px) / 2);
  }
  body .panchkula-properties__track { grid-auto-columns: calc((100% - 24px) / 2); }
}
@media (max-width: 575px) {
  body .home-stories { padding: 36px 0 42px !important; }
  body .home-stories__heading { align-items: flex-start; flex-direction: column; gap: 20px; }
  body .home-stories__summary { width: 100%; min-width: 0; }
  body .home-stories__grid {
    grid-template-columns: none;
    grid-auto-columns: minmax(280px, 86vw);
  }
  body .home-stories__nav { display: none; }
  body .panchkula-properties { padding: 52px 0 !important; }
  body .panchkula-properties__heading { align-items: flex-start; flex-direction: column; gap: 20px; }
  body .panchkula-properties__heading > a { white-space: normal; }
  body .panchkula-properties__track { grid-auto-columns: minmax(280px, 86vw); }
  body .panchkula-properties__nav { display: none; }
  body .home-story { min-height: 0; padding: 22px; }
  body .home-story__verified { display: none; }
  body .listing-details__content { padding: 20px 17px; }
  body .site-visit-modal__top { min-height: 120px; padding: 18px 54px 18px 18px !important; }
  body .site-visit-modal .modal-body { padding: 19px 16px !important; }
}

/* Homepage section rhythm: charcoal, cream, charcoal, cream. */
body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .interesting-reads-section,
  .home-property-cta
) {
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
  border-color: var(--zp-cream-line) !important;
}

body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .about-theory,
  .home-stories
) {
  background: var(--zp-bg) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-line) !important;
}

/* Cream section headings and supporting copy. */
body .featured-properties-section .featured-properties-heading h2,
body .home-services-overview__heading h2,
body .locale-explorer__header h2,
body .home-choice__content h2,
body .browse-budget-heading h2,
body .about-simple__content :is(h2,h3),
body .interesting-reads-section .interesting-reads-header h2,
body .home-property-cta__heading h2 {
  color: var(--zp-cream-ink) !important;
}

body .featured-properties-section .featured-properties-heading p,
body .home-services-overview__heading p,
body .locale-explorer__header p,
body .home-choice__intro,
body .home-choice__point p,
body .browse-budget-heading p,
body .about-simple__content > p,
body .interesting-reads-section .interesting-reads-header p,
body .home-property-cta__heading p {
  color: var(--zp-cream-muted) !important;
}

/* Light content surfaces within cream bands. */
body :is(
  .home-services-overview,
  .home-quick-trust,
  .browse-budget-section,
  .about-simple,
  .home-property-cta
) :is(
  .home-service-card,
  .home-compare-teaser,
  .home-quick-trust__inner,
  .browse-budget-card,
  .about-simple__benefits article,
  .home-property-path
) {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body :is(.home-services-overview,.home-quick-trust,.browse-budget-section,.about-simple,.home-property-cta)
  :is(h2,h3,h4,strong) {
  color: var(--zp-cream-ink) !important;
}

body :is(.home-services-overview,.home-quick-trust,.browse-budget-section,.about-simple,.home-property-cta)
  :is(p,small) {
  color: var(--zp-cream-muted) !important;
}

body .home-quick-trust__inner > :is(a,button),
body .home-property-path > a,
body .about-simple__actions .about-premium__primary {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
}

body .locale-explorer__footer {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
}

body .locale-explorer__highlights h3 { color: var(--zp-cream-ink) !important; }
body .locale-explorer__highlights p { color: var(--zp-cream-muted) !important; }

/* Image-led cards stay charcoal on cream, mirroring the supplied reference. */
body .featured-properties-section .featured-property-card,
body .interesting-reads-section .interesting-read-card,
body .locale-explorer__place {
  border-color: #4d5962 !important;
  background: var(--zp-panel) !important;
  color: var(--zp-text) !important;
}

body .featured-properties-section .featured-property-card :is(h3,a),
body .interesting-reads-section .interesting-read-card :is(h3,a),
body .locale-explorer__place-content :is(h3,li) {
  color: var(--zp-text) !important;
}

body .featured-properties-section .featured-property-card p,
body .interesting-reads-section .interesting-read-card p,
body .locale-explorer__place-content p {
  color: var(--zp-muted) !important;
}

/* Lower homepage correction: keep related About content together, then alternate by group. */
body .about-theory,
body .home-stories {
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
  border-color: var(--zp-cream-line) !important;
}

body .interesting-reads-section,
body .home-property-cta {
  background: var(--zp-bg) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-line) !important;
}

/* About Us continuation on cream. */
body .about-theory__intro h2,
body .about-theory__card h3 {
  color: var(--zp-cream-ink) !important;
}

body .about-theory__intro p,
body .about-theory__card p {
  color: var(--zp-cream-muted) !important;
}

body .about-theory__intro blockquote,
body .about-theory__card {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .about-theory__intro blockquote {
  border-left-color: var(--zp-gold) !important;
  color: #74571f !important;
}

body .about-theory__card > span:first-child {
  border-color: rgba(201, 154, 61, .48) !important;
  background: #efe5d3 !important;
  color: #9b7124 !important;
}

body .about-theory__card:hover,
body .about-theory__card:focus {
  border-color: var(--zp-gold) !important;
  background: #fffaf1 !important;
}

/* Blogs return to charcoal for a clean transition after About Us. */
body .interesting-reads-section .interesting-reads-header h2 {
  color: var(--zp-text) !important;
}

body .interesting-reads-section .interesting-reads-header p {
  color: var(--zp-muted) !important;
}

/* Client reviews use the next cream band with readable light cards. */
body .home-stories__heading h2,
body .home-stories__summary > strong,
body .home-story__author h3 {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body .home-stories__heading p,
body .home-stories__summary small,
body .home-story blockquote,
body .home-story__author div > span {
  color: var(--zp-cream-muted) !important;
}

body .home-stories__summary,
body .home-story {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .home-stories__summary > strong {
  border-right-color: var(--zp-cream-line) !important;
}

body .home-stories__summary > strong span {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
}

body .home-story__author {
  border-top-color: var(--zp-cream-line) !important;
}

/* Final CTA closes the page in charcoal. */
body .home-property-cta__heading h2,
body .home-property-path h3 {
  color: var(--zp-text) !important;
}

body .home-property-cta__heading p,
body .home-property-path p {
  color: var(--zp-muted) !important;
}

body .home-property-path {
  border-color: var(--zp-line) !important;
  background: var(--zp-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}

body .home-property-path--sell {
  border-color: rgba(201, 154, 61, .62) !important;
  background: var(--zp-bg-deep) !important;
}

/* Cream bands use a complete light card system, not dark panels. */
body .featured-properties-section .featured-property-card,
body .featured-properties-section .featured-property-card__body,
body .locale-explorer__place,
body .locale-explorer__place-content,
body .home-choice__consultation {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .featured-properties-section .featured-property-card__title,
body .featured-properties-section .featured-property-card__title a,
body .locale-explorer__place-content h3,
body .locale-explorer__place-content li,
body .home-choice__consultation h3 {
  color: var(--zp-cream-ink) !important;
}

body .featured-properties-section :is(
  .featured-property-card__location,
  .featured-property-card__furnishing
),
body .locale-explorer__place-content p,
body .home-choice__consultation p {
  color: var(--zp-cream-muted) !important;
}

body .featured-properties-section .featured-property-card__facts span {
  border-color: var(--zp-cream-line) !important;
  background: #f5eee3 !important;
  color: #505b62 !important;
}

body .featured-properties-section .featured-property-card__facts i,
body .featured-properties-section .featured-property-card__location i,
body .locale-explorer__place-content li i {
  color: #a97820 !important;
}

body .locale-explorer__place-content ul {
  border-top-color: var(--zp-cream-line) !important;
}

body .browse-budget-card:hover,
body .home-service-card:hover,
body .about-simple__benefits article:hover {
  border-color: var(--zp-gold) !important;
  background: #fffaf1 !important;
}

body .browse-budget-card__icon,
body .home-service-card > i {
  border-color: rgba(201, 154, 61, .48) !important;
  background: #efe5d3 !important;
  color: #9b7124 !important;
}

/* Keep photographs and their floating badges visually rich on the light cards. */
body .featured-properties-section .featured-property-card__media,
body .locale-explorer__place > img {
  box-shadow: none !important;
}

body .featured-properties-section .featured-property-card__price-pill,
body .featured-properties-section .featured-property-card__status,
body .featured-properties-section .featured-property-card__wishlist {
  color: #fff !important;
}

/* Preserve the original hero search action colour. */
body .banner-section .hero-simple-search__submit {
  border-color: #c99a3d !important;
  background: #c99a3d !important;
  color: #111820 !important;
}

body .banner-section .hero-simple-search__submit :is(span,i) {
  color: inherit !important;
}

body .banner-section .hero-simple-search__submit:hover,
body .banner-section .hero-simple-search__submit:focus {
  border-color: #ddb55d !important;
  background: #ddb55d !important;
  color: #111820 !important;
}

/* Match the Panchkula carousel height to the compact section above it. */
body .panchkula-properties {
  padding: 48px 0 54px !important;
}

body .panchkula-properties__heading {
  gap: 24px;
  margin-bottom: 24px;
}

body .panchkula-properties__heading > div {
  max-width: 650px;
}

body .panchkula-properties__heading h2 {
  margin: 7px 0 8px;
  font-size: clamp(34px, 3.4vw, 42px);
}

body .panchkula-properties__heading p {
  font-size: 13px;
  line-height: 1.55;
}

body .panchkula-properties__heading > a {
  min-height: 40px;
  padding: 0 14px;
  font-size: 10px;
}

body .panchkula-properties__track {
  padding-bottom: 8px;
}

body .panchkula-property-slide .feature-item__thumb,
body .panchkula-property-slide .feature-item__thumb img {
  height: 180px;
  aspect-ratio: auto;
}

body .panchkula-property-slide .feature-item__content {
  padding: 13px 14px !important;
}

body .panchkula-property-slide .feature-item__title {
  min-height: 0;
  margin: 6px 0 8px;
  font-size: 17px;
}

body .panchkula-property-slide .feature-item__content .fs-14 {
  min-height: 0;
  font-size: 11px !important;
  line-height: 1.45;
}

body .panchkula-property-slide .feature-item__contact {
  padding: 8px 14px;
}

body .panchkula-property-slide .feature-item__contact :is(span,i) {
  font-size: 11px;
}

@media (max-width: 767px) {
  body .panchkula-properties { padding: 40px 0 44px !important; }
  body .panchkula-properties__heading { gap: 16px; margin-bottom: 20px; }
  body .panchkula-properties__heading h2 { font-size: 34px; }
  body .panchkula-property-slide .feature-item__thumb,
  body .panchkula-property-slide .feature-item__thumb img { height: 174px; }
}

/* Final homepage palette: cream first after the hero, then light grey. */
body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) {
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
  border-color: var(--zp-cream-line) !important;
}

body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) {
  background: var(--zp-home-grey) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-home-grey-line) !important;
}

/* Typography follows the surface colour. */
body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) :is(h1,h2,h3,h4,h5,h6,strong) {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body :is(
  .home-trust-strip,
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .architecture-vision,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) :is(p,small,li,blockquote) {
  color: var(--zp-cream-muted) !important;
}

body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) :is(h1,h2,h3,h4,h5,h6,strong) {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
}

body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) :is(p,small,li,blockquote) {
  color: var(--zp-muted) !important;
}

/* Cards and workspaces inside cream bands stay in the same warm family. */
body :is(
  .panchkula-properties,
  .local-service-pages,
  .human-about,
  .site-visit-modern,
  .home-emi,
  .interesting-reads-section,
  .home-property-cta
) :is(
  .feature-item,
  .local-service-pages__grid > a,
  .human-about__visual > div,
  .site-visit-modern__facts article,
  .site-visit-modern__workspace,
  .site-visit-modern__toolbar,
  .site-visit-modern__projects,
  .site-visit-map-project,
  .site-visit-modern__selection,
  .site-visit-modern__guidance article,
  .home-emi__calculator,
  .home-emi__controls,
  .home-emi__result,
  .home-emi__number,
  .home-emi__tip,
  .interesting-read-card,
  .home-property-path
) {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

body .panchkula-property-slide :is(.feature-item__title a,.price,.category,.fs-14),
body .local-service-pages__grid > a :is(strong,small),
body .site-visit-modern :is(.site-visit-modern__toolbar h3,.site-visit-map-project strong,.site-visit-modern__selection strong),
body .home-emi :is(.home-emi__field-top label,.home-emi__number input,.home-emi__result > strong,.home-emi__breakdown strong),
body .interesting-reads-section :is(.interesting-read-card__title,.interesting-read-card__title a),
body .home-property-cta :is(.home-property-path h3,.home-property-path > a) {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body .panchkula-property-slide .feature-item__contact,
body .site-visit-modern :is(.site-visit-modern__toolbar,.site-visit-modern__selection),
body .home-emi :is(.home-emi__breakdown,.home-emi__breakdown > div) {
  border-color: var(--zp-cream-line) !important;
}

body .home-emi__result {
  background: linear-gradient(145deg, #fbf7ef, #eee3d2) !important;
}

body .home-emi__range::-webkit-slider-thumb,
body .home-emi__range::-moz-range-thumb {
  border-color: var(--zp-cream-panel) !important;
}

/* Cards inside grey bands use a softer, lighter charcoal panel. */
body :is(
  .featured-properties-section,
  .home-services-overview,
  .home-quick-trust,
  .locale-explorer,
  .home-choice,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .home-stories
) :is(
  .featured-property-card,
  .featured-property-card__body,
  .home-service-card,
  .home-compare-teaser,
  .home-quick-trust__inner,
  .locale-explorer__place,
  .locale-explorer__place-content,
  .locale-explorer__footer,
  .home-choice__consultation,
  .browse-budget-card,
  .about-simple__benefits article,
  .about-theory__card,
  .about-theory__intro blockquote,
  .home-stories__summary,
  .home-story
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: 0 12px 28px rgba(11, 16, 20, .12) !important;
}

body .featured-properties-section .featured-property-card__facts span,
body .browse-budget-card__icon,
body .about-theory__card > span:first-child {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  color: var(--zp-gold-light) !important;
}

body :is(.featured-properties-section,.locale-explorer,.about-theory,.home-stories)
  :is(a,h2,h3,h4,strong) {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
}

body :is(.featured-properties-section,.locale-explorer,.about-theory,.home-stories)
  :is(p,small,li,blockquote) {
  color: var(--zp-muted) !important;
}

body .featured-properties-section .featured-properties-view-more,
body .home-services-overview__all,
body .architecture-vision__action,
body .interesting-reads-section .interesting-reads-link {
  border-color: var(--zp-gold) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

body :is(.architecture-vision,.interesting-reads-section,.home-property-cta)
  :is(.architecture-vision__action,.interesting-reads-link,.home-property-path > a):hover {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

/* Keep the hero search control as one cohesive translucent surface. */
body .banner-section .hero-simple-search {
  border-color: rgba(201, 154, 61, .78) !important;
  background: rgba(18, 27, 34, .94) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
}

body .banner-section .hero-simple-search__field {
  background: transparent !important;
}

body .banner-section .hero-simple-search__field input {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #f5f3ed !important;
  caret-color: #ddb55d;
  box-shadow: none !important;
}

body .banner-section .hero-simple-search__field input::placeholder {
  color: rgba(232, 235, 237, .62) !important;
  opacity: 1;
}

body .banner-section .hero-simple-search:focus-within {
  border-color: #ddb55d !important;
  background: rgba(22, 33, 41, .97) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .34), 0 0 0 2px rgba(221, 181, 93, .16) !important;
}

/* Featured Properties contrast correction on the light-grey band. */
body .featured-properties-section .featured-properties-heading p {
  color: #cbd3d8 !important;
}

body .featured-properties-section .featured-property-card__price-pill {
  border: 1px solid rgba(255, 255, 255, .28) !important;
  background: #c99a3d !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .2) !important;
}

body .featured-properties-section .featured-property-card__status {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  background: rgba(18, 27, 34, .9) !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
  backdrop-filter: blur(7px) !important;
}

body .featured-properties-section .featured-property-card__wishlist {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: rgba(18, 27, 34, .9) !important;
  color: #ddb55d !important;
  -webkit-text-fill-color: #ddb55d !important;
}

body .featured-properties-section .featured-property-card__wishlist i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body .featured-properties-section .featured-property-card__title,
body .featured-properties-section .featured-property-card__title a {
  color: #f8f6f0 !important;
  -webkit-text-fill-color: #f8f6f0 !important;
}

body .featured-properties-section .featured-property-card__location,
body .featured-properties-section .featured-property-card__furnishing {
  color: #d0d7db !important;
}

body .featured-properties-section .featured-property-card__facts span {
  color: #e1e6e9 !important;
}

/* Final homepage contrast audit: cream sections. */
body .home-trust-strip__item h3,
body .panchkula-properties__heading h2,
body .local-service-pages__heading h2,
body .local-service-pages__grid > a strong,
body .human-about__content h2,
body .human-about__values span,
body .human-about__visual > div strong,
body .architecture-vision__copy h2,
body .architecture-vision__points > span,
body .site-visit-modern__intro h2,
body .site-visit-modern__facts strong,
body .site-visit-modern__toolbar h3,
body .site-visit-modern__projects-label > div > strong,
body .site-visit-modern .site-visit-map-project strong,
body .site-visit-modern__selection strong,
body .site-visit-modern__guidance strong,
body .home-emi__heading h2,
body .home-emi__field-top > label,
body .home-emi__number input,
body .home-emi__result > strong,
body .home-emi__breakdown strong,
body .interesting-reads-section .interesting-reads-header h2,
body .interesting-reads-section .interesting-read-card__title,
body .interesting-reads-section .interesting-read-card__title a,
body .home-property-cta__heading h2,
body .home-property-path h3 {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  opacity: 1 !important;
}

body .home-trust-strip__item p,
body .panchkula-properties__heading p,
body .panchkula-property-slide :is(.category,.fs-14),
body .local-service-pages__heading p,
body .local-service-pages__grid > a small,
body .human-about__content p,
body .human-about__visual > div small,
body .architecture-vision__copy > p,
body .architecture-vision__visual > p,
body .site-visit-modern__intro header > p,
body .site-visit-modern__facts small,
body .site-visit-modern__projects-label > div > small,
body .site-visit-modern .site-visit-map-project small,
body .site-visit-modern__selection small,
body .site-visit-modern__guidance small,
body .home-emi__heading > p,
body .home-emi__scale,
body .home-emi__tip p,
body .home-emi__result > small,
body .home-emi__breakdown span,
body .home-emi__legend,
body .home-emi__result > p,
body .interesting-reads-section .interesting-reads-header p,
body .interesting-reads-section .interesting-read-card__meta,
body .interesting-reads-section .interesting-read-card__excerpt,
body .home-property-cta__heading p,
body .home-property-path p {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  opacity: 1 !important;
}

body .human-about__actions a,
body .architecture-vision__action,
body .site-visit-modern__toolbar-actions > button:first-child,
body .site-visit-modern__selection > a,
body .interesting-reads-section .interesting-reads-link,
body .home-property-path > a {
  border-color: var(--zp-gold) !important;
  background: transparent !important;
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

body .human-about__actions a:first-child,
body .site-visit-modern__toolbar-actions > button:last-child,
body .site-visit-modern__selection > button,
body .home-emi__result > a,
body .home-property-path--sell > a {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .human-about__actions a:hover,
body .architecture-vision__action:hover,
body .site-visit-modern__toolbar-actions > button:hover,
body .site-visit-modern__selection > :is(a,button):hover,
body .home-emi__result > a:hover,
body .interesting-reads-section .interesting-reads-link:hover,
body .home-property-path > a:hover {
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .site-visit-modern__projects-label,
body .site-visit-modern__projects-label > b,
body .site-visit-modern .site-visit-map-project {
  border-color: var(--zp-cream-line) !important;
  background: #f7f1e7 !important;
  color: var(--zp-cream-ink) !important;
}

body .site-visit-modern .site-visit-map-project > .site-visit-modern__project-number {
  border-color: var(--zp-cream-line) !important;
  color: var(--zp-cream-muted) !important;
}

body .site-visit-modern .site-visit-map-project.is-active {
  background: linear-gradient(90deg, rgba(201,154,61,.2), #fbf7ef) !important;
}

body .interesting-reads-section .interesting-read-card__action,
body .interesting-reads-section .interesting-read-card__meta i,
body .interesting-reads-section .interesting-read-card__category,
body .local-service-pages__grid > a em {
  color: #936b22 !important;
  -webkit-text-fill-color: #936b22 !important;
}

/* Final homepage contrast audit: light-grey sections. */
body .home-services-overview__heading h2,
body .home-service-card h3,
body .home-quick-trust__inner strong,
body .locale-explorer__header h2,
body .locale-explorer__place-content h3,
body .locale-explorer__place-content li,
body .locale-explorer__highlights h3,
body .home-choice__content h2,
body .home-choice__point h3,
body .home-choice__consultation h3,
body .browse-budget-heading h2,
body .browse-budget-card__copy strong,
body .about-simple__content :is(h2,h3,h4),
body .about-simple__benefits h4,
body .about-theory__intro h2,
body .about-theory__card h3,
body .home-stories__heading h2,
body .home-stories__summary > strong,
body .home-story__author h3 {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
  opacity: 1 !important;
}

body .home-services-overview__heading p,
body .home-service-card p,
body .home-quick-trust__inner small,
body .locale-explorer__header p,
body .locale-explorer__place-content p,
body .locale-explorer__highlights p,
body .home-choice__intro,
body .home-choice__point p,
body .home-choice__consultation p,
body .browse-budget-heading p,
body .browse-budget-card__copy small,
body .about-simple__content > p,
body .about-simple__benefits p,
body .about-theory__intro p,
body .about-theory__card p,
body .home-stories__heading p,
body .home-stories__summary small,
body .home-story blockquote,
body .home-story__author div > span {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
  opacity: 1 !important;
}

body .home-services-overview__all,
body .about-simple__actions .about-premium__secondary {
  border-color: var(--zp-gold-light) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

body .home-quick-trust__inner > :is(a,button),
body .about-simple__actions .about-premium__primary {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .home-stories__summary > strong span {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
}

/* Static image-led site visit section; replaces the map and scrolling project list. */
body .site-visit-showcase {
  padding: 64px 0 !important;
  background: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
}

body .site-visit-showcase__layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(38px, 5vw, 72px);
  align-items: center;
}

body .site-visit-showcase__visual {
  position: relative;
  min-height: 590px;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--zp-cream-line);
  background: #ddd3c3;
  box-shadow: 0 22px 48px rgba(67, 55, 39, .13);
}

body .site-visit-showcase__visual > img {
  display: block;
  width: 100%;
  height: 590px;
  object-fit: cover;
  object-position: center;
}

body .site-visit-showcase__visual::after {
  position: absolute;
  inset: auto 0 0;
  height: 28%;
  background: linear-gradient(180deg, transparent, rgba(15, 22, 27, .48));
  content: '';
  pointer-events: none;
}

body .site-visit-showcase__visual figcaption {
  position: absolute;
  right: 22px;
  bottom: 22px;
  z-index: 1;
  display: flex;
  min-width: 220px;
  padding: 15px 17px;
  align-items: center;
  gap: 11px;
  border: 1px solid rgba(201, 154, 61, .65);
  background: rgba(251, 247, 239, .95);
  color: var(--zp-cream-ink);
  backdrop-filter: blur(8px);
}

body .site-visit-showcase__visual figcaption i {
  color: #a97820;
  font-size: 25px;
}

body .site-visit-showcase__visual figcaption :is(small,strong) {
  display: block;
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

body .site-visit-showcase__visual figcaption small {
  margin-bottom: 3px;
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  font-size: 9px;
}

body .site-visit-showcase__eyebrow {
  color: #a97820;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .15em;
  text-transform: uppercase;
}

body .site-visit-showcase__content > h2 {
  max-width: 650px;
  margin: 10px 0 16px;
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  font-size: clamp(36px, 4vw, 52px);
  line-height: 1.06;
  letter-spacing: -.025em;
}

body .site-visit-showcase__content > p {
  max-width: 680px;
  margin: 0;
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  font-size: 13px;
  line-height: 1.75;
}

body .site-visit-showcase__benefits {
  display: grid;
  gap: 10px;
  margin-top: 28px;
}

body .site-visit-showcase__benefits article {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  box-shadow: none !important;
}

body .site-visit-showcase__benefits article > i {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(201, 154, 61, .45);
  background: #efe5d3;
  color: #9b7124;
  font-size: 22px;
}

body .site-visit-showcase__benefits :is(strong,small) {
  display: block;
}

body .site-visit-showcase__benefits strong {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  font-size: 13px;
}

body .site-visit-showcase__benefits small {
  margin-top: 4px;
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  font-size: 10px;
}

body .site-visit-showcase__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
  border-block: 1px solid var(--zp-cream-line);
}

body .site-visit-showcase__steps > span {
  display: flex;
  min-height: 66px;
  padding: 12px;
  align-items: center;
  gap: 9px;
  color: #4f5a61;
  font-size: 10px;
  font-weight: 750;
}

body .site-visit-showcase__steps > span + span {
  border-left: 1px solid var(--zp-cream-line);
}

body .site-visit-showcase__steps b {
  color: #a97820;
  font-size: 10px;
}

body .site-visit-showcase__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 25px;
}

body .site-visit-showcase__actions > :is(button,a) {
  display: inline-flex;
  min-height: 46px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--zp-gold) !important;
  font-size: 11px;
  font-weight: 800;
}

body .site-visit-showcase__actions > button {
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

body .site-visit-showcase__actions > a {
  background: transparent !important;
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

body .site-visit-showcase__actions > :is(button,a):hover {
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

@media (max-width: 991px) {
  body .site-visit-showcase__layout { grid-template-columns: 1fr; gap: 34px; }
  body .site-visit-showcase__visual,
  body .site-visit-showcase__visual > img { min-height: 500px; height: 500px; }
}

@media (max-width: 575px) {
  body .site-visit-showcase { padding: 44px 0 !important; }
  body .site-visit-showcase__visual,
  body .site-visit-showcase__visual > img { min-height: 420px; height: 420px; }
  body .site-visit-showcase__visual figcaption { right: 14px; bottom: 14px; left: 14px; min-width: 0; }
  body .site-visit-showcase__content > h2 { font-size: 36px; }
  body .site-visit-showcase__steps { grid-template-columns: 1fr; }
  body .site-visit-showcase__steps > span + span { border-top: 1px solid var(--zp-cream-line); border-left: 0; }
  body .site-visit-showcase__actions > :is(button,a) { width: 100%; }
}

/* Hard reset legacy site-visit styles so the new showcase renders correctly. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  height: auto !important;
  min-height: 0 !important;
  padding: 58px 0 !important;
  grid-template-rows: none !important;
  background: #f1ebdf !important;
  background-color: #f1ebdf !important;
  color: #222a30 !important;
}

html body .site-visit-showcase__layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 52px !important;
}

html body .site-visit-showcase__visual,
html body .site-visit-showcase__visual > img {
  width: 100% !important;
  height: 520px !important;
  min-height: 520px !important;
}

html body .site-visit-showcase__visual > img {
  object-fit: cover !important;
  object-position: center !important;
}

html body .site-visit-showcase__content,
html body .site-visit-showcase__content > h2 {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body .site-visit-showcase__content > h2 {
  font-size: clamp(34px, 3.6vw, 48px) !important;
}

html body .site-visit-showcase__content > p,
html body .site-visit-showcase__benefits small {
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
}

@media (max-width: 991px) {
  html body .site-visit-showcase__layout { grid-template-columns: 1fr !important; gap: 34px !important; }
  html body .site-visit-showcase__visual,
  html body .site-visit-showcase__visual > img { height: 460px !important; min-height: 460px !important; }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase { padding: 42px 0 !important; }
  html body .site-visit-showcase__visual,
  html body .site-visit-showcase__visual > img { height: 360px !important; min-height: 360px !important; }
}

/* Keep the site-visit block aligned with the wide homepage composition. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
  display: block !important;
  width: min(calc(100% - 48px), 1760px) !important;
  max-width: 1760px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
  gap: clamp(38px, 4vw, 72px) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
    width: min(calc(100% - 36px), 720px) !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
  }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
    width: calc(100% - 28px) !important;
  }
}

/* Compact, warm home-loan calculator. */
html body section.home-emi {
  padding: 38px 0 42px !important;
  background: #f1ebdf !important;
  color: #222a30 !important;
}

html body .home-emi__heading {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .72fr) !important;
  gap: 42px !important;
  margin-bottom: 20px !important;
  align-items: center !important;
}

html body .home-emi__heading h2 {
  margin-top: 6px !important;
  font-size: clamp(32px, 3.25vw, 43px) !important;
  line-height: 1.05 !important;
}

html body .home-emi__heading > p {
  max-width: 500px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
}

html body .home-emi__calculator {
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr) !important;
  border: 1px solid #d7cbb9 !important;
  background: #fbf7ef !important;
  box-shadow: 0 16px 38px rgba(67, 55, 39, .08) !important;
}

html body .home-emi__controls {
  gap: 16px !important;
  padding: 22px 28px !important;
  background: #fbf7ef !important;
  box-shadow: none !important;
}

html body .home-emi__field-top {
  min-height: 38px !important;
  margin-bottom: 9px !important;
}

html body .home-emi__field-top > label {
  color: #273139 !important;
  -webkit-text-fill-color: #273139 !important;
  font-size: 10.5px !important;
}

html body .home-emi__number {
  min-height: 38px !important;
  overflow: hidden !important;
  border: 1px solid #d3c5b0 !important;
  background: #f5eee2 !important;
  box-shadow: none !important;
}

html body .home-emi__number > span {
  color: #9d7020 !important;
  -webkit-text-fill-color: #9d7020 !important;
}

html body .home-emi__number input,
html body .home-emi__number input:focus,
html body .home-emi__number input:active {
  min-height: 36px !important;
  background: #fffaf2 !important;
  background-color: #fffaf2 !important;
  color: #202a31 !important;
  -webkit-text-fill-color: #202a31 !important;
  caret-color: #202a31 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body .home-emi__range {
  height: 3px !important;
  background: linear-gradient(90deg, #cf9a32, #94712c) !important;
}

html body .home-emi__range::-webkit-slider-thumb {
  width: 17px !important;
  height: 17px !important;
  border-color: #fbf7ef !important;
  background: #d29d34 !important;
}

html body .home-emi__range::-moz-range-thumb {
  border-color: #fbf7ef !important;
  background: #d29d34 !important;
}

html body .home-emi__scale {
  margin-top: 6px !important;
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
}

html body .home-emi__tip {
  gap: 10px !important;
  padding: 10px 13px !important;
  border: 1px solid #dfcfb4 !important;
  border-left: 3px solid #c9922d !important;
  background: #f4ead8 !important;
  box-shadow: none !important;
}

html body .home-emi__tip i { font-size: 18px !important; }
html body .home-emi__tip p {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
}

html body .home-emi__result {
  min-height: 0 !important;
  padding: 24px 28px !important;
  border-left: 1px solid #d7cbb9 !important;
  background: #e4e7e7 !important;
  box-shadow: none !important;
}

html body .home-emi__result > strong {
  margin-top: 5px !important;
  color: #172631 !important;
  -webkit-text-fill-color: #172631 !important;
  font-size: clamp(32px, 3vw, 41px) !important;
}

html body .home-emi__result > small { margin-top: 4px !important; }

html body .home-emi__breakdown {
  margin-top: 18px !important;
  border-color: #c8cecf !important;
}

html body .home-emi__breakdown > div {
  padding: 9px 0 !important;
  border-color: #c8cecf !important;
}

html body .home-emi__bar {
  height: 7px !important;
  margin-top: 17px !important;
  background: #5c4b29 !important;
}

html body .home-emi__legend { margin-top: 7px !important; }

html body .home-emi__result > a {
  min-height: 40px !important;
  margin-top: 18px !important;
}

html body .home-emi__result > p {
  margin-top: 8px !important;
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

@media (max-width: 991px) {
  html body section.home-emi { padding: 34px 0 38px !important; }
  html body .home-emi__heading,
  html body .home-emi__calculator { grid-template-columns: minmax(0, 1fr) !important; }
  html body .home-emi__heading { gap: 10px !important; }
  html body .home-emi__result {
    border-top: 1px solid #d7cbb9 !important;
    border-left: 0 !important;
  }
}

@media (max-width: 575px) {
  html body section.home-emi { padding: 30px 0 34px !important; }
  html body .home-emi__controls,
  html body .home-emi__result { padding: 20px 16px !important; }
  html body .home-emi__field-top { gap: 8px !important; }
  html body .home-emi__heading h2 { font-size: 32px !important; }
}

/* Override the legacy charcoal homepage About treatment with a light grey band. */
html body section.about-section.about-section--home.about-premium.about-simple {
  background: #dfe3e3 !important;
  background-color: #dfe3e3 !important;
  color: #222a30 !important;
  border-color: #c8cecf !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content :is(h2, h3, h4) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
  opacity: 1 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content > p,
html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits p {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
  opacity: 1 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__eyebrow {
  color: #9d7020 !important;
  -webkit-text-fill-color: #9d7020 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article {
  border: 1px solid #d6cbb9 !important;
  background: #f7f1e7 !important;
  color: #222a30 !important;
  box-shadow: none !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article > span {
  border-color: rgba(185, 132, 37, .48) !important;
  background: #efe4d1 !important;
  color: #9d7020 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__visual {
  border-color: #bdc5c6 !important;
  background: #cfd5d5 !important;
  box-shadow: 0 18px 42px rgba(42, 50, 55, .11) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-premium__secondary {
  border-color: #9d7020 !important;
  background: transparent !important;
  color: #795719 !important;
  -webkit-text-fill-color: #795719 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-premium__secondary:hover {
  background: #f7f1e7 !important;
  color: #5f4414 !important;
  -webkit-text-fill-color: #5f4414 !important;
}

/* Neutral grey refinement and equal CTA alignment for the homepage About block. */
html body section.about-section.about-section--home.about-premium.about-simple {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article {
  border-color: #bcc3c5 !important;
  background: #e9ebea !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article > span {
  border-color: #b8a070 !important;
  background: #dfe2e1 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions {
  display: flex !important;
  margin-top: 24px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions > a {
  display: inline-flex !important;
  width: 170px !important;
  min-width: 170px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  transform: none !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__primary {
  border-color: #c99a3d !important;
  background: #c99a3d !important;
  background-color: #c99a3d !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__secondary {
  border-color: #9b7a39 !important;
  background: #e9ebea !important;
  background-color: #e9ebea !important;
  color: #644b1b !important;
  -webkit-text-fill-color: #644b1b !important;
}

@media (max-width: 575px) {
  html body section.about-section.about-section--home.about-premium.about-simple
    .about-simple__actions > a {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }
}

/* Final alternating pair: EMI cream -> About budget-grey -> theory cream. */
html body section.about-section.about-section--home.about-premium.about-simple {
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: var(--zp-text) !important;
  border-color: var(--zp-home-grey-line) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content :is(h2, h3, h4) {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__content > p,
html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits p {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__eyebrow {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: var(--zp-text) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__benefits article > span {
  border-color: rgba(221, 181, 93, .58) !important;
  background: var(--zp-bg-deep) !important;
  color: var(--zp-gold-light) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__visual {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-panel) !important;
  box-shadow: 0 18px 42px rgba(10, 16, 21, .2) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__secondary {
  border-color: var(--zp-gold-light) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple
  .about-simple__actions .about-premium__secondary:hover {
  background: var(--zp-home-grey-panel) !important;
  color: #f1cf83 !important;
  -webkit-text-fill-color: #f1cf83 !important;
}

html body section.about-theory {
  border-top-color: var(--zp-cream-line) !important;
  background: var(--zp-cream) !important;
  background-color: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
}

html body section.about-theory .about-theory__intro h2,
html body section.about-theory .about-theory__card h3 {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
}

html body section.about-theory .about-theory__intro p,
html body section.about-theory .about-theory__card p {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
}

html body section.about-theory .about-theory__intro blockquote,
html body section.about-theory .about-theory__card {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

html body section.about-theory .about-theory__intro blockquote {
  border-left-color: var(--zp-gold) !important;
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

html body section.about-theory .about-theory__card > span:first-child {
  border-color: rgba(201, 154, 61, .48) !important;
  background: #efe5d3 !important;
  color: #9b7124 !important;
}

html body section.about-theory .about-theory__card:hover,
html body section.about-theory .about-theory__card:focus {
  border-color: var(--zp-gold) !important;
  background: #fffaf1 !important;
}

/* Final lower-home alternation: Blogs grey, Reviews cream, closing CTA grey. */
html body section.interesting-reads-section#interesting-reads {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  background-image: none !important;
  color: var(--zp-text) !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-reads-header h2,
html body section.interesting-reads-section#interesting-reads
  .interesting-read-card__title,
html body section.interesting-reads-section#interesting-reads
  .interesting-read-card__title a {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
  opacity: 1 !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-reads-header p {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
  opacity: 1 !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-read-card {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-read-card :is(.interesting-read-card__meta, .interesting-read-card__excerpt) {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
}

html body section.interesting-reads-section#interesting-reads
  .interesting-reads-link {
  border-color: var(--zp-gold) !important;
  background: transparent !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body section.testimonials.home-stories {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream) !important;
  background-color: var(--zp-cream) !important;
  color: var(--zp-cream-ink) !important;
}

html body section.testimonials.home-stories
  :is(.home-stories__heading h2, .home-stories__summary > strong, .home-story__author h3) {
  color: var(--zp-cream-ink) !important;
  -webkit-text-fill-color: var(--zp-cream-ink) !important;
  opacity: 1 !important;
}

html body section.testimonials.home-stories
  :is(.home-stories__heading p, .home-stories__summary small, .home-story blockquote, .home-story__author div > span) {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
  opacity: 1 !important;
}

html body section.testimonials.home-stories
  :is(.home-stories__summary, .home-story) {
  border-color: var(--zp-cream-line) !important;
  background: var(--zp-cream-panel) !important;
  color: var(--zp-cream-ink) !important;
  box-shadow: 0 12px 28px rgba(67, 55, 39, .07) !important;
}

html body section.testimonials.home-stories .home-story__author,
html body section.testimonials.home-stories .home-stories__summary > strong {
  border-color: var(--zp-cream-line) !important;
}

html body section.testimonials.home-stories .home-stories__summary > strong span {
  color: var(--zp-cream-muted) !important;
  -webkit-text-fill-color: var(--zp-cream-muted) !important;
}

html body section.property-paths-section.home-property-cta {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: var(--zp-text) !important;
}

html body section.property-paths-section.home-property-cta
  :is(.home-property-cta__heading h2, .home-property-path h3) {
  color: var(--zp-text) !important;
  -webkit-text-fill-color: var(--zp-text) !important;
}

html body section.property-paths-section.home-property-cta
  :is(.home-property-cta__heading p, .home-property-path p) {
  color: var(--zp-muted) !important;
  -webkit-text-fill-color: var(--zp-muted) !important;
}

html body section.property-paths-section.home-property-cta .home-property-path {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: var(--zp-text) !important;
  box-shadow: none !important;
}

html body section.property-paths-section.home-property-cta
  .home-property-path__icon {
  border-color: rgba(221, 181, 93, .55) !important;
  background: var(--zp-bg-deep) !important;
  color: var(--zp-gold-light) !important;
}

/* Properties results page: use the theme's light neutral-grey treatment. */
html body .feature-grid {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body .feature-grid .property-sidebar {
  border-color: #b9c1c3 !important;
  background: #e7e9e8 !important;
  background-color: #e7e9e8 !important;
  box-shadow: 0 12px 30px rgba(42, 50, 55, .08) !important;
}

html body .feature-grid .property-sidebar :is(.form--control, .form-control, .form-select),
html body .feature-grid .select2-container--default .select2-selection--single {
  border-color: #b8c0c2 !important;
  background: #f3f4f2 !important;
  background-color: #f3f4f2 !important;
  color: #273139 !important;
  -webkit-text-fill-color: #273139 !important;
  box-shadow: none !important;
}

html body .feature-grid .property-sidebar :is(input, select)::placeholder {
  color: #667078 !important;
  -webkit-text-fill-color: #667078 !important;
  opacity: 1 !important;
}

html body .feature-grid .select2-selection__rendered {
  color: #273139 !important;
  -webkit-text-fill-color: #273139 !important;
}

html body .feature-grid .select2-selection__arrow b {
  border-top-color: #273139 !important;
}

html body .feature-grid .property-header {
  border: 1px solid #b9c1c3 !important;
  background: #e7e9e8 !important;
  background-color: #e7e9e8 !important;
  box-shadow: none !important;
}

html body .feature-grid .property-header__title {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body .feature-grid .property-header .btn {
  border-color: #b8c0c2 !important;
  background: #f3f4f2 !important;
  color: #4f5b62 !important;
  -webkit-text-fill-color: #4f5b62 !important;
}

html body .feature-grid .property-header .btn.active {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body .feature-grid .feature-item {
  border-color: #b9c1c3 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
  box-shadow: 0 12px 28px rgba(42, 50, 55, .09) !important;
}

html body .feature-grid .feature-item__content-wrapper,
html body .feature-grid .feature-item__content {
  background: #eef0ef !important;
  color: #222a30 !important;
}

html body .feature-grid .feature-item__content .price {
  color: #94691d !important;
  -webkit-text-fill-color: #94691d !important;
}

html body .feature-grid .feature-item__content .category,
html body .feature-grid .feature-item__content .category :is(i, span) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body .feature-grid .feature-item__link {
  color: #202a31 !important;
  -webkit-text-fill-color: #202a31 !important;
}

html body .feature-grid .feature-item__link:hover {
  color: #8b651f !important;
  -webkit-text-fill-color: #8b651f !important;
}

html body .feature-grid .feature-item__content .fs-14 {
  color: #4f5b62 !important;
  -webkit-text-fill-color: #4f5b62 !important;
}

html body .feature-grid .feature-item__contact {
  border-top-color: #c2c9ca !important;
  background: #e2e5e4 !important;
  color: #38434a !important;
}

html body .feature-grid .feature-item__contact :is(span, i) {
  color: #4f5b62 !important;
  -webkit-text-fill-color: #4f5b62 !important;
}

html body .feature-grid .filter-btn {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body .feature-grid .custom--card {
  border-color: #b9c1c3 !important;
  background: #eef0ef !important;
  color: #222a30 !important;
}

/* Refined featured-property cards: simpler hierarchy, fewer decorative boxes. */
html body .featured-properties-section .featured-properties-grid {
  gap: 22px !important;
  align-items: stretch !important;
}

html body .featured-properties-section
  .featured-property-card.featured-property-card--compact.just-launched-card {
  display: flex !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  flex-direction: column !important;
  border: 1px solid #59656e !important;
  border-radius: 5px !important;
  background: #414c55 !important;
  box-shadow: 0 10px 24px rgba(11, 16, 20, .12) !important;
  transform: none !important;
}

html body .featured-properties-section
  .featured-property-card.featured-property-card--compact.just-launched-card:hover {
  border-color: #7b6740 !important;
  box-shadow: 0 14px 30px rgba(11, 16, 20, .17) !important;
  transform: translateY(-2px) !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__media {
  width: calc(100% - 16px) !important;
  height: 218px !important;
  min-height: 218px !important;
  margin: 8px 8px 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: #29323b !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__media img {
  width: 100% !important;
  height: 218px !important;
  object-fit: cover !important;
  transition: transform .35s ease !important;
}

html body .featured-properties-section
  .just-launched-card:hover .featured-property-card__media img {
  transform: scale(1.025) !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__status {
  top: 10px !important;
  left: 10px !important;
  padding: 5px 9px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: rgba(20, 29, 35, .86) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__wishlist {
  top: 10px !important;
  right: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(20, 29, 35, .86) !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__price-pill {
  bottom: 10px !important;
  left: 10px !important;
  padding: 7px 10px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: rgba(201, 154, 61, .94) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card.featured-property-card--compact .featured-property-card__body {
  display: flex !important;
  min-height: 0 !important;
  padding: 15px 15px 14px !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  background: #414c55 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__title {
  min-height: 42px !important;
  margin: 0 0 8px !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__location {
  display: -webkit-box !important;
  min-height: 38px !important;
  margin: 0 0 13px !important;
  overflow: hidden !important;
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
  font-size: 10.5px !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts {
  display: flex !important;
  margin: 0 0 15px !important;
  padding: 10px 0 !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  border-top: 1px solid #59656e !important;
  border-bottom: 1px solid #59656e !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts span {
  min-height: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-right: 1px solid #65717a !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #e0e5e8 !important;
  -webkit-text-fill-color: #e0e5e8 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts span:first-child {
  padding-left: 0 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts span:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__facts i {
  margin-right: 4px !important;
  color: var(--zp-gold-light) !important;
}

html body .featured-properties-section .just-launched-card__strip {
  display: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 138px !important;
  min-height: 38px !important;
  margin: auto 0 0 !important;
  padding: 0 16px !important;
  align-self: flex-start !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--zp-gold) !important;
  border-radius: 3px !important;
  background: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__button::after {
  margin-left: 8px !important;
  content: '\2192' !important;
}

html body .featured-properties-section
  .just-launched-card .featured-property-card__button:hover {
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

@media (max-width: 575px) {
  html body .featured-properties-section
    .just-launched-card .featured-property-card__media,
  html body .featured-properties-section
    .just-launched-card .featured-property-card__media img {
    height: 205px !important;
    min-height: 205px !important;
  }
}

/* Clear, consistently centred icons for the guidance cards. */
html body section.about-theory .about-theory__card > .about-theory__card-icon {
  display: grid !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  place-items: center !important;
  flex: 0 0 46px !important;
  border: 1px solid rgba(157, 112, 32, .5) !important;
  border-radius: 3px !important;
  background: #eee2ce !important;
  color: #8b621b !important;
  -webkit-text-fill-color: #8b621b !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45) !important;
  line-height: 1 !important;
}

html body section.about-theory .about-theory__card > .about-theory__card-icon > i {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 23px !important;
  line-height: 1 !important;
}

html body section.about-theory .about-theory__card:hover > .about-theory__card-icon,
html body section.about-theory .about-theory__card:focus > .about-theory__card-icon {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  color: #172129 !important;
  -webkit-text-fill-color: #172129 !important;
}

/* Keep both Buy/Sell CTA buttons visually identical. */
html body section.property-paths-section.home-property-cta
  .home-property-path > a {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
  box-shadow: none !important;
}

html body section.property-paths-section.home-property-cta
  .home-property-path > a :is(i, span) {
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

html body section.property-paths-section.home-property-cta
  .home-property-path > a:hover,
html body section.property-paths-section.home-property-cta
  .home-property-path > a:focus {
  border-color: var(--zp-gold-light) !important;
  background: var(--zp-gold-light) !important;
  color: #151b20 !important;
  -webkit-text-fill-color: #151b20 !important;
}

/* Lighter site chrome aligned with the charcoal-grey section palette. */
html body .header,
html body .header.header--home:not(.fixed-header),
html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header {
  border-bottom: 1px solid rgba(221, 181, 93, .24) !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
  box-shadow: 0 8px 24px rgba(19, 27, 33, .16) !important;
  backdrop-filter: blur(14px) !important;
}

html body .header :is(
  .nav-menu .nav-item .nav-link,
  .header-login-link,
  .header-wishlist,
  .header-button
) {
  color: #f3f1eb !important;
  -webkit-text-fill-color: #f3f1eb !important;
  text-shadow: none !important;
}

html body .header :is(
  .nav-menu .nav-item .nav-link:hover,
  .nav-menu .nav-item .nav-link:focus,
  .nav-menu .nav-item .nav-link.active,
  .header-login-link:hover,
  .header-login-link:focus,
  .header-login-link.active,
  .header-wishlist:hover,
  .header-wishlist:focus
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body .header .nav-menu .nav-item .nav-link::before {
  background: var(--zp-gold) !important;
}

html body .header :is(.dropdown-menu, .mega-menu, .navbar-collapse) {
  border-color: #65717b !important;
  background: #414c55 !important;
  background-color: #414c55 !important;
}

html body .header .dropdown-item {
  color: #e3e8ea !important;
  -webkit-text-fill-color: #e3e8ea !important;
}

html body .header .dropdown-item:hover,
html body .header .dropdown-item:focus,
html body .header .dropdown-item.active {
  background: #4a555e !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* ---- Strong overrides to ensure transparent logo display and transparent header/footer ---- */
html body .header,
html body .header.header--home:not(.fixed-header),
html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* Footer transparent */
.footer-area,
.footer-area.footer-area--zirakpur,
.footer-area .py-60 {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Remove drop-shadows / filters on logo images so transparent logos appear clean */
html body .header .zirakpur-brand-image,
html body .zirakpur-brand-mark .zirakpur-brand-image {
  filter: none !important;
  -webkit-filter: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Prefer the dark logo for light backgrounds and white logo for dark backgrounds */
html body .header .navbar-brand.logo .zirakpur-brand-image--dark {
  display: block !important;
}
html body .header .navbar-brand.logo .zirakpur-brand-image--light {
  display: inline-block !important;
}

html body footer.footer-area.footer-area--zirakpur {
  border-top: 1px solid rgba(221, 181, 93, .28) !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
  color: #cbd3d8 !important;
}

html body footer.footer-area.footer-area--zirakpur .footer-item__title,
html body footer.footer-area.footer-area--zirakpur
  .footer-contact-menu__item-content strong {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body footer.footer-area.footer-area--zirakpur :is(
  .footer-item__desc,
  .footer-menu__link,
  .footer-contact-menu__item-content p,
  .footer-contact-menu__item-content a,
  .bottom-footer-text,
  .bottom-footer-text.text-white
) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link) {
  border-color: #65717b !important;
  background: #414c55 !important;
  color: #e1e6e9 !important;
  -webkit-text-fill-color: #e1e6e9 !important;
}

html body footer.footer-area.footer-area--zirakpur
  .footer-contact-menu__item-icon {
  border-color: rgba(221, 181, 93, .34) !important;
  background: #414c55 !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body footer.footer-area.footer-area--zirakpur .bottom-footer {
  border-top-color: #65717b !important;
}

html body footer.footer-area.footer-area--zirakpur :is(
  .footer-menu__link:hover,
  .footer-menu__link:focus,
  .footer-contact-menu__item-content a:hover,
  .footer-contact-menu__item-content a:focus
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Final light-grey alignment for the Properties grid and site chrome. */
html body .feature-grid :is(
  .property-wrapper,
  .property-wrapper > .row,
  .property-item,
  .property-item > .feature-item__content-wrapper
) {
  background: transparent !important;
  background-color: transparent !important;
}

html body .feature-grid .property-wrapper .property-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .feature-grid .property-wrapper .feature-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: none !important;
}

html body .feature-grid .property-wrapper .feature-item__thumb,
html body .feature-grid .property-wrapper .feature-item__thumb-link {
  display: block !important;
  width: 100% !important;
  background: #d8dcdd !important;
}

html body .feature-grid .property-wrapper :is(
  .feature-item__content-wrapper,
  .feature-item__content,
  .feature-item__contact
) {
  width: 100% !important;
  border-color: #c2c9ca !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
}

html body .feature-grid .property-wrapper .feature-item__contact {
  background: #e2e5e4 !important;
  background-color: #e2e5e4 !important;
}

html body .feature-grid .property-sidebar,
html body .feature-grid .property-header {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: none !important;
}

html body .header,
html body .header.header--home:not(.fixed-header),
html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header,
html body footer.footer-area.footer-area--zirakpur {
  background: #414c55 !important;
  background-color: #414c55 !important;
}

html body .header :is(.dropdown-menu, .mega-menu, .navbar-collapse),
html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link, .footer-contact-menu__item-icon) {
  background: #4a555e !important;
  background-color: #4a555e !important;
}

/* Final header/footer colour: reference charcoal, transparent over the hero. */
html body .header.header--home:not(.fixed-header) {
  border-bottom-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header {
  border-bottom: 1px solid rgba(201, 154, 61, .24) !important;
  background: #151e24 !important;
  background-color: #151e24 !important;
  box-shadow: 0 8px 24px rgba(5, 10, 14, .22) !important;
  backdrop-filter: blur(14px) !important;
}

html body .header :is(.dropdown-menu, .mega-menu, .navbar-collapse) {
  border-color: #3d4951 !important;
  background: #202a31 !important;
  background-color: #202a31 !important;
}

html body footer.footer-area.footer-area--zirakpur {
  border-top-color: rgba(201, 154, 61, .26) !important;
  background: #151e24 !important;
  background-color: #151e24 !important;
}

html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link, .footer-contact-menu__item-icon) {
  border-color: #3d4951 !important;
  background: #202a31 !important;
  background-color: #202a31 !important;
}

html body footer.footer-area.footer-area--zirakpur .bottom-footer {
  border-top-color: #3d4951 !important;
}

/* Remove the desktop nav box and lift header/footer by one charcoal shade. */
html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header,
html body footer.footer-area.footer-area--zirakpur {
  background: #202a31 !important;
  background-color: #202a31 !important;
}

html body .header.header--home:not(.fixed-header) {
  background: transparent !important;
  background-color: transparent !important;
}

html body footer.footer-area.footer-area--zirakpur
  :is(.footer-local-tags a, .social-list__link, .footer-contact-menu__item-icon) {
  background: #29343c !important;
  background-color: #29343c !important;
}

@media (min-width: 992px) {
  html body .header .navbar-collapse,
  html body .header .header-nav-center {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }
}

@media (max-width: 991px) {
  html body .header .navbar-collapse {
    border: 1px solid #46525a !important;
    background: #29343c !important;
    background-color: #29343c !important;
    box-shadow: 0 14px 30px rgba(8, 13, 17, .2) !important;
  }
}

/* Inner pages use one coherent light-grey system; the homepage keeps its bands. */
html body.page-inner {
  --zp-bg: #d8dcdd;
  --zp-bg-deep: #d0d5d6;
  --zp-panel: #eef0ef;
  --zp-panel-soft: #f3f4f2;
  --zp-line: #b8c0c2;
  --zp-text: #222a30;
  --zp-muted: #59656c;
  --zp-subtle: #6e787e;
  background: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  section.py-120
) {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page
) :is(h1,h2,h3,h4,h5,h6,.title,.name,label) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page
) :is(p,li,small,.text-muted,.desc,.description) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner :is(
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .contact-item,
  .contactus-form,
  .contact-map,
  .interesting-read-card,
  .interesting-read-details__content,
  .free-listing-card,
  .pricing-card,
  .custom--card,
  .account-wrapper,
  .account-form,
  .faq-item,
  .accordion-item,
  .policy-card,
  .dashboard-widget,
  .wishlist-empty
) {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
  box-shadow: 0 10px 24px rgba(42, 50, 55, .07) !important;
}

html body.page-inner :is(.custom--card .card-body,.card-header,.card-footer,.accordion-button) {
  border-color: #c2c9ca !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
}

html body.page-inner :is(input,select,textarea,.form-control,.form--control,.form-select),
html body.page-inner .select2-container--default .select2-selection--single {
  border-color: #b8c0c2 !important;
  background: #f3f4f2 !important;
  background-color: #f3f4f2 !important;
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(input,textarea)::placeholder {
  color: #727d83 !important;
  -webkit-text-fill-color: #727d83 !important;
  opacity: 1 !important;
}

html body.page-inner select option {
  background: #f3f4f2 !important;
  color: #222a30 !important;
}

html body.page-inner .select2-selection__rendered {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(
  .listing-details__amenities .amenities-list__item,
  .listing-details__date-card,
  .custom--tab .nav-link,
  .site-visit-input
) {
  border-color: #c2c9ca !important;
  background: #f3f4f2 !important;
  background-color: #f3f4f2 !important;
  color: #38434a !important;
}

/* About page: light-grey bands with calm off-white cards. */
html body.page-inner .about-page,
html body.page-inner .about-page__story,
html body.page-inner .about-page__focus,
html body.page-inner .about-page__cta {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner .about-page__principles {
  border-color: #b8c0c2 !important;
  background: #e2e5e4 !important;
  background-color: #e2e5e4 !important;
}

html body.page-inner .about-page :is(
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3
) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner .about-page :is(p,.about-page__copy .about-page__lead,.about-page__checks span) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .about-page__principle-grid,
html body.page-inner .about-page__facts {
  border-color: #b8c0c2 !important;
}

html body.page-inner .about-page__principle-grid article,
html body.page-inner .about-page__facts article {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: none !important;
}

html body.page-inner .about-page__principle-grid article:hover {
  background: #f3f4f2 !important;
}

html body.page-inner .about-page__facts span,
html body.page-inner .about-page__principle-grid article > span {
  color: #6a757b !important;
  -webkit-text-fill-color: #6a757b !important;
}

/* Login: keep the shared header in normal flow and restore the dark/gold auth palette. */
html body.page-inner .auth-page-header .header {
  position: relative !important;
  top: auto !important;
  background: #353f48 !important;
  background-color: #353f48 !important;
}

html body.page-inner .account.account--login {
  min-height: calc(100vh - 82px);
  padding: 32px 24px !important;
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: #f3f1eb !important;
}

html body.page-inner .account.account--login .account-inner {
  min-height: min(640px, calc(100vh - 146px));
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .account.account--login :is(
  .account-left,
  .account-right,
  .account-form-wrapper,
  .account-form
) {
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f3f1eb !important;
  box-shadow: none !important;
}

html body.page-inner .account.account--login :is(
  .account-form__title,
  .form--label,
  .form-label,
  label
) {
  color: #f3f1eb !important;
  -webkit-text-fill-color: #f3f1eb !important;
}

html body.page-inner .account.account--login :is(
  .account-form__desc,
  .form-check-label,
  .have-account__text
) {
  color: #b8c1c6 !important;
  -webkit-text-fill-color: #b8c1c6 !important;
}

html body.page-inner .account.account--login :is(
  input,
  .form-control,
  .form--control
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.page-inner .account.account--login :is(
  input,
  .form-control,
  .form--control
):focus {
  border-color: var(--zp-gold) !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 61, .14) !important;
}

html body.page-inner .account.account--login .form-check-input {
  border-color: var(--zp-home-grey-line) !important;
  background-color: var(--zp-home-grey-soft) !important;
}

html body.page-inner .account.account--login input:-webkit-autofill,
html body.page-inner .account.account--login input:-webkit-autofill:hover,
html body.page-inner .account.account--login input:-webkit-autofill:focus {
  border-color: var(--zp-home-grey-line) !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0 1000px var(--zp-home-grey-soft) inset !important;
}

html body.page-inner .account.account--login .form-check-input:checked {
  border-color: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
}

html body.page-inner .account.account--login :is(
  .forgot-password,
  .have-account__link,
  .text--base
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

@media (max-width: 991px) {
  html body.page-inner .account.account--login {
    min-height: calc(100vh - 76px);
    padding: 28px 16px !important;
  }

  html body.page-inner .account.account--login .account-inner {
    min-height: auto;
  }
}

@media (max-width: 575px) {
  html body.page-inner .account.account--login {
    padding: 16px 12px !important;
  }

  html body.page-inner .account.account--login .account-form-wrapper {
    padding: 32px 22px;
  }
}

html body.page-inner .about-page__visual figcaption {
  background: rgba(32, 42, 49, .94) !important;
}

html body.page-inner .about-page__visual figcaption :is(span,strong) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .about-page__button--outline {
  border-color: #9eaaae !important;
  background: #eef0ef !important;
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

/* Keep text intentionally light only where it sits on the About image overlay. */
html body.page-inner .about-page__cta-card :is(h2,p,.about-page__button--light) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

/* Services / guided visit page follows the same light-grey palette. */
html body.page-inner section.site-visit-section.site-visit-modern.site-visit-showcase {
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner .site-visit-showcase__content > h2,
html body.page-inner .site-visit-showcase__benefits strong {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner .site-visit-showcase__content > p,
html body.page-inner .site-visit-showcase__benefits small {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .site-visit-showcase__benefits article,
html body.page-inner .site-visit-showcase__steps {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
}

html body.page-inner .site-visit-showcase__steps > span + span {
  border-color: #c2c9ca !important;
}

/* Contact cards and form stay readable against the light page background. */
html body.page-inner .contactus-form .contact__title,
html body.page-inner .contactus-form :is(.form--label,.form-label),
html body.page-inner .contact-item__title {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner .contact-item__desc {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

/* Services page: remove the remaining dark service-specific surfaces. */
html body.page-inner :is(.property-services,.property-process,.quick-compare-section) {
  --service-ink: #222a30;
  --service-muted: #59656c;
  --service-line: #b8c0c2;
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
  color: #222a30 !important;
}

html body.page-inner :is(
  .property-services__intro h1,
  .property-service-card h2,
  .property-process__heading h2,
  .property-process__step h3,
  .quick-compare-heading h2,
  .quick-compare-picker-head h3,
  .quick-compare-option strong
) {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body.page-inner :is(
  .property-services__intro > p,
  .property-service-card p,
  .property-process__heading p,
  .property-process__step p,
  .property-process__note p,
  .quick-compare-heading p,
  .quick-compare-picker > p,
  .quick-compare-option small
) {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .property-services__grid {
  border-color: #b8c0c2 !important;
}

html body.page-inner .property-service-card {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
}

html body.page-inner .property-service-card:hover {
  background: #f3f4f2 !important;
}

html body.page-inner .property-service-card > span {
  color: #6e787e !important;
  -webkit-text-fill-color: #6e787e !important;
}

html body.page-inner .property-process__steps::before {
  border-color: #aeb7ba !important;
}

html body.page-inner .property-process__step-icon {
  border-color: #aeb7ba !important;
  background: #eef0ef !important;
  box-shadow: inset 0 0 0 8px #d8dcdd !important;
}

html body.page-inner .property-process__note,
html body.page-inner :is(.quick-compare-card,.quick-compare-picker,.quick-compare-table-wrap) {
  border-color: #b8c0c2 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  color: #222a30 !important;
  box-shadow: 0 10px 24px rgba(42, 50, 55, .07) !important;
}

html body.page-inner .quick-compare-help {
  border-color: #c7b98f !important;
  background: #f3f0e8 !important;
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body.page-inner .quick-compare-option {
  border-color: #c2c9ca !important;
}

html body.page-inner .quick-compare-table :is(th,td) {
  border-color: #c2c9ca !important;
  color: #38434a !important;
  -webkit-text-fill-color: #38434a !important;
}

html body.page-inner .quick-compare-table th {
  background: #e2e5e4 !important;
  color: #7d5a1c !important;
  -webkit-text-fill-color: #7d5a1c !important;
}

/* Final inner-page palette: exact charcoal grey used by the homepage bands. */
html body.page-inner {
  --zp-bg: var(--zp-home-grey);
  --zp-bg-deep: #303a43;
  --zp-panel: var(--zp-home-grey-panel);
  --zp-panel-soft: var(--zp-home-grey-soft);
  --zp-line: var(--zp-home-grey-line);
  --zp-text: #f5f3ed;
  --zp-muted: #cbd3d8;
  --zp-subtle: #aeb8bd;
  background: var(--zp-home-grey) !important;
  color: #f5f3ed !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  section.py-120,
  .about-page,
  .about-page__story,
  .about-page__principles,
  .about-page__focus,
  .about-page__cta,
  .property-services,
  .property-process,
  .quick-compare-section,
  section.site-visit-section.site-visit-modern.site-visit-showcase
) {
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: #f5f3ed !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  .about-page,
  .property-services,
  .property-process,
  .quick-compare-section,
  .site-visit-showcase__content
) :is(h1,h2,h3,h4,h5,h6,.title,.name,label,strong) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner :is(
  .feature-grid,
  .listing-detials,
  .contact-top,
  .interesting-reads-page,
  .interesting-read-details,
  .free-listing-section,
  .category-section,
  .dedicated-builder-map,
  .about-insight-section,
  .team-section,
  .account,
  .wishlist-page,
  .about-page,
  .property-services,
  .property-process,
  .quick-compare-section,
  .site-visit-showcase__content
) :is(p,li,small,.text-muted,.desc,.description) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body.page-inner :is(
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .contact-item,
  .contactus-form,
  .contact-map,
  .interesting-read-card,
  .interesting-read-details__content,
  .free-listing-card,
  .pricing-card,
  .custom--card,
  .account-wrapper,
  .account-form,
  .faq-item,
  .accordion-item,
  .policy-card,
  .dashboard-widget,
  .wishlist-empty,
  .modal-content,
  .property-sidebar,
  .property-header,
  .feature-item,
  .property-wrapper .feature-item__content-wrapper,
  .property-wrapper .feature-item__content,
  .property-wrapper .feature-item__contact
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f5f3ed !important;
  box-shadow: none !important;
}

html body.page-inner :is(.custom--card .card-body,.card-header,.card-footer,.accordion-button) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f5f3ed !important;
}

html body.page-inner :is(input,select,textarea,.form-control,.form--control,.form-select),
html body.page-inner .select2-container--default .select2-selection--single {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner :is(input,textarea)::placeholder {
  color: #bcc5ca !important;
  -webkit-text-fill-color: #bcc5ca !important;
  opacity: 1 !important;
}

html body.page-inner select option {
  background: var(--zp-home-grey-soft) !important;
  color: #f5f3ed !important;
}

html body.page-inner .select2-selection__rendered {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner :is(
  .listing-details__amenities .amenities-list__item,
  .listing-details__date-card,
  .custom--tab .nav-link,
  .site-visit-input
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
  color: #e2e7e9 !important;
}

/* About page panels. */
html body.page-inner .about-page__principle-grid,
html body.page-inner .about-page__facts {
  border-color: var(--zp-home-grey-line) !important;
}

html body.page-inner .about-page__principle-grid article,
html body.page-inner .about-page__facts article {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .about-page__principle-grid article:hover {
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .about-page__facts span,
html body.page-inner .about-page__principle-grid article > span {
  color: #b8c1c6 !important;
  -webkit-text-fill-color: #b8c1c6 !important;
}

html body.page-inner .about-page__button--outline {
  border-color: var(--zp-home-grey-line) !important;
  background: transparent !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

/* Services, process and comparison panels. */
html body.page-inner .property-services__grid,
html body.page-inner .property-process__steps::before {
  border-color: var(--zp-home-grey-line) !important;
}

html body.page-inner .property-service-card,
html body.page-inner .property-process__note,
html body.page-inner :is(.quick-compare-card,.quick-compare-picker,.quick-compare-table-wrap) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
  color: #f5f3ed !important;
  box-shadow: none !important;
}

html body.page-inner .property-service-card:hover {
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .property-service-card > span {
  color: #aeb8bd !important;
  -webkit-text-fill-color: #aeb8bd !important;
}

html body.page-inner .property-process__step-icon {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  box-shadow: inset 0 0 0 8px var(--zp-home-grey) !important;
}

html body.page-inner .quick-compare-help {
  border-color: #7b6740 !important;
  background: var(--zp-home-grey-panel) !important;
  color: #d4dadd !important;
  -webkit-text-fill-color: #d4dadd !important;
}

html body.page-inner .quick-compare-option,
html body.page-inner .quick-compare-table :is(th,td) {
  border-color: var(--zp-home-grey-line) !important;
  color: #e3e8ea !important;
  -webkit-text-fill-color: #e3e8ea !important;
}

html body.page-inner .quick-compare-table th {
  background: var(--zp-home-grey-soft) !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Guided site-visit content uses the same card shade. */
html body.page-inner .site-visit-showcase__benefits article,
html body.page-inner .site-visit-showcase__steps {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .site-visit-showcase__steps > span + span {
  border-color: var(--zp-home-grey-line) !important;
}

/* Property results stay fully aligned with the homepage charcoal band. */
html body.page-inner .feature-grid .property-wrapper .feature-item,
html body.page-inner .feature-grid :is(.property-sidebar,.property-header),
html body.page-inner .feature-grid .property-wrapper :is(
  .feature-item__content-wrapper,
  .feature-item__content,
  .feature-item__contact
) {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item__contact {
  background: var(--zp-home-grey-soft) !important;
  background-color: var(--zp-home-grey-soft) !important;
}

html body.page-inner .feature-grid :is(
  .feature-item__title,
  .feature-item__link,
  .feature-item__content h1,
  .feature-item__content h2,
  .feature-item__content h3
) {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .feature-grid :is(
  .feature-item__content .fs-14,
  .feature-item__content .category,
  .feature-item__content .category i,
  .feature-item__contact span,
  .feature-item__contact i
) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

/* Contact page text on charcoal cards. */
html body.page-inner .contactus-form .contact__title,
html body.page-inner .contactus-form :is(.form--label,.form-label),
html body.page-inner .contact-item__title {
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .contact-item__desc {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body.page-inner .property-services__consultation :is(h2,p,span) {
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body.page-inner .feature-grid .feature-item__content .price {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Final About-page content hierarchy on the homepage charcoal grey. */
html body.page-inner .about-page :is(
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3
) {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner .about-page :is(
  .about-page__copy > p:not(.about-page__lead),
  .about-page__section-heading > p,
  .about-page__focus-copy > p,
  .about-page__principle-grid article > p
) {
  color: #d2dadd !important;
  -webkit-text-fill-color: #d2dadd !important;
}

html body.page-inner .about-page .about-page__copy .about-page__lead {
  color: #f0eee8 !important;
  -webkit-text-fill-color: #f0eee8 !important;
}

html body.page-inner .about-page__checks span {
  color: #e4e8e9 !important;
  -webkit-text-fill-color: #e4e8e9 !important;
}

html body.page-inner .about-page :is(
  .about-page__eyebrow,
  .about-page__checks i,
  .about-page__principle-grid article > i,
  .about-page__focus-copy > a
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner .about-page__facts strong {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner .about-page__facts span,
html body.page-inner .about-page__principle-grid article > span {
  color: #c1cbd0 !important;
  -webkit-text-fill-color: #c1cbd0 !important;
}

html body.page-inner .about-page__visual figcaption span {
  color: #c7d0d4 !important;
  -webkit-text-fill-color: #c7d0d4 !important;
}

html body.page-inner .about-page__visual figcaption strong {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner .about-page__cta-card :is(h2,p) {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner .about-page__button--outline {
  border-color: #87939a !important;
  background: transparent !important;
  color: #f5f3ed !important;
  -webkit-text-fill-color: #f5f3ed !important;
}

html body.page-inner .about-page__button--outline:hover {
  border-color: var(--zp-gold-light) !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

/* Exact service deep links should settle below the sticky site header. */
html {
  scroll-behavior: smooth;
}

body :is(.property-service-card, #project-comparison, #book-site-visit) {
  scroll-margin-top: 110px;
}

/* Explore Local: clickable locality photography with useful destination cues. */
body .locale-explorer__place-media {
  position: relative;
  display: block;
  width: 100%;
  height: 215px;
  overflow: hidden;
  background: var(--zp-home-grey-soft);
}

body .locale-explorer__place-media::after {
  position: absolute;
  inset: 42% 0 0;
  background: linear-gradient(180deg, transparent, rgba(16, 25, 31, .84));
  content: '';
  pointer-events: none;
}

body .locale-explorer__place-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}

body .locale-explorer__place-media > span {
  position: absolute;
  z-index: 1;
  right: 20px;
  bottom: 17px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff !important;
  font-size: 11px;
  font-weight: 800;
}

body .locale-explorer__place-media:hover img,
body .locale-explorer__place-media:focus img {
  transform: scale(1.045);
}

body .locale-explorer__place-media:hover > span,
body .locale-explorer__place-media:focus > span {
  color: var(--zp-gold-light) !important;
}

body .locale-explorer__place-content .locale-explorer__place-theory {
  margin-top: 12px;
  padding-left: 12px;
  border-left: 2px solid var(--zp-gold);
  color: #d7dde0 !important;
  font-size: 11.5px;
}

/* Site-visit form: lighter neutral grey instead of the previous black panel. */
html body .site-visit-modal .modal-content {
  border-color: #aeb7b9 !important;
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  box-shadow: 0 28px 70px rgba(22, 30, 35, .28) !important;
}

html body .site-visit-modal__top {
  border-bottom-color: #b8c0c2 !important;
  background: #e2e5e4 !important;
  background-color: #e2e5e4 !important;
}

html body .site-visit-modal__heading h5 {
  color: #222a30 !important;
  -webkit-text-fill-color: #222a30 !important;
}

html body .site-visit-modal__heading p {
  color: #59656c !important;
  -webkit-text-fill-color: #59656c !important;
}

html body .site-visit-modal__close {
  border-color: #aeb7b9 !important;
  background: #f5f6f4 !important;
  color: #3f4a50 !important;
}

html body .site-visit-modal .modal-body {
  background: #eef0ef !important;
  background-color: #eef0ef !important;
  scrollbar-color: var(--zp-gold) #d8dcdd;
}

html body .site-visit-modal .site-visit-field > label {
  color: #38434a !important;
  -webkit-text-fill-color: #38434a !important;
}

html body .site-visit-modal .site-visit-input,
html body .site-visit-modal :is(.site-visit-toggle span, .site-visit-date-option span, .site-visit-time-grid span) {
  border-color: #b8c0c2 !important;
  background: #f7f8f6 !important;
  background-color: #f7f8f6 !important;
  color: #2d373d !important;
  -webkit-text-fill-color: #2d373d !important;
}

html body .site-visit-modal .site-visit-toggle {
  border-color: #b8c0c2 !important;
  background: #d8dcdd !important;
  background-color: #d8dcdd !important;
}

html body .site-visit-modal :is(
  .site-visit-toggle input:checked + span,
  .site-visit-date-option input:checked + span,
  .site-visit-time-grid input:checked + span
) {
  border-color: var(--zp-gold) !important;
  background: var(--zp-gold) !important;
  background-color: var(--zp-gold) !important;
  color: #172027 !important;
  -webkit-text-fill-color: #172027 !important;
}

html body .site-visit-modal .site-visit-date-option span :is(strong, small, em),
html body .site-visit-modal .site-visit-toggle span i {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

html body .site-visit-modal .site-visit-form__notice {
  border-color: #c6a455 !important;
  background: #e2e5e4 !important;
  color: #4d5960 !important;
}

html body .site-visit-modal select option {
  background: #f7f8f6 !important;
  color: #2d373d !important;
}

@media (max-width: 575px) {
  body .locale-explorer__place-media {
    height: 210px;
  }
}

/* About page: final contrast lock and gently tightened content rhythm. */
html body.page-inner main.about-page {
  color: #f7f5ef !important;
}

html body.page-inner main.about-page :is(
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__principle-grid h3,
  .about-page__cta h2
) {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  text-shadow: none !important;
}

html body.page-inner main.about-page :is(
  .about-page__copy > p:not(.about-page__lead),
  .about-page__section-heading > p,
  .about-page__focus-copy > p,
  .about-page__principle-grid article > p
) {
  color: #dce2e4 !important;
  -webkit-text-fill-color: #dce2e4 !important;
  opacity: 1 !important;
}

html body.page-inner main.about-page .about-page__copy .about-page__lead {
  color: #f4f2ec !important;
  -webkit-text-fill-color: #f4f2ec !important;
}

html body.page-inner main.about-page .about-page__checks span {
  color: #f0f2f1 !important;
  -webkit-text-fill-color: #f0f2f1 !important;
  opacity: 1 !important;
}

html body.page-inner main.about-page :is(
  .about-page__eyebrow,
  .about-page__checks i,
  .about-page__principle-grid article > i,
  .about-page__focus-copy > a
) {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner main.about-page .about-page__principle-grid article,
html body.page-inner main.about-page .about-page__facts article {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner main.about-page .about-page__principle-grid article > span,
html body.page-inner main.about-page .about-page__facts span,
html body.page-inner main.about-page .about-page__visual figcaption span {
  color: #cbd4d8 !important;
  -webkit-text-fill-color: #cbd4d8 !important;
  opacity: 1 !important;
}

html body.page-inner main.about-page .about-page__facts strong,
html body.page-inner main.about-page .about-page__visual figcaption strong {
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
}

html body.page-inner main.about-page .about-page__facts strong {
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner main.about-page .about-page__visual figcaption {
  background: #26323a !important;
  background-color: #26323a !important;
}

html body.page-inner main.about-page .about-page__button--outline {
  border-color: #9aa5aa !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.page-inner main.about-page .about-page__cta-card p {
  color: #eef1f1 !important;
  -webkit-text-fill-color: #eef1f1 !important;
}

/* Services page: one charcoal-grey system, balanced spacing and no panel collisions. */
html body.page-inner .brand-location-text,
html body.page-inner :is(
  .property-services__intro h1,
  .quick-compare-heading h2,
  .site-visit-showcase__content > h2
) .brand-location-text {
  display: inline !important;
  color: var(--zp-gold) !important;
  -webkit-text-fill-color: var(--zp-gold) !important;
  font: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
}

html body.page-inner .property-services {
  padding: 62px 0 !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
}

html body.page-inner .property-services__intro {
  gap: clamp(30px, 4vw, 54px);
  margin-bottom: 30px;
}

html body.page-inner .property-services__intro h1,
html body.page-inner .property-service-card h2,
html body.page-inner .property-process__heading h2,
html body.page-inner .property-process__step h3,
html body.page-inner .quick-compare-heading h2,
html body.page-inner .quick-compare-picker-head h3,
html body.page-inner .quick-compare-option strong,
html body.page-inner .site-visit-showcase__content > h2,
html body.page-inner .site-visit-showcase__benefits strong {
  color: #f7f5ef !important;
  -webkit-text-fill-color: #f7f5ef !important;
}

html body.page-inner :is(
  .property-services__intro > p,
  .property-service-card p,
  .property-process__heading p,
  .property-process__step p,
  .property-process__note p,
  .quick-compare-heading p,
  .quick-compare-picker > p,
  .quick-compare-option small,
  .site-visit-showcase__content > p,
  .site-visit-showcase__benefits small
) {
  color: #cbd3d8 !important;
  -webkit-text-fill-color: #cbd3d8 !important;
}

html body.page-inner .property-service-card {
  min-height: 280px;
  padding: 27px 24px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .property-service-card:hover {
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .property-services__consultation {
  margin-top: 28px;
  margin-bottom: 0;
  transform: none;
}

html body.page-inner .property-process {
  padding: 64px 0 60px !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
}

html body.page-inner .property-process__heading {
  margin-bottom: 34px;
}

html body.page-inner .property-process__note {
  margin-top: 34px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
}

html body.page-inner .quick-compare-section {
  padding: 62px 0 64px !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
}

html body.page-inner .quick-compare-heading {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: clamp(34px, 4vw, 58px);
  align-items: center;
  margin: 0 0 30px;
}

html body.page-inner .quick-compare-heading__copy {
  min-width: 0;
}

html body.page-inner .quick-compare-heading h2 {
  max-width: 760px;
  margin: 8px 0 10px;
  white-space: normal !important;
  line-height: 1.08;
}

html body.page-inner .quick-compare-help {
  width: 100%;
  margin: 0;
  padding: 17px 18px;
  border-color: rgba(201, 154, 61, .55) !important;
  background: var(--zp-home-grey-panel) !important;
  color: #d9dfe1 !important;
  -webkit-text-fill-color: #d9dfe1 !important;
}

html body.page-inner .quick-compare-card {
  grid-template-columns: minmax(290px, .78fr) minmax(0, 1.6fr) !important;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  box-shadow: 0 18px 42px rgba(18, 25, 30, .16) !important;
}

html body.page-inner .quick-compare-picker {
  padding: 25px 24px 27px !important;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .quick-compare-stage {
  min-height: 420px !important;
  background: var(--zp-home-grey-soft) !important;
}

html body.page-inner .quick-compare-option {
  padding: 13px 8px !important;
  border-color: var(--zp-home-grey-line) !important;
}

html body.page-inner .quick-compare-table-wrap {
  margin-top: 20px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  box-shadow: none !important;
}

html body.page-inner .quick-compare-table :is(th, td) {
  padding: 14px 17px;
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  color: #e5eaec !important;
  -webkit-text-fill-color: #e5eaec !important;
}

html body.page-inner .quick-compare-table th {
  background: var(--zp-home-grey-soft) !important;
  color: var(--zp-gold-light) !important;
  -webkit-text-fill-color: var(--zp-gold-light) !important;
}

html body.page-inner section.site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 64px 0 !important;
  border-bottom: 1px solid var(--zp-home-grey-line);
  background: var(--zp-home-grey) !important;
  background-color: var(--zp-home-grey) !important;
  color: #f7f5ef !important;
}

html body.page-inner .site-visit-showcase__visual,
html body.page-inner .site-visit-showcase__benefits article,
html body.page-inner .site-visit-showcase__steps {
  border-color: var(--zp-home-grey-line) !important;
  background: var(--zp-home-grey-panel) !important;
  background-color: var(--zp-home-grey-panel) !important;
}

html body.page-inner .site-visit-showcase__content > h2 {
  margin-bottom: 15px;
}

html body.page-inner .site-visit-showcase__benefits {
  gap: 12px;
  margin-top: 24px;
}

html body.page-inner .site-visit-showcase__steps {
  margin-top: 18px;
}

@media (max-width: 991px) {
  html body.page-inner .property-services__intro,
  html body.page-inner .quick-compare-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  html body.page-inner .quick-compare-card {
    grid-template-columns: 1fr !important;
  }

  html body.page-inner .quick-compare-stage {
    min-height: 360px !important;
  }
}

@media (max-width: 575px) {
  html body.page-inner .property-services,
  html body.page-inner .property-process,
  html body.page-inner .quick-compare-section,
  html body.page-inner section.site-visit-section.site-visit-modern.site-visit-showcase {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  html body.page-inner .property-service-card {
    min-height: 0;
  }
}

/* Logo wordmark: lift only the text/divider to the icon's measured gold tone. */
html body .zirakpur-brand-mark {
  position: relative;
  display: inline-block;
  max-width: 100%;
  flex: 0 0 auto;
  line-height: 0;
}

html body .zirakpur-brand-mark .zirakpur-brand-image--base {
  position: relative;
  z-index: 0;
}

html body .header .zirakpur-brand-mark {
  position: relative;
  display: inline-flex;
  align-items: center;
}

html body .header .zirakpur-brand-image--dark {
  display: none !important;
}

html body .zirakpur-brand-mark .zirakpur-brand-image--wordmark,
html body .header .zirakpur-brand-mark .zirakpur-brand-image--wordmark,
html body .footer-area .zirakpur-brand-mark .zirakpur-brand-image--wordmark,
html body .account .zirakpur-brand-mark .zirakpur-brand-image--wordmark {
  display: none !important;
  filter: none !important;
}

html body .header .navbar-brand.logo {
  width: 190px !important;
  height: 112px !important;
  margin-left: -18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

html body .header .navbar-brand.logo .zirakpur-brand-image {
  width: auto !important;
  height: 108px !important;
  max-width: 184px !important;
  max-height: 108px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .72)) drop-shadow(0 10px 18px rgba(11, 39, 69, .72)) !important;
}

html body .header.fixed-header .navbar-brand.logo .zirakpur-brand-image--light,
html body .header:not(.header--home) .navbar-brand.logo .zirakpur-brand-image--light {
  display: none !important;
}

html body .header.fixed-header .navbar-brand.logo .zirakpur-brand-image--dark,
html body .header:not(.header--home) .navbar-brand.logo .zirakpur-brand-image--dark {
  display: block !important;
  filter: none !important;
}

@media (max-width: 991px) {
  html body .header .navbar-brand.logo {
    width: 138px !important;
    height: 86px !important;
    margin-left: -8px !important;
    padding: 0 !important;
  }

  html body .header .navbar-brand.logo .zirakpur-brand-image {
    height: 82px !important;
    max-width: 132px !important;
    max-height: 82px !important;
  }
}

/* Property In Tricity navy replacement for legacy gold accents. */
html body .header .nav-menu .nav-item .nav-link:hover,
html body .header .nav-menu .nav-item .nav-link:focus,
html body .header .nav-menu .nav-item .nav-link.active,
html body .header.header--home:not(.fixed-header) .nav-menu .nav-item:hover .nav-link,
html body .header.header--home:not(.fixed-header) .nav-menu .nav-item .nav-link.active,
html body .header.fixed-header .nav-menu .nav-item .nav-link:hover,
html body .header.fixed-header .nav-menu .nav-item .nav-link.active,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link:hover,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link.active {
  color: #173f68 !important;
}

html body .header .nav-menu .nav-item .nav-link::before,
html body .header .nav-menu .nav-item .nav-link.active::before,
html body .header .project-nav-dropdown__menu .dropdown-item:hover,
html body .header .project-nav-dropdown__menu .dropdown-item:focus,
html body .header .project-nav-dropdown__menu .dropdown-item.active {
  background-color: rgba(11, 39, 69, .1) !important;
}

html body .header .project-nav-dropdown__menu {
  border-color: rgba(11, 39, 69, .18) !important;
}

html body .header .project-nav-dropdown__menu .dropdown-item:hover,
html body .header .project-nav-dropdown__menu .dropdown-item:focus,
html body .header .project-nav-dropdown__menu .dropdown-item.active {
  color: #0b2745 !important;
}

html body .header .nav-menu .nav-item .nav-link.nav-link--property-cta {
  border-color: rgba(11, 39, 69, .55) !important;
  background: rgba(11, 39, 69, .16) !important;
}

html body .header .nav-menu .nav-item .nav-link.nav-link--property-cta:hover,
html body .header .nav-menu .nav-item .nav-link.nav-link--property-cta.active {
  background: #0b2745 !important;
  color: #ffffff !important;
}

html body .hero-heading strong,
html body .banner-content__title.hero-heading > span strong {
  color: inherit !important;
}

html body :is(
  a:hover,
  a:focus,
  .text--base,
  .property-item__location i,
  .property-card__location i,
  .featured-property-card__location i,
  .listing-details__location i,
  .contact-info__icon,
  .location-icon,
  [class*='location'] i,
  .las.la-map-marker,
  .las.la-map-marker-alt,
  .fa-map-marker-alt
) {
  color: #0b2745 !important;
}

html body :is(.btn--base, .bg--base, button.btn--base, input.btn--base, .pagination .page-item.active .page-link) {
  border-color: #0b2745 !important;
  background-color: #0b2745 !important;
}

html body :is(.btn--base, button.btn--base):hover,
html body :is(.btn--base, button.btn--base):focus {
  border-color: #173f68 !important;
  background-color: #173f68 !important;
}

/* Smart hero search */
html body .banner-content__subdesc {
  max-width: 760px;
  margin: 10px 0 0;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 15px;
  line-height: 1.65;
}

html body .hero-smart-panel {
  width: min(100%, 1060px);
  margin-top: 24px;
}

html body .hero-smart-search {
  display: grid;
  grid-template-columns: 1fr 1.18fr 1.25fr 1fr 150px;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 8px;
  background: rgba(9, 21, 34, .92);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
  backdrop-filter: blur(10px);
}

html body .hero-smart-search__field {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 13px 16px;
  border-right: 1px solid rgba(255, 255, 255, .12);
}

html body .hero-smart-search__field span {
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .58);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

html body .hero-smart-search__field select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

html body .hero-smart-search__field select option {
  background: #101c2a;
  color: #ffffff;
}

html body .hero-smart-search__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 8px;
  border: 0;
  border-radius: 6px;
  background: #0b2745;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

html body .hero-smart-search__submit i {
  color: inherit !important;
  font-size: 19px;
}

html body .hero-smart-search__submit:hover,
html body .hero-smart-search__submit:focus {
  background: #173f68;
  color: #ffffff;
}

@media (max-width: 1199px) {
  html body .hero-smart-search {
    grid-template-columns: repeat(2, minmax(0, 1fr)) 150px;
  }

  html body .hero-smart-search__field:nth-of-type(2) {
    border-right: 0;
  }

  html body .hero-smart-search__submit {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 767px) {
  html body .banner-content__subdesc {
    font-size: 13px;
  }

  html body .hero-smart-search {
    grid-template-columns: 1fr;
  }

  html body .hero-smart-search__field {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    padding: 12px 14px;
  }

  html body .hero-smart-search__submit {
    grid-column: auto;
    grid-row: auto;
    min-height: 48px;
  }
}

/* Plain white site reset */
html,
html body,
html body.page-home,
html body.page-inner {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #101820 !important;
}

html body :is(
  main,
  section,
  .section,
  .py-120,
  .feature-grid,
  .listing-section,
  .listing-detials,
  .featured-properties-section,
  .new-projects-section,
  .category-section,
  .home-trust-strip,
  .home-services-overview,
  .home-quick-trust,
  .browse-budget-section,
  .about-simple,
  .about-theory,
  .human-about,
  .local-service-pages,
  .quick-compare-section,
  .site-visit-section,
  .site-visit-modern,
  .site-visit-showcase,
  .property-services,
  .property-process,
  .property-paths,
  .testimonials,
  .interesting-reads-section,
  .contact-top,
  .account,
  .dedicated-builder-map,
  .builder-map-section
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #101820 !important;
}

html body :is(
  .card,
  .property-item,
  .property-card,
  .featured-property-card,
  .new-project-card,
  .browse-budget-card,
  .home-service-card,
  .home-quick-trust__inner,
  .quick-compare-card,
  .quick-compare-option,
  .site-visit-content,
  .site-visit-map-card,
  .site-visit-modern__card,
  .site-visit-modern__panel,
  .site-visit-showcase__content,
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .contact-item,
  .account-form,
  .account-form-wrapper,
  .footer-mini-cta
) {
  border-color: #dbe3ea !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 12px 30px rgba(11, 39, 69, .07) !important;
  color: #101820 !important;
}

html body :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .title,
  .name,
  label,
  strong
) {
  color: #101820 !important;
}

html body :is(
  p,
  li,
  small,
  .desc,
  .description,
  .text-muted
) {
  color: #5f6f7c !important;
}

html body .banner-section .hero-heading :is(span,strong) {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .34) !important;
}

html body .banner-section.bg-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

html body .banner-section .banner-content__subdesc,
html body .banner-section .banner-content__desc {
  color: rgba(255, 255, 255, .86) !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .32) !important;
}

html body .hero-smart-search {
  border-color: #dbe3ea !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(11, 39, 69, .1) !important;
}

html body .hero-smart-search__field {
  border-color: #dbe3ea !important;
}

html body .hero-smart-search__field span {
  color: #5f6f7c !important;
}

html body .hero-smart-search__field select {
  color: #101820 !important;
}

html body .hero-smart-search__field select option {
  background: #ffffff;
  color: #101820;
}

html body .header:not(.header--home),
html body .header.fixed-header,
html body .header.header--home.fixed-header {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #dbe3ea !important;
  box-shadow: 0 10px 24px rgba(11, 39, 69, .08) !important;
}

html body .header:not(.header--home) .nav-menu .nav-item .nav-link,
html body .header.fixed-header .nav-menu .nav-item .nav-link,
html body .header:not(.header--home) .header-button,
html body .header.fixed-header .header-button {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  text-shadow: none !important;
}

html body .header.fixed-header .nav-menu .nav-item .nav-link,
html body .header.fixed-header .nav-menu .nav-item .nav-link.active,
html body .header.fixed-header .nav-menu .nav-item .nav-link:hover,
html body .header.fixed-header .nav-menu .nav-item .nav-link:focus,
html body .header.fixed-header .header-button,
html body .header.fixed-header .nav-link--property-cta,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link.active,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link:hover,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link:focus,
html body .header:not(.header--home) .header-button,
html body .header:not(.header--home) .nav-link--property-cta {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  text-shadow: none !important;
}

html body .header.fixed-header .nav-menu .nav-item .nav-link.nav-link--property-cta,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link.nav-link--property-cta {
  border-color: #173f68 !important;
  background: transparent !important;
}

html body .footer-area,
html body .footer-area--zirakpur {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-top: 1px solid #dbe3ea !important;
  color: #101820 !important;
}

html body .footer-area :is(h1,h2,h3,h4,h5,h6,strong,a) {
  color: #101820 !important;
}

html body .footer-area :is(p,li,small,span) {
  color: #5f6f7c !important;
}

/* Hero nav stays white; navy appears on hover and after scrolling. */
html body .header.header--home:not(.fixed-header) .nav-menu .nav-item .nav-link,
html body .header.header--home:not(.fixed-header) .nav-menu .nav-item .nav-link.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .45) !important;
}

html body .header.header--home:not(.fixed-header) .nav-menu .nav-item:hover .nav-link,
html body .header.header--home:not(.fixed-header) .nav-menu .nav-item .nav-link:hover,
html body .header.header--home:not(.fixed-header) .nav-menu .nav-item .nav-link:focus {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  text-shadow: none !important;
}

html body .header.fixed-header .nav-menu .nav-item .nav-link.active,
html body .header.fixed-header .nav-menu .nav-item .nav-link:hover,
html body .header.fixed-header .nav-menu .nav-item .nav-link:focus,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link.active,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link:hover,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link:focus {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  text-shadow: none !important;
}

/* Left aligned trust strip in logo navy. */
html body .home-trust-strip {
  padding-bottom: 18px !important;
  background: #ffffff !important;
  border-bottom-color: #dbe3ea !important;
}

html body .home-trust-strip__grid {
  align-items: stretch !important;
}

html body .home-trust-strip__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 8px 24px !important;
  text-align: left !important;
}

html body .home-trust-strip__item:first-child {
  padding-left: 0 !important;
}

html body .home-trust-strip__item > i {
  margin: 0 0 12px !important;
  color: #173f68 !important;
  font-size: 31px !important;
  text-align: left !important;
}

html body .home-trust-strip__item h3 {
  width: 100% !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  text-align: left !important;
}

html body .home-trust-strip__item p {
  max-width: 230px !important;
  margin: 9px 0 0 !important;
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
  text-align: left !important;
}

html body .home-trust-strip__item + .home-trust-strip__item {
  border-left-color: #dbe3ea !important;
}

/* Combined property support and local services section. */
html body .home-support-studio {
  padding: 78px 0 86px !important;
  background: #ffffff !important;
  color: #101820 !important;
}

html body .home-support-studio__hero {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(360px, .78fr);
  gap: 34px;
  align-items: stretch;
  margin-bottom: 24px;
}

html body .home-support-studio .home-services-overview__heading {
  max-width: 720px !important;
  padding: 34px;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  background: #f7f9fb;
}

html body .home-support-studio .home-services-overview__heading > span {
  color: #173f68 !important;
}

html body .home-support-studio .home-services-overview__heading h2 {
  margin-top: 8px !important;
  color: #101820 !important;
  font-size: clamp(32px, 3.4vw, 48px) !important;
  line-height: 1.08 !important;
}

html body .home-support-studio .home-services-overview__heading p {
  max-width: 620px;
  color: #5f6f7c !important;
  font-size: 16px !important;
}

html body .home-support-studio__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

html body .home-support-studio__actions a,
html body .home-support-studio__compare > a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 16px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 900;
}

html body .home-support-studio__primary,
html body .home-support-studio__compare > a {
  border: 1px solid #173f68;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .home-support-studio__secondary {
  border: 1px solid rgba(23, 63, 104, .28);
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .home-support-studio__visual {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  border-radius: 8px;
  background-position: center;
  background-size: cover;
  isolation: isolate;
}

html body .home-support-studio__visual::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(11, 39, 69, .08), rgba(11, 39, 69, .78));
  content: "";
}

html body .home-support-studio__visual > div {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 8px;
  background: rgba(11, 39, 69, .82);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}

html body .home-support-studio__visual strong,
html body .home-support-studio__visual span {
  display: block;
  color: #ffffff !important;
}

html body .home-support-studio__visual strong {
  margin-bottom: 5px;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 22px;
  font-weight: 900;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .32);
}

html body .home-support-studio__visual span {
  color: rgba(255,255,255,.96) !important;
  -webkit-text-fill-color: rgba(255,255,255,.96) !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

html body .home-support-studio .home-services-overview__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

html body .home-support-studio .home-service-card,
html body .home-support-studio__local-grid a {
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(11, 39, 69, .07) !important;
}

html body .home-support-studio .home-service-card i,
html body .home-support-studio__local-grid i,
html body .home-support-studio__compare .home-compare-teaser__icon {
  color: #173f68 !important;
}

html body .home-support-studio .home-service-card h3,
html body .home-support-studio__local-grid strong,
html body .home-support-studio__compare h3 {
  color: #101820 !important;
}

html body .home-support-studio .home-service-card p,
html body .home-support-studio__local-grid small,
html body .home-support-studio__compare p {
  color: #5f6f7c !important;
}

html body .home-support-studio__local-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

html body .home-support-studio__local-grid a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 104px;
  padding: 18px;
}

html body .home-support-studio__local-grid i {
  font-size: 30px;
}

html body .home-support-studio__local-grid small,
html body .home-support-studio__local-grid strong {
  display: block;
}

html body .home-support-studio__local-grid small {
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

html body .home-support-studio__local-grid strong {
  font-size: 14px;
  font-weight: 900;
  line-height: 1.35;
}

html body .home-support-studio__compare {
  margin-top: 18px !important;
  border-color: rgba(23, 63, 104, .18) !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
}

@media (max-width: 1199px) {
  html body .home-support-studio .home-services-overview__grid,
  html body .home-support-studio__local-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  html body .home-support-studio__hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  html body .home-support-studio {
    padding: 62px 0 68px !important;
  }

  html body .home-support-studio .home-services-overview__heading {
    padding: 24px;
  }

  html body .home-support-studio .home-services-overview__grid,
  html body .home-support-studio__local-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Property match section replacing the old exclusive homes cards. */
html body .property-match-section {
  padding: 42px 0 92px !important;
  background: #ffffff !important;
  color: #101820 !important;
}

/* Tricity discovery sections after the property match block. */
html body .tricity-discovery-section {
  padding: 0 0 92px !important;
  background: #ffffff !important;
  color: #101820 !important;
}

html body .tricity-section-heading {
  max-width: 760px;
  margin-bottom: 28px;
}

html body .tricity-section-heading span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #173f68 !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body .tricity-section-heading h2 {
  margin: 0;
  color: #101820 !important;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 900;
  line-height: 1.12;
}

html body .tricity-section-heading p {
  max-width: 720px;
  margin: 12px 0 0;
  color: #5f6f7c !important;
  font-size: 16px;
  line-height: 1.7;
}

html body .tricity-section-heading--compact {
  margin-bottom: 0;
}

html body .tricity-trending-copy {
  margin-top: 20px;
  padding: 18px 20px;
  border-left: 4px solid #173f68;
  background: #f7f9fb;
}

html body .tricity-trending-copy strong {
  display: block;
  margin-bottom: 10px;
  color: #101820 !important;
  font-size: 15px;
  font-weight: 900;
}

html body .tricity-trending-copy ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html body .tricity-trending-copy li {
  position: relative;
  padding-left: 18px;
  color: #5f6f7c !important;
  font-size: 14px;
  line-height: 1.55;
}

html body .tricity-trending-copy li::before {
  position: absolute;
  top: .7em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #173f68;
  content: "";
}

html body .tricity-region-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

html body .tricity-region-card {
  position: relative;
  display: flex;
  min-height: 280px;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  padding: 18px;
  border-radius: 8px;
  isolation: isolate;
}

html body .tricity-region-card::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(180deg, rgba(11, 39, 69, .08), rgba(11, 39, 69, .82));
}

html body .tricity-region-card img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .28s ease;
}

html body .tricity-region-card:hover img {
  transform: scale(1.05);
}

html body .tricity-region-card span {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  min-height: 32px;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  color: #ffffff !important;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
  text-align: left;
}

html body .tricity-region-card h3 {
  min-height: 26px;
  margin: 0 0 8px;
  color: #ffffff !important;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
  text-align: left;
}

html body .tricity-region-card p {
  min-height: 58px;
  margin: 0;
  color: rgba(255, 255, 255, .82) !important;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
}

html body .tricity-region-card {
  gap: 0;
}

html body .tricity-region-card span,
html body .tricity-region-card h3,
html body .tricity-region-card p {
  position: relative;
  z-index: 1;
}

html body .tricity-region-card::after {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 0;
  height: 128px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(11, 39, 69, .54);
  content: "";
}

html body .tricity-feature-row {
  display: grid;
  grid-template-columns: minmax(300px, .78fr) minmax(0, 1fr);
  gap: 34px;
  align-items: stretch;
  margin-top: 54px;
  padding-top: 42px;
  border-top: 1px solid #dbe3ea;
}

html body .tricity-trending-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

html body .tricity-trending-card,
html body .tricity-type-card {
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(11, 39, 69, .07);
}

html body .tricity-trending-card {
  display: flex;
  min-height: 190px;
  flex-direction: column;
  padding: 22px;
}

html body .tricity-trending-card i,
html body .tricity-type-card i {
  color: #173f68 !important;
}

html body .tricity-trending-card i {
  margin-bottom: 18px;
  font-size: 34px;
}

html body .tricity-trending-card h3 {
  margin: 0 0 10px;
  color: #101820 !important;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.28;
}

html body .tricity-trending-card p {
  margin: 0;
  color: #5f6f7c !important;
  font-size: 14px;
  line-height: 1.6;
}

html body .tricity-quick-browse {
  display: grid;
  grid-template-columns: minmax(330px, .7fr) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin-top: 42px;
  padding: 28px;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  background: #f7f9fb;
}

html body .tricity-quick-browse .tricity-section-heading h2 {
  font-size: clamp(28px, 2.8vw, 40px);
}

html body .tricity-quick-browse .tricity-section-heading p {
  max-width: 430px;
  margin-top: 10px;
  font-size: 14px;
}

html body .tricity-type-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

html body .tricity-type-card {
  display: grid;
  min-height: 82px;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 16px;
}

html body .tricity-type-card i {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(23, 63, 104, .08);
  font-size: 24px;
}

html body .tricity-type-card span {
  color: #101820 !important;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.3;
}

html body .tricity-region-card:hover,
html body .tricity-trending-card:hover,
html body .tricity-type-card:hover {
  transform: translateY(-3px);
}

html body .tricity-trending-card:hover,
html body .tricity-type-card:hover {
  border-color: rgba(23, 63, 104, .26);
  box-shadow: 0 18px 38px rgba(11, 39, 69, .11);
}

@media (max-width: 1199px) {
  html body .tricity-region-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html body .tricity-feature-row,
  html body .tricity-quick-browse {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html body .tricity-discovery-section {
    padding-bottom: 70px !important;
  }

  html body .tricity-region-grid,
  html body .tricity-trending-grid,
  html body .tricity-type-grid {
    grid-template-columns: 1fr;
  }

  html body .tricity-quick-browse {
    padding: 22px;
  }

  html body .tricity-region-card {
    min-height: 230px;
  }
}

/* Trust, legal and finance hub for real-estate confidence. */
html body .trust-legal-hub-section {
  padding: 86px 0 92px !important;
  background: #f7f9fb !important;
  color: #101820 !important;
}

html body .trust-legal-hub__heading {
  max-width: 820px;
  margin-bottom: 30px;
}

html body .trust-legal-hub__heading > span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #173f68 !important;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body .trust-legal-hub__heading h2 {
  margin: 0;
  color: #101820 !important;
  font-size: clamp(30px, 3.2vw, 46px);
  font-weight: 900;
  line-height: 1.12;
}

html body .trust-legal-hub__heading p {
  max-width: 780px;
  margin: 12px 0 0;
  color: #5f6f7c !important;
  font-size: 16px;
  line-height: 1.7;
}

html body .trust-legal-hub__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

html body .trust-legal-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  background: #ffffff !important;
  box-shadow: 0 18px 38px rgba(11, 39, 69, .08);
}

html body .trust-legal-card__media {
  display: block;
  height: 210px;
  overflow: hidden;
  background: #dbe3ea;
}

html body .trust-legal-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .28s ease;
}

html body .trust-legal-card:hover .trust-legal-card__media img {
  transform: scale(1.05);
}

html body .trust-legal-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px;
}

html body .trust-legal-card__icon {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: 8px;
  background: rgba(23, 63, 104, .09);
  color: #173f68 !important;
  font-size: 24px;
}

html body .trust-legal-card__body > span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #173f68 !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

html body .trust-legal-card h3 {
  margin: 0 0 10px;
  color: #101820 !important;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
}

html body .trust-legal-card p {
  margin: 0 0 16px;
  color: #5f6f7c !important;
  font-size: 14px;
  line-height: 1.65;
}

html body .trust-legal-card ul {
  display: grid;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

html body .trust-legal-card li {
  position: relative;
  padding-left: 18px;
  color: #101820 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
}

html body .trust-legal-card li::before {
  position: absolute;
  top: .58em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #173f68;
  content: "";
}

html body .trust-legal-card__link {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  color: #173f68 !important;
  font-size: 14px;
  font-weight: 900;
}

html body .trust-legal-card__link:hover {
  color: #0b2745 !important;
}

html body .trust-legal-hub__bank-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid #dbe3ea;
  border-radius: 8px;
  background: #ffffff;
}

html body .trust-legal-hub__bank-strip span {
  color: #5f6f7c !important;
  font-size: 13px;
  font-weight: 800;
}

html body .trust-legal-hub__bank-strip strong {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(23, 63, 104, .08);
  color: #173f68 !important;
  font-size: 13px;
  font-weight: 900;
}

html body .trust-legal-hub__bank-strip small {
  flex-basis: 100%;
  color: #5f6f7c !important;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 991px) {
  html body .trust-legal-hub__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html body .trust-legal-hub-section {
    padding: 64px 0 70px !important;
  }

  html body .trust-legal-card__media {
    height: 190px;
  }
}

html body .property-match__intro {
  display: grid;
  grid-template-columns: minmax(360px, .9fr) minmax(420px, 1fr);
  gap: 56px;
  align-items: start;
  margin-bottom: 30px;
}

html body .property-match__eyebrow {
  display: inline-flex;
  margin-bottom: 10px;
  color: #5f6f7c !important;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body .property-match__intro h2 {
  max-width: 620px;
  margin: 0;
  color: #101820 !important;
  font-size: clamp(34px, 3.7vw, 52px);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: 0;
}

html body .property-match__intro h2 span {
  display: block;
  color: #173f68 !important;
}

html body .property-match__copy {
  padding-top: 4px;
}

html body .property-match__copy p {
  margin: 0;
  color: #5f6f7c !important;
  font-size: 16px;
  line-height: 1.75;
}

html body .property-match__points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

html body .property-match__points span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border: 1px solid rgba(23, 63, 104, .14);
  border-radius: 999px;
  background: rgba(23, 63, 104, .07);
  color: #173f68 !important;
  font-size: 12px;
  font-weight: 800;
}

html body .property-match__points a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 14px;
  border: 1px solid #173f68;
  border-radius: 999px;
  background: #173f68;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12px;
  font-weight: 900;
}

html body .property-match__points a:hover,
html body .property-match__points a:focus {
  background: #0b2745;
  color: #ffffff !important;
}

html body .property-match__layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 22px;
  align-items: stretch;
}

html body .property-match-feature {
  position: relative;
  height: 430px;
  min-height: 430px;
  overflow: hidden;
  border-radius: 8px;
  background: #eef3f6;
}

html body .property-match-feature__media {
  display: block;
  width: 100%;
  height: 100%;
}

html body .property-match-feature__media img,
html body .property-match-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html body .property-match-card {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) auto 42px;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 18px 38px rgba(11, 39, 69, .18);
}

html body .property-match-card strong {
  display: block;
  margin-bottom: 4px;
  color: #173f68 !important;
  font-size: 24px;
  font-weight: 900;
}

html body .property-match-card p {
  margin: 0 0 3px;
  color: #101820 !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

html body .property-match-card span {
  color: #5f6f7c !important;
  font-size: 12px;
  line-height: 1.4;
}

html body .property-match-card__facts {
  display: flex;
  gap: 14px;
}

html body .property-match-card__facts span {
  display: grid;
  min-width: 42px;
  color: #101820 !important;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
}

html body .property-match-card__facts small {
  margin-top: 2px;
  color: #5f6f7c !important;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

html body .property-match-card > a,
html body .property-match-tile span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #173f68 !important;
  color: #ffffff !important;
}

html body .property-match-card > a {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(23, 63, 104, .24) !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  box-shadow: 0 8px 18px rgba(11, 39, 69, .12) !important;
}

html body .property-match-card > a i {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 16px !important;
}

html body .property-match-card > a:hover,
html body .property-match-card > a:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .property-match-card > a:hover i,
html body .property-match-card > a:focus i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .property-match-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 18px;
  height: 430px;
}

html body .property-match-tile {
  position: relative;
  min-height: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #eef3f6;
}

html body .property-match-tile span {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 36px;
  height: 36px;
  background: rgba(255, 255, 255, .88) !important;
  color: #173f68 !important;
  box-shadow: 0 12px 24px rgba(11, 39, 69, .16);
}

html body .property-match-empty {
  padding: 44px 22px;
  border: 1px dashed #dbe3ea;
  border-radius: 8px;
  background: #ffffff;
  text-align: center;
}

html body .property-match-empty span {
  display: inline-flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border-radius: 50%;
  background: rgba(11, 39, 69, .08);
  color: #0b2745;
  font-size: 25px;
}

@media (max-width: 991px) {
  html body .property-match__intro,
  html body .property-match__layout {
    grid-template-columns: 1fr;
  }

  html body .property-match-feature {
    height: 390px;
    min-height: 390px;
  }

  html body .property-match-gallery {
    height: auto;
    grid-template-rows: repeat(2, 190px);
  }
}

@media (max-width: 575px) {
  html body .property-match-section {
    padding: 64px 0 70px !important;
  }

  html body .property-match__intro {
    gap: 16px;
  }

  html body .property-match-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    height: auto;
  }

  html body .property-match-tile,
  html body .property-match-tile:nth-child(3) {
    grid-column: auto;
    min-height: 210px;
  }

  html body .property-match-card {
    grid-template-columns: 1fr 42px;
  }

  html body .property-match-card__facts {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: space-between;
  }
}

html body .banner-section .banner-content__subdesc {
  max-width: 820px !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

@media (max-width: 767px) {
  html body .banner-section .banner-content__subdesc {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}

/* Cleaner hero search bar. */
html body .hero-smart-panel {
  width: min(100%, 1120px) !important;
  margin-top: 26px !important;
}

html body .hero-smart-search {
  grid-template-columns: 1.02fr 1.15fr 1.25fr .98fr 160px !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px !important;
  overflow: visible !important;
  border: 1px solid rgba(219, 227, 234, .98) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 38px rgba(11, 39, 69, .14) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body .hero-smart-search__field {
  min-height: 50px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body .hero-smart-search__field span {
  margin: 0 0 6px !important;
  color: #5f6f7c !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
}

html body .hero-smart-search__field select {
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 34px 0 12px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 6px !important;
  outline: 0 !important;
  background-color: #f7f9fb !important;
  background-image: linear-gradient(45deg, transparent 50%, #0b2745 50%), linear-gradient(135deg, #0b2745 50%, transparent 50%) !important;
  background-position: calc(100% - 16px) 16px, calc(100% - 11px) 16px !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 38px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .hero-smart-search__field select:focus {
  border-color: #173f68 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(23, 63, 104, .12) !important;
}

html body .hero-smart-search__submit {
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Quick trust strip: navy accents and readable CTA. */
html body .home-quick-trust {
  background: #ffffff !important;
}

html body .home-quick-trust__inner {
  border-color: #dbe3ea !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(11, 39, 69, .07) !important;
}

html body .home-quick-trust__lead,
html body .home-quick-trust__signal {
  border-right-color: #dbe3ea !important;
}

html body .home-quick-trust__lead i,
html body .home-quick-trust__signal i {
  color: #173f68 !important;
}

html body .home-quick-trust__inner strong {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .home-quick-trust__inner small {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .home-quick-trust__inner > :is(a,button) {
  border: 1px solid #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .home-quick-trust__inner > :is(a,button) i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .home-quick-trust__inner > :is(a,button):hover {
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Human about section: copy left, image right. */
html body .human-about__layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr) !important;
}

html body .human-about__content {
  order: 1 !important;
}

html body .human-about__visual {
  order: 2 !important;
}

html body .human-about__visual > img {
  object-position: center center !important;
}

html body .human-about__visual > div {
  right: auto !important;
  left: -18px !important;
}

/* Why choose section: clean white and navy treatment. */
html body .zirakpur-choose-section.home-choice {
  background: #ffffff !important;
  color: #101820 !important;
}

html body .home-choice__eyebrow,
html body .home-choice__point i,
html body .home-choice__consultation > span {
  color: #173f68 !important;
}

html body .home-choice__content h2,
html body .home-choice__point h3,
html body .home-choice__consultation h3 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .home-choice__intro,
html body .home-choice__point p,
html body .home-choice__consultation p {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .home-choice__point {
  border-color: #dbe3ea !important;
}

html body .home-choice__media > img {
  object-position: center center !important;
}

html body .home-choice__consultation {
  border-color: rgba(23, 63, 104, .18) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 38px rgba(11, 39, 69, .12) !important;
}

html body .home-choice__consultation a,
html body .home-choice__actions a:first-child {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .home-choice__actions a {
  border-color: #173f68 !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

/* Site visit showcase refresh. */
html body .site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 76px 0 !important;
  background: #ffffff !important;
  color: #101820 !important;
}

html body .site-visit-showcase__layout {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(360px, .9fr) !important;
  gap: 42px !important;
  align-items: center !important;
}

html body .site-visit-showcase__content {
  order: 1 !important;
  padding: 34px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: none !important;
}

html body .site-visit-showcase__visual {
  order: 2 !important;
  min-height: 520px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #dbe3ea !important;
}

html body .site-visit-showcase__visual img {
  width: 100% !important;
  height: 520px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body .site-visit-showcase__visual figcaption {
  right: 18px !important;
  bottom: 18px !important;
  left: 18px !important;
  border-color: rgba(255, 255, 255, .28) !important;
  border-radius: 8px !important;
  background: rgba(11, 39, 69, .76) !important;
  color: #ffffff !important;
}

html body .site-visit-showcase__visual figcaption i,
html body .site-visit-showcase__eyebrow,
html body .site-visit-showcase__benefits i,
html body .site-visit-showcase__steps b {
  color: #173f68 !important;
}

html body .site-visit-showcase__visual figcaption small,
html body .site-visit-showcase__visual figcaption strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .site-visit-showcase__content h2 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(32px, 3.2vw, 46px) !important;
  line-height: 1.1 !important;
}

html body .site-visit-showcase__content h2 .brand-location-text {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .site-visit-showcase__content p,
html body .site-visit-showcase__benefits small {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .site-visit-showcase__benefits {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

html body .site-visit-showcase__benefits article,
html body .site-visit-showcase__steps span {
  border-color: #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

html body .site-visit-showcase__benefits strong,
html body .site-visit-showcase__steps span {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .site-visit-showcase__actions button {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .site-visit-showcase__actions a {
  border-color: #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

@media (max-width: 991px) {
  html body .site-visit-showcase__layout {
    grid-template-columns: 1fr !important;
  }

  html body .site-visit-showcase__content,
  html body .site-visit-showcase__visual {
    order: initial !important;
  }
}

@media (max-width: 575px) {
  html body .site-visit-showcase__content {
    padding: 24px !important;
  }

  html body .site-visit-showcase__visual,
  html body .site-visit-showcase__visual img {
    min-height: 360px !important;
    height: 360px !important;
  }
}

@media (max-width: 767px) {
  html body .human-about__content,
  html body .human-about__visual {
    order: initial !important;
  }

  html body .human-about__visual > div {
    right: 10px !important;
    left: 10px !important;
  }
}

@media (max-width: 1199px) {
  html body .hero-smart-search {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .hero-smart-search__submit {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 767px) {
  html body .hero-smart-search {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 10px !important;
  }
}

/* Final site-visit alignment pass: match other homepage section scale. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 72px 0 !important;
  background: #ffffff !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
  width: min(100% - 30px, 1188px) !important;
  max-width: 1188px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual {
  min-height: 470px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 38px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual {
  display: block !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: 0 16px 34px rgba(11, 39, 69, .12) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual img {
  display: block !important;
  width: 100% !important;
  height: 470px !important;
  min-height: 470px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content > p {
  max-width: 640px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits {
  margin-top: 24px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__steps {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 18px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions {
  margin-top: 24px !important;
}

/* Final site-visit image polish. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  grid-template-columns: minmax(0, .96fr) minmax(0, .94fr) !important;
  gap: 30px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual img {
  height: 470px !important;
  min-height: 470px !important;
  max-height: 470px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual img {
  object-position: 44% center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual figcaption {
  right: 16px !important;
  bottom: 16px !important;
  left: 16px !important;
  padding: 15px 17px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  background: rgba(11, 39, 69, .86) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .18) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__mini {
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  z-index: 2 !important;
  width: 168px !important;
  height: 116px !important;
  min-height: 116px !important;
  max-height: 116px !important;
  border: 4px solid #ffffff !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  object-position: center center !important;
  box-shadow: 0 14px 28px rgba(11, 39, 69, .28) !important;
}

/* Header account actions restored. */
html body .header .header-login-action {
  gap: 10px !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

html body .header .navbar {
  column-gap: 14px !important;
}

html body .header .header-nav-center {
  flex: 1 1 auto !important;
}

html body .header .header-wishlist,
html body .header .header-login-link {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(255, 255, 255, .35) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .header .header-wishlist i {
  color: inherit !important;
  font-size: 17px !important;
}

html body .header .header-wishlist > span {
  position: static !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
}

html body .header .header-wishlist > span::before {
  content: none !important;
}

html body .header.fixed-header .header-wishlist,
html body .header.fixed-header .header-login-link,
html body .header:not(.header--home) .header-wishlist,
html body .header:not(.header--home) .header-login-link {
  border-color: rgba(23, 63, 104, .25) !important;
  background: rgba(23, 63, 104, .06) !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

@media (max-width: 991px) {
  html body .header .header-login-action {
    margin: 12px 0 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
    grid-template-columns: 1fr !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual img {
    min-height: auto !important;
    height: auto !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual img {
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase {
    padding: 58px 0 !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
    padding: 24px !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__steps {
    grid-template-columns: 1fr !important;
  }
}

/* Final blue accent and readability pass. */
html body .human-about__content > span,
html body .human-about__values i,
html body .human-about__visual > div i,
html body .home-support-studio .home-services-overview__heading > span,
html body .home-support-studio .home-service-card i,
html body .home-support-studio__local-grid i,
html body .home-support-studio__local-grid small,
html body .home-support-studio__compare .home-compare-teaser__icon,
html body .tricity-section-heading span,
html body .tricity-trending-card i,
html body .tricity-type-card i,
html body .trust-legal-hub__heading > span,
html body .trust-legal-card__body > span,
html body .trust-legal-card__icon,
html body .property-match__eyebrow,
html body .property-match__intro h2 span,
html body .property-match-card > a,
html body .property-match-tile span,
html body .site-visit-showcase__eyebrow,
html body .home-choice__eyebrow {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .human-about__actions a {
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 0 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

html body .human-about__actions a:first-child,
html body .human-about__actions a:first-child:hover,
html body .human-about__actions a:first-child:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .human-about__actions a:first-child i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .human-about__actions a:not(:first-child) {
  border-color: #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .human-about__actions a:not(:first-child):hover,
html body .human-about__actions a:not(:first-child):focus {
  background: rgba(23, 63, 104, .08) !important;
  color: #0b2745 !important;
  -webkit-text-fill-color: #0b2745 !important;
}

/* Expert contact modal: white and blue theme. */
html body .expert-contact-modal .modal-dialog {
  max-width: 560px !important;
}

html body .expert-contact-modal .modal-content {
  position: relative !important;
  overflow: hidden !important;
  padding: 36px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #101820 !important;
  text-align: center !important;
  box-shadow: 0 28px 80px rgba(11, 39, 69, .24) !important;
}

html body .expert-contact-modal__close {
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 50% !important;
  background: #f7f9fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .expert-contact-modal__close:hover,
html body .expert-contact-modal__close:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .expert-contact-modal__icon {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto 16px !important;
  border: 1px solid rgba(23, 63, 104, .22) !important;
  border-radius: 6px !important;
  background: #f7f9fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .expert-contact-modal .modal-content > span {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .expert-contact-modal h3 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .expert-contact-modal p {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .expert-contact-modal__actions > :is(a, button) {
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .expert-contact-modal__actions > :is(a, button):hover,
html body .expert-contact-modal__actions > :is(a, button):focus {
  border-color: #173f68 !important;
  background: #f7f9fb !important;
}

html body .expert-contact-modal__actions .expert-contact-modal__whatsapp {
  border-color: rgba(16, 185, 129, .35) !important;
  background: rgba(16, 185, 129, .08) !important;
}

html body .expert-contact-modal__actions i {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .expert-contact-modal__whatsapp i {
  color: #16a765 !important;
  -webkit-text-fill-color: #16a765 !important;
}

html body .expert-contact-modal__actions strong {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .expert-contact-modal__actions small {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .expert-request-form label > span {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .expert-request-form :is(input, select, textarea) {
  border-color: #dbe3ea !important;
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .expert-request-form :is(input, select, textarea):focus {
  border-color: #173f68 !important;
  box-shadow: 0 0 0 3px rgba(23, 63, 104, .12) !important;
}

html body .expert-request-form select option {
  background: #ffffff !important;
  color: #101820 !important;
}

html body .expert-request-form__submit {
  border: 1px solid #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .expert-request-form__submit:hover,
html body .expert-request-form__submit:focus {
  background: #0b2745 !important;
}

/* Final desktop header placement: keep account actions on the far right. */
@media (min-width: 992px) {
  html body .header .navbar {
    position: relative !important;
    display: flex !important;
    min-height: 104px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding-right: 186px !important;
  }

  html body .header .navbar-brand.logo {
    flex: 0 0 172px !important;
    width: 172px !important;
    min-width: 172px !important;
  }

  html body .header .header-nav-center {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  html body .header .nav-menu {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
  }

  html body .header .nav-menu .nav-item {
    flex: 0 0 auto !important;
  }

  html body .header .nav-menu .nav-item .nav-link {
    padding-right: 0 !important;
    padding-left: 0 !important;
    white-space: nowrap !important;
  }

  html body .header .header-login-action {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    display: flex !important;
    width: auto !important;
    min-width: 172px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    justify-content: flex-end !important;
  }

  html body .header .header-wishlist,
  html body .header.fixed-header .header-wishlist,
  html body .header:not(.header--home) .header-wishlist {
    width: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .header .header-wishlist > span {
    display: none !important;
  }

  html body .header .header-wishlist i {
    font-size: 20px !important;
  }
}

/* Final login page polish. */
html body.page-inner .auth-page-header .header,
html body.page-inner .auth-page-header .header:not(.header--home),
html body.page-inner .auth-page-header .header.fixed-header {
  position: relative !important;
  top: auto !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  background: #202a31 !important;
  background-color: #202a31 !important;
  box-shadow: 0 8px 22px rgba(11, 39, 69, .14) !important;
}

html body.page-inner .auth-page-header .header .navbar {
  min-height: 86px !important;
}

html body.page-inner .auth-page-header .header .navbar-brand.logo {
  height: 86px !important;
}

html body.page-inner .auth-page-header .header .navbar-brand.logo .zirakpur-brand-image {
  height: 78px !important;
  max-height: 78px !important;
  max-width: 150px !important;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .45)) !important;
}

html body.page-inner .auth-page-header .header .navbar-brand.logo .zirakpur-brand-image--light {
  display: block !important;
}

html body.page-inner .auth-page-header .header .navbar-brand.logo .zirakpur-brand-image--dark {
  display: none !important;
}

html body.page-inner .auth-page-header .header .nav-menu .nav-item .nav-link,
html body.page-inner .auth-page-header .header .header-login-link,
html body.page-inner .auth-page-header .header .header-wishlist,
html body.page-inner .auth-page-header .header .header-button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.page-inner .auth-page-header .header .nav-menu .nav-item .nav-link:hover,
html body.page-inner .auth-page-header .header .nav-menu .nav-item .nav-link:focus,
html body.page-inner .auth-page-header .header .nav-menu .nav-item .nav-link.active,
html body.page-inner .auth-page-header .header .header-login-link:hover,
html body.page-inner .auth-page-header .header .header-login-link:focus,
html body.page-inner .auth-page-header .header .header-wishlist:hover,
html body.page-inner .auth-page-header .header .header-wishlist:focus {
  color: #cfe4f8 !important;
  -webkit-text-fill-color: #cfe4f8 !important;
}

html body.page-inner .account.account--login {
  min-height: calc(100vh - 104px) !important;
  padding: 88px 24px 76px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f8fafc 46%, #ffffff 100%) !important;
  color: #101820 !important;
}

html body.page-inner .account.account--login .account-inner {
  display: grid !important;
  width: min(100% - 48px, 880px) !important;
  min-height: 430px !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(320px, .86fr) !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 60px rgba(11, 39, 69, .16) !important;
  transform: translateX(-46px) !important;
}

html body.page-inner .account.account--login :is(.account-left, .account-right) {
  min-width: 0 !important;
}

html body.page-inner .account.account--login .account-left,
html body.page-inner .account.account--login .account-thumb {
  position: relative !important;
  height: 100% !important;
  min-height: 430px !important;
  overflow: hidden !important;
  background: #e7edf2 !important;
}

html body.page-inner .account.account--login .account-thumb::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(11, 39, 69, 0) 42%, rgba(11, 39, 69, .72) 100%) !important;
  pointer-events: none !important;
}

html body.page-inner .account.account--login .account-thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 430px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body.page-inner .account.account--login .account-thumb__caption {
  position: absolute !important;
  right: 22px !important;
  bottom: 22px !important;
  left: 22px !important;
  z-index: 1 !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 8px !important;
  background: rgba(11, 39, 69, .82) !important;
  color: #ffffff !important;
  text-align: left !important;
}

html body.page-inner .account.account--login .account-thumb__caption span,
html body.page-inner .account.account--login .account-thumb__caption strong {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .account.account--login .account-thumb__caption span {
  margin-bottom: 5px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html body.page-inner .account.account--login .account-thumb__caption strong {
  max-width: 360px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

html body.page-inner .account.account--login .account-right,
html body.page-inner .account.account--login .account-form-wrapper,
html body.page-inner .account.account--login .account-form {
  background: #ffffff !important;
  color: #101820 !important;
  box-shadow: none !important;
}

html body.page-inner .account.account--login .account-right {
  display: flex !important;
  align-items: center !important;
}

html body.page-inner .account.account--login .account-form-wrapper {
  width: 100% !important;
  padding: 38px 36px !important;
}

html body.page-inner .account.account--login .account-form__content {
  margin-bottom: 18px !important;
  text-align: left !important;
}

html body.page-inner .account.account--login .account-form__logo {
  display: inline-flex !important;
  margin: 0 0 18px !important;
}

html body.page-inner .account.account--login .account-form__logo .zirakpur-brand-image {
  height: 58px !important;
  max-width: 112px !important;
  object-fit: contain !important;
}

html body.page-inner .account.account--login .account-form__title {
  margin-bottom: 7px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}

html body.page-inner .account.account--login .account-form__desc {
  max-width: 310px !important;
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html body.page-inner .account.account--login :is(.form--label, .form-label, label) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html body.page-inner .account.account--login :is(input, .form-control, .form--control) {
  min-height: 46px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 7px !important;
  background: #f8fafc !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .account.account--login :is(input, .form-control, .form--control):focus {
  border-color: #173f68 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(23, 63, 104, .12) !important;
}

html body.page-inner .account.account--login input:-webkit-autofill,
html body.page-inner .account.account--login input:-webkit-autofill:hover,
html body.page-inner .account.account--login input:-webkit-autofill:focus {
  -webkit-text-fill-color: #101820 !important;
  box-shadow: 0 0 0 1000px #f8fafc inset !important;
}

html body.page-inner .account.account--login .password-show-hide {
  color: #173f68 !important;
}

html body.page-inner .account.account--login .form-check-label,
html body.page-inner .account.account--login .have-account__text {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body.page-inner .account.account--login .form-check-input {
  border-color: #c9d5df !important;
  background-color: #ffffff !important;
}

html body.page-inner .account.account--login .form-check-input:checked {
  border-color: #173f68 !important;
  background-color: #173f68 !important;
}

html body.page-inner .account.account--login :is(.forgot-password, .have-account__link, .text--base) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-weight: 800 !important;
}

html body.page-inner .account.account--login .btn.btn--base {
  min-height: 46px !important;
  border: 1px solid #0b2745 !important;
  border-radius: 7px !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

html body.page-inner .account.account--login .btn.btn--base:hover,
html body.page-inner .account.account--login .btn.btn--base:focus {
  background: #173f68 !important;
}

@media (max-width: 1199px) {
  html body.page-inner .account.account--login .account-inner {
    transform: translateX(-18px) !important;
  }
}

@media (max-width: 991px) {
  html body.page-inner .account.account--login {
    padding: 48px 16px !important;
  }

  html body.page-inner .account.account--login .account-inner {
    width: min(100%, 560px) !important;
    grid-template-columns: 1fr !important;
    transform: none !important;
  }

  html body.page-inner .account.account--login .account-left,
  html body.page-inner .account.account--login .account-thumb,
  html body.page-inner .account.account--login .account-thumb img {
    min-height: 260px !important;
    height: 260px !important;
  }
}

@media (max-width: 575px) {
  html body.page-inner .account.account--login .account-form-wrapper {
    padding: 30px 22px !important;
  }
}

/* Login page structure correction: balanced, readable desktop layout. */
@media (min-width: 992px) {
  html body.page-inner .account.account--login {
    min-height: calc(100vh - 86px) !important;
    padding: 62px 24px !important;
  }

  html body.page-inner .account.account--login .account-inner {
    width: min(100% - 64px, 1020px) !important;
    min-height: 500px !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%) !important;
    margin-left: max(42px, calc((100vw - 1188px) / 2 + 18px)) !important;
    margin-right: auto !important;
    transform: none !important;
  }

  html body.page-inner .account.account--login .account-left,
  html body.page-inner .account.account--login .account-thumb,
  html body.page-inner .account.account--login .account-thumb img {
    min-height: 500px !important;
    height: 500px !important;
    max-height: 500px !important;
  }

  html body.page-inner .account.account--login .account-thumb img {
    object-position: center 42% !important;
  }

  html body.page-inner .account.account--login .account-right {
    justify-content: center !important;
    padding: 0 !important;
  }

  html body.page-inner .account.account--login .account-form-wrapper {
    display: flex !important;
    width: 100% !important;
    min-height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 46px 58px !important;
    overflow: visible !important;
  }

  html body.page-inner .account.account--login .account-form {
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 !important;
  }

  html body.page-inner .account.account--login .account-form__title {
    max-width: 100% !important;
    font-size: 30px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  html body.page-inner .account.account--login .account-form__desc {
    max-width: 360px !important;
    font-size: 13px !important;
  }

  html body.page-inner .account.account--login .form-group {
    margin-bottom: 16px !important;
  }

  html body.page-inner .account.account--login .form-group .d-flex {
    align-items: center !important;
    gap: 12px !important;
  }

  html body.page-inner .account.account--login .form--check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  html body.page-inner .account.account--login .form-check-input {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.page-inner .account.account--login .forgot-password {
    margin-left: auto !important;
    white-space: nowrap !important;
  }
}

html body.page-inner .account.account--login .account-form__content,
html body.page-inner .account.account--login .account-form,
html body.page-inner .account.account--login form,
html body.page-inner .account.account--login .row,
html body.page-inner .account.account--login .form-group {
  width: 100% !important;
}

html body.page-inner .account.account--login .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html body.page-inner .account.account--login .row > [class*="col-"] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.page-inner .account.account--login .account-form__logo {
  justify-content: flex-start !important;
}

html body.page-inner .account.account--login .account-form__title,
html body.page-inner .account.account--login .account-form__desc,
html body.page-inner .account.account--login .have-account {
  text-align: left !important;
}

html body.page-inner .account.account--login .have-account__text {
  margin-bottom: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* Login page final reset: remove inherited skinny-column auth rules. */
@media (min-width: 992px) {
  html body.page-inner .account.account--login {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 48px 24px 60px !important;
  }

  html body.page-inner .account.account--login .account-inner {
    display: grid !important;
    width: min(100% - 40px, 980px) !important;
    min-height: 500px !important;
    max-height: 500px !important;
    grid-template-columns: 48% 52% !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  html body.page-inner .account.account--login .account-inner .account-left,
  html body.page-inner .account.account--login .account-inner .account-right {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }

  html body.page-inner .account.account--login .account-left,
  html body.page-inner .account.account--login .account-thumb,
  html body.page-inner .account.account--login .account-thumb img {
    min-height: 500px !important;
    height: 500px !important;
    max-height: 500px !important;
  }

  html body.page-inner .account.account--login .account-thumb img {
    object-position: 72% center !important;
  }

  html body.page-inner .account.account--login .account-right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.page-inner .account.account--login .account-form-wrapper.login {
    width: 100% !important;
    max-width: none !important;
    min-height: 500px !important;
    padding: 42px 64px !important;
  }

  html body.page-inner .account.account--login .account-form {
    width: 100% !important;
    max-width: 430px !important;
  }

  html body.page-inner .account.account--login .account-form__logo {
    width: 100% !important;
    justify-content: flex-start !important;
    margin-bottom: 16px !important;
  }

  html body.page-inner .account.account--login .account-form__title {
    width: 100% !important;
    margin-bottom: 8px !important;
    font-size: 30px !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
  }

  html body.page-inner .account.account--login .account-form__desc {
    max-width: 420px !important;
  }

  html body.page-inner .account.account--login :is(input, .form-control, .form--control) {
    width: 100% !important;
    max-width: none !important;
  }

  html body.page-inner .account.account--login .account-thumb__caption {
    right: 24px !important;
    bottom: 24px !important;
    left: 24px !important;
    max-width: 380px !important;
  }
}

@media (max-width: 991px) {
  html body.page-inner .account.account--login .account-inner .account-left,
  html body.page-inner .account.account--login .account-inner .account-right {
    width: 100% !important;
  }
}

/* Book site visit page: focused support, comparison and visit layout. */
html body .book-service-page {
  background: #ffffff !important;
  color: #101820 !important;
}

html body .book-service-page :is(.property-services, .quick-compare-section, .site-visit-section) > .container,
html body .book-service-page .property-process > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body .book-service-page .property-services {
  padding: 86px 0 42px !important;
  background: #ffffff !important;
}

html body .book-service-page .property-services__intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .78fr) !important;
  gap: 48px !important;
  align-items: end !important;
  margin-bottom: 28px !important;
}

html body .book-service-page .property-services__intro span,
html body .book-service-page .quick-compare-heading__copy > span {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .book-service-page .property-services__intro h1,
html body .book-service-page .quick-compare-heading h2 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.05 !important;
}

html body .book-service-page .property-services__intro p,
html body .book-service-page .quick-compare-heading p {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

html body .book-service-page .property-services__grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body .book-service-page .property-service-card {
  min-height: 230px !important;
  padding: 24px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .08) !important;
}

html body .book-service-page .property-service-card__icon {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .book-service-page .property-service-card > span {
  color: #7b8b98 !important;
  -webkit-text-fill-color: #7b8b98 !important;
}

html body .book-service-page .property-service-card h2 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}

html body .book-service-page .property-service-card p {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

html body .book-service-page .property-services__consultation {
  margin-top: 22px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: none !important;
}

html body .book-service-page .property-process {
  display: none !important;
}

html body .book-service-page .quick-compare-section {
  padding: 52px 0 70px !important;
  background: #ffffff !important;
}

html body .book-service-page .quick-compare-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr) !important;
  gap: 42px !important;
  align-items: center !important;
  margin-bottom: 26px !important;
}

html body .book-service-page .quick-compare-help {
  padding: 18px 20px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .book-service-page .quick-compare-help i {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .book-service-page .quick-compare-card {
  display: grid !important;
  grid-template-columns: 350px minmax(0, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(11, 39, 69, .1) !important;
}

html body .book-service-page .quick-compare-picker {
  order: 1 !important;
  max-height: 430px !important;
  padding: 24px !important;
  overflow: auto !important;
  border-right: 1px solid #dbe3ea !important;
  border-left: 0 !important;
  background: #f7f9fb !important;
}

html body .book-service-page .quick-compare-stage {
  order: 2 !important;
  min-height: 430px !important;
  height: 430px !important;
  background: #e7edf2 !important;
}

html body .book-service-page .quick-compare-slide img {
  width: 100% !important;
  height: 430px !important;
  object-fit: cover !important;
}

html body .book-service-page .quick-compare-option {
  padding: 12px 10px !important;
  border-color: #dbe3ea !important;
  border-radius: 7px !important;
  background: #ffffff !important;
}

html body .book-service-page .quick-compare-option strong,
html body .book-service-page .quick-compare-picker-head h3 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .book-service-page .quick-compare-option small,
html body .book-service-page .quick-compare-picker > p {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .book-service-page .quick-compare-table-wrap {
  margin-top: 22px !important;
  overflow: hidden !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

html body .book-service-page .quick-compare-table :is(th, td) {
  padding: 16px 18px !important;
  border-color: #dbe3ea !important;
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .book-service-page .quick-compare-table th {
  width: 190px !important;
  background: #f7f9fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .book-service-page section.site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 72px 0 !important;
  background: #f7f9fb !important;
}

@media (max-width: 1199px) {
  html body .book-service-page .property-services__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  html body .book-service-page .property-services__intro,
  html body .book-service-page .quick-compare-heading,
  html body .book-service-page .quick-compare-card {
    grid-template-columns: 1fr !important;
  }

  html body .book-service-page .quick-compare-picker,
  html body .book-service-page .quick-compare-stage {
    order: initial !important;
  }
}

@media (max-width: 575px) {
  html body .book-service-page .property-services__grid {
    grid-template-columns: 1fr !important;
  }

  html body .book-service-page .property-services {
    padding-top: 54px !important;
  }
}

/* Home loan EMI calculator: white and navy theme. */
html body section.home-emi {
  padding: 76px 0 !important;
  background: #f7f9fb !important;
  color: #101820 !important;
}

html body section.home-emi > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body .home-emi__heading {
  gap: 42px !important;
  margin-bottom: 28px !important;
}

html body .home-emi__heading > div > span,
html body .home-emi__result > span,
html body .home-emi__number > span,
html body .home-emi__tip i {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .home-emi__heading h2 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(34px, 4vw, 50px) !important;
}

html body .home-emi__heading > p,
html body .home-emi__scale,
html body .home-emi__tip p,
html body .home-emi__result > small,
html body .home-emi__breakdown span,
html body .home-emi__legend,
html body .home-emi__result > p {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body .home-emi__calculator {
  overflow: hidden !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(11, 39, 69, .1) !important;
}

html body .home-emi__controls,
html body .home-emi__result {
  background: #ffffff !important;
}

html body .home-emi__controls {
  gap: 30px !important;
  padding: 36px !important;
}

html body .home-emi__field-top > label,
html body .home-emi__number input,
html body .home-emi__result > strong,
html body .home-emi__breakdown strong {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .home-emi__number {
  overflow: hidden !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 6px !important;
  background: #f7f9fb !important;
}

html body .home-emi__number input {
  background: transparent !important;
}

html body .home-emi__range {
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #173f68, #c9d5df) !important;
  accent-color: #173f68 !important;
}

html body .home-emi__range::-webkit-slider-thumb {
  width: 18px !important;
  height: 18px !important;
  border: 3px solid #ffffff !important;
  background: #173f68 !important;
  box-shadow: 0 0 0 1px rgba(23, 63, 104, .3), 0 6px 14px rgba(11, 39, 69, .18) !important;
}

html body .home-emi__range::-moz-range-thumb {
  width: 14px !important;
  height: 14px !important;
  border: 3px solid #ffffff !important;
  background: #173f68 !important;
  box-shadow: 0 0 0 1px rgba(23, 63, 104, .3), 0 6px 14px rgba(11, 39, 69, .18) !important;
}

html body .home-emi__tip {
  border: 1px solid #dbe3ea !important;
  border-left: 4px solid #173f68 !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
}

html body .home-emi__result {
  border-left: 1px solid #dbe3ea !important;
  background: #f7f9fb !important;
}

html body .home-emi__breakdown {
  border-top-color: #dbe3ea !important;
}

html body .home-emi__breakdown > div {
  border-bottom-color: #dbe3ea !important;
}

html body .home-emi__bar {
  border-radius: 999px !important;
  background: #dbe3ea !important;
}

html body .home-emi__bar > span {
  background: #173f68 !important;
}

html body .home-emi__legend i {
  background: #173f68 !important;
}

html body .home-emi__legend span:last-child i {
  background: #9fb0bf !important;
}

html body .home-emi__result > a {
  border: 1px solid #0b2745 !important;
  border-radius: 6px !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .home-emi__result > a:hover,
html body .home-emi__result > a:focus {
  background: #173f68 !important;
}

/* Dedicated About Us page: Tricity white/navy theme and readable scale. */
html body.page-inner main.about-page.about-page--tricity,
html body.page-inner main.about-page.about-page--tricity :is(
  .about-page__story,
  .about-page__principles,
  .about-page__focus,
  .about-page__services,
  .about-page__cta
) {
  background: #ffffff !important;
  color: #101820 !important;
}

html body.page-inner main.about-page.about-page--tricity :is(
  .about-page__story,
  .about-page__principles,
  .about-page__focus,
  .about-page__services
) {
  padding: 78px 0 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__cta {
  padding: 0 0 78px !important;
}

html body.page-inner main.about-page.about-page--tricity :is(.about-page__story, .about-page__focus) > .container,
html body.page-inner main.about-page.about-page--tricity :is(.about-page__principles, .about-page__services, .about-page__cta) > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__story-grid,
html body.page-inner main.about-page.about-page--tricity .about-page__focus-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap: 54px !important;
  align-items: center !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__visual {
  min-height: 500px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #e7edf2 !important;
  box-shadow: 0 18px 42px rgba(11, 39, 69, .12) !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__visual img {
  min-height: 500px !important;
  object-position: 72% center !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__visual figcaption {
  right: 18px !important;
  bottom: 18px !important;
  width: min(300px, calc(100% - 36px)) !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-top: 0 !important;
  border-radius: 8px !important;
  background: rgba(11, 39, 69, .88) !important;
}

html body.page-inner main.about-page.about-page--tricity :is(
  .about-page__copy h2,
  .about-page__section-heading h2,
  .about-page__focus-copy h2,
  .about-page__cta h2,
  .about-page__principle-grid h3,
  .about-page__service-grid h3
) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner main.about-page.about-page--tricity :is(.about-page__copy h2, .about-page__cta h2) {
  font-size: clamp(38px, 4.6vw, 58px) !important;
}

html body.page-inner main.about-page.about-page--tricity :is(
  .about-page__section-heading h2,
  .about-page__focus-copy h2
) {
  font-size: clamp(32px, 3.6vw, 46px) !important;
}

html body.page-inner main.about-page.about-page--tricity :is(
  .about-page__copy > p,
  .about-page__copy .about-page__lead,
  .about-page__section-heading > p,
  .about-page__focus-copy > p,
  .about-page__principle-grid article > p,
  .about-page__service-grid p
) {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__copy .about-page__lead {
  color: #273746 !important;
  -webkit-text-fill-color: #273746 !important;
  font-size: 16px !important;
}

html body.page-inner main.about-page.about-page--tricity :is(
  .about-page__eyebrow,
  .about-page__checks i,
  .about-page__principle-grid article > i,
  .about-page__focus-copy > a,
  .about-page__service-grid i
) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__checks span {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__principles,
html body.page-inner main.about-page.about-page--tricity .about-page__services {
  border-top: 1px solid #dbe3ea !important;
  border-bottom: 1px solid #dbe3ea !important;
  background: #f7f9fb !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__principle-grid,
html body.page-inner main.about-page.about-page--tricity .about-page__facts {
  border-color: #dbe3ea !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__principle-grid article,
html body.page-inner main.about-page.about-page--tricity .about-page__facts article,
html body.page-inner main.about-page.about-page--tricity .about-page__service-grid article {
  border: 1px solid #dbe3ea !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .08) !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__principle-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  border: 0 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__principle-grid article {
  min-height: 230px !important;
  border-radius: 8px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__focus {
  background: #ffffff !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  border: 0 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__facts article {
  min-height: 150px !important;
  border-radius: 8px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__facts strong {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 30px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__facts span {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
  font-size: 12px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__service-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__service-grid article {
  min-height: 220px !important;
  padding: 28px !important;
  border-radius: 8px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__service-grid i {
  font-size: 34px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__service-grid h3 {
  margin: 18px 0 10px !important;
  font-size: 20px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__button--gold {
  border: 1px solid #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__button--gold:hover {
  background: #173f68 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__button--outline {
  border-color: #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__button--outline:hover {
  background: rgba(23, 63, 104, .08) !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__cta-card {
  min-height: 360px !important;
  border-radius: 8px !important;
}

html body.page-inner main.about-page.about-page--tricity .about-page__cta-card :is(h2, p, .about-page__eyebrow, .about-page__button--light) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 1199px) {
  html body.page-inner main.about-page.about-page--tricity .about-page__principle-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  html body.page-inner main.about-page.about-page--tricity .about-page__story-grid,
  html body.page-inner main.about-page.about-page--tricity .about-page__focus-grid,
  html body.page-inner main.about-page.about-page--tricity .about-page__service-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 575px) {
  html body.page-inner main.about-page.about-page--tricity .about-page__principle-grid,
  html body.page-inner main.about-page.about-page--tricity .about-page__facts {
    grid-template-columns: 1fr !important;
  }
}

/* About section: align directly above Why Choose Us with image left and content right. */
html body section.about-section.about-section--home.about-premium.about-simple {
  padding: 74px 0 66px !important;
  background: #ffffff !important;
}

html body section.about-section.about-section--home.about-premium.about-simple > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__layout {
  display: grid !important;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1fr) !important;
  gap: 56px !important;
  align-items: center !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  margin: 0 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__content {
  order: 2 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual img {
  display: block !important;
  width: 100% !important;
  height: 470px !important;
  min-height: 470px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 40px rgba(11, 39, 69, .1) !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions > a {
  min-height: 46px !important;
  align-items: center !important;
  justify-content: center !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__content h2 {
  max-width: 620px !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__content h3,
html body section.about-section.about-section--home.about-premium.about-simple .about-simple__content > p {
  max-width: 660px !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__benefits {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 26px !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__benefits article {
  min-height: 96px !important;
  padding: 18px !important;
}

@media (max-width: 991px) {
  html body section.about-section.about-section--home.about-premium.about-simple .about-simple__layout {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual,
  html body section.about-section.about-section--home.about-premium.about-simple .about-simple__content {
    order: initial !important;
  }
}

@media (max-width: 575px) {
  html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual img {
    height: 340px !important;
    min-height: 340px !important;
  }

  html body section.about-section.about-section--home.about-premium.about-simple .about-simple__benefits {
    grid-template-columns: 1fr !important;
  }
}

/* About theory: shorter Tricity-focused content block. */
html body section.about-theory {
  padding: 58px 0 62px !important;
  background: #f7f9fb !important;
}

html body section.about-theory > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body section.about-theory .about-theory__intro {
  max-width: 900px !important;
}

html body section.about-theory .about-theory__intro h2 {
  max-width: 720px !important;
  font-size: clamp(30px, 3.4vw, 42px) !important;
  line-height: 1.12 !important;
}

html body section.about-theory .about-theory__intro p {
  max-width: 920px !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html body section.about-theory .about-theory__intro blockquote {
  max-width: 820px !important;
  margin-top: 22px !important;
  padding: 18px 22px !important;
  border-left-color: #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.about-theory .about-theory__grid {
  gap: 18px !important;
  margin-top: 28px !important;
}

html body section.about-theory .about-theory__card {
  min-height: 210px !important;
  padding: 26px 24px !important;
  border-color: #dbe3ea !important;
  background: #ffffff !important;
}

html body section.about-theory .about-theory__card h3 {
  font-size: 19px !important;
}

html body section.about-theory .about-theory__card p {
  font-size: 13px !important;
  line-height: 1.6 !important;
}

html body section.about-theory .about-theory__card-icon {
  border-color: rgba(23, 63, 104, .24) !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

/* Home About block: Tricity content buttons in navy theme. */
html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions .about-premium__primary {
  border: 1px solid #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions .about-premium__primary i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions .about-premium__primary:hover,
html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions .about-premium__primary:focus {
  background: #173f68 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions .about-premium__secondary {
  border: 1px solid #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions .about-premium__secondary:hover,
html body section.about-section.about-section--home.about-premium.about-simple .about-simple__actions .about-premium__secondary:focus {
  background: rgba(23, 63, 104, .08) !important;
}

/* Keep home-about actions outside the image, aligned and readable. */
html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual img {
  display: block !important;
  width: 100% !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual .about-simple__actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin-top: 14px !important;
  padding: 0 !important;
}

html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual .about-simple__actions > a {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 2px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 575px) {
  html body section.about-section.about-section--home.about-premium.about-simple .about-simple__visual .about-simple__actions {
    grid-template-columns: 1fr !important;
  }
}

/* Soften guidance-card hover; keep it on-brand without the heavy dark block. */
html body section.about-theory .about-theory__card:hover,
html body section.about-theory .about-theory__card:focus {
  border-color: rgba(23, 63, 104, .28) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 36px rgba(11, 39, 69, .10) !important;
  transform: translateY(-3px) !important;
}

html body section.about-theory .about-theory__card:hover > .about-theory__card-icon,
html body section.about-theory .about-theory__card:focus > .about-theory__card-icon,
html body section.about-theory .about-theory__card:hover > span:first-child,
html body section.about-theory .about-theory__card:focus > span:first-child {
  border-color: rgba(23, 63, 104, .22) !important;
  background: #eef5fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.about-theory .about-theory__card:hover .about-theory__card-link,
html body section.about-theory .about-theory__card:focus .about-theory__card-link {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

/* Site visit right column: fill the empty space with a clean second visual card. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: 18px !important;
  min-height: 470px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual > img {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  min-height: 118px !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: 0 14px 30px rgba(11, 39, 69, .08) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support img {
  display: block !important;
  width: 150px !important;
  height: 94px !important;
  min-height: 94px !important;
  border-radius: 6px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support strong {
  display: block !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
    min-height: 0 !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual > img {
    height: auto !important;
  }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support {
    grid-template-columns: 1fr !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support img {
    width: 100% !important;
    height: 180px !important;
  }
}

/* Tricity footer: reference-style columns with site-specific navy theme. */
html body footer.footer-area.footer-area--tricity {
  position: relative !important;
  overflow: hidden !important;
  background: #101d26 !important;
  color: #d9e4ec !important;
}

html body footer.footer-area.footer-area--tricity .py-60 {
  padding: 54px 0 38px !important;
}

html body footer.footer-area.footer-area--tricity > .container {
  border-top: 1px solid rgba(255, 255, 255, .10) !important;
}

html body footer.footer-area.footer-area--tricity .footer-tricity-grid {
  display: grid !important;
  grid-template-columns: minmax(220px, 1.25fr) repeat(4, minmax(145px, .82fr)) minmax(230px, 1.1fr) !important;
  gap: 34px !important;
  align-items: start !important;
}

html body footer.footer-area.footer-area--tricity .footer-item {
  margin: 0 !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__logo {
  margin-bottom: 18px !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__logo img,
html body footer.footer-area.footer-area--tricity .zirakpur-brand-image {
  width: 116px !important;
  max-width: 116px !important;
  height: auto !important;
  filter: brightness(0) invert(1) drop-shadow(0 8px 18px rgba(255, 255, 255, .12)) !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__desc {
  max-width: 270px !important;
  margin: 0 0 20px !important;
  color: #aebdca !important;
  -webkit-text-fill-color: #aebdca !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__title {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__title--social {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}

html body footer.footer-area.footer-area--tricity .footer-menu {
  display: grid !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body footer.footer-area.footer-area--tricity .footer-menu__item {
  margin: 0 !important;
}

html body footer.footer-area.footer-area--tricity .footer-menu__link,
html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-content a {
  color: #dce7ef !important;
  -webkit-text-fill-color: #dce7ef !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  transition: color .18s ease, transform .18s ease !important;
}

html body footer.footer-area.footer-area--tricity .footer-menu__link:hover,
html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-content a:hover {
  color: #8fc7f4 !important;
  -webkit-text-fill-color: #8fc7f4 !important;
}

html body footer.footer-area.footer-area--tricity .footer-contact-menu {
  display: grid !important;
  gap: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body footer.footer-area.footer-area--tricity .footer-contact-menu__item {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: start !important;
  margin: 0 !important;
}

html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-icon {
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  place-items: center !important;
  border: 1px solid rgba(143, 199, 244, .28) !important;
  border-radius: 8px !important;
  background: rgba(143, 199, 244, .08) !important;
  color: #8fc7f4 !important;
  -webkit-text-fill-color: #8fc7f4 !important;
}

html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-content strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body footer.footer-area.footer-area--tricity .footer-local-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html body footer.footer-area.footer-area--tricity .footer-local-tags a {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(143, 199, 244, .24) !important;
  border-radius: 999px !important;
  background: rgba(143, 199, 244, .08) !important;
  color: #dce7ef !important;
  -webkit-text-fill-color: #dce7ef !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body footer.footer-area.footer-area--tricity .footer-social-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body footer.footer-area.footer-area--tricity .social-list__link {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, .06) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 17px !important;
}

html body footer.footer-area.footer-area--tricity .social-list__link:hover {
  border-color: rgba(143, 199, 244, .55) !important;
  background: rgba(143, 199, 244, .14) !important;
  color: #8fc7f4 !important;
  -webkit-text-fill-color: #8fc7f4 !important;
}

html body footer.footer-area.footer-area--tricity .bottom-footer {
  display: flex !important;
  justify-content: center !important;
  padding: 18px 0 !important;
  border-top: 0 !important;
}

html body footer.footer-area.footer-area--tricity .bottom-footer-text,
html body footer.footer-area.footer-area--tricity .bottom-footer-text a {
  color: #aebdca !important;
  -webkit-text-fill-color: #aebdca !important;
  font-size: 13px !important;
}

html body footer.footer-area.footer-area--tricity .bottom-footer-text a {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

@media (max-width: 1199px) {
  html body footer.footer-area.footer-area--tricity .footer-tricity-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html body footer.footer-area.footer-area--tricity .footer-tricity-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  html body footer.footer-area.footer-area--tricity .footer-item__desc {
    max-width: none !important;
  }
}

/* Correct site-visit composition: content left, visuals right, no oversized empty mini-card. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  order: 1 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
  order: 2 !important;
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  gap: 14px !important;
  min-height: 470px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual {
  order: 1 !important;
  min-height: 338px !important;
  height: 338px !important;
  max-height: 338px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual > img {
  width: 100% !important;
  height: 338px !important;
  min-height: 338px !important;
  max-height: 338px !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support {
  order: 2 !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  min-height: 118px !important;
  height: 118px !important;
  padding: 12px !important;
  background: #ffffff !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support img {
  width: 132px !important;
  height: 94px !important;
  min-height: 94px !important;
  max-height: 94px !important;
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
    order: initial !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual > img {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* Blog list/detail pages: Tricity theme with clear readable content. */
html body section.interesting-read-details,
html body section.interesting-reads-page {
  background: #ffffff !important;
  color: #101820 !important;
}

html body section.interesting-read-details {
  padding: 64px 0 72px !important;
}

html body section.interesting-read-details .container,
html body section.interesting-reads-page .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
}

html body .interesting-read-details__article,
html body .interesting-read-sidebar,
html body .interesting-read-details__content,
html body .interesting-read-card {
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(11, 39, 69, .08) !important;
}

html body .interesting-read-details__article {
  overflow: hidden !important;
}

html body .interesting-read-details__thumb img {
  display: block !important;
  width: 100% !important;
  max-height: 430px !important;
  object-fit: cover !important;
}

html body .interesting-read-details__content {
  padding: 34px 36px 36px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .interesting-read-details__date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 14px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .interesting-read-details__content h1 {
  max-width: 820px !important;
  margin: 0 0 16px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

html body .interesting-read-details__lead {
  margin-bottom: 20px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 650 !important;
}

html body .interesting-read-details__content p:not(.interesting-read-details__lead) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}

html body .interesting-read-details__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 30px !important;
}

html body .interesting-read-details__actions .btn--base,
html body .interesting-read-details__actions .btn-outline--base {
  display: inline-flex !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 3px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body .interesting-read-details__actions .btn--base {
  border-color: #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .interesting-read-details__actions .btn-outline--base {
  border-color: #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .interesting-read-sidebar {
  position: sticky !important;
  top: 96px !important;
  padding: 20px !important;
}

html body .interesting-read-sidebar h5 {
  margin: 0 0 16px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body .interesting-read-sidebar__item {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 10px 0 !important;
  border-top: 1px solid #edf2f6 !important;
}

html body .interesting-read-sidebar__item img {
  width: 74px !important;
  height: 52px !important;
  border-radius: 5px !important;
  object-fit: cover !important;
}

html body .interesting-read-sidebar__item span {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

/* Final home-about button recovery: no clipping, no hidden text. */
html body section.about-section.about-section--home.about-premium.about-simple figure.about-simple__visual {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body section.about-section.about-section--home.about-premium.about-simple figure.about-simple__visual > img {
  flex: 0 0 auto !important;
  width: 100% !important;
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;
  margin: 0 !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body section.about-section.about-section--home.about-premium.about-simple figure.about-simple__visual > figcaption.about-simple__actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

html body section.about-section.about-section--home.about-premium.about-simple figure.about-simple__visual > figcaption.about-simple__actions > a {
  position: static !important;
  display: inline-flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  border-radius: 3px !important;
  overflow: visible !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
}

html body section.about-section.about-section--home.about-premium.about-simple figure.about-simple__visual > figcaption.about-simple__actions > a.about-premium__primary {
  border: 1px solid #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body section.about-section.about-section--home.about-premium.about-simple figure.about-simple__visual > figcaption.about-simple__actions > a.about-premium__secondary {
  border: 1px solid #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

/* Final site-visit layout: two stacked photos on left, content on right. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  grid-template-columns: minmax(0, .96fr) minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: stretch !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
  order: 1 !important;
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 16px !important;
  min-height: 470px !important;
  height: 470px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  order: 2 !important;
  min-height: 470px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support {
  position: relative !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: 0 14px 30px rgba(11, 39, 69, .10) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual > img,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support > div {
  display: none !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__visual figcaption {
  right: 14px !important;
  bottom: 14px !important;
  left: 14px !important;
  max-width: none !important;
  padding: 12px 14px !important;
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
    grid-template-columns: 1fr !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
    order: initial !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
    grid-template-rows: none !important;
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
    grid-template-columns: 1fr !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support {
    height: 230px !important;
  }
}

/* Final lower-home Tricity theme: reviews, CTA and footer buttons. */
html body section.testimonials.home-stories {
  padding: 64px 0 62px !important;
  background: #f5f8fb !important;
  color: #101820 !important;
  border-top: 1px solid #dbe3ea !important;
  border-bottom: 1px solid #dbe3ea !important;
}

html body section.testimonials.home-stories .home-stories__heading > div:first-child > span,
html body section.property-paths-section.home-property-cta .home-property-cta__heading > span {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.testimonials.home-stories .home-stories__heading h2,
html body section.property-paths-section.home-property-cta .home-property-cta__heading h2 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body section.testimonials.home-stories .home-stories__heading p,
html body section.property-paths-section.home-property-cta .home-property-cta__heading p {
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
}

html body section.testimonials.home-stories .home-stories__summary,
html body section.testimonials.home-stories .home-story,
html body section.property-paths-section.home-property-cta .home-property-path {
  border: 1px solid #dbe3ea !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(11, 39, 69, .08) !important;
}

html body section.testimonials.home-stories .home-stories__summary > strong,
html body section.testimonials.home-stories .home-story__author h3,
html body section.property-paths-section.home-property-cta .home-property-path h3,
html body section.property-paths-section.home-property-cta .home-property-path strong {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body section.testimonials.home-stories .home-story blockquote,
html body section.testimonials.home-stories .home-story__author span,
html body section.testimonials.home-stories .home-stories__summary small,
html body section.property-paths-section.home-property-cta .home-property-path p {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
}

html body section.testimonials.home-stories .home-story__top > i,
html body section.testimonials.home-stories .home-story__rating,
html body section.testimonials.home-stories .home-stories__summary i,
html body section.testimonials.home-stories .home-stories__summary > div > span,
html body section.property-paths-section.home-property-cta .home-property-path > div > span {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.testimonials.home-stories .home-story__verified {
  border-color: rgba(23, 63, 104, .18) !important;
  background: #eef5fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.testimonials.home-stories .home-stories__nav {
  border: 1px solid #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.testimonials.home-stories .home-stories__nav:hover,
html body section.testimonials.home-stories .home-stories__nav:focus {
  border-color: #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body section.property-paths-section.home-property-cta {
  padding: 64px 0 58px !important;
  background: #ffffff !important;
  color: #101820 !important;
  border-top: 1px solid #dbe3ea !important;
}

html body section.property-paths-section.home-property-cta .home-property-cta__grid {
  gap: 22px !important;
}

html body section.property-paths-section.home-property-cta .home-property-path__icon {
  border-color: rgba(23, 63, 104, .24) !important;
  background: #eef5fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.property-paths-section.home-property-cta .home-property-path > a {
  min-width: 154px !important;
  min-height: 44px !important;
  border: 1px solid #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
}

html body section.property-paths-section.home-property-cta .home-property-path > a i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body section.property-paths-section.home-property-cta .home-property-path > a:hover,
html body section.property-paths-section.home-property-cta .home-property-path > a:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body footer.footer-area.footer-area--tricity .footer-local-tags a:hover,
html body footer.footer-area.footer-area--tricity .footer-local-tags a:focus {
  border-color: rgba(143, 199, 244, .55) !important;
  background: rgba(143, 199, 244, .16) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Final book-site-visit section: one strong image left, content and actions right. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 68px 0 72px !important;
  background: #ffffff !important;
  border-top: 1px solid #dbe3ea !important;
  border-bottom: 1px solid #dbe3ea !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head {
  max-width: 760px !important;
  margin: 0 0 30px !important;
  text-align: left !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head span {
  display: block !important;
  margin-bottom: 8px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head h2 {
  margin: 0 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head p {
  max-width: 690px !important;
  margin: 12px 0 0 !important;
  color: #5f6f7c !important;
  -webkit-text-fill-color: #5f6f7c !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  display: grid !important;
  grid-template-columns: minmax(0, .96fr) minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: stretch !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  order: 2 !important;
  min-height: 520px !important;
  padding: 38px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: 0 16px 36px rgba(11, 39, 69, .08) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual {
  position: relative !important;
  display: block !important;
  height: 405px !important;
  min-height: 405px !important;
  max-height: 405px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: 0 18px 40px rgba(11, 39, 69, .12) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual figcaption,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__support {
  display: none !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note {
  margin: 0 !important;
  padding: 20px 22px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(11, 39, 69, .08) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note span {
  display: block !important;
  margin-bottom: 8px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note p {
  margin: 0 !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__eyebrow,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits i,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__steps b {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content h2,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits strong,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__steps span {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content > p,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits small {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits article,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__steps span {
  border: 1px solid #dbe3ea !important;
  background: #ffffff !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions button,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions a {
  display: inline-flex !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 18px !important;
  border-radius: 3px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions button {
  border: 1px solid #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions a {
  border: 1px solid #173f68 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions button:hover,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions button:focus,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions a:hover,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions a:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
    grid-template-columns: 1fr !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media,
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
    order: initial !important;
    min-height: 0 !important;
  }
}

@media (max-width: 575px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
    padding: 24px !important;
  }

  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual {
    height: 300px !important;
    min-height: 300px !important;
  }
}

/* Book site visit fit pass: clean heading, image first, note below, balanced columns. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 52px 0 58px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head {
  max-width: 720px !important;
  margin: 0 0 22px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head h2 {
  max-width: 680px !important;
  font-size: clamp(28px, 2.55vw, 38px) !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head p {
  max-width: 620px !important;
  margin-top: 9px !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 26px !important;
  align-items: stretch !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual {
  order: 1 !important;
  height: 380px !important;
  min-height: 380px !important;
  max-height: 380px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note {
  order: 2 !important;
  padding: 17px 19px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note p {
  font-size: 14px !important;
  line-height: 1.62 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  min-height: auto !important;
  padding: 34px !important;
  justify-content: center !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content h2 {
  font-size: clamp(30px, 2.75vw, 42px) !important;
  line-height: 1.12 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content > p {
  margin-top: 13px !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits {
  margin-top: 22px !important;
  gap: 10px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits article {
  min-height: 66px !important;
  padding: 12px 14px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__steps {
  margin-top: 16px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions {
  justify-content: flex-start !important;
  margin-top: 18px !important;
}

@media (max-width: 991px) {
  html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual {
    height: 360px !important;
    min-height: 360px !important;
  }
}

/* Compact site-visit section: remove divider lines and oversized vertical space. */
html body section.site-visit-section.site-visit-modern.site-visit-showcase {
  padding: 28px 0 30px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head {
  margin-bottom: 16px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head span {
  margin-bottom: 5px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head h2 {
  font-size: clamp(24px, 2.05vw, 32px) !important;
  line-height: 1.08 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__section-head p {
  margin-top: 7px !important;
  font-size: 12px !important;
  line-height: 1.48 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__layout {
  gap: 22px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media {
  gap: 10px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual,
html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__media .site-visit-showcase__visual > img {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note {
  padding: 12px 15px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note span {
  margin-bottom: 5px !important;
  font-size: 9px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__note p {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content {
  padding: 24px 28px !important;
  justify-content: flex-start !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content h2 {
  font-size: clamp(26px, 2.2vw, 34px) !important;
  line-height: 1.08 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__content > p {
  margin-top: 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits {
  margin-top: 16px !important;
  gap: 8px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__benefits article {
  min-height: 54px !important;
  padding: 9px 12px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__steps {
  margin-top: 12px !important;
}

html body section.site-visit-section.site-visit-modern.site-visit-showcase .site-visit-showcase__actions {
  margin-top: 14px !important;
}

/* Final header account visibility: keep login/wishlist readable in every header state. */
html body .header .header-login-link,
html body .header .header-wishlist {
  opacity: 1 !important;
  visibility: visible !important;
  border: 1px solid rgba(23, 63, 104, .28) !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  text-shadow: none !important;
}

html body .header .header-login-link i,
html body .header .header-wishlist i,
html body .header .header-login-link span,
html body .header .header-wishlist span {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .header.header--home:not(.fixed-header) .header-login-link,
html body .header.header--home:not(.fixed-header) .header-wishlist {
  border-color: rgba(255, 255, 255, .48) !important;
  background: rgba(11, 39, 69, .22) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .header .header-login-link:hover,
html body .header .header-login-link:focus,
html body .header .header-wishlist:hover,
html body .header .header-wishlist:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Absolute final account buttons: visible even on light/transparent header. */
html body header.header .top-button.header-login-action .header-login-link,
html body header.header.header--home:not(.fixed-header) .top-button.header-login-action .header-login-link,
html body header.header.fixed-header .top-button.header-login-action .header-login-link,
html body header.header:not(.header--home) .top-button.header-login-action .header-login-link {
  display: inline-flex !important;
  min-width: 128px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 15px !important;
  border: 1px solid rgba(23, 63, 104, .38) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

html body header.header .top-button.header-login-action .header-wishlist,
html body header.header.header--home:not(.fixed-header) .top-button.header-login-action .header-wishlist,
html body header.header.fixed-header .top-button.header-login-action .header-wishlist,
html body header.header:not(.header--home) .top-button.header-login-action .header-wishlist {
  display: inline-flex !important;
  min-width: 40px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(23, 63, 104, .38) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html body header.header .top-button.header-login-action .header-wishlist i {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body header.header .top-button.header-login-action .header-login-link:hover,
html body header.header .top-button.header-login-action .header-login-link:focus,
html body header.header .top-button.header-login-action .header-wishlist:hover,
html body header.header .top-button.header-login-action .header-wishlist:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body header.header .top-button.header-login-action .header-wishlist:hover i,
html body header.header .top-button.header-login-action .header-wishlist:focus i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Final footer colour polish: deep navy, readable copy, blue accents. */
html body footer.footer-area.footer-area--tricity,
html body footer.footer-area.footer-area--zirakpur.footer-area--tricity {
  background: #0b2745 !important;
  background-color: #0b2745 !important;
  color: #dce8f2 !important;
}

html body footer.footer-area.footer-area--tricity .py-60 {
  background: transparent !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__title,
html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-content strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__desc,
html body footer.footer-area.footer-area--tricity .footer-menu__link,
html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-content a,
html body footer.footer-area.footer-area--tricity .bottom-footer-text {
  color: #d3e1ec !important;
  -webkit-text-fill-color: #d3e1ec !important;
}

html body footer.footer-area.footer-area--tricity .footer-menu__link:hover,
html body footer.footer-area.footer-area--tricity .footer-menu__link:focus,
html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-content a:hover,
html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-content a:focus {
  color: #a8d5ff !important;
  -webkit-text-fill-color: #a8d5ff !important;
}

html body footer.footer-area.footer-area--tricity .footer-contact-menu__item-icon,
html body footer.footer-area.footer-area--tricity .footer-local-tags a,
html body footer.footer-area.footer-area--tricity .social-list__link {
  border-color: rgba(168, 213, 255, .28) !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #a8d5ff !important;
  -webkit-text-fill-color: #a8d5ff !important;
}

html body footer.footer-area.footer-area--tricity .footer-local-tags a:hover,
html body footer.footer-area.footer-area--tricity .footer-local-tags a:focus,
html body footer.footer-area.footer-area--tricity .social-list__link:hover,
html body footer.footer-area.footer-area--tricity .social-list__link:focus {
  border-color: rgba(255, 255, 255, .55) !important;
  background: #ffffff !important;
  color: #0b2745 !important;
  -webkit-text-fill-color: #0b2745 !important;
}

html body footer.footer-area.footer-area--tricity > .container,
html body footer.footer-area.footer-area--tricity .bottom-footer {
  border-top-color: rgba(255, 255, 255, .14) !important;
}

html body footer.footer-area.footer-area--tricity .bottom-footer-text a,
html body footer.footer-area.footer-area--tricity .bottom-footer-text .base--text {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Properties page: visible breadcrumb image and readable filters/results. */
html body section.breadcrumb.bg-img {
  position: relative !important;
  display: flex !important;
  min-height: 220px !important;
  align-items: center !important;
  padding: 70px 0 !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center 58% !important;
  background-repeat: no-repeat !important;
}

html body section.breadcrumb.bg-img::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: linear-gradient(90deg, rgba(11, 39, 69, .70), rgba(11, 39, 69, .38), rgba(11, 39, 69, .18)) !important;
}

html body section.breadcrumb.bg-img > .container {
  position: relative !important;
  z-index: 1 !important;
}

html body section.breadcrumb.bg-img .breadcrumb__wrapper {
  text-align: center !important;
}

html body section.breadcrumb.bg-img .breadcrumb__title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 3px 16px rgba(0, 0, 0, .32) !important;
  font-size: clamp(36px, 4vw, 56px) !important;
  font-weight: 850 !important;
}

html body .feature-grid {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #101820 !important;
}

html body .feature-grid .property-sidebar,
html body .feature-grid .property-header {
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .07) !important;
}

html body .feature-grid .property-header__title,
html body .feature-grid .property-header h6,
html body .feature-grid .property-sidebar label,
html body .feature-grid .property-sidebar .form-label {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .feature-grid .property-sidebar :is(.form--control, .form-control, .form-select, input, select),
html body .feature-grid .select2-container--default .select2-selection--single {
  border: 1px solid #cbd8e2 !important;
  background: #f7f9fb !important;
  background-color: #f7f9fb !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body .feature-grid .property-sidebar :is(input, select)::placeholder,
html body .feature-grid .select2-selection__placeholder,
html body .feature-grid .select2-selection__rendered {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

html body .feature-grid .property-sidebar option {
  color: #101820 !important;
  background: #ffffff !important;
}

html body .feature-grid .property-header .btn,
html body .feature-grid .view-buttons .btn {
  border: 1px solid #cbd8e2 !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .feature-grid .property-header .btn.active,
html body .feature-grid .view-buttons .btn.active,
html body .feature-grid .property-header .btn:hover,
html body .feature-grid .view-buttons .btn:hover {
  border-color: #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .feature-grid .property-header .btn i,
html body .feature-grid .view-buttons .btn i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .feature-grid .property-wrapper .feature-item {
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  box-shadow: 0 16px 36px rgba(11, 39, 69, .08) !important;
}

html body .feature-grid .property-wrapper :is(.feature-item__content-wrapper, .feature-item__content, .feature-item__contact) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #101820 !important;
}

html body .feature-grid .property-wrapper :is(h1,h2,h3,h4,h5,h6,a,strong,.title) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .feature-grid .property-wrapper :is(p,span,small,li) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
}

/* Contact page: Tricity-focused white/navy layout. */
html body section.contact-top {
  padding: 68px 0 76px !important;
  background: #ffffff !important;
  color: #101820 !important;
  overflow: hidden !important;
}

html body section.contact-top .contact-top__shape-one,
html body section.contact-top .contact-top__shape-two {
  display: none !important;
}

html body section.contact-top > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
}

html body .contact-tricity-head {
  max-width: 760px !important;
  margin: 0 0 32px !important;
  text-align: left !important;
}

html body .contact-tricity-head span,
html body .contactus-form__eyebrow {
  display: block !important;
  margin-bottom: 9px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body .contact-tricity-head h1 {
  margin: 0 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(34px, 3.6vw, 52px) !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
}

html body .contact-tricity-head p,
html body .contactus-form__intro {
  max-width: 720px !important;
  margin: 13px 0 0 !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

html body section.contact-top .contact-item {
  height: 100% !important;
  min-height: 158px !important;
  padding: 26px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #f7f9fb !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .07) !important;
}

html body section.contact-top .contact-item__icon {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  border: 1px solid rgba(23, 63, 104, .22) !important;
  border-radius: 8px !important;
  background: #eef5fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 24px !important;
}

html body section.contact-top .contact-item__icon i {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html body section.contact-top .contact-item__title {
  margin: 18px 0 7px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body section.contact-top .contact-item__desc {
  display: block !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

html body section.contact-top a.contact-item__desc:hover,
html body section.contact-top a.contact-item__desc:focus {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body section.contact-top .contact-bottom {
  margin-top: 38px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body section.contact-top .contact-wrapper {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body section.contact-top .contactus-form,
html body section.contact-top .contact-map {
  height: 100% !important;
  min-height: 560px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(11, 39, 69, .08) !important;
}

html body section.contact-top .contactus-form {
  padding: 34px !important;
}

html body section.contact-top .contactus-form .contact__title {
  margin: 0 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(26px, 2.4vw, 36px) !important;
  line-height: 1.16 !important;
  font-weight: 850 !important;
}

html body section.contact-top .contactus-form form {
  margin-top: 24px !important;
}

html body section.contact-top .contactus-form .form--label,
html body section.contact-top .contactus-form .form-label {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body section.contact-top .contactus-form :is(.form--control, .form-control, input, textarea) {
  border: 1px solid #cbd8e2 !important;
  border-radius: 6px !important;
  background: #f7f9fb !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 14px !important;
}

html body section.contact-top .contactus-form :is(.form--control, .form-control, input, textarea)::placeholder {
  color: #6d7f8d !important;
  -webkit-text-fill-color: #6d7f8d !important;
  opacity: 1 !important;
}

html body section.contact-top .contactus-form :is(.form--control, .form-control, input, textarea):focus {
  border-color: #173f68 !important;
  box-shadow: 0 0 0 3px rgba(23, 63, 104, .12) !important;
}

html body section.contact-top .contactus-form textarea {
  min-height: 150px !important;
}

html body section.contact-top .contactus-form .btn--base {
  min-height: 48px !important;
  padding: 0 22px !important;
  border: 1px solid #0b2745 !important;
  border-radius: 3px !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

html body section.contact-top .contactus-form .btn--base:hover,
html body section.contact-top .contactus-form .btn--base:focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body section.contact-top .contact-map {
  overflow: hidden !important;
  padding: 0 !important;
}

html body section.contact-top .contact-map iframe {
  display: block !important;
  width: 100% !important;
  min-height: 560px !important;
  height: 100% !important;
  border: 0 !important;
}

@media (max-width: 991px) {
  html body section.contact-top .contactus-form,
  html body section.contact-top .contact-map,
  html body section.contact-top .contact-map iframe {
    min-height: 430px !important;
  }
}

/* Tricity Hotspots page content shown from the nav link. */
html body .tricity-hotspots-page {
  padding: 64px 0 44px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #dbe3ea !important;
}

html body .tricity-hotspots-page > .container {
  width: min(100% - 32px, 1188px) !important;
  max-width: 1188px !important;
}

html body .tricity-hotspots-page__head {
  max-width: 780px !important;
  margin-bottom: 28px !important;
  text-align: left !important;
}

html body .tricity-hotspots-page__head span {
  display: block !important;
  margin-bottom: 9px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body .tricity-hotspots-page__head h1 {
  margin: 0 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(34px, 3.4vw, 50px) !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
}

html body .tricity-hotspots-page__head p {
  max-width: 760px !important;
  margin: 13px 0 0 !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}

html body .tricity-hotspots-page__grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

html body .tricity-hotspot-card {
  display: flex !important;
  min-height: 100% !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 34px rgba(11, 39, 69, .08) !important;
}

html body .tricity-hotspot-card img {
  display: block !important;
  width: 100% !important;
  height: 150px !important;
  object-fit: cover !important;
}

html body .tricity-hotspot-card span {
  display: block !important;
  margin: 18px 18px 8px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

html body .tricity-hotspot-card p {
  margin: 0 18px 18px !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

html body .tricity-hotspot-card strong {
  display: inline-flex !important;
  margin: auto 18px 18px !important;
  align-items: center !important;
  gap: 7px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html body .tricity-hotspot-card:hover,
html body .tricity-hotspot-card:focus {
  border-color: rgba(23, 63, 104, .38) !important;
  box-shadow: 0 22px 44px rgba(11, 39, 69, .12) !important;
  transform: translateY(-3px) !important;
}

@media (max-width: 1199px) {
  html body .tricity-hotspots-page__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html body .tricity-hotspots-page__grid {
    grid-template-columns: 1fr !important;
  }
}

/* Login page final polish: readable controls and full visible submit action. */
html body.page-inner .account.account--login {
  min-height: auto !important;
  padding: 46px 24px 70px !important;
  background: #ffffff !important;
  overflow: visible !important;
}

html body.page-inner .account.account--login .account-inner,
html body.page-inner .account.account--login .account-form-wrapper.login,
html body.page-inner .account.account--login .account-form,
html body.page-inner .account.account--login form {
  overflow: visible !important;
}

html body.page-inner .account.account--login .account-form__title {
  white-space: normal !important;
}

html body.page-inner .account.account--login .login-form__meta {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

html body.page-inner .account.account--login .login-form__meta .form--check {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}

html body.page-inner .account.account--login input.form-check-input,
html body.page-inner .account.account--login .login-form__meta input[type="checkbox"] {
  display: inline-block !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #b8c8d6 !important;
  border-radius: 3px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  flex: 0 0 16px !important;
  appearance: auto !important;
}

html body.page-inner .account.account--login .form-check-label {
  display: inline-block !important;
  margin: 0 !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body.page-inner .account.account--login .forgot-password {
  margin-left: auto !important;
  color: #0b3a66 !important;
  -webkit-text-fill-color: #0b3a66 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body.page-inner .account.account--login .btn.btn--base[type="submit"],
html body.page-inner .account.account--login #recaptcha {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  border: 1px solid #0b3a66 !important;
  border-radius: 8px !important;
  background: #0b3a66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  overflow: visible !important;
}

html body.page-inner .account.account--login .btn.btn--base[type="submit"]:hover,
html body.page-inner .account.account--login #recaptcha:hover {
  border-color: #124f86 !important;
  background: #124f86 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (min-width: 992px) {
  html body.page-inner .account.account--login .account-inner {
    min-height: 560px !important;
    max-height: none !important;
    grid-template-columns: 48% 52% !important;
  }

  html body.page-inner .account.account--login .account-left,
  html body.page-inner .account.account--login .account-thumb,
  html body.page-inner .account.account--login .account-thumb img {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
  }

  html body.page-inner .account.account--login .account-form-wrapper.login {
    min-height: 560px !important;
    padding: 36px 64px !important;
  }

  html body.page-inner .account.account--login .account-form__content {
    margin-bottom: 18px !important;
  }

  html body.page-inner .account.account--login .form-group {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 575px) {
  html body.page-inner .account.account--login .login-form__meta {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  html body.page-inner .account.account--login .forgot-password {
    margin-left: 0 !important;
  }
}

/* Contact page final contrast pass: keep every text readable in the blue theme. */
html body.page-inner section.contact-top,
html body.page-inner section.contact-top.section-bg,
html body.page-inner .contact-bottom,
html body.page-inner .contact-wrapper,
html body.page-inner .faq-section {
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner .breadcrumb__title,
html body.page-inner .contact-tricity-head h1,
html body.page-inner section.contact-top .contactus-form .contact__title,
html body.page-inner section.contact-top .contact-item__title,
html body.page-inner .faq-section :is(h1, h2, h3, h4, h5, h6, .section-heading__title, .title),
html body.page-inner .accordion-button,
html body.page-inner .faq-item__title {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner .contact-tricity-head span,
html body.page-inner section.contact-top .contactus-form__eyebrow,
html body.page-inner .faq-section :is(.section-heading__subtitle, .subtitle, .top-title) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  opacity: 1 !important;
}

html body.page-inner .contact-tricity-head p,
html body.page-inner section.contact-top .contactus-form__intro,
html body.page-inner section.contact-top .contact-item__desc,
html body.page-inner .faq-section :is(p, span, li, .accordion-body, .faq-item__content, .desc) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

html body.page-inner section.contact-top .contact-item,
html body.page-inner section.contact-top .contactus-form,
html body.page-inner section.contact-top .contact-map,
html body.page-inner .faq-section :is(.accordion-item, .faq-item, .custom--accordion .accordion-item) {
  border: 1px solid #d8e2eb !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .06) !important;
}

html body.page-inner section.contact-top .contact-item__icon {
  border-color: rgba(23, 63, 104, .22) !important;
  background: #f2f7fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body.page-inner section.contact-top .contactus-form :is(.form--label, .form-label, label) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner section.contact-top .contactus-form :is(.form--control, .form-control, input, textarea) {
  border-color: #cbd8e2 !important;
  background: #f8fbfd !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner section.contact-top .contactus-form :is(.form--control, .form-control, input, textarea)::placeholder {
  color: #607384 !important;
  -webkit-text-fill-color: #607384 !important;
  opacity: 1 !important;
}

html body.page-inner section.contact-top .contactus-form .btn--base,
html body.page-inner .faq-section :is(.btn--base, .btn-outline--base) {
  border-color: #0b3a66 !important;
  background: #0b3a66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.page-inner section.contact-top .contactus-form .btn--base:hover,
html body.page-inner section.contact-top .contactus-form .btn--base:focus,
html body.page-inner .faq-section :is(.btn--base, .btn-outline--base):hover,
html body.page-inner .faq-section :is(.btn--base, .btn-outline--base):focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .faq-section {
  padding-top: 58px !important;
  padding-bottom: 70px !important;
}

html body.page-inner .faq-section .accordion-button::after {
  filter: none !important;
  opacity: .9 !important;
}

/* Book site visit page final contrast and Tricity theme cleanup. */
html body.page-inner .book-service-page,
html body.page-inner .book-service-page :is(.property-services, .quick-compare-section, .site-visit-section, .property-process) {
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner .book-service-page :is(
  h1, h2, h3, h4, h5, h6,
  .property-services__intro h1,
  .property-service-card h2,
  .property-process__heading h2,
  .property-process__step h3,
  .quick-compare-heading h2,
  .quick-compare-picker-head h3,
  .quick-compare-option strong,
  .quick-compare-table th,
  .quick-compare-table td,
  .site-visit-showcase h2,
  .site-visit-showcase strong,
  .site-visit-showcase b
) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner .book-service-page :is(
  .property-services__intro > div > span,
  .property-services__intro span:not(.brand-location-text),
  .property-service-card__icon,
  .property-process__heading > span,
  .quick-compare-heading__copy > span,
  .site-visit-showcase > .container > span,
  .site-visit-showcase__eyebrow,
  .site-visit-showcase i
) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  opacity: 1 !important;
}

html body.page-inner .book-service-page :is(
  p, li, small, em,
  .property-services__intro p,
  .property-service-card p,
  .property-services__consultation p,
  .property-process__heading p,
  .property-process__step p,
  .property-process__note p,
  .quick-compare-heading p,
  .quick-compare-help span,
  .quick-compare-picker > p,
  .quick-compare-option small,
  .site-visit-showcase p,
  .site-visit-showcase span:not(.brand-location-text)
) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

html body.page-inner .book-service-page .property-services__grid {
  align-items: stretch !important;
}

html body.page-inner .book-service-page .property-service-card,
html body.page-inner .book-service-page .property-services__consultation,
html body.page-inner .book-service-page .quick-compare-card,
html body.page-inner .book-service-page .quick-compare-help,
html body.page-inner .book-service-page .quick-compare-table-wrap,
html body.page-inner .book-service-page .property-process__step,
html body.page-inner .book-service-page .property-process__note,
html body.page-inner .book-service-page .site-visit-showcase__content,
html body.page-inner .book-service-page .site-visit-showcase__media-card,
html body.page-inner .book-service-page .site-visit-showcase__note {
  border-color: #d8e2eb !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .07) !important;
}

html body.page-inner .book-service-page .quick-compare-picker,
html body.page-inner .book-service-page .quick-compare-table th {
  background: #f5f8fb !important;
}

html body.page-inner .book-service-page .quick-compare-option {
  border-color: #d8e2eb !important;
  background: #ffffff !important;
}

html body.page-inner .book-service-page .quick-compare-option input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  accent-color: #173f68 !important;
}

html body.page-inner .book-service-page .quick-compare-clear,
html body.page-inner .book-service-page :is(.property-services__consultation-actions a, .property-services__consultation-actions button),
html body.page-inner .book-service-page :is(.site-visit-showcase__actions a, .site-visit-showcase__actions button) {
  border-color: #0b3a66 !important;
  background: #0b3a66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.page-inner .book-service-page .quick-compare-clear:hover,
html body.page-inner .book-service-page :is(.property-services__consultation-actions a, .property-services__consultation-actions button):hover,
html body.page-inner .book-service-page :is(.site-visit-showcase__actions a, .site-visit-showcase__actions button):hover {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .site-visit-modal .modal-content {
  border: 1px solid #d8e2eb !important;
  background: #ffffff !important;
  color: #101820 !important;
}

html body.page-inner .site-visit-modal :is(h1, h2, h3, h4, h5, h6, label, strong) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner .site-visit-modal :is(.site-visit-modal__heading span, .site-visit-field > label) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body.page-inner .site-visit-modal :is(p, small, em, .site-visit-form__notice span) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

html body.page-inner .site-visit-modal :is(.site-visit-input, input, select, textarea) {
  border-color: #cbd8e2 !important;
  background: #f8fbfd !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .site-visit-modal :is(.site-visit-toggle span, .site-visit-date-option span, .site-visit-time-grid span, .site-visit-form__notice) {
  border-color: #d8e2eb !important;
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .site-visit-modal input:checked + span,
html body.page-inner .site-visit-modal .site-visit-submit {
  border-color: #0b3a66 !important;
  background: #0b3a66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Properties listing final fix: visible breadcrumb image and readable cards. */
html body.page-inner section.breadcrumb.bg-img {
  min-height: 260px !important;
  padding: 92px 0 76px !important;
  align-items: center !important;
  background-size: cover !important;
  background-position: center 52% !important;
  background-repeat: no-repeat !important;
  background-color: #0b2745 !important;
}

html body.page-inner section.breadcrumb.bg-img::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: linear-gradient(90deg, rgba(11, 39, 69, .76), rgba(11, 39, 69, .42), rgba(11, 39, 69, .20)) !important;
}

html body.page-inner section.breadcrumb.bg-img .container,
html body.page-inner section.breadcrumb.bg-img .breadcrumb__wrapper {
  position: relative !important;
  z-index: 1 !important;
}

html body.page-inner section.breadcrumb.bg-img .breadcrumb__title {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(42px, 5vw, 70px) !important;
  line-height: 1.02 !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .35) !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid {
  background: #ffffff !important;
  color: #101820 !important;
}

html body.page-inner .feature-grid .property-header__title,
html body.page-inner .feature-grid .property-header h6,
html body.page-inner .feature-grid .property-sidebar :is(label, .form-label),
html body.page-inner .feature-grid .property-wrapper .feature-item :is(.feature-item__title, .feature-item__title a, .feature-item__link),
html body.page-inner .feature-grid .property-wrapper .feature-item .price {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-header__title {
  font-size: 18px !important;
  font-weight: 850 !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item .price {
  color: #0b3a66 !important;
  -webkit-text-fill-color: #0b3a66 !important;
  font-weight: 850 !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item :is(.category, .category i, .category span, .fs-14, .fs-14 i, p, small) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item :is(.feature-item__content-wrapper, .feature-item__content, .feature-item__contact) {
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: initial !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item {
  border: 1px solid #d8e2eb !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .08) !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item__contact {
  border-top: 1px solid #d8e2eb !important;
  background: #f5f8fb !important;
}

html body.page-inner .feature-grid .property-wrapper .feature-item__contact :is(span, i) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-sidebar,
html body.page-inner .feature-grid .property-header {
  border: 1px solid #d8e2eb !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(11, 39, 69, .05) !important;
}

html body.page-inner .feature-grid .property-sidebar :is(input, select, .form--control, .form-control, .form-select),
html body.page-inner .feature-grid .select2-container--default .select2-selection--single {
  border-color: #cbd8e2 !important;
  background: #f8fbfd !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner .feature-grid .property-sidebar :is(input, select)::placeholder,
html body.page-inner .feature-grid .select2-selection__rendered,
html body.page-inner .feature-grid .select2-selection__placeholder {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

/* Sitewide visibility audit pass: white/navy Tricity theme for inner pages. */
html body.page-inner main,
html body.page-inner .page-wrapper,
html body.page-inner :is(
  .interesting-reads-page,
  .interesting-read-details,
  .about-page,
  .about-simple,
  .about-theory,
  .about-insight-section,
  .property-services,
  .quick-compare-section,
  .site-visit-section,
  .tricity-hotspots-page,
  .contact-top,
  .faq-section,
  .policy-section,
  .custom--card
) {
  background-color: #ffffff !important;
  color: #101820 !important;
}

html body.page-inner :is(
  .interesting-reads-page,
  .interesting-read-details,
  .about-page,
  .about-simple,
  .about-theory,
  .about-insight-section,
  .property-services,
  .quick-compare-section,
  .site-visit-section,
  .tricity-hotspots-page,
  .contact-top,
  .faq-section,
  .policy-section,
  .feature-grid
) :is(h1, h2, h3, h4, h5, h6, .title, .section-heading__title, strong, label) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .interesting-reads-page,
  .interesting-read-details,
  .about-page,
  .about-simple,
  .about-theory,
  .about-insight-section,
  .property-services,
  .quick-compare-section,
  .site-visit-section,
  .tricity-hotspots-page,
  .contact-top,
  .faq-section,
  .policy-section,
  .feature-grid
) :is(p, li, small, em, .desc, .description, .section-heading__desc, .text-muted) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .interesting-reads-page,
  .interesting-read-details,
  .about-page,
  .about-simple,
  .about-theory,
  .about-insight-section,
  .property-services,
  .quick-compare-section,
  .site-visit-section,
  .tricity-hotspots-page,
  .contact-top,
  .faq-section,
  .policy-section,
  .feature-grid
) :is(.eyebrow, .top-title, .subtitle, .interesting-reads-eyebrow, .section-heading > span, .section-heading__subtitle) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .interesting-read-card,
  .interesting-read-details__article,
  .interesting-read-sidebar,
  .interesting-read-sidebar__item,
  .about-page article,
  .about-simple__benefits article,
  .about-theory__card,
  .property-service-card,
  .quick-compare-card,
  .site-visit-showcase__content,
  .site-visit-showcase__media-card,
  .site-visit-showcase__note,
  .tricity-hotspot-card,
  .contact-item,
  .contactus-form,
  .faq-item,
  .accordion-item,
  .custom--card
) {
  border-color: #d8e2eb !important;
  background: #ffffff !important;
  color: #101820 !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .07) !important;
}

html body.page-inner :is(.btn--base, .btn-outline--base, button.btn--base, a.btn--base) {
  border-color: #0b3a66 !important;
  background: #0b3a66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.page-inner :is(.btn--base, .btn-outline--base, button.btn--base, a.btn--base):hover,
html body.page-inner :is(.btn--base, .btn-outline--base, button.btn--base, a.btn--base):focus {
  border-color: #173f68 !important;
  background: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Blogs and article pages: clear cards on white background. */
html body.page-inner .interesting-reads-page {
  padding-top: 78px !important;
}

html body.page-inner .interesting-reads-page__header {
  max-width: 820px !important;
  margin: 0 auto 42px !important;
  text-align: center !important;
}

html body.page-inner .interesting-reads-page__header h1 {
  font-size: clamp(38px, 4.5vw, 64px) !important;
  line-height: 1.05 !important;
}

html body.page-inner .interesting-reads-page__header p {
  max-width: 760px !important;
  margin: 14px auto 0 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

html body.page-inner .interesting-reads-page .interesting-reads-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
}

html body.page-inner .interesting-read-card {
  overflow: hidden !important;
  border-radius: 8px !important;
}

html body.page-inner .interesting-read-card__image img,
html body.page-inner .interesting-read-details__thumb img,
html body.page-inner .tricity-hotspot-card img {
  display: block !important;
  width: 100% !important;
  object-fit: cover !important;
}

html body.page-inner .interesting-read-card__image img {
  height: 230px !important;
}

html body.page-inner .interesting-read-card__body {
  padding: 24px !important;
  background: #ffffff !important;
}

html body.page-inner .interesting-read-card__title,
html body.page-inner .interesting-read-card__title a {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner .interesting-read-card__body > span,
html body.page-inner .interesting-read-details__date,
html body.page-inner .interesting-read-card__action {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

html body.page-inner .interesting-read-details__content {
  padding: 34px !important;
  background: #ffffff !important;
  color: #101820 !important;
}

html body.page-inner .interesting-read-sidebar h5,
html body.page-inner .interesting-read-sidebar__item span {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

/* Richer Tricity hotspots cards. */
html body.page-inner .tricity-hotspots-page__grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

html body.page-inner .tricity-hotspot-card {
  gap: 0 !important;
}

html body.page-inner .tricity-hotspot-card img {
  height: 164px !important;
}

html body.page-inner .tricity-hotspot-card ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 18px 14px !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.page-inner .tricity-hotspot-card li {
  padding: 5px 8px !important;
  border: 1px solid rgba(23, 63, 104, .18) !important;
  border-radius: 999px !important;
  background: #f5f8fb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

html body.page-inner .tricity-hotspot-card small {
  display: block !important;
  margin: 0 18px 18px !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

@media (max-width: 1199px) {
  html body.page-inner .interesting-reads-page .interesting-reads-grid,
  html body.page-inner .tricity-hotspots-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  html body.page-inner .interesting-reads-page .interesting-reads-grid,
  html body.page-inner .tricity-hotspots-page__grid {
    grid-template-columns: 1fr !important;
  }
}

/* Immediate polish: centered inner-page headings and readable Contact Us cards. */
html body.page-inner section.breadcrumb.bg-img {
  display: flex !important;
  min-height: 230px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 86px 0 64px !important;
  margin-top: 0 !important;
  background-position: center center !important;
}

html body.page-inner section.breadcrumb.bg-img .row,
html body.page-inner section.breadcrumb.bg-img .col-lg-8,
html body.page-inner section.breadcrumb.bg-img .breadcrumb__wrapper {
  width: 100% !important;
  text-align: center !important;
}

html body.page-inner section.breadcrumb.bg-img .breadcrumb__title {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(44px, 5vw, 72px) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  transform: none !important;
}

html body.page-inner section.contact-top {
  padding-top: 72px !important;
}

html body.page-inner section.contact-top .row.gy-4.justify {
  --bs-gutter-x: 22px !important;
  --bs-gutter-y: 22px !important;
  align-items: stretch !important;
}

html body.page-inner section.contact-top .contact-item {
  display: flex !important;
  min-height: 182px !important;
  height: 100% !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 26px 24px !important;
  border: 1px solid #d4e0ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(11, 39, 69, .08) !important;
  text-align: left !important;
}

html body.page-inner section.contact-top .contact-item__top,
html body.page-inner section.contact-top .contact-item__content {
  width: 100% !important;
  text-align: left !important;
}

html body.page-inner section.contact-top .contact-item__top {
  display: grid !important;
  position: relative !important;
  height: 116px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px dashed rgba(23, 63, 104, .32) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f7fbff 0%, #eef6fb 100%) !important;
  text-align: center !important;
}

html body.page-inner section.contact-top .contact-item__top::before {
  content: attr(data-emoji);
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  font-size: 76px;
  line-height: 1;
  opacity: .12;
  filter: saturate(1.05);
}

html body.page-inner section.contact-top .contact-item__icon {
  display: inline-grid !important;
  position: relative !important;
  z-index: 1 !important;
  width: 66px !important;
  height: 66px !important;
  place-items: center !important;
  border: 1px solid rgba(23, 63, 104, .24) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 22px !important;
  box-shadow: 0 14px 28px rgba(23, 63, 104, .13) !important;
  opacity: 1 !important;
}

html body.page-inner section.contact-top .contact-item__icon :is(i, svg, span) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  fill: #173f68 !important;
  opacity: 1 !important;
}

html body.page-inner section.contact-top .contact-item__emoji {
  font-size: 34px !important;
  line-height: 1 !important;
  color: initial !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner section.contact-top .contact-item__title {
  display: block !important;
  margin: 18px 0 8px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 19px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
  text-align: left !important;
}

html body.page-inner section.contact-top .contact-item__desc,
html body.page-inner section.contact-top a.contact-item__desc,
html body.page-inner section.contact-top p.contact-item__desc {
  display: block !important;
  margin: 0 !important;
  color: #31495d !important;
  -webkit-text-fill-color: #31495d !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
  text-align: left !important;
  word-break: break-word !important;
}

html body.page-inner section.contact-top a.contact-item__desc:hover,
html body.page-inner section.contact-top a.contact-item__desc:focus {
  color: #0b3a66 !important;
  -webkit-text-fill-color: #0b3a66 !important;
  text-decoration: underline !important;
}

html body.page-inner section.contact-top .contact-tricity-head {
  max-width: 820px !important;
  margin-bottom: 34px !important;
}

html body.page-inner section.contact-top .contact-tricity-head h1 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: clamp(34px, 3.5vw, 52px) !important;
  line-height: 1.08 !important;
}

html body.page-inner section.contact-top .contact-tricity-head p {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Breadcrumb final reset: no cropped titles on About, Contact, Blogs or property pages. */
html body.page-inner section.breadcrumb.bg-img,
html body.page-inner .breadcrumb.bg-img {
  position: relative !important;
  display: flex !important;
  min-height: 190px !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 56px 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

html body.page-inner section.breadcrumb.bg-img > .container,
html body.page-inner .breadcrumb.bg-img > .container {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
}

html body.page-inner section.breadcrumb.bg-img .row,
html body.page-inner section.breadcrumb.bg-img [class*="col-"],
html body.page-inner section.breadcrumb.bg-img .breadcrumb__wrapper {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

html body.page-inner section.breadcrumb.bg-img .breadcrumb__title,
html body.page-inner .breadcrumb.bg-img .breadcrumb__title {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .32) !important;
  transform: none !important;
  opacity: 1 !important;
  white-space: normal !important;
}

@media (max-width: 575px) {
  html body.page-inner section.breadcrumb.bg-img,
  html body.page-inner .breadcrumb.bg-img {
    min-height: 150px !important;
    padding: 42px 0 !important;
  }

  html body.page-inner section.breadcrumb.bg-img .breadcrumb__title,
  html body.page-inner .breadcrumb.bg-img .breadcrumb__title {
    font-size: 34px !important;
  }
}

/* Property cards final structure: balanced titles, spacing and contact bar. */
html body .feature-grid .property-wrapper .property-item {
  display: flex !important;
}

html body .feature-grid .property-wrapper .feature-item {
  display: flex !important;
  width: 100% !important;
  min-height: 100% !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

html body .feature-grid .property-wrapper .feature-item__thumb,
html body .feature-grid .property-wrapper .feature-item__thumb-link {
  flex: 0 0 auto !important;
}

html body .feature-grid .property-wrapper .feature-item__content-wrapper {
  display: flex !important;
  min-height: 188px !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #ffffff !important;
}

html body .feature-grid .property-wrapper .feature-item__content {
  display: flex !important;
  min-height: 132px !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 18px 18px 14px !important;
  background: #ffffff !important;
}

html body .feature-grid .property-wrapper .feature-item__content h6.flex-between {
  display: flex !important;
  min-height: 24px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
}

html body .feature-grid .property-wrapper .feature-item__content .price {
  color: #0b3a66 !important;
  -webkit-text-fill-color: #0b3a66 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body .feature-grid .property-wrapper .feature-item__content .category {
  display: inline-flex !important;
  max-width: 45% !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  color: #6a7a87 !important;
  -webkit-text-fill-color: #6a7a87 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .feature-grid .property-wrapper .feature-item__title {
  display: block !important;
  min-height: 46px !important;
  margin: 0 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
}

html body .feature-grid .property-wrapper .feature-item__title a,
html body .feature-grid .property-wrapper .feature-item__link {
  display: -webkit-box !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .feature-grid .property-wrapper .feature-item__content .flex-between {
  display: block !important;
  margin-top: auto !important;
}

html body .feature-grid .property-wrapper .feature-item__content .fs-14 {
  display: -webkit-box !important;
  min-height: 38px !important;
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .feature-grid .property-wrapper .feature-item__content .fs-14 i {
  margin-right: 5px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .feature-grid .property-wrapper .feature-item__contact {
  display: grid !important;
  min-height: 54px !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: stretch !important;
  padding: 0 !important;
  border-top: 1px solid #d8e2eb !important;
  background: #f6f9fb !important;
}

html body .feature-grid .property-wrapper .feature-contact-wrapper {
  position: relative !important;
  display: inline-flex !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border-right: 1px solid #d8e2eb !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body .feature-grid .property-wrapper .feature-contact-wrapper:last-child {
  border-right: 0 !important;
}

html body .feature-grid .property-wrapper .feature-contact-wrapper :is(span, i) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  opacity: 1 !important;
}

html body .feature-grid .property-wrapper .feature-contact-wrapper:hover {
  background: #eef5fa !important;
}

@media (max-width: 575px) {
  html body .feature-grid .property-wrapper .feature-item__content-wrapper {
    min-height: 176px !important;
  }

  html body .feature-grid .property-wrapper .feature-item__content {
    padding: 16px !important;
  }
}

/* Dedicated breadcrumb component, isolated from legacy .breadcrumb styles. */
html body.page-inner .tricity-breadcrumb {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  min-height: 320px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 92px 0 86px !important;
  margin: 0 !important;
  overflow: hidden !important;
  background-color: #0b2745 !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body.page-inner .tricity-breadcrumb::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: linear-gradient(90deg, rgba(4, 43, 55, .76), rgba(4, 65, 73, .66), rgba(4, 43, 55, .5)) !important;
}

html body.page-inner .tricity-breadcrumb > .container {
  position: relative !important;
  z-index: 1 !important;
  width: min(100% - 32px, 1188px) !important;
}

html body.page-inner .tricity-breadcrumb__wrapper {
  display: flex !important;
  min-height: 142px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

html body.page-inner .tricity-breadcrumb__eyebrow {
  display: block !important;
  margin: 0 0 18px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: 0 3px 14px rgba(0, 0, 0, .32) !important;
  text-transform: uppercase !important;
}

html body.page-inner .tricity-breadcrumb__title {
  position: static !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(42px, 5vw, 68px) !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .32) !important;
  transform: none !important;
  opacity: 1 !important;
  white-space: normal !important;
}

@media (max-width: 575px) {
  html body.page-inner .tricity-breadcrumb {
    min-height: 230px !important;
    padding: 70px 0 58px !important;
  }

  html body.page-inner .tricity-breadcrumb__wrapper {
    min-height: 112px !important;
  }

  html body.page-inner .tricity-breadcrumb__eyebrow {
    margin-bottom: 12px !important;
    font-size: 10px !important;
  }

  html body.page-inner .tricity-breadcrumb__title {
    font-size: 34px !important;
  }
}

/* Final header and inner-page title visibility pass. */
html body .header .nav-menu .nav-item .nav-link:hover,
html body .header .nav-menu .nav-item .nav-link:focus,
html body .header .nav-menu .nav-item .nav-link.active,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link:hover,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link:focus,
html body .header:not(.header--home) .nav-menu .nav-item .nav-link.active,
html body .header.fixed-header .nav-menu .nav-item .nav-link:hover,
html body .header.fixed-header .nav-menu .nav-item .nav-link:focus,
html body .header.fixed-header .nav-menu .nav-item .nav-link.active {
  color: #0b2745 !important;
  -webkit-text-fill-color: #0b2745 !important;
  text-shadow: none !important;
}

html body .header .nav-menu .nav-item .nav-link::before,
html body .header .nav-menu .nav-item .nav-link:hover::before,
html body .header .nav-menu .nav-item .nav-link:focus::before,
html body .header .nav-menu .nav-item .nav-link.active::before {
  background: #d8e2eb !important;
  box-shadow: none !important;
}

html body .header .nav-menu .nav-item .nav-link:hover::before,
html body .header .nav-menu .nav-item .nav-link:focus::before,
html body .header .nav-menu .nav-item .nav-link.active::before {
  opacity: 1 !important;
}

html body.page-inner .tricity-breadcrumb {
  min-height: 250px !important;
  padding: 118px 0 50px !important;
  align-items: center !important;
  background-position: center center !important;
}

html body.page-inner .tricity-breadcrumb__wrapper {
  min-height: 82px !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.page-inner .tricity-breadcrumb__title {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: clamp(40px, 4.4vw, 64px) !important;
  line-height: 1.06 !important;
  text-align: center !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .38) !important;
  transform: none !important;
}

html body.page-inner :is(
  .about-page__section-heading h2,
  .about-insight-header h1,
  .contact-tricity-head h1,
  .property-services__intro h1,
  .property-process__heading h2,
  .quick-compare-card h2,
  .panchkula-properties__heading h2,
  .interesting-reads-page__header h1,
  .section-heading__title
) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

@media (max-width: 575px) {
  html body.page-inner .tricity-breadcrumb {
    min-height: 218px !important;
    padding: 104px 0 36px !important;
  }

  html body.page-inner .tricity-breadcrumb__title {
    font-size: 34px !important;
  }
}

/* Gentle global spacing reduction between content sections. */
html body :is(
  .py-120,
  .about-page,
  .about-simple,
  .about-theory,
  .about-insight-section,
  .property-services,
  .property-process,
  .quick-compare-section,
  .site-visit-section,
  .tricity-hotspots-page,
  .contact-top,
  .faq-section,
  .policy-section,
  .interesting-reads-page,
  .interesting-reads-section,
  .locale-explorer,
  .home-emi,
  .home-property-cta,
  .home-stories,
  .panchkula-properties
) {
  padding-top: 44px !important;
  padding-bottom: 46px !important;
}

html body.page-home :is(
  .py-120,
  .property-services,
  .property-process,
  .quick-compare-section,
  .site-visit-section,
  .interesting-reads-section,
  .locale-explorer,
  .home-emi,
  .home-property-cta,
  .home-stories,
  .panchkula-properties
) {
  padding-top: 38px !important;
  padding-bottom: 40px !important;
}

html body :is(
  .section-heading,
  .about-page__section-heading,
  .interesting-reads-header,
  .locale-explorer__header,
  .site-visit-showcase__section-head,
  .property-services__intro,
  .property-process__heading,
  .home-emi__heading,
  .home-property-cta__heading,
  .home-stories__heading,
  .panchkula-properties__heading,
  .contact-tricity-head
) {
  margin-bottom: 22px !important;
}

html body.page-inner .tricity-breadcrumb,
html body.page-inner section.breadcrumb.bg-img {
  padding-top: 104px !important;
  padding-bottom: 38px !important;
}

/* Tighten missed homepage section gaps, especially after Quick Browse. */
html body.page-home :is(
  .tricity-discovery-section,
  .trust-legal-hub-section,
  .home-services-overview,
  .human-about,
  .browse-budget-section,
  .architecture-vision,
  .zirakpur-choose-section,
  .about-theory,
  .about-simple,
  .local-service-pages,
  .feature-section,
  .featured-property-section,
  .property-paths-section
) {
  padding-top: 34px !important;
  padding-bottom: 36px !important;
}

html body.page-home .tricity-discovery-section {
  padding-bottom: 26px !important;
}

html body.page-home .trust-legal-hub-section {
  padding-top: 34px !important;
}

html body.page-home .tricity-quick-browse {
  margin-top: 24px !important;
  margin-bottom: 0 !important;
}

html body.page-home :is(
  .tricity-discovery-section + .trust-legal-hub-section,
  .trust-legal-hub-section + .panchkula-properties,
  .panchkula-properties + .home-services-overview,
  .home-services-overview + .human-about
) {
  margin-top: 0 !important;
}

html body.page-home :is(
  .tricity-section-heading,
  .trust-legal-hub__heading,
  .home-choice__content,
  .about-theory__heading,
  .human-about__heading
) {
  margin-bottom: 20px !important;
}

/* Register page final polish: wider form, readable labels, stronger CTA. */
html body.page-inner .account.account--register {
  min-height: 100vh !important;
  padding: 112px 24px 34px !important;
  background: #f5f8fb !important;
}

html body.page-inner .account.account--register .account-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr) !important;
  width: min(1060px, 100%) !important;
  min-height: 650px !important;
  overflow: hidden !important;
  border: 1px solid #d8e2eb !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(11, 39, 69, .16) !important;
}

html body.page-inner .account.account--register .account-left,
html body.page-inner .account.account--register .account-right {
  width: auto !important;
  min-width: 0 !important;
}

html body.page-inner .account.account--register .account-left {
  background: #e8eef3 !important;
}

html body.page-inner .account.account--register .account-thumb,
html body.page-inner .account.account--register .account-thumb img {
  height: 100% !important;
  min-height: 650px !important;
}

html body.page-inner .account.account--register .account-thumb img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.02) contrast(1.02) !important;
}

html body.page-inner .account.account--register .account-thumb::after {
  background: linear-gradient(90deg, rgba(11, 39, 69, .08), rgba(11, 39, 69, .18)) !important;
}

html body.page-inner .account.account--register .account-right,
html body.page-inner .account.account--register .account-form-wrapper.register {
  background: #ffffff !important;
}

html body.page-inner .account.account--register .account-form-wrapper.register {
  display: flex !important;
  min-height: 100% !important;
  align-items: center !important;
  padding: 30px 34px !important;
}

html body.page-inner .account.account--register .account-form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

html body.page-inner .account.account--register .account-form__content {
  margin-bottom: 18px !important;
  text-align: left !important;
}

html body.page-inner .account.account--register .account-form__logo {
  margin-bottom: 14px !important;
  justify-content: center !important;
}

html body.page-inner .account.account--register .account-form .zirakpur-brand-image {
  width: 122px !important;
  height: auto !important;
  max-height: 64px !important;
}

html body.page-inner .account.account--register .account-form__title {
  margin-bottom: 4px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 28px !important;
  line-height: 1.16 !important;
}

html body.page-inner .account.account--register .account-form__desc,
html body.page-inner .account.account--register .have-account__text {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
}

html body.page-inner .account.account--register .social-login {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 12px 0 16px !important;
  padding: 0 !important;
}

html body.page-inner .account.account--register .social-login .login-link {
  min-height: 40px !important;
  padding: 0 10px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.page-inner .account.account--register .other-option {
  margin: 14px 0 18px !important;
}

html body.page-inner .account.account--register .row {
  --bs-gutter-x: 16px !important;
  --bs-gutter-y: 0 !important;
}

html body.page-inner .account.account--register .form-group {
  margin-bottom: 14px !important;
}

html body.page-inner .account.account--register :is(.form--label, .form-label, label) {
  margin-bottom: 6px !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

html body.page-inner .account.account--register :is(input, .form-control, .form--control) {
  min-height: 46px !important;
  border: 1px solid #cbd8e2 !important;
  border-radius: 7px !important;
  background: #f8fbfd !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  box-shadow: none !important;
}

html body.page-inner .account.account--register :is(input, .form-control, .form--control):focus {
  border-color: #173f68 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(23, 63, 104, .12) !important;
}

html body.page-inner .account.account--register input:-webkit-autofill,
html body.page-inner .account.account--register input:-webkit-autofill:hover,
html body.page-inner .account.account--register input:-webkit-autofill:focus {
  border-color: #cbd8e2 !important;
  -webkit-text-fill-color: #101820 !important;
  box-shadow: 0 0 0 1000px #f8fbfd inset !important;
}

html body.page-inner .account.account--register .password-show-hide {
  top: 50% !important;
  right: 14px !important;
  transform: translateY(-50%) !important;
  color: #173f68 !important;
}

html body.page-inner .account.account--register .form-check-input {
  width: 16px !important;
  height: 16px !important;
  margin-top: 2px !important;
  border-color: #b8c8d6 !important;
  background-color: #ffffff !important;
}

html body.page-inner .account.account--register .form-check-input:checked {
  border-color: #0b2745 !important;
  background-color: #0b2745 !important;
}

html body.page-inner .account.account--register .form-check-label,
html body.page-inner .account.account--register .form-group.group-two,
html body.page-inner .account.account--register .form-group.group-two a {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body.page-inner .account.account--register .btn.btn--base,
html body.page-inner .account.account--register #recaptcha {
  min-height: 50px !important;
  border: 1px solid #0b2745 !important;
  border-radius: 7px !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

html body.page-inner .account.account--register .btn.btn--base:hover,
html body.page-inner .account.account--register #recaptcha:hover {
  border-color: #173f68 !important;
  background: #173f68 !important;
}

html body.page-inner .account.account--register .have-account {
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  html body.page-inner .account.account--register {
    padding: 96px 18px 28px !important;
  }

  html body.page-inner .account.account--register .account-inner {
    grid-template-columns: 1fr !important;
    width: min(640px, 100%) !important;
  }

  html body.page-inner .account.account--register .account-left,
  html body.page-inner .account.account--register .account-thumb,
  html body.page-inner .account.account--register .account-thumb img {
    min-height: 260px !important;
    height: 260px !important;
  }
}

@media (max-width: 575px) {
  html body.page-inner .account.account--register .account-form-wrapper.register {
    padding: 24px 18px !important;
  }

  html body.page-inner .account.account--register .social-login {
    grid-template-columns: 1fr !important;
  }
}

/* User dashboard forms: keep typed text visible on light inputs. */
html body.page-inner .dashboard-body__bar + *,
html body.page-inner .custom--card,
html body.page-inner .profile-form,
html body.page-inner .user-profile-wrapper,
html body.page-inner .feature-grid .card.custom--card {
  color: #101820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) :is(input, select, textarea, .form-control, .form--control, .form-select),
html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) .select2-container--default .select2-selection--single {
  border-color: #cbd8e2 !important;
  background: #f8fbfd !important;
  background-color: #f8fbfd !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
  caret-color: #101820 !important;
  box-shadow: none !important;
}

html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) :is(input, select, textarea, .form-control, .form--control, .form-select):focus {
  border-color: #173f68 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  box-shadow: 0 0 0 3px rgba(23, 63, 104, .12) !important;
}

html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) :is(input, textarea)::placeholder {
  color: #607384 !important;
  -webkit-text-fill-color: #607384 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) :is(input, textarea):-webkit-autofill,
html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) :is(input, textarea):-webkit-autofill:hover,
html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) :is(input, textarea):-webkit-autofill:focus {
  border-color: #cbd8e2 !important;
  -webkit-text-fill-color: #101820 !important;
  box-shadow: 0 0 0 1000px #f8fbfd inset !important;
}

html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) .select2-container--default .select2-selection--single .select2-selection__rendered,
html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) .select2-selection__rendered,
html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) .input-group-text {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner :is(
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid,
  .dashboard-body
) .input-group-text {
  border-color: #cbd8e2 !important;
  background: #eef4f8 !important;
}

/* Absolute final user/dashboard light color system. */
html body.page-inner :is(
  .dashboard-sidebar,
  .dashboard-sidebar *,
  .create-property-form,
  .create-property-form *,
  .create-property-form-body,
  .custom--card,
  .custom--card *,
  .profile-form,
  .profile-form *,
  .user-profile-wrapper,
  .user-profile-wrapper *,
  .feature-grid form,
  .feature-grid form *
) {
  color: #101820 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

html body.page-inner :is(
  .create-property-form,
  .create-property-form-body,
  .custom--card,
  .profile-form,
  .user-profile-wrapper
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body.page-inner :is(
  .create-property-form h1,
  .create-property-form h2,
  .create-property-form h3,
  .create-property-form h4,
  .create-property-form h5,
  .create-property-form h6,
  .custom--card h1,
  .custom--card h2,
  .custom--card h3,
  .custom--card h4,
  .custom--card h5,
  .custom--card h6,
  .form--label,
  .form-label,
  label
) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .create-property-form,
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid
) :is(input, select, textarea, .form-control, .form--control, .form-select) {
  border: 1px solid #cbd8e2 !important;
  background: #f8fbfd !important;
  background-color: #f8fbfd !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  caret-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .create-property-form,
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid
) :is(input, select, textarea, .form-control, .form--control, .form-select):focus {
  border-color: #0b3a66 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  box-shadow: 0 0 0 3px rgba(11, 58, 102, .12) !important;
}

html body.page-inner :is(
  .create-property-form,
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid
) :is(input, textarea)::placeholder {
  color: #667888 !important;
  -webkit-text-fill-color: #667888 !important;
  opacity: 1 !important;
}

html body.page-inner :is(
  .create-property-form,
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid
) select option,
html body.page-inner select.form--control option,
html body.page-inner select.form-control option,
html body.page-inner select.form-select option {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner :is(
  .create-property-form,
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid
) select option:checked {
  background: #dbe8f3 !important;
  background-color: #dbe8f3 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner :is(
  .create-property-form,
  .custom--card,
  .profile-form,
  .user-profile-wrapper,
  .feature-grid
) .input-group-text {
  border-color: #cbd8e2 !important;
  background: #eef4f8 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .create-property-form :is(.form--check, .form-check-label, small, code),
html body.page-inner .custom--card :is(.form--check, .form-check-label, small, code) {
  color: #33485a !important;
  -webkit-text-fill-color: #33485a !important;
  opacity: 1 !important;
}

html body.page-inner :is(.form-check-input, input[type="checkbox"], input[type="radio"]) {
  border-color: #9fb4c5 !important;
  background-color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  accent-color: #0b3a66 !important;
}

html body.page-inner :is(.form-check-input:checked, input[type="checkbox"]:checked, input[type="radio"]:checked) {
  border-color: #0b3a66 !important;
  background-color: #0b3a66 !important;
}

html body.page-inner .create-property-form :is(
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-selection,
  .select2-search__field
),
html body.page-inner .custom--card :is(
  .select2-container--default .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-selection,
  .select2-search__field
) {
  border-color: #cbd8e2 !important;
  background: #f8fbfd !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner :is(.select2-dropdown, .select2-results__option) {
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #0b3a66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner :is(.select2-selection__rendered, .select2-selection__choice, .select2-selection__choice__display) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner :is(.nicEdit-panelContain, .nicEdit-panel, .nicEdit-buttonContain, .nicEdit-selectContain) {
  border-color: #cbd8e2 !important;
  background: #eef4f8 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner :is(.nicEdit-main, .nicEdit-main *, .nicEdit-main p, .nicEdit-main div) {
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .nicEdit-main {
  min-height: 140px !important;
  padding: 12px !important;
  border-color: #cbd8e2 !important;
}

html body.page-inner .dashboard-sidebar {
  background: #f3f5f7 !important;
}

html body.page-inner .dashboard-sidebar__title {
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .sidebar-menu-list__link {
  color: #536273 !important;
  -webkit-text-fill-color: #536273 !important;
}

html body.page-inner .sidebar-menu-list__link:hover,
html body.page-inner .sidebar-menu-list__item.active .sidebar-menu-list__link {
  background: #dbe3ea !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner :is(.btn--base, .btn.btn--base) {
  background: #0b2745 !important;
  border-color: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Property details page: clean light-theme readability. */
html body.page-inner .listing-detials {
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner .listing-detials :is(
  .listing-details,
  .listing-details__header,
  .listing-details__content,
  .listing-details-sidebar,
  .property-visit-card,
  .listing-details__date-card,
  .listing-details__amenities .amenities-list__item,
  .custom--tab .nav-link,
  .text-list__link
) {
  border-color: #d8e2eb !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .listing-detials :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .listing-details__header-title,
  .listing-details__title,
  .listing-details__date-title,
  .listing-details__amenities-title,
  .listing-details__map .title,
  .listing-details-sidebar__title,
  .listing-details-sidebar__header-info .name,
  .listing-details__date-card .title,
  .listing-details__amenities .amenities-list__name,
  .property-visit-card h6
) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  opacity: 1 !important;
}

html body.page-inner .listing-detials :is(
  p,
  li,
  small,
  span,
  div,
  .listing-details-item__icon-text,
  .listing-details__desc,
  .listing-details__desc *,
  .listing-details__date-content,
  .listing-details__date-content .time,
  .listing-details__date-card small,
  .listing-details__amenities .amenities-list__value,
  .listing-details-sidebar__header-info .title,
  .listing-details-sidebar__info .info-list__item,
  .listing-details-sidebar__info .info-list__text,
  .listing-details-sidebar__info .info-list__line,
  .property-visit-card p,
  .text-list__link
) {
  color: #4f6170 !important;
  -webkit-text-fill-color: #4f6170 !important;
  opacity: 1 !important;
}

html body.page-inner .listing-detials :is(
  .listing-details-item__icon,
  .listing-details-sidebar__info .info-list .icon,
  .listing-details__amenities .amenities-list__icon,
  .property-visit-card__icon,
  .location-item__list,
  .las.la-map-marker
) {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body.page-inner .listing-detials .listing-details-sidebar__header-thumb.posted-by-avatar,
html body.page-inner .listing-detials .listing-details__amenities .amenities-list__icon {
  border-color: rgba(23, 63, 104, .18) !important;
  background: #eef4f8 !important;
}

html body.page-inner .listing-detials .custom--tab .nav-link.active,
html body.page-inner .listing-detials .custom--tab .nav-link:hover,
html body.page-inner .listing-detials .text-list__link:hover {
  border-color: #0b2745 !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-inner .listing-detials .listing-details__thumb {
  border: 1px solid #d8e2eb !important;
  background: #f8fbfd !important;
}

html body.page-inner .listing-detials iframe,
html body.page-inner .listing-detials .video-info {
  border-color: #d8e2eb !important;
  background: #f8fbfd !important;
}

/* Property details action row: keep status badge and wishlist CTA readable. */
html body.page-inner .listing-detials .listing-details__header .location-item__list,
html body.page-inner .listing-detials .listing-details__header .location-item__list span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 6px 14px !important;
  border: 1px solid rgba(11, 39, 69, .16) !important;
  border-radius: 6px !important;
  background: #eef5fb !important;
  color: #0b2745 !important;
  -webkit-text-fill-color: #0b2745 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body.page-inner .listing-detials .listing-details__header .btn-outline--base,
html body.page-inner .listing-detials .listing-details__header .btn--danger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 40px !important;
  padding: 10px 18px !important;
  border: 1px solid #0b2745 !important;
  border-radius: 6px !important;
  background: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  box-shadow: 0 10px 22px rgba(11, 39, 69, .14) !important;
}

html body.page-inner .listing-detials .listing-details__header .btn-outline--base i,
html body.page-inner .listing-detials .listing-details__header .btn--danger i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 17px !important;
}

html body.page-inner .listing-detials .listing-details__header .btn-outline--base:hover,
html body.page-inner .listing-detials .listing-details__header .btn-outline--base:focus,
html body.page-inner .listing-detials .listing-details__header .btn--danger:hover,
html body.page-inner .listing-detials .listing-details__header .btn--danger:focus {
  background: #173f68 !important;
  border-color: #173f68 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Final text visibility guardrails for badges, pills and filled actions. */
html body :is(
  .btn--base,
  .btn.btn--base,
  .btn--danger,
  .btn.btn--danger,
  .badge--base,
  .badge--primary,
  .badge.bg-primary,
  .custom--tab .nav-link.active,
  .nav-pills .nav-link.active
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html body :is(
  .btn--base,
  .btn.btn--base,
  .btn--danger,
  .btn.btn--danger,
  .badge--base,
  .badge--primary,
  .badge.bg-primary,
  .custom--tab .nav-link.active,
  .nav-pills .nav-link.active
) :is(i, span, small, strong) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html body :is(.custom--tab .nav-link, .nav-pills .nav-link):not(.active) {
  background: #ffffff !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
  border-color: #cbd8e2 !important;
  opacity: 1 !important;
}

html body :is(.custom--tab .nav-link, .nav-pills .nav-link):is(:hover, :focus) {
  background: #0b2745 !important;
  border-color: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .listing-detials .listing-details__gallery .custom--tab .nav-link.active,
html body .listing-detials .listing-details__gallery .nav-pills .nav-link.active {
  background: #0b2745 !important;
  border-color: #0b2745 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 850 !important;
}

html body .location-item__list,
html body .location-item__list * {
  color: #0b2745 !important;
  -webkit-text-fill-color: #0b2745 !important;
  opacity: 1 !important;
}

/* Header logo and property card possession label adjustments. */
html body .header .navbar-brand.logo {
  width: 190px !important;
  height: 132px !important;
}

html body .header .navbar-brand.logo .zirakpur-brand-image {
  height: 126px !important;
  max-width: 182px !important;
  max-height: 126px !important;
}

html body .location-item__content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

html body .location-item__list.ready-to-move {
  background: #ffffff !important;
  border: 1px solid rgba(11, 39, 69, .18) !important;
  color: #0b2745 !important;
  -webkit-text-fill-color: #0b2745 !important;
  font-weight: 800 !important;
}

@media (max-width: 991px) {
  html body .header .navbar-brand.logo {
    width: 148px !important;
    height: 102px !important;
  }

  html body .header .navbar-brand.logo .zirakpur-brand-image {
    height: 96px !important;
    max-width: 142px !important;
    max-height: 96px !important;
  }
}

@media (max-width: 575px) {
  html body .header .navbar-brand.logo {
    width: 210px !important;
  }
}

/* Final inner-page content visibility: policy/cookie/admin-entered HTML often has pale inline colours. */
html body.page-inner .legal-content-page {
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: initial !important;
}

html body.page-inner .legal-content {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 36px 34px !important;
  border: 1px solid #dbe3ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #101820 !important;
  -webkit-text-fill-color: initial !important;
  box-shadow: 0 16px 38px rgba(11, 39, 69, .08) !important;
}

html body.page-inner .legal-content :is(h1, h2, h3, h4, h5, h6, strong, b) {
  margin-top: 0 !important;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-weight: 850 !important;
  opacity: 1 !important;
}

html body.page-inner .legal-content :is(p, li, span, div, small, em) {
  color: #405464 !important;
  -webkit-text-fill-color: #405464 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  opacity: 1 !important;
}

html body.page-inner .legal-content :is(ul, ol) {
  margin: 18px 0 24px !important;
  padding-left: 24px !important;
}

html body.page-inner .legal-content li + li {
  margin-top: 8px !important;
}

html body.page-inner .legal-content a {
  color: #0b4f84 !important;
  -webkit-text-fill-color: #0b4f84 !important;
  font-weight: 750 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

html body.page-inner .legal-content :is(table, tbody, tr, td, th) {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body.page-inner .legal-content *[style] {
  opacity: 1 !important;
}

@media (max-width: 767px) {
  html body.page-inner .legal-content {
    padding: 24px 18px !important;
  }

  html body.page-inner .legal-content :is(p, li, span, div, small, em) {
    font-size: 15px !important;
  }
}

/* Home page requested section animations */
html body.page-home .banner-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body.page-home .banner-section::before,
html body.page-home .banner-section::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
}

html body.page-home .banner-section::before {
  inset: 0 !important;
  z-index: 0 !important;
  background:
    linear-gradient(120deg, rgba(5, 26, 17, .46), rgba(5, 26, 17, .1) 48%, rgba(5, 26, 17, .2)),
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .22), transparent 26%),
    radial-gradient(circle at 82% 22%, rgba(255, 255, 255, .12), transparent 30%) !important;
  background-size: 100% 100%, 140% 140%, 150% 150% !important;
  animation: homeHeroAura 12s ease-in-out infinite alternate !important;
}

html body.page-home .banner-section::after {
  right: -12% !important;
  bottom: -24% !important;
  left: -12% !important;
  z-index: 0 !important;
  height: 48% !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .24), transparent) !important;
  filter: blur(18px) !important;
  opacity: .72 !important;
  transform: rotate(-4deg) !important;
  animation: homeHeroSweep 8s ease-in-out infinite !important;
}

html body.page-home .banner-section > * {
  position: relative !important;
  z-index: 1 !important;
}

@keyframes homeHeroAura {
  0% { background-position: 0 0, 0 0, 100% 0; }
  100% { background-position: 0 0, 22% 18%, 68% 28%; }
}

@keyframes homeHeroSweep {
  0%, 100% { opacity: .38; transform: translateX(-16%) rotate(-4deg); }
  50% { opacity: .78; transform: translateX(16%) rotate(-4deg); }
}

html body.page-home .home-trust-strip__item {
  animation: homeTrustPop .72s cubic-bezier(.2, .78, .24, 1) both !important;
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
}

html body.page-home .home-trust-strip__item:nth-child(2) { animation-delay: 90ms !important; }
html body.page-home .home-trust-strip__item:nth-child(3) { animation-delay: 180ms !important; }
html body.page-home .home-trust-strip__item:nth-child(4) { animation-delay: 270ms !important; }

html body.page-home .home-trust-strip__item:hover,
html body.page-home .home-trust-strip__item:focus-within {
  transform: translateY(-8px) scale(1.025) !important;
  box-shadow: 0 18px 38px rgba(16, 24, 32, .14) !important;
}

@keyframes homeTrustPop {
  0% { opacity: 0; transform: translateY(22px) scale(.92); }
  72% { opacity: 1; transform: translateY(-4px) scale(1.025); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

html body.page-home .property-match__points span,
html body.page-home .property-match__points a {
  position: relative !important;
  overflow: hidden !important;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}

html body.page-home .property-match__points span::after,
html body.page-home .property-match__points a::after {
  content: "" !important;
  position: absolute !important;
  inset: -40% auto -40% -70% !important;
  width: 44% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent) !important;
  transform: rotate(18deg) !important;
  animation: propertyMatchShine 3.8s ease-in-out infinite !important;
}

html body.page-home .property-match__points span:nth-child(2)::after { animation-delay: .45s !important; }
html body.page-home .property-match__points span:nth-child(3)::after { animation-delay: .9s !important; }
html body.page-home .property-match__points a::after { animation-delay: 1.35s !important; }

html body.page-home .property-match__points span:hover,
html body.page-home .property-match__points a:hover,
html body.page-home .property-match__points a:focus {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 22px rgba(11, 39, 69, .12) !important;
}

@keyframes propertyMatchShine {
  0%, 64% { left: -70%; }
  100% { left: 128%; }
}

html body.page-home .home-motion-pop,
html body.page-home .property-match-feature__media,
html body.page-home .property-match-tile {
  position: relative !important;
  transition: transform .28s ease, box-shadow .28s ease, filter .28s ease !important;
}

html body.page-home .home-motion-pop:hover,
html body.page-home .home-motion-pop:focus,
html body.page-home .property-match-feature__media:hover,
html body.page-home .property-match-feature__media:focus,
html body.page-home .property-match-tile:hover,
html body.page-home .property-match-tile:focus {
  transform: translateY(-8px) scale(1.025) !important;
  box-shadow: 0 22px 42px rgba(16, 24, 32, .18) !important;
  z-index: 3 !important;
}

html body.page-home .property-match-feature__media::after,
html body.page-home .property-match-tile::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, transparent 36%, rgba(4, 18, 15, .72) 100%) !important;
  opacity: .95 !important;
  pointer-events: none !important;
}

html body.page-home .property-match-tile__caption {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  left: 14px !important;
  top: auto !important;
  z-index: 2 !important;
  display: grid !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  gap: 3px !important;
  align-items: end !important;
  justify-content: start !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
  box-shadow: none !important;
}

html body.page-home .property-match-tile__caption strong,
html body.page-home .property-match-tile__caption small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.2 !important;
}

html body.page-home .property-match-tile__caption strong {
  font-size: 15px !important;
  font-weight: 900 !important;
}

html body.page-home .property-match-tile__caption small {
  font-size: 12px !important;
  font-weight: 750 !important;
}

html body.page-home .home-flip-card {
  display: block !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  perspective: 1000px !important;
  transform: none !important;
}

html body.page-home .home-flip-card::before,
html body.page-home .home-flip-card::after {
  display: none !important;
}

html body.page-home .home-flip-card__inner {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  transform-style: preserve-3d !important;
  transition: transform .68s cubic-bezier(.2, .75, .22, 1) !important;
}

html body.page-home .home-flip-card:hover .home-flip-card__inner,
html body.page-home .home-flip-card:focus .home-flip-card__inner {
  transform: rotateY(180deg) !important;
}

html body.page-home .home-flip-card__face {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
  padding: 24px !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  backface-visibility: hidden !important;
  box-shadow: 0 18px 36px rgba(12, 22, 28, .14) !important;
}

html body.page-home .home-flip-card__front {
  background: #16344c !important;
}

html body.page-home .home-flip-card__front::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: linear-gradient(180deg, rgba(11, 39, 69, .08), rgba(11, 39, 69, .82)) !important;
}

html body.page-home .home-flip-card__back {
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  background: linear-gradient(145deg, #0b2745 0%, #0f5a38 58%, #a87808 100%) !important;
  text-align: center !important;
  transform: rotateY(180deg) !important;
}

html body.page-home .home-flip-card__front img {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: none !important;
}

html body.page-home .home-flip-card__front > span,
html body.page-home .home-flip-card__front h3,
html body.page-home .home-flip-card__front p,
html body.page-home .home-flip-card__back i,
html body.page-home .home-flip-card__back strong,
html body.page-home .home-flip-card__back small {
  position: relative !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html body.page-home .home-flip-card__front > span {
  display: inline-flex !important;
  width: fit-content !important;
  margin-bottom: 12px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body.page-home .home-flip-card__back i {
  font-size: 38px !important;
}

html body.page-home .home-flip-card__back strong {
  font-size: 24px !important;
  font-weight: 900 !important;
}

html body.page-home .home-flip-card__back small {
  max-width: 220px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.55 !important;
}

@media (max-width: 767px) {
  html body.page-home .home-flip-card__inner,
  html body.page-home .home-flip-card__face {
    min-height: 230px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.page-home .banner-section::before,
  html body.page-home .banner-section::after,
  html body.page-home .home-trust-strip__item,
  html body.page-home .property-match__points span::after,
  html body.page-home .property-match__points a::after,
  html body.page-home .home-flip-card__inner {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

/* Site-wide scroll reveal, without forcing flip/pop globally */
html.site-reveal-ready .site-reveal {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity .68s cubic-bezier(.2, .74, .2, 1), transform .68s cubic-bezier(.2, .74, .2, 1);
  transition-delay: var(--site-reveal-delay, 0ms);
  will-change: opacity, transform;
}

html.site-reveal-ready .site-reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Home hero slideshow */
html body.page-home .home-hero-slideshow {
  position: relative !important;
  background-color: #0f2435 !important;
}

html body.page-home .home-hero-slideshow__slides {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body.page-home .home-hero-slideshow__slides span {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  opacity: 0 !important;
  transform: scale(1.12) !important;
  transform-origin: center !important;
  transition: opacity .72s ease, transform 3s ease !important;
}

html body.page-home .home-hero-slideshow__slides span.is-active {
  opacity: 1 !important;
  transform: scale(1.03) !important;
}

html body.page-home .home-hero-slideshow::before,
html body.page-home .home-hero-slideshow::after {
  z-index: 2 !important;
}

html body.page-home .home-hero-slideshow > .container {
  position: relative !important;
  z-index: 3 !important;
}

@keyframes homeHeroSlideShow {
  0% { opacity: 1; transform: scale(1.04); }
  30% { opacity: 1; transform: scale(1); }
  34% { opacity: 0; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.04); }
}

/* Requested motion for Tricity property type cards */
html body.page-home .tricity-quick-browse {
  margin-top: 26px !important;
}

html body.page-home .tricity-type-card--animated {
  position: relative !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
}

html body.page-home .tricity-type-card--animated::after {
  content: "" !important;
  position: absolute !important;
  inset: -60% auto -60% -80% !important;
  width: 54% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent) !important;
  transform: rotate(18deg) !important;
  animation: tricityTypeShine 4.2s ease-in-out infinite !important;
}

html body.page-home .tricity-type-card--animated:nth-child(2)::after { animation-delay: .35s !important; }
html body.page-home .tricity-type-card--animated:nth-child(3)::after { animation-delay: .7s !important; }
html body.page-home .tricity-type-card--animated:nth-child(4)::after { animation-delay: 1.05s !important; }

html body.page-home .tricity-type-card--animated:hover,
html body.page-home .tricity-type-card--animated:focus {
  transform: translateY(-7px) scale(1.02) !important;
  box-shadow: 0 18px 34px rgba(11, 39, 69, .14) !important;
}

@keyframes tricityTypeShine {
  0%, 62% { left: -80%; }
  100% { left: 130%; }
}

/* Buyer confidence cards */
html body.page-home .trust-legal-card--animated {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}

html body.page-home .trust-legal-card--animated:hover,
html body.page-home .trust-legal-card--animated:focus-within {
  transform: translateY(-9px) !important;
  border-color: rgba(168, 120, 8, .34) !important;
  box-shadow: 0 24px 46px rgba(16, 24, 32, .13) !important;
}

html body.page-home .trust-legal-card--animated .trust-legal-card__icon {
  animation: trustIconPulse 3.4s ease-in-out infinite !important;
}

@keyframes trustIconPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

/* Auto-scrolling property rail polish */
html body.page-home .panchkula-properties__track {
  scroll-behavior: smooth !important;
}

html body.page-home .panchkula-properties__nav {
  display: none !important;
}

html body.page-home .panchkula-property-slide .feature-item {
  transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease !important;
}

html body.page-home .panchkula-property-slide .feature-item:hover,
html body.page-home .panchkula-property-slide .feature-item:focus-within {
  transform: translateY(-7px) !important;
  box-shadow: 0 22px 42px rgba(16, 24, 32, .14) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.site-reveal-ready .site-reveal,
  html body.page-home .home-hero-slideshow__slides span,
  html body.page-home .tricity-type-card--animated::after,
  html body.page-home .trust-legal-card--animated .trust-legal-card__icon,
  html body .loan-calculator-hero::before {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Home loan calculator standalone page */
html body .loan-calculator-page {
  background: #f6f8f7 !important;
  color: #101820 !important;
}

html body .loan-calculator-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  padding: 76px 0 34px !important;
  background: linear-gradient(135deg, #f8fbfa 0%, #eef4f0 58%, #fbf4e5 100%) !important;
}

html body .loan-calculator-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: -8% !important;
  z-index: -2 !important;
  background-image: url("../images/frontend/banner/luxury-living-room-hero.jpg") !important;
  background-position: center !important;
  background-size: cover !important;
  opacity: .24 !important;
  transform: scale(1) !important;
  animation: loanBgZoom 12s ease-in-out infinite alternate !important;
}

html body .loan-calculator-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background:
    linear-gradient(110deg, rgba(246, 248, 247, .96) 0%, rgba(246, 248, 247, .87) 52%, rgba(251, 244, 229, .78) 100%),
    radial-gradient(circle at 78% 18%, rgba(168, 120, 8, .24), transparent 30%) !important;
  pointer-events: none !important;
}

@keyframes loanBgZoom {
  0% { transform: scale(1); filter: saturate(1); }
  50% { transform: scale(1.09); filter: saturate(1.08); }
  100% { transform: scale(1.03); filter: saturate(1.02); }
}

html body .loan-calculator-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr);
  gap: 36px;
  align-items: stretch;
}

html body .loan-calculator-hero__copy > span,
html body .loan-calculator-content h2,
html body .loan-calculator-property-card small {
  color: #a87808 !important;
  -webkit-text-fill-color: #a87808 !important;
}

html body .loan-calculator-hero__copy > span {
  display: inline-flex;
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

html body .loan-calculator-hero__copy h1 {
  max-width: 780px;
  margin: 0 0 18px;
  color: #102436 !important;
  -webkit-text-fill-color: #102436 !important;
  font-size: clamp(42px, 5vw, 70px);
  font-weight: 900;
  line-height: 1.02;
}

html body .loan-calculator-hero__copy p,
html body .loan-calculator-content p,
html body .loan-calculator-hero__note li,
html body .loan-calculator-property-card p {
  color: #53636c !important;
  -webkit-text-fill-color: #53636c !important;
  font-size: 15px;
  line-height: 1.75;
}

html body .loan-calculator-hero__copy p {
  max-width: 760px;
  margin: 0 0 12px;
}

html body .loan-calculator-hero__note {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  border: 1px solid rgba(168, 120, 8, .18);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(16, 36, 54, .08);
}

html body .loan-calculator-hero__note > i {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 50%;
  background: #102436;
  color: #ffffff;
  font-size: 26px;
}

html body .loan-calculator-hero__note strong {
  margin-bottom: 12px;
  color: #102436 !important;
  -webkit-text-fill-color: #102436 !important;
  font-size: 22px;
  font-weight: 900;
}

html body .loan-calculator-hero__note ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html body .loan-calculator-hero__note li {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  line-height: 1.55;
}

html body .loan-calculator-hero__note li::before {
  content: "";
  position: absolute;
  top: .65em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a87808;
}

html body .loan-calculator-page section.home-emi {
  padding: 38px 0 52px !important;
  background: #f6f8f7 !important;
}

html body .loan-calculator-page .home-emi__heading {
  display: none !important;
}

html body .loan-calculator-page .home-emi__calculator {
  overflow: hidden !important;
  border: 1px solid rgba(16, 36, 54, .12) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 54px rgba(16, 36, 54, .1) !important;
}

html body .loan-calculator-page .home-emi__controls {
  gap: 24px !important;
  padding: 34px !important;
  background: #ffffff !important;
}

html body .loan-calculator-page .home-emi__result {
  padding: 34px !important;
  border-left: 1px solid rgba(16, 36, 54, .1) !important;
  background: linear-gradient(145deg, #102436 0%, #173f68 100%) !important;
}

html body .loan-calculator-page .home-emi__result > span,
html body .loan-calculator-page .home-emi__result > strong,
html body .loan-calculator-page .home-emi__result > small,
html body .loan-calculator-page .home-emi__result > p,
html body .loan-calculator-page .home-emi__breakdown span,
html body .loan-calculator-page .home-emi__breakdown strong,
html body .loan-calculator-page .home-emi__legend {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .loan-calculator-page .home-emi__result > span {
  color: #f2c46d !important;
  -webkit-text-fill-color: #f2c46d !important;
}

html body .loan-calculator-page .home-emi__result > p,
html body .loan-calculator-page .home-emi__result > small,
html body .loan-calculator-page .home-emi__breakdown span,
html body .loan-calculator-page .home-emi__legend {
  opacity: .82;
}

html body .loan-calculator-page .home-emi__number {
  border-color: rgba(16, 36, 54, .16) !important;
  border-radius: 8px !important;
  background: #f8faf9 !important;
}

html body .loan-calculator-page .home-emi__number input,
html body .loan-calculator-page .home-emi__field-top > label {
  color: #102436 !important;
  -webkit-text-fill-color: #102436 !important;
}

html body .loan-calculator-page .home-emi__range {
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #a87808, #173f68) !important;
  accent-color: #a87808 !important;
}

html body .loan-calculator-page .home-emi__tip {
  border: 1px solid rgba(168, 120, 8, .18) !important;
  border-left: 4px solid #a87808 !important;
  border-radius: 8px !important;
  background: #fff8e9 !important;
}

html body .loan-calculator-page .home-emi__result > a,
html body .loan-calculator-property-card {
  transition: transform .24s ease, box-shadow .24s ease, background-color .24s ease;
}

html body .loan-calculator-page .home-emi__result > a {
  border-radius: 8px !important;
  background: #f2c46d !important;
  color: #102436 !important;
  -webkit-text-fill-color: #102436 !important;
}

html body .loan-calculator-page .home-emi__result > a:hover {
  transform: translateY(-2px);
  background: #ffffff !important;
}

html body .loan-calculator-followup {
  padding: 10px 0 78px !important;
  background: #f6f8f7 !important;
}

html body .loan-calculator-property-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 34px;
  gap: 16px;
  align-items: center;
  max-width: 720px;
  margin: 0 0 34px;
  padding: 20px;
  border: 1px solid rgba(168, 120, 8, .2);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(16, 36, 54, .08);
}

html body .loan-calculator-property-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 48px rgba(16, 36, 54, .13);
}

html body .loan-calculator-property-card > span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: #102436;
  color: #ffffff;
  font-size: 26px;
}

html body .loan-calculator-property-card small {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html body .loan-calculator-property-card strong {
  display: block;
  color: #102436 !important;
  -webkit-text-fill-color: #102436 !important;
  font-size: 22px;
  font-weight: 900;
}

html body .loan-calculator-property-card p {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.45;
}

html body .loan-calculator-property-card > i {
  color: #a87808;
  font-size: 24px;
}

html body .loan-calculator-content {
  max-width: 840px;
}

html body .loan-calculator-content h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 900;
}

html body .loan-calculator-content p {
  margin: 0 0 12px;
}

@media (max-width: 991px) {
  html body .loan-calculator-hero__grid,
  html body .loan-calculator-page .home-emi__calculator {
    grid-template-columns: 1fr !important;
  }

  html body .loan-calculator-page .home-emi__result {
    border-top: 1px solid rgba(16, 36, 54, .1) !important;
    border-left: 0 !important;
  }
}

@media (max-width: 575px) {
  html body .loan-calculator-hero {
    padding: 52px 0 26px !important;
  }

  html body .loan-calculator-hero__copy h1 {
    font-size: 39px;
  }

  html body .loan-calculator-hero__note,
  html body .loan-calculator-page .home-emi__controls,
  html body .loan-calculator-page .home-emi__result {
    padding: 22px !important;
  }

  html body .loan-calculator-property-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  html body .loan-calculator-property-card > i {
    display: none;
  }
}

/* Loan calculator page cleanup */
html body.route-home-loan-calculator .tricity-breadcrumb--loan {
  min-height: 330px !important;
  padding: 126px 0 76px !important;
  background-position: center 48% !important;
  background-size: cover !important;
}

html body.route-home-loan-calculator .tricity-breadcrumb--loan::before {
  background:
    linear-gradient(90deg, rgba(11, 39, 69, .74), rgba(11, 39, 69, .48), rgba(11, 39, 69, .28)),
    linear-gradient(180deg, rgba(11, 39, 69, .22), rgba(11, 39, 69, .58)) !important;
}

html body.route-home-loan-calculator .tricity-breadcrumb--loan .tricity-breadcrumb__wrapper {
  justify-content: center !important;
  text-align: center !important;
}

html body.route-home-loan-calculator .tricity-breadcrumb--loan .tricity-breadcrumb__title {
  max-width: 720px !important;
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

html body.route-home-loan-calculator .loan-calculator-page {
  background: #f4f6f3 !important;
}

html body.route-home-loan-calculator .loan-calculator-hero {
  padding: 64px 0 36px !important;
  background: #f3f7fb !important;
}

html body.route-home-loan-calculator .loan-calculator-hero::before {
  background-image: url("../images/frontend/banner/bhk-panchkula-hero.png") !important;
  opacity: .24 !important;
}

html body.route-home-loan-calculator .loan-calculator-hero::after {
  background:
    linear-gradient(110deg, rgba(243, 247, 251, .96) 0%, rgba(243, 247, 251, .9) 58%, rgba(232, 240, 248, .84) 100%),
    radial-gradient(circle at 78% 18%, rgba(23, 63, 104, .2), transparent 32%) !important;
}

html body.route-home-loan-calculator .loan-calculator-hero > .container,
html body.route-home-loan-calculator .home-emi > .container,
html body.route-home-loan-calculator .loan-calculator-followup > .container {
  width: min(100% - 44px, 1220px) !important;
  max-width: 1220px !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__grid {
  grid-template-columns: minmax(0, .95fr) minmax(320px, .4fr) !important;
  gap: 46px !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__copy > span,
html body.route-home-loan-calculator .loan-calculator-content h2,
html body.route-home-loan-calculator .loan-calculator-property-card small {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__copy h1 {
  max-width: 720px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  color: #172327 !important;
  -webkit-text-fill-color: #172327 !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.06 !important;
  text-align: center !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__copy p,
html body.route-home-loan-calculator .loan-calculator-content p {
  max-width: 760px !important;
  color: #4d5d61 !important;
  -webkit-text-fill-color: #4d5d61 !important;
  font-size: 15px !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__copy {
  text-align: center !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__copy p {
  margin-right: auto !important;
  margin-left: auto !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__note,
html body.route-home-loan-calculator .loan-calculator-property-card {
  border-color: rgba(23, 63, 104, .18) !important;
  background: rgba(255, 255, 255, .94) !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__note > i,
html body.route-home-loan-calculator .loan-calculator-property-card > span {
  background: #173f68 !important;
  color: #ffffff !important;
}

html body.route-home-loan-calculator .loan-calculator-hero__note li::before {
  background: #173f68 !important;
}

html body.route-home-loan-calculator .loan-calculator-page section.home-emi {
  padding: 30px 0 50px !important;
  background: #f4f6f3 !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__calculator {
  border-color: rgba(23, 35, 39, .12) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 48px rgba(23, 35, 39, .09) !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__controls {
  background: #ffffff !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__result {
  background: linear-gradient(145deg, #102436 0%, #173f68 100%) !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__result > span {
  color: #d8e9df !important;
  -webkit-text-fill-color: #d8e9df !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__number > span,
html body.route-home-loan-calculator .loan-calculator-page .home-emi__tip i,
html body.route-home-loan-calculator .loan-calculator-property-card > i {
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__range {
  background: linear-gradient(90deg, #173f68, #8ca8c0) !important;
  accent-color: #173f68 !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__range::-webkit-slider-thumb {
  background: #173f68 !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__range::-moz-range-thumb {
  background: #173f68 !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__bar {
  background: rgba(255, 255, 255, .22) !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__bar > span {
  background: #d8e9df !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__legend i {
  background: #d8e9df !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__legend span:last-child i {
  background: rgba(255, 255, 255, .32) !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__tip {
  border-color: rgba(23, 63, 104, .18) !important;
  border-left-color: #173f68 !important;
  background: #edf4fa !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__result > a {
  background: #ffffff !important;
  color: #24343a !important;
  -webkit-text-fill-color: #24343a !important;
}

html body.route-home-loan-calculator .loan-calculator-page .home-emi__result > a:hover {
  background: #d8e9df !important;
}

html body.route-home-loan-calculator .loan-calculator-followup {
  padding: 8px 0 90px !important;
  background: #f4f6f3 !important;
}

html body.route-home-loan-calculator .loan-calculator-content {
  max-width: 920px !important;
}

html body.route-home-loan-calculator footer.footer-area.footer-area--tricity {
  background: #101d26 !important;
  background-color: #101d26 !important;
}

html body.route-home-loan-calculator footer.footer-area.footer-area--tricity .footer-item__title {
  font-size: 14px !important;
  letter-spacing: .02em !important;
}

html body.route-home-loan-calculator footer.footer-area.footer-area--tricity .footer-item__title::after {
  background: rgba(216, 233, 223, .55) !important;
}

html body.route-home-loan-calculator footer.footer-area.footer-area--tricity :is(.footer-local-tags a, .social-list__link, .footer-contact-menu__item-icon) {
  border-color: rgba(216, 233, 223, .22) !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #d8e9df !important;
  -webkit-text-fill-color: #d8e9df !important;
}

html body.route-home-loan-calculator footer.footer-area.footer-area--tricity :is(.footer-menu__link:hover, .footer-contact-menu__item-content a:hover) {
  color: #d8e9df !important;
  -webkit-text-fill-color: #d8e9df !important;
}

@media (max-width: 991px) {
  html body.route-home-loan-calculator .tricity-breadcrumb--loan {
    min-height: 260px !important;
    padding: 104px 0 52px !important;
  }

  html body.route-home-loan-calculator .loan-calculator-hero__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 575px) {
  html body.route-home-loan-calculator .tricity-breadcrumb--loan .tricity-breadcrumb__title {
    font-size: 31px !important;
  }

  html body.route-home-loan-calculator .loan-calculator-hero > .container,
  html body.route-home-loan-calculator .home-emi > .container,
  html body.route-home-loan-calculator .loan-calculator-followup > .container {
    width: min(100% - 28px, 1220px) !important;
  }
}

html body.page-home .about-simple__visual {
  display: none !important;
}

html body.page-home .about-simple__layout {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.page-home .about-simple__content,
html body.page-home .home-services-overview__heading {
  max-width: 920px !important;
}

html body.page-home .home-support-studio__hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr) !important;
  align-items: stretch !important;
  gap: 28px !important;
}

html body.page-home .home-support-studio__visual {
  display: flex !important;
}

@media (max-width: 991px) {
  html body.page-home .home-support-studio__hero {
    grid-template-columns: 1fr !important;
  }
}

html body.page-home .human-about .human-about__layout {
  display: grid !important;
  grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr) !important;
  align-items: center !important;
  gap: 48px !important;
}

html body.page-home .human-about .human-about__visual {
  display: block !important;
  position: relative !important;
}

html body.page-home .human-about .human-about__visual > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 320px !important;
  object-fit: cover !important;
}

@media (max-width: 991px) {
  html body.page-home .human-about .human-about__layout {
    grid-template-columns: 1fr !important;
  }
}

html body .site-visit-modal :is(
  .site-visit-toggle input:checked + span,
  .site-visit-date-option input:checked + span,
  .site-visit-time-grid input:checked + span,
  .site-visit-submit
) {
  border-color: #3f7fac !important;
  background: #3f7fac !important;
  background-color: #3f7fac !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body .site-visit-modal .site-visit-submit:hover,
html body .site-visit-modal .site-visit-submit:focus {
  border-color: #326f9b !important;
  background: #326f9b !important;
  background-color: #326f9b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.page-home :is(.interesting-reads-nav, .home-stories__nav) {
  display: none !important;
}

html body.page-home section.property-paths-section.home-property-cta {
  position: relative;
  overflow: hidden !important;
}

html body.page-home section.property-paths-section.home-property-cta::before {
  position: absolute;
  inset: 18% auto auto -90px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(63, 127, 172, .16);
  border-radius: 50%;
  content: "";
  animation: homeCtaFloat 7s ease-in-out infinite;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path {
  position: relative;
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
  will-change: transform;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(110deg, transparent 8%, rgba(255, 255, 255, .38) 46%, transparent 78%);
  opacity: 0;
  transform: translateX(-120%);
  transition: transform .7s ease, opacity .7s ease;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path:hover {
  transform: translateY(-8px) scale(1.01) !important;
  border-color: rgba(63, 127, 172, .52) !important;
  box-shadow: 0 24px 55px rgba(13, 45, 74, .15) !important;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path:hover::after {
  opacity: 1;
  transform: translateX(120%);
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path__icon {
  transition: transform .35s ease, background-color .35s ease, color .35s ease, border-color .35s ease !important;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path:hover .home-property-path__icon {
  transform: translateY(-4px) rotate(-3deg) scale(1.08);
  border-color: #3f7fac !important;
  background: #eef7fc !important;
  color: #3f7fac !important;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path > a {
  position: relative;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease !important;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path > a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 30px rgba(13, 45, 74, .18) !important;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path > a i {
  transition: transform .25s ease !important;
}

html body.page-home section.property-paths-section.home-property-cta .home-property-path > a:hover i {
  transform: translateX(5px);
}

html.site-reveal-ready body.page-home :is(.home-property-cta__heading, .home-property-path).site-reveal {
  transform: translateY(34px) scale(.98);
}

html.site-reveal-ready body.page-home :is(.home-property-cta__heading, .home-property-path).site-reveal.is-revealed {
  transform: translateY(0) scale(1);
}

@keyframes homeCtaFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(18px, 12px, 0) scale(1.08);
  }
}

html body .header .property-mega-item,
html body .header .contact-mega-item {
  position: static !important;
}

html body .header .property-mega-menu,
html body .header .contact-mini-menu {
  border: 1px solid rgba(23, 63, 104, .12) !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(13, 45, 74, .16) !important;
}

html body .header .property-mega-menu__grid {
  grid-template-columns: 270px 170px 210px 190px minmax(190px, 1fr) !important;
  min-height: 330px !important;
}

html body .header .property-mega-menu .mega-menu__col {
  border-left-color: #e5edf4 !important;
}

html body .header .property-mega-menu__feature {
  background: linear-gradient(145deg, #f3f8fc 0%, #ffffff 100%) !important;
}

html body .header .property-mega-menu__feature img {
  display: block;
  width: 100%;
  height: 116px;
  margin: 14px 0;
  border-radius: 8px;
  object-fit: cover;
  box-shadow: 0 14px 32px rgba(13, 45, 74, .16);
}

html body .header .property-mega-menu .mega-menu__label,
html body .header .contact-mini-menu__intro span {
  color: #3f7fac !important;
  -webkit-text-fill-color: #3f7fac !important;
  letter-spacing: .08em !important;
}

html body .header .property-mega-menu .mega-menu__title,
html body .header .contact-mini-menu__intro h3 {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
}

html body .header .property-mega-menu .mega-menu__subtitle,
html body .header .contact-mini-menu__intro p {
  color: #5b6b78 !important;
  -webkit-text-fill-color: #5b6b78 !important;
}

html body .header .property-mega-menu a:not(.property-mega-menu__cta) {
  position: relative;
  padding: 8px 0 8px 14px !important;
  color: #344756 !important;
  -webkit-text-fill-color: #344756 !important;
}

html body .header .property-mega-menu a:not(.property-mega-menu__cta)::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b8c8d4;
  content: "";
  transform: translateY(-50%);
  transition: background-color .2s ease, transform .2s ease;
}

html body .header .property-mega-menu a:not(.property-mega-menu__cta):hover {
  padding-left: 19px !important;
  color: #173f68 !important;
  -webkit-text-fill-color: #173f68 !important;
}

html body .header .property-mega-menu a:not(.property-mega-menu__cta):hover::before {
  background: #3f7fac;
  transform: translateY(-50%) scale(1.35);
}

html body .header .property-mega-menu__cta {
  display: inline-flex !important;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px !important;
  border-radius: 6px;
  background: #173f68;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body .header .contact-mini-menu {
  left: auto !important;
  right: 0 !important;
  width: min(620px, calc(100vw - 32px)) !important;
  transform: translateY(12px) !important;
  border-radius: 0 0 8px 8px !important;
  overflow: hidden !important;
}

html body .header .contact-mega-item:hover .contact-mini-menu,
html body .header .contact-mega-item:focus-within .contact-mini-menu {
  transform: translateY(0) !important;
}

html body .header .contact-mini-menu__grid {
  display: grid;
  grid-template-columns: 1.05fr repeat(2, minmax(150px, 1fr));
  gap: 12px;
  padding: 18px;
}

html body .header .contact-mini-menu__intro {
  grid-row: span 2;
  padding: 18px;
  border-radius: 8px;
  background: #f3f8fc;
}

html body .header .contact-mini-menu__intro span {
  display: block;
  margin-bottom: 8px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

html body .header .contact-mini-menu__intro h3 {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.2;
}

html body .header .contact-mini-menu__intro p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

html body .header .contact-mini-menu__item,
html body .header .contact-mini-menu__button {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 74px;
  padding: 13px !important;
  border: 1px solid #dbe6ef;
  border-radius: 8px;
  background: #ffffff;
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

html body .header .contact-mini-menu__item:hover,
html body .header .contact-mini-menu__button:hover {
  transform: translateY(-3px);
  border-color: rgba(63, 127, 172, .45);
  box-shadow: 0 14px 30px rgba(13, 45, 74, .12);
}

html body .header .contact-mini-menu__item i {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 8px;
  background: #eaf4fb;
  color: #3f7fac !important;
  -webkit-text-fill-color: #3f7fac !important;
  font-size: 20px;
}

html body .header .contact-mini-menu__item small {
  display: block;
  margin-bottom: 3px;
  color: #617381 !important;
  -webkit-text-fill-color: #617381 !important;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html body .header .contact-mini-menu__item strong {
  color: #101820 !important;
  -webkit-text-fill-color: #101820 !important;
  font-size: 12px;
  line-height: 1.25;
}

html body .header .contact-mini-menu__button {
  justify-content: center;
  background: #173f68;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800;
}

@media (max-width: 1199px) {
  html body .header .property-mega-menu__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body .header .property-mega-menu__feature {
    grid-column: 1 / -1;
  }
}

@media (max-width: 991px) {
  html body .header .property-mega-menu,
  html body .header .contact-mini-menu {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin-top: 8px !important;
    border-radius: 8px !important;
    transform: none !important;
  }

  html body .header .property-mega-menu__grid,
  html body .header .contact-mini-menu__grid {
    grid-template-columns: 1fr !important;
  }

  html body .header .contact-mini-menu__intro {
    grid-row: auto;
  }
}

html body .zirakpur-brand-mark {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 8px;
  background: #071726;
  box-shadow: 0 14px 34px rgba(7, 23, 38, .18);
}

html body .header .navbar-brand.logo .zirakpur-brand-image,
html body .header .navbar-brand.logo .zirakpur-brand-image--base {
  width: 224px !important;
  height: 74px !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
}

html body footer.footer-area.footer-area--tricity .footer-item__logo .zirakpur-brand-mark,
html body .account-form__logo .zirakpur-brand-mark {
  background: transparent;
  padding: 0;
  box-shadow: none;
}

html body footer.footer-area.footer-area--tricity .footer-item__logo img,
html body footer.footer-area.footer-area--tricity .zirakpur-brand-image {
  width: 230px !important;
  height: 82px !important;
  object-fit: contain !important;
}

html body .account-form__logo {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px 16px !important;
  border-radius: 10px;
  background: #071726 !important;
}

html body .account-form__logo .zirakpur-brand-image {
  width: 238px !important;
  height: 82px !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  html body .header .navbar-brand.logo .zirakpur-brand-image,
  html body .header .navbar-brand.logo .zirakpur-brand-image--base {
    width: 176px !important;
    height: 58px !important;
  }

  html body .zirakpur-brand-mark {
    padding: 8px 10px;
  }
}

html body.route-tricity-hotspot .tricity-hotspot-page {
  background: #f5f8fb;
}

html body.route-tricity-hotspot .tricity-hotspot-intro {
  padding: 72px 0 28px;
  text-align: center;
}

html body.route-tricity-hotspot .tricity-hotspot-intro span,
html body.route-tricity-hotspot .tricity-hotspot-city__head span,
html body.route-tricity-hotspot .tricity-hotspot-card span,
html body.route-tricity-hotspot .tricity-hotspot-modal article span {
  display: block;
  color: #3f7fac;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html body.route-tricity-hotspot .tricity-hotspot-intro h2 {
  max-width: 820px;
  margin: 12px auto 12px;
  color: #101820;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.08;
}

html body.route-tricity-hotspot .tricity-hotspot-intro p {
  max-width: 780px;
  margin: 0 auto;
  color: #526879;
  font-size: 16px;
  line-height: 1.75;
}

html body.route-tricity-hotspot .tricity-hotspot-city {
  padding: 58px 0;
}

html body.route-tricity-hotspot .tricity-hotspot-city:nth-of-type(odd) {
  background: #ffffff;
}

html body.route-tricity-hotspot .tricity-hotspot-city__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}

html body.route-tricity-hotspot .tricity-hotspot-city__head h2 {
  margin: 10px 0;
  color: #101820;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
}

html body.route-tricity-hotspot .tricity-hotspot-city__head p {
  max-width: 760px;
  margin: 0;
  color: #526879;
  font-size: 15px;
  line-height: 1.75;
}

html body.route-tricity-hotspot .tricity-hotspot-city__head > a,
html body.route-tricity-hotspot .tricity-hotspot-modal article a {
  display: inline-flex;
  min-height: 46px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  border-radius: 6px;
  background: #173f68;
  color: #ffffff;
  font-weight: 850;
  transition: transform .24s ease, box-shadow .24s ease, background-color .24s ease;
}

html body.route-tricity-hotspot .tricity-hotspot-city__head > a:hover,
html body.route-tricity-hotspot .tricity-hotspot-modal article a:hover {
  transform: translateY(-3px);
  background: #3f7fac;
  box-shadow: 0 16px 34px rgba(13, 45, 74, .18);
}

html body.route-tricity-hotspot .tricity-hotspot-city__layout {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1fr);
  gap: 26px;
  align-items: stretch;
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature,
html body.route-tricity-hotspot .tricity-hotspot-card,
html body.route-tricity-hotspot .tricity-hotspot-modal article {
  overflow: hidden;
  border: 1px solid #dbe6ef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 20px 50px rgba(13, 45, 74, .09);
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature {
  position: relative;
  min-height: 520px;
  margin: 0;
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  transition: transform .7s ease;
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature:hover img {
  transform: scale(1.06);
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature figcaption {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 18px;
  padding: 18px;
  border-radius: 8px;
  background: rgba(7, 23, 38, .86);
  color: #ffffff;
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature small {
  display: block;
  margin-bottom: 4px;
  color: #b9d7eb;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px;
}

html body.route-tricity-hotspot .tricity-hotspot-city__feature figcaption :is(small, strong) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body.route-tricity-hotspot .tricity-hotspot-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

html body.route-tricity-hotspot .tricity-hotspot-card {
  display: flex;
  min-height: 250px;
  flex-direction: column;
  color: inherit;
  transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}

html body.route-tricity-hotspot .tricity-hotspot-card:hover {
  transform: translateY(-8px);
  border-color: rgba(63, 127, 172, .5);
  box-shadow: 0 26px 58px rgba(13, 45, 74, .16);
}

html body.route-tricity-hotspot .tricity-hotspot-card img {
  width: 100%;
  height: 132px;
  object-fit: cover;
  transition: transform .55s ease;
}

html body.route-tricity-hotspot .tricity-hotspot-card:hover img {
  transform: scale(1.07);
}

html body.route-tricity-hotspot .tricity-hotspot-card > div {
  padding: 18px;
}

html body.route-tricity-hotspot .tricity-hotspot-card h3 {
  margin: 7px 0 8px;
  color: #101820;
  font-size: 20px;
  line-height: 1.2;
}

html body.route-tricity-hotspot .tricity-hotspot-card p {
  margin: 0 0 12px;
  color: #526879;
  font-size: 13px;
  line-height: 1.55;
}

html body.route-tricity-hotspot .tricity-hotspot-card strong {
  color: #173f68;
  font-size: 12px;
  font-weight: 900;
}

html body.route-tricity-hotspot .tricity-hotspot-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  place-items: center;
  padding: 22px;
}

html body.route-tricity-hotspot .tricity-hotspot-modal:target {
  display: grid;
}

html body.route-tricity-hotspot .tricity-hotspot-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 18, 31, .72);
  backdrop-filter: blur(8px);
}

html body.route-tricity-hotspot .tricity-hotspot-modal article {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(880px, 100%);
  grid-template-columns: .9fr 1fr;
  max-height: 88vh;
  overflow: hidden auto;
}

html body.route-tricity-hotspot .tricity-hotspot-modal article > img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
}

html body.route-tricity-hotspot .tricity-hotspot-modal article > div {
  padding: 34px;
}

html body.route-tricity-hotspot .tricity-hotspot-modal article h3 {
  margin: 10px 0 14px;
  color: #101820;
  font-size: 34px;
  line-height: 1.1;
}

html body.route-tricity-hotspot .tricity-hotspot-modal article p {
  color: #526879;
  font-size: 15px;
  line-height: 1.75;
}

html body.route-tricity-hotspot .tricity-hotspot-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: grid !important;
  width: 38px;
  height: 38px;
  min-height: 38px !important;
  place-items: center;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #173f68 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

@media (max-width: 991px) {
  html body.route-tricity-hotspot .tricity-hotspot-city__head,
  html body.route-tricity-hotspot .tricity-hotspot-city__layout,
  html body.route-tricity-hotspot .tricity-hotspot-modal article {
    grid-template-columns: 1fr;
  }

  html body.route-tricity-hotspot .tricity-hotspot-city__head {
    display: grid;
  }
}

@media (max-width: 575px) {
  html body.route-tricity-hotspot .tricity-hotspot-card-grid {
    grid-template-columns: 1fr;
  }

  html body.route-tricity-hotspot .tricity-hotspot-city {
    padding: 42px 0;
  }

  html body.route-tricity-hotspot .tricity-hotspot-modal article > img {
    min-height: 240px;
  }

  html body.route-tricity-hotspot .tricity-hotspot-modal article > div {
    padding: 24px;
  }
}

html body.page-home :is(
  .home-support-studio,
  .human-about,
  .zirakpur-choose-section,
  section.site-visit-section.site-visit-modern.site-visit-showcase
) {
  overflow: hidden !important;
}

html body.page-home :is(
  .home-support-studio__visual,
  .human-about__visual,
  .zirakpur-choose-section img,
  .site-visit-showcase__visual,
  .site-visit-showcase__support
) {
  transition: transform .45s ease, box-shadow .45s ease, filter .45s ease !important;
  will-change: transform;
}

html body.page-home :is(
  .home-support-studio__visual,
  .human-about__visual,
  .site-visit-showcase__visual,
  .site-visit-showcase__support
)::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(115deg, transparent 12%, rgba(255, 255, 255, .32) 48%, transparent 82%);
  opacity: 0;
  transform: translateX(-120%);
  transition: transform .72s ease, opacity .72s ease;
}

html body.page-home :is(
  .home-support-studio__visual,
  .human-about__visual,
  .site-visit-showcase__visual,
  .site-visit-showcase__support
):hover {
  transform: translateY(-8px) scale(1.025) !important;
  box-shadow: 0 24px 55px rgba(13, 45, 74, .2) !important;
  filter: saturate(1.06) contrast(1.03);
}

html body.page-home :is(
  .home-support-studio__visual,
  .human-about__visual,
  .site-visit-showcase__visual,
  .site-visit-showcase__support
):hover::after {
  opacity: 1;
  transform: translateX(120%);
}

html body.page-home :is(
  .home-support-studio__visual,
  .human-about__visual,
  .site-visit-showcase__visual,
  .site-visit-showcase__support
) img {
  transition: transform .65s ease !important;
}

html body.page-home :is(
  .home-support-studio__visual,
  .human-about__visual,
  .site-visit-showcase__visual,
  .site-visit-showcase__support
):hover img {
  transform: scale(1.07) !important;
}

html body.page-home :is(
  .home-support-studio__actions a,
  .human-about__actions a,
  .zirakpur-choose-section a,
  .site-visit-showcase__actions a,
  .site-visit-showcase__actions button
) {
  position: relative;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease !important;
}

html body.page-home :is(
  .home-support-studio__actions a,
  .human-about__actions a,
  .zirakpur-choose-section a,
  .site-visit-showcase__actions a,
  .site-visit-showcase__actions button
):hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 32px rgba(13, 45, 74, .16) !important;
}

html body.page-home :is(
  .zirakpur-choose-card,
  .site-visit-showcase__benefits article,
  .site-visit-showcase__steps span,
  .human-about__values span
) {
  transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease, background-color .32s ease !important;
}

html body.page-home :is(
  .zirakpur-choose-card,
  .site-visit-showcase__benefits article,
  .site-visit-showcase__steps span,
  .human-about__values span
):hover {
  transform: translateY(-6px) !important;
  border-color: rgba(63, 127, 172, .52) !important;
  box-shadow: 0 18px 40px rgba(13, 45, 74, .14) !important;
}

html.site-reveal-ready body.page-home :is(
  .home-support-studio__hero > *,
  .human-about__layout > *,
  .zirakpur-choose-section .row > *,
  .site-visit-showcase__section-head,
  .site-visit-showcase__layout > *,
  .site-visit-showcase__benefits article,
  .site-visit-showcase__steps > span
).site-reveal {
  transform: translateY(34px) scale(.98);
}

html.site-reveal-ready body.page-home :is(
  .home-support-studio__hero > *,
  .human-about__layout > *,
  .zirakpur-choose-section .row > *,
  .site-visit-showcase__section-head,
  .site-visit-showcase__layout > *,
  .site-visit-showcase__benefits article,
  .site-visit-showcase__steps > span
).site-reveal.is-revealed {
  transform: translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  html body.page-home :is(
    .home-support-studio__visual,
    .human-about__visual,
    .site-visit-showcase__visual,
    .site-visit-showcase__support,
    .zirakpur-choose-card,
    .site-visit-showcase__benefits article,
    .site-visit-showcase__steps span
  ) {
    transition: none !important;
  }
}

/* Header logo final: show one transparent white logo without a wrapper background. */
html body .header .navbar-brand.logo .zirakpur-brand-mark {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .header .navbar-brand.logo .zirakpur-brand-image--light {
  display: block !important;
}

html body .header .navbar-brand.logo .zirakpur-brand-image--dark {
  display: none !important;
}

html body .header .navbar-brand.logo {
  width: 276px !important;
  height: 102px !important;
}

html body .header .navbar-brand.logo .zirakpur-brand-image,
html body .header .navbar-brand.logo .zirakpur-brand-image--base {
  width: 270px !important;
  height: 100px !important;
  max-width: 270px !important;
  max-height: 100px !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  html body .header .navbar-brand.logo {
    width: 210px !important;
    height: 78px !important;
  }

  html body .header .navbar-brand.logo .zirakpur-brand-image,
  html body .header .navbar-brand.logo .zirakpur-brand-image--base {
    width: 205px !important;
    height: 76px !important;
    max-width: 205px !important;
    max-height: 76px !important;
  }
}

/* Inner-page breadcrumb final: image-led banner with calmer title scale. */
html body.page-inner .tricity-breadcrumb {
  min-height: 220px !important;
  padding: 86px 0 48px !important;
  background-color: #0b2745 !important;
  background-position: center center !important;
  background-size: cover !important;
}

html body.page-inner .tricity-breadcrumb::before {
  background:
    linear-gradient(90deg, rgba(6, 24, 38, .78), rgba(6, 24, 38, .55), rgba(6, 24, 38, .72)),
    linear-gradient(180deg, rgba(6, 24, 38, .18), rgba(6, 24, 38, .5)) !important;
}

html body.page-inner .tricity-breadcrumb__wrapper {
  min-height: 74px !important;
}

html body.page-inner .tricity-breadcrumb__eyebrow {
  margin-bottom: 10px !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
}

html body.page-inner .tricity-breadcrumb__title {
  max-width: 980px !important;
  margin-inline: auto !important;
  font-size: clamp(30px, 3.1vw, 44px) !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}

@media (max-width: 575px) {
  html body.page-inner .tricity-breadcrumb {
    min-height: 190px !important;
    padding: 74px 0 34px !important;
  }

  html body.page-inner .tricity-breadcrumb__title {
    font-size: 28px !important;
  }
}

/* Absolute final breadcrumb reset: one visible image, no solid blue block. */
html body.page-inner section.tricity-breadcrumb.bg-img,
html body.page-inner .tricity-breadcrumb.bg-img {
  min-height: 300px !important;
  padding: 126px 0 74px !important;
  background-image:
    linear-gradient(90deg, rgba(4, 18, 30, .34), rgba(4, 18, 30, .16)),
    var(--tricity-breadcrumb-image) !important;
  background-color: transparent !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html body.page-inner .tricity-breadcrumb::before {
  background: rgba(4, 18, 30, .18) !important;
}

html body.page-inner .tricity-breadcrumb__wrapper {
  min-height: 96px !important;
}

html body.page-inner .tricity-breadcrumb__eyebrow {
  margin-bottom: 12px !important;
  font-size: 11px !important;
}

html body.page-inner .tricity-breadcrumb__title {
  font-size: clamp(38px, 4vw, 56px) !important;
  line-height: 1.1 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .38) !important;
}

html body.page-inner :is(
  .tricity-hotspot-intro h2,
  .about-page__hero h1,
  .about-page__copy h2,
  .contact-tricity-head h1,
  .interesting-reads-page__header h1,
  .blog-page h1,
  .property-services__intro h1,
  .section-heading__title
) {
  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.16 !important;
}

html body.route-tricity-hotspot .tricity-hotspot-intro h2,
html body.route-tricity-hotspot .tricity-hotspot-city__head h2 {
  font-size: clamp(34px, 3.8vw, 52px) !important;
  line-height: 1.16 !important;
}

@media (max-width: 575px) {
  html body.page-inner section.tricity-breadcrumb.bg-img,
  html body.page-inner .tricity-breadcrumb.bg-img {
    min-height: 250px !important;
    padding: 112px 0 46px !important;
  }

  html body.page-inner .tricity-breadcrumb__title {
    font-size: 34px !important;
  }

  html body.page-inner :is(
    .tricity-hotspot-intro h2,
    .about-page__hero h1,
    .about-page__copy h2,
    .contact-tricity-head h1,
    .interesting-reads-page__header h1,
    .blog-page h1,
    .property-services__intro h1,
    .section-heading__title
  ) {
    font-size: 34px !important;
  }
}

/* Header logo state switch: white on home hero, blue after sticky and on inner pages. */
html body .header .navbar-brand.logo {
  position: relative !important;
}

html body .header .navbar-brand.logo .zirakpur-brand-image--light,
html body .header .navbar-brand.logo .zirakpur-brand-image--dark {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  transition: opacity .18s ease, visibility .18s ease !important;
}

html body.page-home .header.header--home:not(.fixed-header) .navbar-brand.logo .zirakpur-brand-image--light {
  opacity: 1 !important;
  visibility: visible !important;
}

html body.page-home .header.header--home:not(.fixed-header) .navbar-brand.logo .zirakpur-brand-image--dark {
  opacity: 0 !important;
  visibility: hidden !important;
}

html body.page-home .header.header--home.fixed-header .navbar-brand.logo .zirakpur-brand-image--light,
html body.page-inner .header .navbar-brand.logo .zirakpur-brand-image--light {
  opacity: 0 !important;
  visibility: hidden !important;
}

html body.page-home .header.header--home.fixed-header .navbar-brand.logo .zirakpur-brand-image--dark,
html body.page-inner .header .navbar-brand.logo .zirakpur-brand-image--dark {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Contact cards final polish: remove oversized dashed icon pills. */
html body.page-inner section.contact-top .contact-item {
  display: flex !important;
  min-height: 218px !important;
  gap: 18px !important;
  padding: 28px !important;
  border: 1px solid #d8e4ed !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 39, 69, .06) !important;
}

html body.page-inner section.contact-top .contact-item__top {
  display: flex !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
}

html body.page-inner section.contact-top .contact-item__top::before {
  display: none !important;
  content: none !important;
}

html body.page-inner section.contact-top .contact-item__icon {
  display: grid !important;
  width: 54px !important;
  height: 54px !important;
  place-items: center !important;
  border: 1px solid #d8e4ed !important;
  border-radius: 8px !important;
  background: #f3f8fc !important;
  box-shadow: none !important;
  font-size: 25px !important;
}

html body.page-inner section.contact-top .contact-item__title {
  margin: 0 0 8px !important;
  font-size: 18px !important;
}