
      
            .gallery-img {
                height: 200px;
                object-fit: cover;
                cursor: pointer;
                transition: transform 0.2s;
            }
            .gallery-img:hover {
                transform: scale(1.05);
            }
            .btn-brown {
                background-color: #8B4513;
                border-color: #8B4513;
                color: white;
            }
            .btn-brown:hover {
                background-color: #654321;
                border-color: #654321;
                color: white;
            }
            .btn-outline-brown {
                border-color: #8B4513;
                color: #8B4513;
            }
            .btn-outline-brown:hover {
                background-color: #8B4513;
                border-color: #8B4513;
                color: white;
            }
            .text-brown {
                color: #8B4513;
            }
            .bg-brown {
                background-color: #8B4513;
            }
            
 
    .text-brown {
        color: #8B4513;
    }

    .filter-btn {
        border-radius: 25px;
        padding: 8px 20px;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .filter-btn.active {
        background-color: #8B4513;
        color: white;
        border-color: #8B4513;
    }

    .filter-btn:hover {
        background-color: #8B4513;
        color: white;
        border-color: #8B4513;
    }

    .card {
        border: none;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
        border-radius: 10px;
    }

    .card:hover {
        transform: translateY(-5px);
    }

    .floor-plan-card {
        transition: transform 0.3s ease;
    }

    .floor-plan-card:hover {
        transform: translateY(-5px);
    }

    .filter-content {
        animation: fadeIn 0.5s ease-in-out;
    }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .filter-btn {
            margin-bottom: 10px;
            font-size: 0.9rem;
        }
        
        .col-lg-6 {
            margin-bottom: 20px;
        }
    }

    .accordion-button {
            background-color: transparent;
            color: #5d2b1a;
            font-weight: 600;
            font-size: 1rem;
            padding: 1rem;
            text-transform: uppercase;
            border: none;
            outline: none;
            box-shadow: none;
        }

        .accordion-button:not(.collapsed) {
            color: #a94438;
            background-color: #f9f9f9;
        }



        .accordion-item {
            border-top: 1px solid #ccc;
        }

        .accordion-body {
            font-size: 0.95rem;
            padding: 1rem 1.25rem;
            color: #333;
            background-color: #fff;
        }

        .accordion {
            border-top: 2px solid #5d2b1a;
        }

        h2.section-heading {
             font-family: "SangBleuBPtestFontSans-Light" !important;
            text-transform: uppercase;
            color: #5d2b1a;
            font-weight: bold;
            letter-spacing: 2px;
        }
 
 
        @media (max-width: 576px) {
            .amenity-icon img {
                width: 40px !important;
                height: 40px !important;
            }
            .fw-medium {
                font-size: 0.95rem !important;
            }
        }
     
    
