.glass-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* Sticky Header Styles */
        .sticky-header {
            transition: all 0.3s ease;
        }

        .sticky-header.scrolled {
            background-color: rgba(11, 17, 32, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }

        /* Menu Animation */
        #mobile-menu.menu-open {
            transform: translateX(0);
        }

        #mobile-menu-overlay.menu-open {
            opacity: 1;
            visibility: visible;
        }

        /* Prevent body scroll when menu is open */
        body.menu-open {
            overflow: hidden;
        }

        /* Slider Styles */
        .slider-container {
            position: relative;
            height: 90vh;
            overflow: hidden;
        }

        .slider-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            background-size: cover;
            background-position: center;
        }

        .slider-slide.active {
            opacity: 1;
        }

        .slider-content {
            transition: transform 0.5s ease;
        }

        /* Enhanced responsive styles for all screen sizes */
        @media (max-width: 768px) {
            .slider-container {
                height: 100vh;
                min-height: 600px;
            }

            .slider-slide {
                background-size: cover;
                background-position: center;
            }

            .slider-content h1 {
                font-size: 2rem !important;
                line-height: 1.3;
            }

            .slider-content p {
                font-size: 0.875rem;
                line-height: 1.5;
            }

            /* Better mobile navigation spacing */
            #mobile-menu {
                width: 85vw;
                max-width: 320px;
            }

            /* Hero text spacing for mobile */
            .slider-content {
                padding: 0 1rem;
            }

            /* Property type cards - better mobile grid */
            .property-type-grid {
                display: flex;
                flex-direction: column;
                gap: 1rem;
            }

            /* Search form mobile optimization */
            .search-form-mobile {
                flex-direction: column;
                gap: 0.75rem;
            }

            .search-form-mobile select,
            .search-form-mobile input,
            .search-form-mobile button {
                width: 100%;
            }
        }

        @media (max-width: 640px) {
            .slider-content h1 {
                font-size: 1.75rem !important;
                line-height: 1.3;
            }

            /* Mobile header adjustments */
            .sticky-header {
                padding: 1rem !important;
            }

            /* Stats section mobile optimization */
            .stats-grid-mobile {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 1.5rem;
            }

            /* How it works cards mobile */
            .how-it-works-card {
                padding: 2rem 1.5rem !important;
            }

            /* Testimonial cards mobile */
            .testimonial-card-mobile {
                min-width: 100% !important;
            }

            /* Footer mobile optimization */
            .footer-mobile-grid {
                grid-template-columns: 1fr !important;
                gap: 2rem;
            }
        }

        @media (min-width: 641px) and (max-width: 1024px) {

            /* Tablet optimizations */
            .slider-content h1 {
                font-size: 2.5rem !important;
            }

            /* Property grid for tablets */
            .property-grid-tablet {
                grid-template-columns: repeat(2, 1fr);
            }

            /* Blog grid for tablets */
            .blog-grid-tablet {
                grid-template-columns: 1fr;
            }
        }

        /* Ensure images maintain aspect ratio on all devices */
        @media (max-width: 768px) {
            .responsive-image {
                width: 100%;
                height: auto;
                object-fit: cover;
            }

            /* Banner image mobile hide */
            .banner-desktop-only {
                display: none;
            }
        }

        /* Typography responsive adjustments */
        @media (max-width: 640px) {

            h2,
            h3 {
                font-size: 1.75rem !important;
            }

            h4 {
                font-size: 1.25rem !important;
            }

            .text-5xl {
                font-size: 2.5rem !important;
            }

            .text-4xl {
                font-size: 2rem !important;
            }

            .text-3xl {
                font-size: 1.75rem !important;
            }

            .text-2xl {
                font-size: 1.5rem !important;
            }
        }


        .property-type-tab {
            background: #e9f0ff;
            color: #1e3a8a;
        }

        .property-type-tab p {
            color: #475569;
        }

        .property-type-tab .icon-wrap {
            background: rgba(255, 255, 255, 0.6);
            padding: 12px;
            border-radius: 14px;
        }

        .property-type-tab.active-tab {
            background: linear-gradient(135deg, #393186, #5647E5);
            color: #fff;
            box-shadow: 0 18px 40px rgba(80, 37, 235, 0.35);
            transform: scale(1.04);
        }

        .property-type-tab.active-tab p {
            color: #dbeafe;
        }

        .property-type-tab.active-tab .icon-wrap {
            background: rgba(255, 255, 255, 0.25);
        }

        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }