/*!
Theme Name: Real Estate
Theme URI: http://underscores.me/
Author: Deepak Shukla
Author URI: http://www.skyrisein.com
Description: Sky Risein – Your trusted real estate partner for buying, selling and investing in premium homes, apartments, and commercial properties with ease and transparency.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: web
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Real Estate is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}

/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0;
  background: #f4f4f4;
}

.mar-lg-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mar-lg-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mar-lg-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mar-lg-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mar-lg-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mar-lg-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mar-lg-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.mar-lg-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mar-lg-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mar-lg-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.mar-lg-r-0 {
  margin-right: 0px !important;
}

.pad-lg-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pad-lg-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.pad-lg-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pad-lg-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.pad-lg-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.pad-lg-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.pad-lg-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.pad-lg-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.pad-lg-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.pad-lg-100 {
  padding-left: 100px;
  padding-right: 100px;
}
.pad-tb30 {
  padding-top:30px;
  padding-bottom: 60px;
}
.pad-tb {
  padding-top: 60px;
  padding-bottom: 60px;
}

.onhover {
  transition: all .3s ease-out 0s;
  -moz-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
}

/*=========Vertical Scroller CSS==========*/
::-webkit-scrollbar {
  width: 4px; // to adjust width
}

::-webkit-scrollbar-track {
  background: #f29f1f;
  border: rgba(33, 33, 33, 1);
}

::-webkit-scrollbar-thumb {
  background: #19184c;
}

::-webkit-scrollbar-thumb:hover {
  background: #19184c;
}

::-webkit-scrollbar-thumb:active {
  background: #19184c;
}

* {
  padding: 0;
  margin: 0;
}
/* Font Awesome Solid */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2') format('woff2');
  font-display: swap;
}

/* Font Awesome Brands */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2') format('woff2');
  font-display: swap;
}

html,
body {
  font-family: "Poppins", sans-serif;
  font-display: swap;
}

.hover {
  transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -webkit-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  margin: 0
}

p {
  margin: 0
}

/* Header
========================================================================== */
header {box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.3);}

header .top_sec {
  background: #19184C;
  padding: 4px 0px 6px;
}

header .top_sec .left {}

header .top_sec .left ul {
  margin: 0;
  padding: 0;
}

header .top_sec .left ul li {
  list-style: none;
}

header .top_sec .left ul li a {
  text-decoration: none;
  background: #fff;
  color: #19184C;
  font-size: 12px;
  padding: 6px 15px;
  border-radius: 35px;
}

header .top_sec .left ul li a i {
  margin-right: 5px;
}

header .top_sec .left ul li a:hover {
  background: #F29F1F;
  color: #fff;
}

header .top_sec .right {}

header .top_sec .right ul {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

header .top_sec .right ul li {
  list-style: none;
  margin: 0;
}

header .top_sec .right ul li a:hover {
  background: #F29F1F;
  color: #fff;
}

header .top_sec .right ul li a {
  text-decoration: none;
  background: #fff;
  color: #19184C;
  font-size: 12px;
  padding: 6px 15px;
  border-radius: 35px;
  display: flex;
  align-items: center;
}

header .top_sec .right ul li a i {
  margin-right: 5px;
}

header .top_sec .right ul li:nth-child(2) a {
  background: #25D366;
  color: #fff;
}

/* Header */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0px;
  position: relative;
  transition: all 0.4s ease-in-out;
  z-index: 999;
  /*background: url(images/diwali-01.svg)no-repeat left;*/
}
.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px 40px;
  background: #fff; /* apne design ke hisaab se */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  animation: slideDown 0.4s ease-in-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.logo {
  font-size: 20px;
  font-weight: bold;
  color: #19184C;
}

.logo a img {
  max-width: 190px;
}

/* Menu (one for all) */
.menu {
  display: flex;
  gap: 50px;
}

.menu a {
  text-decoration: none;
  color: #19184C;
  font-size: 13px;
  font-weight: 400;
}

.menu a:hover {
  color: #F29F1F;
}

/* Hamburger */
.hamburger {
  display: none;
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
  color: #19184C;
}

/* Mobile Slide Menu */
@media (max-width: 768px) {
  .menu {
    flex-direction: column;
    gap: 0;
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background: #19184C;
    padding: 60px 20px;
    transition: left 0.3s ease-in-out;
    z-index: 999;
  }

  .menu a {
    color: #fff;
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .menu a:hover {
    color: #25D366;
  }

  .menu.active {
    left: 0;
  }

  .hamburger {
    display: block;
  }
}

/* Overlay */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.overlay.active {
  display: block;
}

/*=============Slider====================*/
.slider_sec {position: relative;}

.slider_sec .slider {
  position: relative;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}

.slider_sec .owl-carousel .item {
  position: relative;
  width: 100%;
  height: 100vh;
}

.slider_sec .owl-carousel .item img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.slider_sec .overlaybg {
  position: absolute;
  inset: 0;
/*  background: linear-gradient(to top, rgba(27, 92, 197, 0.7), rgba(27, 92, 197, 0.5));*/
  z-index: 1;
}

.slider_sec .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: white;
  z-index: 2;
  width: 100%;
  padding: 0 20px;
}

.slider_sec .content h2 {
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #1c194b;
}

.slider_sec .content p {
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #1c194b;
}

.slider_sec .buttons button {
  margin: 5px;
  padding: 6px 25px;
  border: 1px solid white;
  background: rgba(255, 255, 255, 0.7);
  color: #0a0a3a;
  font-size: 13px;
  font-weight: 600;
  border-radius: 25px;
  cursor: pointer;
  transition: 0.3s;
}

.slider_sec .buttons button:hover {
  background: white;
  color: navy;
}

.slider_sec .search-box {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 8px;
/*  overflow: hidden;*/
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  position: relative;
}

.slider_sec .search-box select {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;

}

.slider_sec .search-box select,
.slider_sec .search-box input {
  padding: 15px;
  border: none;
  outline: none;
  font-size: 14px;

}

.slider_sec .search-box select {
  background: #0a0a3a;
  color: white;
  min-width: 200px;
}

.slider_sec .search-box input {
  flex: 1;
  min-width: 440px;
}

.slider_sec .search-box button {
  background: orange;
  color: white;
  padding: 15px 25px;
  border: none;
  font-size: 16px;
  cursor: pointer;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.slider_sec .search-box button:hover {
  background: #19184C
}

.slider_sec .down-arrow {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  color: white;
  z-index: 2;
  animation: bounce 2s infinite;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 30px;
}
.suggestion-item {
    padding: 8px 12px;
    cursor: pointer;
}
.suggestion-item:hover {
    background-color: #f0f0f0;
}

#buy_suggestions { position: absolute; top: 70px; left: 220px; right: 0;padding-left: 15px; background: rgba(255, 255, 255, 0.9);color:#0a0a3a;max-height: 140px; overflow-y: auto; display: none; z-index: 1000;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;max-width:440px;text-align:left;font-size:14px;}
#buy_suggestions div { padding: 8px 0px; cursor: pointer;border-bottom:1px solid rgba(0, 0, 0, 0.1) }
#buy_suggestions div:hover { background: rgba(255, 255, 255, 0.8); }

.slider_sec .down-arrow a {
  text-decoration: none;
  color: #fff;
}

@keyframes bounce {

  0%,
  100% {
    transform: translate(-50%, 0);
  }

  50% {
    transform: translate(-50%, -10px);
  }
}

/* Owl nav dots */
.slider_sec .owl-dots {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.slider_sec .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: white !important;
  border-radius: 50%;
  margin: 5px;
  opacity: 0.7;
}

.slider_sec .owl-dots .owl-dot.active span {
  background: orange !important;
  opacity: 1;
}
/*======Wishes======*/
 /* Wishes Box styling */
  #wishesBox {
  position: fixed;
  bottom: -300px;
  left: 20px;
  width: 120px;
  height: 135px;
  background: rgba(8, 8, 8, .2);
  color: #fff;
  padding: 4px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: bottom 0.6s ease-out, background 0.3s ease;
  z-index: 999;
  overflow: hidden;
}

#wishesBox:hover {
  background: rgba(255, 255, 255, .9);
}

#wishesBox.show {
  bottom: 20px;
}

#wishesBox img {
  max-width: 110px;
}

.close-btn {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
}

#wishesBox p {
  margin: 0;
}

/* 🔥 Smooth Border Animation */
#wishesBox::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 12px;
  background: linear-gradient(270deg, #ff0080, #7928ca, #00dbde, #ff0080);
  background-size: 400% 400%;
  z-index: -1;
  animation: borderAnim 8s ease infinite;
}

@keyframes borderAnim {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/*===========featured===========*/
#featured {
  background: linear-gradient(109.18deg, #063692, #0b0b45), linear-gradient(270deg, #181244, #181244);
  padding: 80px 0px 110px;
}

#featured .heading {
  border-left: 4px solid #f9a825;
  padding: 8px 0px 8px 15px;
}

#featured .heading h2 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#featured .heading p {
  font-size: 16px;
  color: #b5b5b5;
}

#featured .anc {}

#featured .anc a {
  font-size: 12px;
  color: #b5b5b5;
  text-decoration: none;
}

#featured .anc a:hover {
  color: #F29F1F;
}

#featured .featured_card {
  width: 100%;
  height: 430px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid rgba(52, 152, 219, 0.4);
}

#featured .featured_card a {
  text-decoration: none;
  color: inherit;
}

#featured .featured_card .highlight {
  position: absolute;
  top: 0px;
  z-index: 99;
  display: flex;
  /* Flex se image aur list ek line me rahenge */
  align-items: center;
  /* Vertical alignment center */
  gap: 5px;
  /* Image aur list ke beech thoda gap */
}
#featured .featured_card .highlight i{font-size: 18px;}
#featured .featured_card .highlight img {
  max-width: 20px;
  display: inline-block;
  /* Inline-block ensures proper alignment */
  vertical-align: middle;
}

#featured .featured_card .highlight ul {
  padding: 5px;
  margin: 0;
  list-style: none;
  /* Bullet points remove */
  display: flex;
  /* List items ek line me */
  gap: 5px;
  /* List items ke beech gap */
}

#featured .featured_card .highlight ul li {
  font-size: 9px;
  padding: 3px 8px;
  border-radius: 3px;
  color: #fff;
}

/* First list item color blue */
#featured .featured_card .highlight ul li:nth-child(1) {
  background: #19184C;
}

/* Second list item color orange */
#featured .featured_card .highlight ul li:nth-child(2) {
  background: #F29F1F;
}

#featured .featured_card .card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

#featured .featured_card:hover .card-img {
  transform: scale(1.1);
}

#featured .featured_card .overlay_card {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(to top, #19184C 0%, rgba(12, 15, 70, 0.8) 50%, rgba(12, 15, 70, 0) 100%);*/
  background: rgba(0,0,0,.2);
  bottom: 0;
  left: 0;
  z-index: 1;
}

#featured .featured_card .content {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  color: white;
  width: calc(100% - 20px);
}

/* Heading section */
#featured .featured_card .content .heading-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

#featured .featured_card .content .heading-logo img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 100%;
}

#featured .featured_card .content .heading-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#featured .featured_card .content .heading-text .sub-heading {
  font-size: 10px;
  font-weight: 300;
}

#featured .featured_card .content .heading-text .project-heading {
  font-size: 18px;
  font-weight: 500;
}

#featured .featured_card .content .line {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 8px 0;
}

#featured .featured_card .content .address {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  color: #E8E6E6;
  margin-bottom: 5px;
  background: #fff;
  padding: 5px 10px;
  color: #19184C;
  border-radius: 3px;
}

#featured .featured_card .content .address img {
  max-width: 20px;
  filter: brightness(0) saturate(100%);
}

#featured .featured_card .content .units img {
  max-width: 20px;
  filter: brightness(0) saturate(100%);
}

/* Units styling */
#featured .featured_card .content .units {
  display: flex;
  justify-content: space-between;
  margin-bottom:5px;
  gap: 10px;
  background: #fff;
  color: #19184C;
  border-radius: 3px;
  padding: 5px 10px;
}

#featured .featured_card .content .units div span {
  font-size: 10px;
  display: flex;
  gap: 5px;
  align-items: center;
}

#featured .featured_card .content .units div span+span {
  font-size: 12px;
}

#featured .featured_card .content .units div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 12px;
}

#featured .featured_card .content .units div i {
  margin-right: 4px;
}

/* Price and arrow */
#featured .featured_card .content .price-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
}

#featured .featured_card .content .price {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

#featured .featured_card .content .price small {
  font-size: 11px;
  font-weight: normal;
  margin-left: 4px;
}

#featured .featured_card .content .arrow-box {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .4);
  display: flex;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  transition: background 0.3s, border-color 0.3s;
}

#featured .featured_card:hover .arrow-box {
  background: orange;
  border-color: orange;
}

#featured .property_details {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 0px 15px;
  margin-bottom: 5px;
}

#featured .property_details ul {
  margin-bottom: 5px;
  padding: 0px
}

#featured .property_details ul li {
  font-weight: 400;
  font-size: 11px;
  list-style: none;
  display: inline-block;
  color: #E8E6E6;
  width: 48%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#featured .property_details ul li img {
  vertical-align: bottom;
}

#featured .property_details ul li span {
  margin-top: 6px;
  font-size: 14px;
  color: #E8E6E6;
  display: block;
  font-weight: 600;
}

#featured .property_details ul li:nth-child(2) {
  padding: 0px 10px;
}

#featured .property_details ul li:nth-child(3) {
  padding: 0px 10px;
}

.a_icon {
  width: 32px;
  height: 32px;
  display: inherit;
  vertical-align: middle;
  background-image: url(images/icons-01.svg);
  background-repeat: no-repeat;
  padding: 5px 0px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
}

.a_icon[data-icon="address"] {
  background-position: 0 0px;
}

li.wishlist{background: transparent!important;padding: 0px!important}

.add-to-wishlist {
  background: rgba(255, 255, 255, .3);
  border-radius: 50%;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s ease;padding: 5px;
    line-height: 0;
}

.add-to-wishlist.active {color: #f90606;}


/*===========Latest Projects===========*/
#latest_projects {
  background: #fff;
  padding: 80px 0px;
}

#latest_projects .heading {
  border-left: 4px solid #f9a825;
  padding: 8px 0px 8px 15px;
}

#latest_projects .heading h2 {
  font-size: 24px;
  color: #19184C;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#latest_projects .heading p {
  font-size: 16px;
  color: #19184C;
}

#latest_projects .anc {}

#latest_projects .anc a {
  font-size: 12px;
  color: #19184C;
  text-decoration: none;
}

#latest_projects .anc a:hover {
  color: #F29F1F;
}


/*latest */

#latest_projects .property-cards-container {
  display: flex;
  justify-content: space-between;
  padding: 0px;
}

#latest_projects .property-card {
  display: flex;
  width: 100%;
  margin: 0px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}

#latest_projects .property-card-left {
  position: relative;
  width: 40%;
  overflow: hidden;
}

#latest_projects .image-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

#latest_projects .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the image covers the div without distortion */
  transition: transform 0.3s ease;
}

#latest_projects .property-card-left:hover .image-container img {
  transform: scale(1.1);
  /* Zoom in effect on hover */
}

#latest_projects .gallery-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

#latest_projects .rera-verified,
.residential {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

#latest_projects .rera-verified {
  top: 10px;
}

#latest_projects .residential {
  top: 40px;
}

#latest_projects .property-card-right {
  padding: 10px;
  width: 60%;
}

#latest_projects .property-card-right h5 {
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  color: #19184C;
  letter-spacing: normal;
}

#latest_projects .property-card-right p {
  font-size: 20px;
  color: #888;
  margin-bottom: 8px;
}

#latest_projects .property-card-right p.highlight {
  font-size: 12px;
  color: #888;
  margin-bottom: 15px;
}

#latest_projects .price {
  font-size: 20px;
  color: #19184C;
  font-weight: bold;
}

#latest_projects .price span {
  font-size: 14px;
  color: #888;
  font-weight: 300;
}

#latest_projects .divider {
  margin: 2px 0px 8px;
  opacity: 0.3;
  color: rgba(0, 0, 0, .7);
}

#latest_projects .units {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  gap: 10px;
}

#latest_projects .units img {
  max-width: 20px;
  filter: grayscale(100%) brightness(70%) contrast(100%);
}

#latest_projects .units div span {
  font-size: 10px;
  display: flex;
  gap: 5px;
  align-items: center;
}

#latest_projects .units div span+span {
  font-size: 12px;
}

#latest_projects .units div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 12px;
  color: #888;
}

#latest_projects .units div i {
  margin-right: 4px;
}

#latest_projects .bhk {
  font-size: 14px;
}

#latest_projects .address {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  color: #888;
  margin-bottom: 0px;
}

#latest_projects .address img {
  max-width: 25px;
  filter: grayscale(100%) brightness(70%) contrast(100%);
}

#latest_projects .contact-buttons {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

#latest_projects .call-btn,
#latest_projects .whatsapp-btn {
  padding: 10px 12px;
  font-size: 12px;
  background-color: #F29F1F;
  color: white;
  border: none;
  border-radius: 35px;
  cursor: pointer;
  margin-right: 8px;
  /* buttons ke beech gap */
}

#latest_projects .whatsapp-btn {
  background-color: #25D366;
}

#latest_projects .arrow-icon {
  width: 35px;
  height: 35px;
  font-size: 18px;
  margin-left: auto;
  color: #19184C;
  transition: color 0.3s;
  border: 1px solid rgba(25, 24, 76, .4);
  display: flex;
  justify-content: center;
  /* horizontally center */
  align-items: center;
  /* vertically center */
  border-radius: 3px;
}

#latest_projects .property-card:hover .arrow-icon {
  color: #fff;
  background: #F29F1F;
  border: none;
}


#latest_projects .highlight_q {
  position: absolute;
  top: 0px;
  z-index: 99;
  display: flex;
  /* Flex se image aur list ek line me rahenge */
  align-items: center;
  /* Vertical alignment center */
  gap: 5px;
  /* Image aur list ke beech thoda gap */
}

#latest_projects .highlight_q img {
  max-width: 20px;
  display: inline-block;
  /* Inline-block ensures proper alignment */
  vertical-align: middle;
}

#latest_projects .highlight_q ul {
  padding: 5px;
  margin: 0;
  list-style: none;
  /* Bullet points remove */
  display: flex;
  /* List items ek line me */
  gap: 5px;
  /* List items ke beech gap */
}

#latest_projects .highlight_q ul li {
  font-size: 9px;
  padding: 3px 8px;
  border-radius: 3px;
  color: #fff;
}

/* First list item color blue */
#latest_projects .highlight_q ul li:nth-child(1) {
  background: #19184C;
}

/* Second list item color orange */
#latest_projects .highlight_q ul li:nth-child(2) {
  background: #F29F1F;
}

#latest_projects .gallery {
  position: absolute;
  bottom: 0px;
  z-index: 99;
  display: flex;
  align-items: center;
  padding: 10px;
  color: #fff;
  font-size: 12px;
}

#latest_projects .gallery span {
  margin-left: 5px;
}




#latest_projects .partial-hint {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
  pointer-events: none;
}

#latest_projects .owl-stage-outer {
  overflow: visible !important;
}

#latest_slider .owl-stage {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#latest_slider .owl-nav.disabled+.owl-dots {
  margin-top: 30px;
}

#latest_slider .owl-dots .owl-dot span {
  border-radius: 1px;
}

#latest_slider .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #19184C
}

/*========Why=============*/

#why {
  position: relative;
  background: url('images/2.jpg') no-repeat center center/cover;
  color: #fff;
  padding: 80px 0px;
  text-align: center;
}

#why::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(31, 104, 221, 0.8), rgba(25, 87, 186, 0.8));
  /* overlay */
  z-index: 1;
}

#why .content {
  position: relative;
  z-index: 2;
}

#why h2 {
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 300;
  letter-spacing: 3.1px;
}

#why p.subtitle {
  font-size: 20px;
  margin-bottom: 50px;
  font-weight: 300;
}

#why .feature {
  padding: 20px;
}

#why .feature h3 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: normal;
  margin-bottom: 15px;
}

#why .border-end {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

#why .border-top,
#why .border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/*======Trending===========*/

#trending {
  padding: 80px 0px;
}

#trending .heading {
  border-left: 4px solid #f9a825;
  padding: 8px 0px 8px 15px;
}

#trending .heading h3 {
  font-size: 24px;
  color: #19184C;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#trending .heading p {
  font-size: 16px;
  color: #19184C;
}

#trending .anc {}

#trending .anc a {
  font-size: 12px;
  color: #19184C;
  text-decoration: none;
}

#trending .anc a:hover {
  color: #F29F1F;
}

#trending .property-card {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}

#trending .property-card .image-section {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
}

#trending .property-card .image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease-in-out;
}

#trending .property-card:hover .image-section img {
  transform: scale(1.1);
}

#trending .property-card .image-section .buttons {
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: flex;
  gap: 10px;
}

#trending .property-card .image-section .buttons a {
  text-decoration: none;
  color: #fff;
  padding: 10px 12px;
  border-radius: 35px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

#trending .call-btn {
  background: #F29F1F;
}

#trending .whatsapp-share {
  background: #25D366;
}

#trending .property-info {
  padding: 15px;
}

#trending .logo-title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

#trending .logo-title .logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
  border: 1px solid #ddd;
}
#trending .logo-title .logo img{border-radius: 50%;padding:1px;}

#trending .logo-title .title {
  display: flex;
  flex-direction: column;
}

#trending .logo-title .title h3 {
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  color: #19184C;
  letter-spacing: normal;
}

#trending .logo-title .title span {
  font-size: 10px;
  color: #888;
}

#trending .address {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #888;
  margin-bottom: 12px;
}

#trending .address img {
  margin-right: 6px;
  max-width: 25px;
  filter: grayscale(100%) brightness(70%) contrast(100%);
}

#trending .details {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

#trending .details .box {
  display: flex;
  flex-direction: column;
  font-size: 11px;
}

#trending .details .box span:first-child {
  display: flex;
  align-items: center;
  font-weight: 400;
  margin-bottom: 3px;
  font-size: 10px;
  color: #888;
}

#trending .details .box span img {
  max-width: 20px;
  filter: grayscale(100%) brightness(70%) contrast(100%);
  margin-right: 6px;
}

#trending .details .box small {
  font-size: 12px;
  color: #888;
}

#trending .price-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#trending .price-section .price strong {
  font-size: 20px;
  color: #888;
  margin-right: 5px;
}

#trending .price-section .price small {
  font-size: 12px;
  color: #888;
}

#trending .price-section a.arrow {
  font-size: 18px;
  font-weight: bold;
  color: #19184C;
  border: 1px solid #19184C;
  border-radius: 3px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

#trending .property-card:hover a.arrow {
  background: #f7941d;
  color: #fff;
  border-color: #f7941d;
}


#trending .owl-nav.disabled+.owl-dots {
  margin-top: 30px;
}

#trending .owl-dots .owl-dot span {
  border-radius: 1px;
}

#trending .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #19184C
}

/*========Why Choose=============*/
#why_choose {
  position: relative;
  padding:0px 0px 80px;
}

#why_choose .heading {
  border-left: 4px solid #f9a825;
  padding: 8px 0px 8px 15px;
}

#why_choose .heading h4 {
  font-size: 24px;
  color: #19184C;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#why_choose .heading p {
  font-size: 16px;
  color: #19184C;
}

#why_choose .anc {}

#why_choose .anc a {
  font-size: 12px;
  color: #19184C;
  text-decoration: none;
}

#why_choose .anc a:hover {
  color: #F29F1F;
}


#why_choose .why_choose_card {
  position: relative;
  width: 100%;             /* Card width */
  height: 260px;            /* Card height */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
#why_choose .why_choose_card.first{background-image: url('images/satisfaction.jpg');background-size: cover;background-position: center;}
#why_choose .why_choose_card.second{background-image: url('images/property-site-visits.jpg');background-size: cover;background-position: center;}
#why_choose .why_choose_card.three{background-image: url('images/expert-team.jpg');background-size: cover;background-position: center;}
#why_choose .why_choose_card.four{background-image: url('images/after-sale-support.jpg');background-size: cover;background-position: center;}


/* Overlay with gradient */
#why_choose .why_choose_card .overlay_c {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #0A1339 20%, rgba(10,19,57,0) 100%);
  display: flex;
  align-items: flex-end;
  padding: 20px;
  box-sizing: border-box;
}

/* Text inside overlay */
#why_choose .why_choose_card .overlay_c .text h4 {
  color: #fff;
  margin: 0;
  font-size: 22px;
  letter-spacing: 1.1px;
}

#why_choose .why_choose_card .overlay_c .text p {
  color: #fff;
  margin: 5px 0 0 0;
  font-size: 14px;
}



#point_sec {
  position: relative;
  padding:0px 0px 80px;
}

#point_sec .heading {
  border-left: 4px solid #f9a825;
  padding: 8px 0px 8px 15px;
}

#point_sec .heading h5 {
  font-size: 24px;
  color: #19184C;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#point_sec .heading p {
  font-size: 16px;
  color: #19184C;
}

#point_sec .anc {}

#point_sec .anc a {
  font-size: 12px;
  color: #19184C;
  text-decoration: none;
}

#point_sec .anc a:hover {
  color: #F29F1F;
}


#point_sec .why_choose_card {
  position: relative;
  width: 100%;             /* Card width */
  height: 160px;            /* Card height */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
#point_sec .why_choose_card.first{background-image: url('images/satisfaction.jpg');background-size: cover;background-position: center;}
#point_sec .why_choose_card.second{background-image: url('images/property-site-visits.jpg');background-size: cover;background-position: center;}
#point_sec .why_choose_card.three{background-image: url('images/expert-team.jpg');background-size: cover;background-position: center;}
#point_sec .why_choose_card.four{background-image: url('images/after-sale-support.jpg');background-size: cover;background-position: center;}


/* Overlay with gradient */
#point_sec .why_choose_card .overlay_c {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #0A1339 20%, rgba(10,19,57,0) 100%);
  display: flex;
  align-items: flex-end;
  padding: 20px;
  box-sizing: border-box;
}

/* Text inside overlay */
#point_sec .why_choose_card .overlay_c .text h5 {
  color: #fff;
  margin: 0;
  font-size: 22px;
  letter-spacing: 1.1px;
}

#point_sec .why_choose_card .overlay_c .text p {
  color: #fff;
  margin: 5px 0 0 0;
  font-size: 14px;
}



#point_sec .owl-stage-outer {
  overflow: visible !important;
}
#point_sec .owl-stage {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#point_sec .owl-nav.disabled+.owl-dots {
  margin-top: 30px;
}

#point_sec .owl-dots .owl-dot span {
  border-radius: 1px;
}

#point_sec .owl-dots .owl-dot.active span,
#point_sec .owl-theme .owl-dots .owl-dot:hover span {
  background: #19184C
}



#partners {
  position: relative;
  padding:0px 0px 80px;
}

#partners .heading {
  border-left: 4px solid #f9a825;
  padding: 8px 0px 8px 15px;
}

#partners .heading h5 {
  font-size: 24px;
  color: #19184C;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#partners .heading p {
  font-size: 16px;
  color: #19184C;
}

#partners .anc {}

#partners .anc a {
  font-size: 12px;
  color: #19184C;
  text-decoration: none;
}

#partners .anc a:hover {
  color: #F29F1F;
}

#partners .img-box{
    width:100%;
    max-width:280px;
    aspect-ratio: 16 / 9;           /* height control; you can use 1/1 or 16/9 */
    position:relative;
    overflow:hidden;
    border-radius:2px;
    padding: 5px 10px;
  }
  /* same image used as blurred background */
  #partners .img-box .bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;              /* stretches the background to fill the entire area */
    filter: blur(18px);
    transform: scale(1.2);         /* zoom slightly to hide blur edges */
  }
  /* light overlay to make the foreground look clearer */
  #partners .img-box::after{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(0,0,0,0.15);
    pointer-events:none;
  }
  /* main/foreground image – fit any dimension without cropping */
  #partners .img-box .fg{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:contain;            /* image will be fully visible (may letterbox) */
  }


#partners .owl-nav.disabled+.owl-dots {
  margin-top: 30px;
}

#partners .owl-dots .owl-dot span {
  border-radius: 1px;
}

#partners .owl-dots .owl-dot.active span,
#partners .owl-theme .owl-dots .owl-dot:hover span {
  background: #19184C
}


#reviews {
  position: relative;
  padding:80px 0px;
  background: #eaeaea;
}

#reviews .heading {
  border-left: 4px solid #f9a825;
  padding: 8px 0px 8px 15px;
}

#reviews .heading h5 {
  font-size: 24px;
  color: #19184C;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#reviews .heading p {
  font-size: 16px;
  color: #19184C;
}

#reviews .g_reviews {text-align: right;}

#reviews .g_reviews img{min-width: 180px;}
#reviews_slider  .review_person{border:1px solid #ccc;padding: 15px;border-radius:10px;text-align: center;}
#reviews_slider  .review_person blockquote{font-size: 14px;}
#reviews_slider  .review_person p{font-weight: 600;font-size: 12px;}



/* Top Contact Section */
    .contact-top {
      background: linear-gradient(to right, #0c0f46, #11144c);
      padding: 40px 0 20px;
      border-bottom: 1px solid rgba(255,255,255,0.1);
    }

    .contact-item {
      display: flex;
      align-items: flex-start;
      gap: 15px;
    }

    .contact-icon {
      background-color: #f1a022;
      color: #fff;
      border-radius: 10px;
      font-size: 24px;
      height: 50px;
      padding: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .contact-text h5 {
      color: #f1a022;
      font-weight: 400;
      margin-bottom: 5px;
    }

    .contact-text p {
      margin: 0;
      font-size: 14px;
      color: #fff;
    }
    .contact-text address {
      margin: 0;
      font-size: 13px;
      color: #fff;
    }
    .contact-text address strong{
      margin: 0;font-size: 15px;color: #fff;font-weight: 500;margin-bottom: 10px}

     .contact-text address small{font-size:9px;}

    /* Footer Main Section */
    .footer {
      padding: 40px 0 20px;
      background: linear-gradient(to right, #0c0f46, #11144c);
    }

    .footer h5 {
      color: #f1a022;
      margin-bottom: 15px;
      font-size: 15px;
    }

    .footer p, .footer a {
      color: #ccc;
      font-size: 12px;
      text-decoration: none;
      padding-bottom: 0px;
    }

    .footer a:hover {
      color: #fff;
    }

    .social-icons a {
      color: #fff;
      font-size: 18px;
      margin-right: 10px;
      display: inline-block;
    }

    .subscribe-box input {
      border: none;
      border-radius: 5px 0 0 5px;
      padding: 10px;
      width: 80%;
    }

    .subscribe-box button {
      border: none;
      background-color: #f1a022;
      color: #fff;
      padding: 10px 35px;
      border-radius: 0 5px 5px 0;
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.1);
      margin-top: 30px;
      padding-top: 15px;
      font-size: 13px;
    }

    @media(max-width: 767px) {
      .contact-item {
        margin-bottom: 20px;
      }
    }


    /* Back to top button style */
  #backToTop {
    position: fixed;
    bottom: 80px;
    right: 5px;
    width: 40px;
    height: 45px;
    background: #3498db;
    color: #fff;
    font-weight: 400;
    border-radius:3px;
    text-align: center;
    line-height: 12px;
    font-weight: bold;
    cursor: pointer;
    display: none;
    padding: 8px 8px 18px;
    box-sizing: border-box;
    transition: transform 0.3s, opacity 0.3s;
    z-index: 1000;
  }

  #backToTop:hover {
    background: #2980b9;
    transform: scale(1.1);
  }

  /* Arrow style */
  #backToTop .arrow {
    font-size: 14px;
    display: block;
    margin-bottom: 4px;
  }

  #backToTop .percent {
    font-size: 12px;
    font-weight: 300;
  }



  /* Custom alert styling */
.custom-alert {
    display: none;
    position: fixed;
    bottom: -50px;
    background: #ff4d4d;
    color: white;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    font-size: 16px;
    z-index: 9999;
    animation: fadeIn 0.5s ease-in-out;
}

.custom-alert .close-btn {
    margin-left: 15px;
    cursor: pointer;
    font-weight: bold;
}

@keyframes fadeIn {
    from {opacity: 0; transform: translateY(-10px);}
    to {opacity: 1; transform: translateY(0);}
}



.breadcrum_sec{}

.breadcrum_sec .breadcrumb-nav {
    padding: 20px 0px 15px;
  }
.breadcrum_sec .breadcrumb {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    align-items: center;
    font-size:12px;
  }
.breadcrum_sec .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }
.breadcrum_sec .breadcrumb-item + .breadcrumb-item::before {
    content: "/"; /* arrow separator; change to "/" or ">" as you like */
    color: #474747; /* grey */
    font-size: 12px;
  }
.breadcrum_sec .breadcrumb a {
    color: #474747;
    text-decoration: none;
  }
.breadcrum_sec .breadcrumb a:hover {
    text-decoration: underline;
  }
.breadcrum_sec .breadcrumb-item.active {
    color: #374151;
  }
.breadcrum_sec .breadcrumb-nav {
    display: inline-block;
  }
  @media (max-width: 480px) {
    .breadcrum_sec .breadcrumb { font-size: 0.85rem; gap: 0.35rem; }
    .breadcrum_sec .breadcrumb-item + .breadcrumb-item::before { margin: 0 0.35rem; }
  }




  .project_sec{}
  .project_sec h1{font-weight: 600;font-size: 24px;margin-bottom: 5px;text-transform: uppercase;}

.project_sec .address {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #19184C;
  margin-bottom: 15px;
}

.project_sec .address img {max-width: 20px; filter: brightness(0);}
.project_sec .price-arrow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.project_sec .price {
  font-size: 32px;
  font-weight: bold;
  color: #19184C;
  margin-bottom: 15px;
}

.project_sec .price small {
  font-size: 11px;
  font-weight: normal;
  margin-left: 4px;
}
.project_sec .download_sec{text-align: right;}
.project_sec .download_sec ul{margin: 0;padding: 0px;}
.project_sec .download_sec ul li{font-size: 12px;list-style: none;display: inline-block;margin: 0px 1px;border: 1px solid #c7c5c5;border-radius:2px;padding: 6px 8px!important;}
.project_sec .download_sec ul li div{ }
.project_sec .download_sec ul li.whatsapp a i{font-size: 18px; color: #25D366;}
.project_sec .download_sec li.call-btn {background: #F29F1F;color: #fff;font-weight: 600;}
.project_sec .download_sec li.call-btn a{color: #fff;}

.project_sec .download_sec ul li a{color: #474747;font-size: 12px;text-decoration: none;}
.project_sec .download_sec .add-to-wishlist {
  background: rgba(255, 255, 255, .3);
  border-radius: 50%;
  border: none;
  color: #ccc;
  cursor: pointer;
  transition: color 0.3s ease;
  line-height: 0;
  padding: 0;
  margin: 0;
}
.project_sec .download_sec .add-to-wishlist.active {color: #f90606;}

.project_sec .rera_sec{}
.project_sec .rera_sec ul{margin: 0;padding: 0px;}
.project_sec .rera_sec ul li{list-style: none;display: inline-block;margin: 0px 1px;border: 1px solid #c7c5c5;
  border-radius:2px;padding: 6px 8px!important;font-size: 10px;}

.banner_sec {
  position: relative;
}

.banner_sec .banner_img {
  height: 380px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}

/* Background blurred image */
.banner_sec .banner_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  filter: blur(12px) brightness(0.9);
  transform: scale(1.1); /* blur edges cut na ho */
  z-index: 1;
}

/* Foreground actual banner image */
.banner_sec .banner_img img {
  position: relative;
  z-index: 2;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: block;
  object-fit: contain; /* puri image dikhe */
}


.banner_sec .banner_img .btn_links{position: absolute;bottom: 20px;right: 20px;z-index: 999;}
.banner_sec .banner_img .btn_links ul{margin: 0;padding: 0px;}
.banner_sec .banner_img .btn_links ul li{background: #10134b;padding: 5px 10px;border-radius: 2px;text-align: center;display: inline-block;margin: 0 2px;}
.banner_sec .banner_img .btn_links ul li a{text-decoration: none;color: #fff;font-size: 12px;}
.banner_sec .banner_img .btn_links ul li a img{max-width:18px;display: inline;filter: brightness(0) invert(1);} 



.type_sec .info-strip { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  gap: 0;
}

.type_sec .info-box {
  flex: 1 1 150px;
  text-align: center;
  min-width: 150px;
  padding: 0 15px;
  border-left: 1px solid #ddd;
}

.type_sec .info-box a{color: #000;text-decoration: none;background: #10134b;padding:5px 12px;color: #fff;border-radius: 2px;text-align: center;font-size: 12px;font-weight: 400;}

.type_sec .info-box:first-child {
  border-left: none;
}

.type_sec .info-box h4 {
  font-size: 14px;
  color: #666;
  margin-bottom: 6px;
  font-weight: 500;
}

.type_sec .info-box p {
  font-size: 15px;
  font-weight: 500;
  color: #111;
  margin: 0;
}

@media (max-width: 768px) {
  .type_sec .info-strip {
    flex-direction: column;
    text-align: center;
  }
  .type_sec .info-box {
    border-left: none;
    border-top: 1px solid #eee;
    padding: 10px 0;
  }
  .type_sec .info-box:first-child {
    border-top: none;
  }
}



.p_links {position: -webkit-sticky; /* Safari ke liye */
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #fff;}


.p_links .inline-menu {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1000;
    border-bottom: 1px solid #ddd;
    padding: 10px 40px;
}
.p_links .menu-scroller {
    overflow: hidden;
}
.p_links .menu-track {
    display: flex;
    gap: 12px;
    align-items: center;
}
.p_links .menu-item {
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 3px;
    background: #f5f7fa;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.05);
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}
.p_links .menu-item.active {
    background: #e6ffe6;
    color: green;
    border-color: green;
}
.p_links .arrow-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
}
.p_links .arrow-left { left: 6px; }
.p_links .arrow-right { right: 6px; }
.p_links .arrow-icon {
    width: 14px;
    height: 14px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    display: inline-block;
}
.p_links .arrow-left .arrow-icon { transform: rotate(-135deg); }
.p_links .arrow-right .arrow-icon { transform: rotate(45deg); }
.p_links section {
    height: 100vh;
    padding: 40px;
    box-sizing: border-box;
}

.description_sec{padding: 30px 0px; }
.description_sec section{border: 1px solid #d6d6d6;padding: 20px;border-radius: 5px;margin-bottom: 30px;background: #fafafa;box-shadow: 0px 0px -10px 1px rgba(0, 0, 0, 0.1);}
.description_sec h2{font-size: 20px;font-weight:600;margin-bottom: 20px;}
.description_sec p{font-size: 14px;text-align: justify;line-height: 2;font-weight:400}
.description_sec ul{margin: 0px;}
.description_sec ul li{font-size: 14px;padding: 15px 10px;border-bottom: 1px solid #ccc;font-weight:500}
.description_sec ul li:last-child {
    border-bottom: none;
    margin-bottom: 10px;
}
.description_sec .info-strip { 
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 8px;
  padding: 10px;
  gap: 0;
}

.description_sec .info-box {
  flex: 1 1 150px;
  text-align: center;
  min-width: 180px;
  padding: 0 15px;
  border-left: 1px solid #ddd;
}

.description_sec .info-box:first-child {
  border-left: none;
}

.description_sec .info-box h4 {
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
  text-align: left;
  font-weight: 400;
}

.description_sec .info-box p {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin: 0;
}

@media (max-width: 768px) {
  .description_sec .info-strip {
    flex-direction: column;
    text-align: center;
  }
  .description_sec .info-box {
    border-left: none;
    border-top: 1px solid #eee;
    padding: 10px 0;
  }
  .description_sec .info-box:first-child {
    border-top: none;
  }
}




#configurations .tabs {
    overflow: hidden;
}

#configurations .tab-buttons {
    /*display: flex;
    flex-wrap: wrap;*/
    border-bottom: 1px solid #ddd;
}

#configurations .tab-buttons button {
    flex: 1;
    padding: 10px 30px;
    background: #f9f9f9;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: background 0.3s, color 0.3s;
}

#configurations .tab-buttons button:hover {
    background: #e6ffe6;
    color: green;
}

#configurations .tab-buttons button.active {
    background: #e6ffe6;
    color: green;
    border-color: green;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

#configurations .tab-content {
    display: none;
    color: #333;
}

#configurations .tab-content.active {
    display: block;
    padding: 10px 0px 0px;
}

@media (max-width: 600px) {
    #configurations .tab-buttons button {
        padding: 12px 10px;
        font-size: 14px;
    }

    #configurations .tab-content {
        padding: 15px;
        font-size: 14px;
    }
}


  #configurations .property-row {
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
  }

  #configurations .property-row div {
    flex: 1;
    color: #888;
    font-size: 12px;
  }

  #configurations .property-row div span {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 700;
    color: #111;
  }

  @media(max-width:600px) {
    #configurations .property-row {
      flex-direction: column;
      gap: 8px;
    }
  }


#amenities .amenities_cont{}
#amenities .amenities_cont ul {
    display: flex;
    flex-wrap: wrap; /* multiple rows ban jayenge */
    margin: 0;
    padding: 0;
}

#amenities .amenities_cont ul li {
    list-style: none;
     /* display: flex; */
    align-items: center; /* vertical center */
    justify-content: left; /* horizontal center, optional */
    flex-wrap: nowrap;
    width: 25%; /* 4 columns per row */
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding: 10px 0px 10px 30px;
    border-bottom:none;
    border-right: 1px solid #ccc;
    text-align: left;
    box-sizing: border-box;
    gap: 5px; /* icon aur text ke beech space */
    margin-bottom: 20px;
}

/* Row ke last item ka right border remove karne ke liye */
#amenities .amenities_cont ul li:nth-child(4n) {
    border-right: none;
}

/* Agar last row me kam items ho to unka border remove karne ke liye */
#amenities .amenities_cont ul li:last-child {
    border-right: none;
}

#amenities .amenities_cont .amenities_icon {
    width: 32px;
    height: 32px;
    display: inherit;
    vertical-align: middle; 
    background-image: url(images/icons/sky-amenities.svg); 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    background-size: 100%; 
    padding: 5px 0px;
}
#amenities .amenities_icon[data-icon="airconditioned"] { background-position: 0 -15px; }
#amenities .amenities_icon[data-icon="balcony"] { background-position: 0 -57px; }
#amenities .amenities_icon[data-icon="bankatm"] { background-position: 0 -105px; }
#amenities .amenities_icon[data-icon="club"] { background-position: 0 -151px; }
#amenities .amenities_icon[data-icon="cricket"] { background-position: 0 -195px; }
#amenities .amenities_icon[data-icon="earthquake"] { background-position: 0 -241px; }
#amenities .amenities_icon[data-icon="foodcourt"] { background-position: 0 -286px; }
#amenities .amenities_icon[data-icon="fireresistance"] { background-position: 0 -331px; }
#amenities .amenities_icon[data-icon="garden"] { background-position: 0 -376px; }
#amenities .amenities_icon[data-icon="gymnasium"] { background-position: 0 -421px; }
#amenities .amenities_icon[data-icon="gas"] { background-position: 0 -466px; }
#amenities .amenities_icon[data-icon="harvesting"] { background-position: 0 -511px; }
#amenities .amenities_icon[data-icon="highsecurity"] { background-position: 0 -557px; }
#amenities .amenities_icon[data-icon="indoorgames"] { background-position: 0 -601px; }
#amenities .amenities_icon[data-icon="jogging"] { background-position: 0 -646px; }
#amenities .amenities_icon[data-icon="library"] { background-position: 0 -692px; }
#amenities .amenities_icon[data-icon="lift"] { background-position: 0 -736px; }
#amenities .amenities_icon[data-icon="mall"] { background-position: 0 -781px; }
#amenities .amenities_icon[data-icon="netcafe"] { background-position: 0 -826px; }
#amenities .amenities_icon[data-icon="parking"] { background-position: 0 -872px; }
#amenities .amenities_icon[data-icon="partyhall"] { background-position: 0 -915px; }
#amenities .amenities_icon[data-icon="playarea"] { background-position: 0 -961px; }
#amenities .amenities_icon[data-icon="pool"] { background-position: 0 -1006px; }
#amenities .amenities_icon[data-icon="power"] { background-position: 0 -1052px; }
#amenities .amenities_icon[data-icon="retailshop"] { background-position: 0 -1098px; }
#amenities .amenities_icon[data-icon="security"] { background-position: 0 -1142px; }
#amenities .amenities_icon[data-icon="seniorcitizen"] { background-position: 0 -1187px; }
#amenities .amenities_icon[data-icon="skylounge"] { background-position: 0 -1233px; }
#amenities .amenities_icon[data-icon="solar"] { background-position: 0 -1275px; }
#amenities .amenities_icon[data-icon="space"] { background-position: 0 -1322px; }
#amenities .amenities_icon[data-icon="sport"] { background-position: 0 -1367px; }
#amenities .amenities_icon[data-icon="temple"] { background-position: 0 -1413px; }
#amenities .amenities_icon[data-icon="tower"] { background-position: 0 -1458px; }
#amenities .amenities_icon[data-icon="vaastu"] { background-position: 0 -1505px; }
#amenities .amenities_icon[data-icon="videodoorphone"] { background-position: 0 -1549px; }
#amenities .amenities_icon[data-icon="walkingtrack"] { background-position: 0 -1595px; }
#amenities .amenities_icon[data-icon="waterstorage"] { background-position: 0 -1641px; }
#amenities .amenities_icon[data-icon="yogaspace"] { background-position: 0 -1685px; }



.description_sec h3{font-size: 20px;font-weight:600;margin-bottom: 20px;}

.description_sec .offer_sec {
    display: flex;         
    gap: 5px;              
    justify-content: start; 
    flex-wrap: wrap;        
}

.description_sec .offer_sec div {
    display: flex;
    flex-direction: column;  /* small → img → p vertically */
    align-items: center;     /* content center align */
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;  /* optional border */
    border-radius: 3px;
    width: 19.50%;            /* fixed width */
}
.description_sec .offer_sec div small{font-size: 10px;color: #888}
.description_sec .offer_sec img {
    max-width: 100%;
    height: auto;
    margin: 5px 0 0px;
}
.description_sec .offer_sec div p{font-size: 11px;color: #000;font-weight: 600;}



  #schedulesitevisit select, #schedulesitevisit input[type="text"], #schedulesitevisit input[type="tel"] {
    width: 100%;
    padding: 10px;
    border: none;              
    border-bottom: 1px solid #595959; 
    outline: none;  
    font-size: 14px;
    transition: border-color 0.3s;
  }
  #schedulesitevisit input[type="checkbox"]{vertical-align: middle;}
  #schedulesitevisit select:focus, input[type="text"]:focus, #schedulesitevisit input[type="tel"]:focus {
    border-color: #007bff;
    outline: none;
  }

#schedulesitevisit button.blink {
  animation: 1.5s linear infinite blink-danger;
}
  #schedulesitevisit .blink {
    display: inline-block;
  background: #bd770e;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  border: none;
  }

 #schedulesitevisit .submit-btn:hover {
    background: #0056b3;
  }

  #schedulesitevisit .error {
    color: red;
    font-size: 13px;
    margin-top: 5px;
  }

  #schedulesitevisit .success {
    color: green;
    font-size: 12px;
    text-align: center;

  }
  #schedulesitevisit label{font-size: 12px;line-height: 20px;}
  .date-slider-wrapper {
    display: flex;
    align-items: center;
}

.date-slider-wrapper button {
    background: #e6ffe6;
    color: green;
    border: none;
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 5px;
    margin: 0 5px;
}

.date-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 14px;
    padding: 10px 0;
    flex: 1;
    overflow-x: hidden;
}

.date-slider div {
    flex: 0 0 auto;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    min-width: 70px;
    transition: all 0.3s;
    background-color: #f9f9f9;
    font-size: 12px;
    font-weight: 500;
}

.date-slider div.active {
    background: green;
    color:#e6ffe6 ;
    border-color: green;
}

.form-inline {
    display: flex;
    gap: 10px; 
    flex-wrap: wrap;
}

.form-inline .form-group {
    flex: 1;
}




#emicalculator .emi-box {
      margin: auto;
      background: #fff;
      padding: 0px;
    }
#emicalculator .emi-result {
      font-size: 18px;
      font-weight: bold;
    }
#emicalculator .emi-result span {
      color: #ff6600;
      font-size: 18px;
      margin-left: 5px;
    }
#emicalculator .sub-text {
      font-size: 14px;
      color: #666;
      margin-bottom: 20px;
    }
#emicalculator .row {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;
    }
#emicalculator .slider-group {
      flex: 1;
    }
#emicalculator .slider-group label {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      margin-bottom: 5px;
    }
#emicalculator .slider-group input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      height: 6px;
      border-radius: 5px;
      background: linear-gradient(to right, #ff6600 0%, #ff6600 var(--val, 0%), #ffddc6 var(--val, 0%), #ffddc6 100%);
      outline: none;
    }
    /* Orange thumb */
#emicalculator .slider-group input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #ff6600;
      cursor: pointer;
      border: 2px solid white;
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    }
#emicalculator .slider-group input[type=range]::-moz-range-thumb {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #ff6600;
      cursor: pointer;
      border: 2px solid white;
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    }
#emicalculator .minmax {
      display: flex;
      justify-content: space-between;
      font-size: 13px;
      color: #666;
    }
#emicalculator .input-group {
      margin-bottom: 20px;
    }
#emicalculator .input-group label {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
    }
#emicalculator .input-group input {
      width: 100%;
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
    }



    #developer .highlights_sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap; 
}
#developer .highlights_sec h4{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
#developer .highlights_sec h2 {
  flex-basis: 100%; 
  margin-bottom: 15px;
}

#developer .content {
  flex: 1;
  min-width: 250px;
}
#developer .content p{font-size: 14px;}
#developer .logo {
  flex: 0 0 150px;
  text-align: right;
}

#developer .logo img {
  width: 150px;
  height: 100px;
  padding: 5px;
  object-fit: contain;
  display: block;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* Responsive: mobile पर stack */
@media (max-width: 600px) {
  #developer .highlights_sec {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #developer .logo {
    text-align: center;
    margin-top: 15px;
  }

  #developer .logo img {
    width: 160px;
    height: 160px;
  }
}





#similarprojects .featured_card {
  width: 100%;
  height: 430px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid rgba(52, 152, 219, 0.4);
}

#similarprojects .featured_card a {
  text-decoration: none;
  color: inherit;
}

#similarprojects .featured_card .highlight {
  position: absolute;
  top: 0px;
  z-index: 99;
  display: flex;
  /* Flex se image aur list ek line me rahenge */
  align-items: center;
  /* Vertical alignment center */
  gap: 5px;
  /* Image aur list ke beech thoda gap */
}
#similarprojects .featured_card .highlight i{font-size: 18px;}
#similarprojects .featured_card .highlight img {
  max-width: 20px;
  display: inline-block;
  /* Inline-block ensures proper alignment */
  vertical-align: middle;
}

#similarprojects .featured_card .highlight ul {
  padding: 5px;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 5px;

}

#similarprojects .featured_card .highlight ul li {
  font-size: 9px;
  padding: 3px 8px;
  border-radius: 3px;
  color: #fff;
}

/* First list item color blue */
#similarprojects .featured_card .highlight ul li:nth-child(1) {
  background: #19184C;
}

/* Second list item color orange */
#similarprojects .featured_card .highlight ul li:nth-child(2) {
  background: #F29F1F;
}

#similarprojects .featured_card .card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

#similarprojects .featured_card:hover .card-img {
  transform: scale(1.1);
}

#similarprojects .featured_card .overlay_card {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(to top, #19184C 0%, rgba(12, 15, 70, 0.8) 50%, rgba(12, 15, 70, 0) 100%);*/
  background: rgba(0,0,0,.2);
  bottom: 0;
  left: 0;
  z-index: 1;
}

#similarprojects .featured_card .content {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  color: white;
  width: calc(100% - 20px);
}

/* Heading section */
#similarprojects .featured_card .content .heading-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

#similarprojects .featured_card .content .heading-logo img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 100%;
}

#similarprojects .featured_card .content .heading-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#similarprojects .featured_card .content .heading-text .sub-heading {
  font-size: 10px;
  font-weight: 300;
}

#similarprojects .featured_card .content .heading-text .project-heading {
  font-size: 18px;
  font-size: 300;
}

#similarprojects .featured_card .content .line {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 8px 0;
}

#similarprojects .featured_card .content .address {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  color: #E8E6E6;
  margin-bottom: 5px;
  background: #fff;
  padding: 5px 10px;
  color: #19184C;
  border-radius: 3px;
}

#similarprojects .featured_card .content .address img {
  max-width: 20px;
  filter: brightness(0) saturate(100%);
}

#similarprojects .featured_card .content .units img {
  max-width: 20px;
  filter: brightness(0) saturate(100%);
}

/* Units styling */
#similarprojects .featured_card .content .units {
  display: flex;
  justify-content: space-between;
  margin-bottom:5px;
  gap: 10px;
  background: #fff;
  color: #19184C;
  border-radius: 3px;
  padding: 5px 10px;
}

#similarprojects .featured_card .content .units div span {
  font-size: 10px;
  display: flex;
  gap: 5px;
  align-items: center;
}

#similarprojects .featured_card .content .units div span+span {
  font-size: 12px;
}

#similarprojects .featured_card .content .units div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 12px;
}

#similarprojects .featured_card .content .units div i {
  margin-right: 4px;
}

/* Price and arrow */
#similarprojects .featured_card .content .price-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
  background: rgba(0, 0, 0, .3);
  border-radius: 5px;
  padding: 5px;
}

#similarprojects .featured_card .content .price {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

#similarprojects .featured_card .content .price small {
  font-size: 11px;
  font-weight: normal;
  margin-left: 4px;
}

#similarprojects .featured_card .content .arrow-box {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .4);
  display: flex;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  transition: background 0.3s, border-color 0.3s;
}

#similarprojects .featured_card:hover .arrow-box {
  background: orange;
  border-color: orange;
}

#similarprojects .property_details {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 0px 15px;
  margin-bottom: 5px;
}

#similarprojects .property_details ul {
  margin-bottom: 5px;
  padding: 0px
}

#similarprojects .property_details ul li {
  font-weight: 400;
  font-size: 11px;
  list-style: none;
  display: inline-block;
  color: #E8E6E6;
  width: 48%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#similarprojects .property_details ul li img {
  vertical-align: bottom;
}

#similarprojects .property_details ul li span {
  margin-top: 6px;
  font-size: 14px;
  color: #E8E6E6;
  display: block;
  font-weight: 600;
}

#similarprojects .property_details ul li:nth-child(2) {
  padding: 0px 10px;
}

#similarprojects .property_details ul li:nth-child(3) {
  padding: 0px 10px;
}

.a_icon {
  width: 32px;
  height: 32px;
  display: inherit;
  vertical-align: middle;
  background-image: url(images/icons-01.svg);
  background-repeat: no-repeat;
  padding: 5px 0px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
}

.a_icon[data-icon="address"] {
  background-position: 0 0px;
}

li.wishlist{background: transparent!important;padding: 0px!important}

.add-to-wishlist {
  background: rgba(255, 255, 255, .3);
  border-radius: 50%;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s ease;padding: 5px;
    line-height: 0;
}

.add-to-wishlist.active {color: #f90606;}
.converter{
  position: relative;
  display: inline-block;
}

#unit-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: #fff;
  padding: 8px 30px 8px 10px;
  font-size: 11px;
  cursor: pointer;
  border-radius: 5px;
}
#unit-select:focus {
  outline: none;
  box-shadow: none;
}
.converter .arrow {
  position: absolute;
  right: 46%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 8px;
  color:#b0b0b0;
}



/* Offer Section container */
.offer-section {
    position: absolute!important;
    top: 20px;
    z-index: 99;
    padding: 12px 25px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: linear-gradient(270deg, #ff416c, #ff4b2b, #ff416c, #ff4b2b);
    background-size: 400% 400%; /* important for animation */
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    animation: gradientMove 6s ease infinite;
    position: relative;
    width: auto;
}
.offer-section a{color: #fff;text-decoration: none;}
/* Inner 5px dashed border */
.offer-section::after {
    content: '';
    position: absolute;
    top: 5px;     /* 5px gap from outer edge */
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px dashed #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    pointer-events: none;
}

/* Keyframes for smooth background animation */
@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}





/*faq*/

.faq {
     margin:0 auto;
    }
    .faq-item {
      background:#fff;
      border-radius:8px;
      margin-bottom:10px;
      box-shadow:0 2px 6px rgba(0,0,0,0.08);
      overflow:hidden;
    }
    .faq-question {
      padding:15px 20px;
      cursor:pointer;
      position:relative;
      font-weight:600;
    }
    .faq-question::after {
      content:"+";
      position:absolute;
      right:20px;
      font-size:18px;
      transition:transform 0.2s;
    }
    .faq-item.active .faq-question::after {
      content:"−";
    }
    .faq-answer {
      max-height:0;
      overflow:hidden;
      padding:0 20px;
      background:#fafafa;
      color:#333;
      transition:max-height 0.3s ease, padding 0.3s ease;
    }
    .faq-item.active .faq-answer {
      max-height:200px;
      padding:0px 20px 20px
    }




















    .project_sec .featured_card {
  width: 100%;
  height: 430px;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid rgba(52, 152, 219, 0.4);
}

.project_sec .featured_card a {
  text-decoration: none;
  color: inherit;
}

.project_sec .featured_card .highlight {
  position: absolute;
  top: 0px;
  z-index: 99;
  display: flex;
  /* Flex se image aur list ek line me rahenge */
  align-items: center;
  /* Vertical alignment center */
  gap: 5px;
  /* Image aur list ke beech thoda gap */
}
.project_sec .featured_card .highlight i{font-size: 18px;}
.project_sec .featured_card .highlight img {
  max-width: 20px;
  display: inline-block;
  /* Inline-block ensures proper alignment */
  vertical-align: middle;
}

.project_sec .featured_card .highlight ul {
  padding: 5px;
  margin: 0;
  list-style: none;
  /* Bullet points remove */
  display: flex;
  /* List items ek line me */
  gap: 5px;
  /* List items ke beech gap */
}

.project_sec .featured_card .highlight ul li {
  font-size: 9px;
  padding: 3px 8px;
  border-radius: 3px;
  color: #fff;
}

/* First list item color blue */
.project_sec .featured_card .highlight ul li:nth-child(1) {
  background: #19184C;
}

/* Second list item color orange */
.project_sec .featured_card .highlight ul li:nth-child(2) {
  background: #F29F1F;
}

.project_sec .featured_card .card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.project_sec .featured_card:hover .card-img {
  transform: scale(1.1);
}

.project_sec .featured_card .overlay_card {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(to top, #19184C 0%, rgba(12, 15, 70, 0.8) 50%, rgba(12, 15, 70, 0) 100%);*/
  background: rgba(0,0,0,.2);
  bottom: 0;
  left: 0;
  z-index: 1;
}

.project_sec .featured_card .content {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  color: white;
  width: calc(100% - 20px);
}

/* Heading section */
.project_sec .featured_card .content .heading-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}

.project_sec .featured_card .content .heading-logo img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 100%;
}

.project_sec .featured_card .content .heading-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.project_sec .featured_card .content .heading-text .sub-heading {
  font-size: 10px;
  font-weight: 300;
}

.project_sec .featured_card .content .heading-text .project-heading {
  font-size: 18px;
  font-weight: 500;
}

.project_sec .featured_card .content .line {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 8px 0;
}

.project_sec .featured_card .content .address {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 9px;
  color: #E8E6E6;
  margin-bottom: 5px;
  background: #fff;
  padding: 5px 10px;
  color: #19184C;
  border-radius: 3px;
}

.project_sec .featured_card .content .address img {
  max-width: 20px;
  filter: brightness(0) saturate(100%);
}

.project_sec .featured_card .content .units img {
  max-width: 20px;
  filter: brightness(0) saturate(100%);
}

/* Units styling */
.project_sec .featured_card .content .units {
  display: flex;
  justify-content: space-between;
  margin-bottom:5px;
  gap: 10px;
  background: #fff;
  color: #19184C;
  border-radius: 3px;
  padding: 5px 10px;
}

.project_sec .featured_card .content .units div span {
  font-size: 10px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.project_sec .featured_card .content .units div span+span {
  font-size: 12px;
}

.project_sec .featured_card .content .units div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 12px;
}

.project_sec .featured_card .content .units div i {
  margin-right: 4px;
}

/* Price and arrow */
.project_sec .featured_card .content .price-arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
}

.project_sec .featured_card .content .price {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.project_sec .featured_card .content .price small {
  font-size: 11px;
  font-weight: normal;
  margin-left: 4px;
}

.project_sec .featured_card .content .arrow-box {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .4);
  display: flex;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  transition: background 0.3s, border-color 0.3s;
}

.project_sec .featured_card:hover .arrow-box {
  background: orange;
  border-color: orange;
}

.project_sec .property_details {
  border-bottom: 1px dashed #e5e5e5;
  padding: 10px 0px 15px;
  margin-bottom: 5px;
}

.project_sec .property_details ul {
  margin-bottom: 5px;
  padding: 0px
}

.project_sec .property_details ul li {
  font-weight: 400;
  font-size: 11px;
  list-style: none;
  display: inline-block;
  color: #E8E6E6;
  width: 48%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.project_sec .property_details ul li img {
  vertical-align: bottom;
}

.project_sec .property_details ul li span {
  margin-top: 6px;
  font-size: 14px;
  color: #E8E6E6;
  display: block;
  font-weight: 600;
}

.project_sec .property_details ul li:nth-child(2) {
  padding: 0px 10px;
}

.project_sec .property_details ul li:nth-child(3) {
  padding: 0px 10px;
}

.a_icon {
  width: 32px;
  height: 32px;
  display: inherit;
  vertical-align: middle;
  background-image: url(images/icons-01.svg);
  background-repeat: no-repeat;
  padding: 5px 0px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
}

.a_icon[data-icon="address"] {
  background-position: 0 0px;
}

li.wishlist{background: transparent!important;padding: 0px!important}

.add-to-wishlist {
  background: rgba(255, 255, 255, .3);
  border-radius: 50%;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s ease;padding: 5px;
    line-height: 0;
}

.add-to-wishlist.active {color: #f90606;}


.note p {
    font-size: 12px;
    color: #8993A4;
}


.sell_sec{background: 
    radial-gradient(circle at center, #063692, rgba(11, 11, 69, 0.8)),
    radial-gradient(circle at center, #181244, #181244);
  padding: 30px 0px 60px;}
  
  
.sell_sec .breadcrum_sec {}

.sell_sec .breadcrum_sec .breadcrumb-nav {
    padding: 20px 0px 15px;
}

.sell_sec .breadcrum_sec .breadcrumb {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    align-items: center;
    font-size:12px;
}

.sell_sec .breadcrum_sec .breadcrumb-item {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.sell_sec .breadcrum_sec .breadcrumb-item + .breadcrumb-item::before {
    content: "/"; /* arrow separator; change to "/" or ">" as you like */
    color: #fff; /* grey */
    font-size: 12px;
}

.sell_sec .breadcrum_sec .breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.sell_sec .breadcrum_sec .breadcrumb a:hover {
    text-decoration: underline;
}

.sell_sec .breadcrum_sec .breadcrumb-item.active {
    color: #fff;
}

.sell_sec .breadcrum_sec .breadcrumb-nav {
    display: inline-block;
}

@media (max-width: 480px) {
    .sell_sec .breadcrum_sec .breadcrumb { font-size: 0.85rem; gap: 0.35rem; }
    .sell_sec .breadcrum_sec .breadcrumb-item + .breadcrumb-item::before { margin: 0 0.35rem; }
}

.sell_sec .sell_cont {}
.sell_sec .sell_cont h2{font-weight: 600;font-size: 44px;margin-bottom: 15px;color:#fff;}
.sell_sec .sell_cont p{color:#fff;font-size:13px;opacity: .75;margin-bottom:30px}
.sell_sec .form{padding: 20px;border-radius:10px;background:#fff;box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .1);}  
.sell_sec .form p{font-size:10px;color:#888;padding:20px 0;text-align:center;}

.sell_sec .sell_cont h3{font-weight: 600;font-size: 24px;margin-bottom: 15px;color:#fff;}
.sell_sec .sell_cont p.big{color:#fff;font-size:18px;opacity: .75;margin-bottom:30px}
.sell_sec .sell_cont ul{padding:10px}
.sell_sec .sell_cont ul li{color:#fff!important;font-size:13px;color:#888;opacity: .75;margin-bottom:5px}



#why_sell {
  position: relative;
  background: url('images/2.jpg') no-repeat center center/cover;
  color: #fff;
  padding: 20px 0px;
  text-align: center;
  border-radius: 5px;
}

#why_sell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(31, 104, 221, 0.8), rgba(25, 87, 186, 0.8));
  /* overlay */
  z-index: 1;
}

#why_sell .content {
  position: relative;
  z-index: 2;
}

#why_sell h2 {
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: 300;
  letter-spacing: 3.1px;
}

#why_sell p.subtitle {
  font-size: 20px;
  margin-bottom: 50px;
  font-weight: 300;
}

#why_sell .feature {
  padding: 20px;
}

#why_sell .feature h3 {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: normal;
  margin-bottom: 15px;
}

#why_sell .border-end {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

#why_sell .border-top,
#why_sell .border-bottom {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
  
.inner-page {padding: 140px 0px;position: relative;}
.inner-page:before {width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0;z-index: 1; pointer-events: none;
}



.partners_logo .img-box{
    width:100%;
    max-width:auto;
    aspect-ratio: 16 / 9;           /* height control; you can use 1/1 or 16/9 */
    position:relative;
    overflow:hidden;
    border-radius:2px;
    padding: 5px 10px;
  }
  /* same image used as blurred background */
  .partners_logo .img-box .bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;              /* stretches the background to fill the entire area */
    filter: blur(18px);
    transform: scale(1.2);         /* zoom slightly to hide blur edges */
  }
  /* light overlay to make the foreground look clearer */
  .partners_logo .img-box::after{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(0,0,0,0.15);
    pointer-events:none;
  }
  /* main/foreground image – fit any dimension without cropping */
  .partners_logo .img-box .fg{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:contain;  /* image will be fully visible (may letterbox) */
  }



#emicalculator_page .emi-box {
      margin: auto;
      background: #fff;
      padding: 30px;
      border-radius: 20px;
    }
#emicalculator_page .emi-result {
      font-size: 18px;
      font-weight: bold;
    }
#emicalculator_page .emi-result span {
      color: #ff6600;
      font-size: 18px;
      margin-left: 5px;
    }
#emicalculator_page .sub-text {
      font-size: 14px;
      color: #666;
      margin-bottom: 20px;
    }
#emicalculator_page .row {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;
    }
#emicalculator_page .slider-group {
      flex: 1;
    }
#emicalculator_page .slider-group label {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      margin-bottom: 5px;
    }
#emicalculator_page .slider-group input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      height: 6px;
      border-radius: 5px;
      background: linear-gradient(to right, #ff6600 0%, #ff6600 var(--val, 0%), #ffddc6 var(--val, 0%), #ffddc6 100%);
      outline: none;
    }
    /* Orange thumb */
#emicalculator_page .slider-group input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #ff6600;
      cursor: pointer;
      border: 2px solid white;
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    }
#emicalculator_page .slider-group input[type=range]::-moz-range-thumb {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background: #ff6600;
      cursor: pointer;
      border: 2px solid white;
      box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    }
#emicalculator_page .minmax {
      display: flex;
      justify-content: space-between;
      font-size: 13px;
      color: #666;
    }
#emicalculator_page .input-group {
      margin-bottom: 20px;
    }
#emicalculator_page .input-group label {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
    }
#emicalculator_page .input-group input {
      width: 100%;
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
    }

.contact_sec{}
.contact_sec address{font-size:18px;color:#fff;}
.contact_sec iframe{padding:15px;border-radius:15px;background:#fff;}


.custom_page{background: #fff;padding: 30px 0px 60px;}
.custom_page p {font-size: 14px;color: #19184C;margin-bottom: 20px;}
.custom_page ul li p{margin-bottom: 10px;}
.custom_page h3{font-size:18px;font-weight:500;margin-bottom:15px}





.light{
    position: relative;
    width: 80px;
    height: 40px;
  top: 100px;
    background: #b11c1c;
    border-bottom-right-radius: 80px;
    border-bottom-left-radius: 80px;
}
.light:before{
    content: '';
    position: absolute;
    top: -20px;
    width: 100%;
    height: 40px;
    background: #fdff60;
    border-radius: 50%;
    border: 10px solid #9e0303;
    box-sizing: border-box;
}
.light:after{
    content: '';
    position: absolute;
    top: calc(-65%);
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffff;
    box-shadow: 0 0 0 5px #eff000,
                0 0 0 10px rgba(255, 255, 255, .2);
    filter: blur(5px);
    animation: animate 2s linear infinite;
    transform-origin: bottom;
}
@keyframes animate{
    0%{
        transform: translateX(-50%) scaleY(1) rotate(0deg);
    }
    25%{
        transform: translateX(-50%) scaleY(1.4)rotate(10deg);
    }
    50%{
        transform: translateX(-50%) scaleY(1)rotate(-10deg);
    }
    100%{
        transform: translateX(-50%)scaleY(1)rotate(0deg);
    }
}

.tags_link{padding: 0}
.tags_link ul{}
.tags_link ul li{}
.tags_link ul li a{text-align:left}





.pendulum-container {
    position: absolute;
    top: 0%; /* Vertical center */
    right: 50px; /* Left side */
    transform-origin: top center;
    animation: swing 6s ease-in-out infinite alternate;
    z-index: 999999;
  }

  .pendulum-container img {
    width:40px; /* Image size adjust kare */
  }

  @keyframes swing {
    0% { transform: rotate(-10deg); }
    50% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
  }