.elementor-1664 .elementor-element.elementor-element-ad014fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-01efb6b *//* Yeh CSS code poore homepage ko style karta hai */

/* Basic body styling (Astra theme already responsive hai, but good practice) */
body {
    font-family: 'Inter', sans-serif; /* Font family set karein */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Hero Section specific styles */
.relative.h-screen {
    height: 100vh; /* Height ko viewport height ke hisaab se set karein */
}

/* Background image aur overlay ke liye */
.absolute.inset-0 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* Text styling */
.text-white h1 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Text ko readable banane ke liye shadow */
}

/* Search bar ke liye custom styles */
.bg-white.rounded-xl.shadow-lg {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Box shadow ko thoda aur prominent banayein */
}

.bg-white.rounded-xl.shadow-lg input {
    padding: 0.75rem 1rem; /* Input field par thoda padding aur border radius */
    border-radius: 0.5rem; /* Rounded corners */
}

.bg-white.rounded-xl.shadow-lg button {
    transition: background-color 0.3s ease, transform 0.2s ease; /* Button par hover effect aur thoda transition */
}

.bg-white.rounded-xl.shadow-lg button:hover {
    transform: translateY(-2px); /* Hover par thoda upar uthe */
}

/* Featured Properties Section ke liye custom styles */

/* Container ke liye max-width aur center alignment */
.container {
    max-width: 1200px; /* Max width set karein */
    margin-left: auto;
    margin-right: auto;
}

/* Property card hover effect */
.bg-white.rounded-xl.shadow-lg.overflow-hidden.transform.transition.duration-300:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25); /* Hover par shadow badhayein */
}

/* SVG icons ke liye basic styling */
.h-5.w-5.inline-block {
    vertical-align: middle; /* Icons ko text ke saath align karein */
}

/* Button hover effect */
.block.text-center.bg-blue-600.hover\:bg-blue-700:hover {
    transform: translateY(-1px); /* Button par thoda lift effect */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .relative.h-screen {
        height: 80vh; /* Smaller height on mobile for hero section */
    }
    .text-3xl.sm\:text-4xl.md\:text-5xl {
        font-size: 2.5rem; /* Adjust heading size */
    }
    .text-lg.sm\:text-xl.md\:text-2xl {
        font-size: 1.25rem; /* Adjust subheading size */
    }
    .flex.flex-col.md\:flex-row {
        flex-direction: column; /* Stack items vertically for search bar */
    }
    .space-y-3.md\:space-y-0 {
        margin-bottom: 0.75rem; /* Add some space between stacked items */
    }
    .w-full.md\:w-auto {
        width: 100%; /* Full width for input and button on mobile */
    }
    .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
        grid-template-columns: 1fr; /* Single column for property cards on small screens */
    }
    .text-4xl.font-extrabold {
        font-size: 2.5rem; /* Heading size adjust karein */
    }
}/* End custom CSS */