.property-img {
    width: 200px;
    height: 150px;
    object-fit: cover;
}
.property-card {
    cursor: pointer;
}

@media (max-width: 993px) {
    .dettableC th,.dettableC td{

font-size: 10px;

}

}




@keyframes backgroundMove {


    0% {
        background-position: 80% 40%; /* Start from left */
    }

    10% {
        background-position: 70% 20%; /* Start from left */
    }

    20% {
        background-position: 60% 0%; /* Start from left */
    }
    30% {
        background-position: 60% 10%; /* Move to the right */
    }

    40% {
        background-position: 60% 30%; /* Move to the right */
    }

    50% {
        background-position: 60% 50%; /* Move to the right */
    }

    60% {
        background-position: 60% 70%; /* Move to the right */
    }

    70% {
        background-position: 60% 90%; /* Move to the right */
    }

    80% {
        background-position: 60% 100%; /* Start from left */
    }

    90% {
        background-position: 80% 80%; /* Start from left */
    }

    100% {
        background-position: 80% 40%; /* Start from left */
    }




}

header {
    background-image: url('https://img.freepik.com/free-vector/modern-flowing-colorful-wave-banner-background_1035-19861.jpg?t=st=1736760417~exp=1736764017~hmac=731d68b2c52c67ccccc188bef66895121fa1f7419bca38fe27edf00f720eaee2&w=2000'); 
    background-repeat: no-repeat;
    background-size: cover;  /* Cover the entire header */
    background-position: 0% 50%; /* Start at the center of the image */
    animation: backgroundMove 60s infinite ease-in-out; /* Apply animation */
    padding: 200px 0;
    border-bottom: 5px solid transparent;
}