/* Animation Keyframes */
/*@keyframes fadeInUp {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(20px);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*@keyframes fadeInScale {*/
/*    from {*/
/*        opacity: 0.7;*/
/*        transform: scale(0.95);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: scale(1);*/
/*    }*/
/*}*/

/*@keyframes pulse {*/
/*    0%, 100% {*/
/*        transform: scale(1);*/
/*    }*/
/*    50% {*/
/*        transform: scale(1.1);*/
/*    }*/
/*}*/

/* Animation Classes */
/*.animate-section {*/
/*    opacity: 0;*/
/*    transition: opacity 0.8s ease-out, transform 0.8s ease-out;*/
/*}*/

/*.animate-section.visible {*/
/*    animation: fadeInUp 0.8s ease-out forwards;*/
/*}*/

/*.animate-image:hover {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    transition: transform .5s ease-in-out, filter .5s ease-in-out;*/
/*    transform: scale(0.95);*/
/*}*/

/*.animate-button {*/
/*    transition: transform 0.4s ease-out, background-color 0.4s ease-out, color 0.4s ease-out;*/
/*}*/

/*.animate-button.visible {*/
/*    animation: pulse 1.2s ease-in-out;*/
/*}*/

/*.animate-button:hover {*/
/*    background-color: #004d26; */
/*    color: #fff;*/
/*    transform: scale(1.05);*/
/*}*/

/* Animation Keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0.7;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* Animation Classes */
.animate-section {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-section.visible {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* ✅ Corrected animate-image with smooth zoom-in */
.animate-image {
    position: relative;
    overflow: hidden;
    transition: transform 0.8s ease;
    transform: scale(1); /* Ensure default size */
}

.animate-image:hover {
    transform: scale(1.05); /* Zoom in on hover */
}

.featured-projects-section .property-image img:hover .property-details {
    transform: scale(1.05); /* Zoom in on hover */
}

/* animate-button remains unchanged */
.animate-button {
    transition: transform 0.4s ease-out, background-color 0.4s ease-out, color 0.4s ease-out;
}

.animate-button.visible {
    animation: pulse 1.2s ease-in-out;
}

.animate-button:hover {
    background-color: #004d26; /* Darker shade of brand color */
    color: #fff;
    transform: scale(1.05);
}