/*
 :root {
            --primary: #2563eb;
            --primary-dark: #1e40af;
            --secondary: #f59e0b;
            --dark: #1e293b;
            --light: #f8fafc;
            --gray: #94a3b8;
            --success: #10b981;
        }
*/

:root {
    --primary: #334a64;
    --primary-dark: #243444;
    --secondary: #f59e0b;
    --dark: #111a24;
    --light: #fff6f1;
    --gray: #8C8C8C;
    --success: #25374b;
}





        
        body {
            font-family: 'Montserrat', sans-serif;
            color: var(--dark);
            overflow-x: hidden;
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: cinzel ;
        }
      



   .navbar {
      padding: 1.5rem 0;
      transition: all 0.3s ease;
      background-color: rgba(255, 255, 255, 0.95);
    }
    .navbar.scrolled {
      padding: 1rem 0;
      background-color: rgba(255, 255, 255, 0.95);
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .navbar-brand img {
      max-height:30px;
      width:auto;
    }
    .nav-link {
      font-weight: 500;
      margin: 0 0.5rem;
      position: relative;
    }
    .nav-link:after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      bottom: 0;
      left: 0;
      background-color: #FFBB00;
      transition: width 0.3s ease;
    }
    .nav-link:hover:after {
      width: 100%;
    }
    /* Ensure dropdown works nicely */
    .dropdown-menu {
      border-radius: 0.5rem;
      border: none;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }

.navbar .dropdown-toggle::after {
    display: none !important;
}

/* Remove blue outline/rectangle on click */
.navbar .nav-link:focus, 
.navbar .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}


.navbar .dropdown-toggle::after {
    display: none !important;
}

/* Remove blue outline/rectangle on click */
.navbar .nav-link:focus, 
.navbar .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}


        
        .btn-primary {
            background:linear-gradient(261deg,rgba(17, 26, 36, 1) 0%, rgba(51, 74, 100, 1) 100%);
            border-color: var(--primary);
            padding: 0.6rem 1.5rem;
            font-weight: 500;
            transition: all 0.3s ease;
			box-shadow: 0px 1px 22px -1px rgba(51,74,100,0.75);
			
        }
        
        .btn-primary:hover {
            background-color: linear-gradient(261deg,rgba(17, 26, 36, 1) 0%, rgba(51, 74, 100, 1) 100%);
            border-color: var( --primary);
            transform: translateY(-2px);
        }


.navbar-collapse .btn{
	background-color:linear-gradient(261deg,rgba(17, 26, 36, 1) 0%, rgba(51, 74, 100, 1) 100%);
}


/*banner*/
        
        .hero {
            background: linear-gradient(261deg,rgba(255, 255, 255, 0) 0%, rgba(17, 26, 36, 1) 100%), url('images/banner-bg1.jpeg');
            background-size: cover;
            background-position: center top;
            height: 550px;
            width: auto;
            display: flex;
            align-items: center;
            color: white;
            position: relative;
            animation: fadeIn 1.5s ease-in-out;
        }
        



   .hero2 {
	    background: linear-gradient(261deg,rgba(255, 255, 255, 0) 0%, rgba(17, 26, 36, 1) 100%), url('images/property_banner.jpg');
	   
                        background-size: cover;
            background-position: center;
            height: 400px;
            width: auto;
            display: flex;
            align-items: center;
            color: white;
            position: relative;
            animation: fadeIn 1.5s ease-in-out;
        }









        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        .hero-content {
            width: 600px;
        }

 .hero-content2 {
            width: auto;
	 text-align: center;
        }
        
        .hero h1 {
            font-size: 3rem;
/*            margin-bottom: 1rem;*/
			font-weight: 600;
            animation: slideInLeft 1s ease-out;
        }


  
        .hero2 h1 {
            font-size: 3rem;
/*            margin-bottom: 1rem;*/
			font-weight: 600;
            animation: slideInLeft 1s ease-out;
        }

        
        .hero p {
            font-size: 1.2rem;
/*            margin-bottom: 2rem;*/
            animation: slideInRight 1s ease-out;
        }

 .hero2 p {
            font-size: 1.2rem;
/*            margin-bottom: 2rem;*/
            animation: slideInRight 1s ease-out;
        }



.hero-content .btn{
				background:linear-gradient(4deg,rgba(255, 187, 0, 1) 0%, rgba(224, 71, 0, 1) 100%);
	
			}

.hero-content2 .btn{
				background:linear-gradient(4deg,rgba(255, 187, 0, 1) 0%, rgba(224, 71, 0, 1) 100%);
	
			}


        
        @keyframes slideInLeft {
            from { transform: translateX(-50px); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        
        @keyframes slideInRight {
            from { transform: translateX(50px); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        
        .search-box {
            background-color: rgba(255, 255, 255, 0.9);
            border-radius: 10px;
            padding: 2rem;
            color: var(--dark);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            animation: slideInUp 1s ease-out;
        }
        
        @keyframes slideInUp {
            from { transform: translateY(50px); opacity: 0; }
            to { transform: translateY(0); opacity: 1; }
        }
        
        
/*banner end*/

/* Banner form */
.banner-section {
    position: relative;
    text-align: center;
}

.banner-img {
    width: 100%;
    height: auto;
    display: block;
}

/* Floating Form Box */
.custom-search-box {
    background: linear-gradient(261deg,rgba(255, 255, 255, 1) 0%, rgba(247, 247, 247, 1) 100%);       /* White box */
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    position: absolute;
    left: 50%;
    bottom: -160px;         /* overlap effect */
    transform: translateX(-50%);
    width: 90%;
    max-width: 1000px;
    z-index: 10;
	color: #EFEFEF;

}

/* Row */
.custom-search-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
	color: #EFEFEF;
}

/* Col */
.custom-col {
    flex: 1;
}

/* Input Group */
.custom-input-group {
    position: relative;
}

.custom-input-group i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    
    font-size: 15px;
    pointer-events: none;
}

/* Input */
.custom-input {
    width: 100%;
  border: none;
    border-bottom: 2px solid #555;
  background: transparent; 
  padding: 8px 30px 8px 5px;
  font-size: 16px;
	color: #111A24;
  outline: none;
  transition: border-color 0.3s;
}

.custom-input option {
  background: #141923;   /* dropdown background */
  color: #EFEFEF;        /* text color */
  padding: 8px;
}

.custom-input::placeholder{  color: #111A24;      /* jo color chahiye use karo */
  opacity: 1;       /* kuch browsers opacity reduce kar dete hain */
}



.custom-input option:hover {
  background:#2F3B53;
	color: #141923;}


.custom-input:focus {
    border-bottom: 2px solid #007bff;
}

/* Button */
.custom-btn {
    display: block;
    width: 100%;
    padding: 10px;
    background: linear-gradient(261deg,rgba(17, 26, 36, 1) 0%, rgba(51, 74, 100, 1) 100%);
    color: #fff !important;
    text-align: center;
       border-radius: 6px;
    transition: all 0.4s ease-in-out;
    border: none;
    cursor: pointer;
	font-family: cinzel ; 
	font-weight: 600;
}

.custom-btn:hover {
   background: linear-gradient(4deg,rgba(17, 26, 36, 1) 0%, rgba(51, 74, 100, 1) 100%);
	 transform: translateY(-5px);
}

.video-wrapper {
  width: 70%;          /* half width */
  height: 300px;       /* fixed height, landscape look */
  margin: 0 auto; 
  overflow: hidden;
}

.video-wrapper iframe {
   width: 100%;
  height: 100%;
  border: 0;
  
}




.login-container {
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* Heading */
.login-container h2 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    color: #222;
}

/* Submit Button */
.login-btn {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 20px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.login-btn:hover {
    background-color: #333;
}

/* Input Fields */
.input-field {
    margin-bottom: 15px;
}

.input-field input {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 2px solid #ccc;
    outline: none;
    font-size: 16px;
    transition: all 0.3s ease;
}

.input-field input:focus {
    border-bottom: 2px solid #000;
}

/* ✅ Modal Proper Centering */
.modal-dialog {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 3.5rem);
    margin: 0 auto; 
    max-width: 400px;
    width: 100%;
}

/* ✅ Responsive Fix */
@media (max-width: 576px) {
    .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }

    .login-container {
        padding: 15px;
    }

    .login-container h2 {
        font-size: 18px;
    }

    .input-field input {
        font-size: 14px;
        padding: 8px;
    }

    .login-btn {
        font-size: 14px;
        padding: 8px;
    }
}

		

/*popup end*/


















/* Mobile Responsive */
@media (max-width: 991px) {
  .custom-search-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .custom-btn {
    grid-column: span 2; /* button poore row me aayega */
  }
	
	 .form-section {
    margin-top: 80px; /* tablet me thoda neeche */
  }

}

/* ✅ Mobile View (1 column stacked) */
@media (max-width: 768px) {
  .custom-search-row {
    display: grid;
    grid-template-columns: 1fr;
  }
  .custom-btn {
    grid-column: span 1;
    width: 100%;
  }
	
	 .form-section {
    margin-top: 100px; /* mobile me aur neeche */
    width: 90%;        /* form chhota ho jaye screen ke hisaab se */
  }
	
	.banner-section{
		margin-top: 100px;
	}
	
	
	
}

/* Career Section */
.career-section {
  background: #f9f9f9;
}

.career-title h2 {
  font-size: 2.2rem;
  font-weight: 700;
  color: #2c3e50;
}

.career-title p {
  font-size: 1.1rem;
  color: #555;
}

/* Career Card */
.career-card {
  background: #fff;
  border: none;
  border-radius: 16px;
  padding: 25px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  text-align: left;
  position: relative;
}

.career-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.career-job-title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: #25374B; /* blue highlight */
}

.career-job-text {
  font-size: 1rem;
  color: #444;
  margin-bottom: 15px;
  line-height: 1.5;
}

.career-job-location {
  font-size: 0.95rem;
  color: #666;
  font-weight: 500;
  border-top: 1px solid #eee;
  padding-top: 12px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .career-title h2 {
    font-size: 1.8rem;
  }
  .career-card {
    padding: 20px;
  }
  .career-job-title {
    font-size: 1.2rem;
  }
}















/*property start*/


.gallery { padding: 80px 0; }
.gallery-item { border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: 0.4s; background: linear-gradient(0deg,rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.6) 100%);}

.gallery-item img{ max-height: 350px; max-width: auto;   background-position:center;   background-size: cover; }
.gallery-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top,rgba(0,0,0,2),transparent); color: white; padding: 15px; opacity: 1; transition: 0.4s; }


.gallery-item:hover{
	transform: translateY(-5px); 
}



/*poperty end*/




.gallery1 { padding: 80px 0; }

.gallery-item1 { border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 30px;
	box-shadow: 0px 4px 11px 4px rgba(51,74,100,0.64); transition: 0.4s; background: linear-gradient(0deg,rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0.6) 100%);}

.gallery-item1 img{ max-height: 400px; max-width: auto;   background-position:center;   background-size: cover; }
/*
.gallery-overlay1 { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top,rgba(0,0,0,2),transparent); color: white; padding: 15px; opacity: 0; transition: 0.4s; }

.gallery-item1:hover .gallery-overlay1 { opacity: 1; 
}

.gallery-item1:hover{
	transform: translateY(-5px); 
}
*/


.gallery-overlay1 {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: all 0.3s ease;
        }
        
        .gallery-item1:hover .gallery-overlay1 {
            opacity: 1;
        }
        
        .gallery-overlay1 a {
            color: white;
            font-size: 1.5rem;
            text-decoration: none;
        }
        






/*headings styles*/

        .section-title {
            text-align: center;
            margin-bottom: 3rem;
        }
        
        .section-title h2 {
            font-size: 2rem;
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
        }
        
        .section-title h2:after {
            content: '';
            position: absolute;
            width: 60%;
            height: 3px;
            background: var(--secondary);
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .section-title p {
            color: var(--gray);
            max-width: 700px;
            margin: 0 auto;
        }
        
/*headings styles end*/


/*old property */
        .property-card {
            border-radius: 10px;
            overflow: hidden;
            border: none;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            margin-bottom: 2rem;
        }
        
        .property-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }
        
        .property-img {
            height: 220px;
            overflow: hidden;
            position: relative;
        }
        
        .property-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .property-card:hover .property-img img {
            transform: scale(1.1);
        }
        
        .property-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            background-color: var(--primary);
            color: white;
            padding: 5px 15px;
            border-radius: 30px;
            font-size: 0.8rem;
            font-weight: 600;
        }
        
        .property-info {
            padding: 1.5rem;
        }
        
        .property-info h3 {
            margin-bottom: 0.5rem;
            font-size: 1.3rem;
        }
        
        .property-info p {
            color: var(--gray);
            margin-bottom: 1rem;
        }
        
        .price {
            font-weight: 700;
            font-size: 1.2rem;
            color: var(--primary);
        }
        
        .features {
            display: flex;
            margin-top: 1rem;
            padding-top: 1rem;
            border-top: 1px solid #eee;
            justify-content: space-between;
        }
        
        .feature {
            text-align: center;
        }
        
        .feature i {
            color: var(--secondary);
            margin-bottom: 0.5rem;
        }
        
        .feature span {
            font-size: 0.9rem;
            color: var(--light);
        }

/*property end*/

        

/*amenities start*/

        .amenities {
            padding: 5rem 0;
            background-color: #f8fafc;
			
        }
        
        .amenity-card {
            text-align: center;
            padding: 2rem;
            border-radius: 10px;
            background-color: white;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            height: 100%;
        }
        
        .amenity-card:hover {
            transform: translateY(-10px);
            box-shadow: 0px 1px 22px -1px rgba(51,74,100,0.75);
        }
        
        .amenity-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 1.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(37, 99, 235, 0.1);
            border-radius: 50%;
            color: var(--primary);
            font-size: 2rem;
            transition: all 0.3s ease;
        }
        
        .amenity-card:hover .amenity-icon {
           background: linear-gradient(4deg,rgba(255, 187, 0, 1) 0%, rgba(224, 71, 0, 1) 100%);
            color: white;
            transform: rotateY(180deg);
			
        }
        
        .amenity-card h3 {
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }
        
        .amenity-card p {
            color: var(--gray);
        }


/*amenities end*/
      


/*masonary gallery starts*/

        .gallery {
            padding: 5rem 0;
        }
        
        .masonry-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            grid-auto-rows: 10px;
            gap: 1rem;
        }
        
        .masonry-item {
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            position: relative;
        }
        
        .masonry-item:hover {
            transform: scale(1.02);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
        }
        
        .masonry-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        
        .masonry-item-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: all 0.3s ease;
        }
        
        .masonry-item:hover .masonry-item-overlay {
            opacity: 1;
        }
        
        .masonry-item-overlay a {
            color: white;
            font-size: 1.5rem;
            text-decoration: none;
        }
        
        .size-1 {
            grid-row-end: span 12;
        }
        
        .size-2 {
            grid-row-end: span 20;
        }
        
        .size-3 {
            grid-row-end: span 28;
        }
        
        .size-4 {
            grid-row-end: span 36;
        }
        
           .cta {
            padding: 5rem 0;
            background: linear-gradient(178deg,rgba(73, 104, 145, 0.70) 0%, rgba(17, 26, 36, 0.70) 100%), url('images/banner for form.jpg');
            background-size: cover;
            background-position: center;
            color: white;
            text-align: center;
        }
        
        .cta h2 {
            font-size: 2.5rem;
            margin-bottom: 1.5rem;
        }
        
        .cta p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }


 .cta  .btn{
				background:linear-gradient(4deg,rgba(255, 187, 0, 1) 0%, rgba(224, 71, 0, 1) 100%);
			}

        
        .form-control {
            height: 50px;
            border-radius: 5px;
            border: none;
            margin-bottom: 5px;
        }
        
        .form-control:focus {
            box-shadow: none;
            border-color: var(--secondary);
        }
        
        .testimonials {
            padding: 5rem 0;
            background-color: #f8fafc;
        }
        
        .testimonial-card {
            background-color: white;
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            margin: 1rem;
            position: relative;
            opacity: 0.7;
            transform: scale(0.9);
            transition: all 0.5s ease;
        }
        
        .testimonial-card.active {
            opacity: 1;
            transform: scale(1);
        }
        
        .testimonial-card:before {
            content: '\201C';
            position: absolute;
            top: 20px;
            left: 20px;
            font-size: 5rem;
            color: rgba(37, 99, 235, 0.1);
            font-family: serif;
            line-height: 1;
        }
        
        .testimonial-text {
            font-size: 1.1rem;
            line-height: 1.7;
            margin-bottom: 2rem;
            color: var(--dark);
            font-style: italic;
        }
        
        .testimonial-author {
            display: flex;
            align-items: center;
        }
        
        .testimonial-author-img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 1rem;
        }
        
        .testimonial-author-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .testimonial-author-info h4 {
            margin-bottom: 0.2rem;
            font-size: 1.1rem;
        }
        
        .testimonial-author-info p {
            color: var(--gray);
            font-size: 0.9rem;
            margin-bottom: 0;
        }
        
        .testimonial-controls {
            display: flex;
            justify-content: center;
            margin-top: 2rem;
        }
        
        .testimonial-control {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: var(--gray);
            margin: 0 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .testimonial-control.active {
            background-color: var(--primary);
            transform: scale(1.3);
        }
        
        footer {
            background-color: var(--dark);
            color: white;
            padding: 5rem 0 2rem;
        }
        
        .footer-logo Img {
      width:auto;
			height:35px;
			margin-bottom: 1.5rem;
            color: white;
        }
        
        .footer-about p {
            color: #cbd5e1;
            margin-bottom: 1.5rem;
        }
        
        .social-icons a {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            margin-right: 10px;
            transition: all 0.3s ease;
        }
        
        .social-icons a:hover {
            background-color: var(--primary);
            transform: translateY(-3px);
        }
        
        .footer-links h3 {
            font-size: 1.2rem;
            margin-bottom: 1.5rem;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-links h3:after {
            content: '';
            position: absolute;
            width: 40px;
            height: 2px;
            background-color: var(--secondary);
            bottom: 0;
            left: 0;
        }
        
        .footer-links ul {
            list-style: none;
            padding: 0;
        }
        
        .footer-links li {
            margin-bottom: 0.8rem;
        }
        
        .footer-links a {
            color: #cbd5e1;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .footer-links a:hover {
            color: var(--secondary);
            padding-left: 5px;
        }
        
        .footer-contact-info {
            margin-bottom: 1.5rem;
        }
        
        .footer-contact-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1rem;
        }
        
        .footer-contact-item i {
            margin-right: 1rem;
            color: var(--secondary);
        }
        
        .footer-bottom {
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            text-align: center;
            color: #cbd5e1;
        }
        
        @media (max-width: 992px) {
            .hero h1 {
                font-size: 2.8rem;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
			
			
				.hero-content .btn{
				 margin-bottom: 30px;
				
				
			}
			
			
			
			.hero-content {
				 max-width:700px;
				margin-top:70px;
				
			}
			
			
			.banner-section{
				margin-bottom:90px;
			}
			
			
        }
        
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 2.2rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
			
			.hero-content .btn{
				 margin-bottom: 30px;
				
				
			}
			
			
			
			.hero-content {
/*				 max-width:600px;*/
/*				text-align: center;*/
				margin-top:70px;
				margin-left:20px;
				
			}
			
			.hero-content2 h1 {
                font-size: 2rem;
				margin-top:90px;
				
				
			}
			
			
			
			.banner-section{
				margin-bottom:90px;
			}
			
			
            
            .search-box {
                padding: 1.5rem;

            }
            
            .property-img {
                height: 180px;
            }
            
            .footer-about {
                margin-bottom: 2rem;
            }
            
            .footer-links {
                margin-bottom: 2rem;
            }
        }
        
        @media (max-width: 576px) {
            .hero {
                min-height: 500px;
            }
			
			
			  .hero2 {
                min-height: 500px;
            }
			
            
            .hero h1 {
                font-size: 1.8rem;
            }
            
			.hero2 h1 {
                font-size: 1.8rem;
            }
			
			
/*
            .features {
                flex-wrap: wrap;
            }
            
            .feature {
                width: 50%;
                margin-bottom: 1rem;
            }
			
			.features{
				grid-template-columns: 1fr;
			}
*/
            
            .masonry-grid {
                grid-template-columns: 1fr;
            }
            
            .testimonial-card:before {
                font-size: 3rem;
                top: 10px;
                left: 10px;
            }
			
			 .section-title p {
                display: none;
				 
            }
			
			.section-title  {
                margin-top:30px;
				 
            }
			
			.hero-content p{
				display: none;
			}
			
			.hero-content{
				max-width:350px;
				
			}
			
			.hero-content .btn{
/*				 height:30px;*/
				
			}
			
			
			.hero-content h1{
				margin-bottom:30px;
				
			}
			
			
			
			.banner-section{
				margin-bottom:70px;
			}
			
        }


/* ✅ White Space & Popup Final Fix */

/* Prevent overflow */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Force all elements inside viewport */
* {
  box-sizing: border-box;
  max-width: 100vw;
}

/* Custom search box centering fix */
.custom-search-box {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 95% !important;
  max-width: 100% !important;
}

/* Masonry fix */
@media (max-width: 576px) {
  .masonry-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .gallery-item1,
  .gallery-item1 img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Modal perfect centering */
.modal-dialog {
  margin: 0 auto !important;
  max-width: 500px !important;
  width: auto !important;
  left: 0;
  right: 0;
}