.clickable-card {
    /*cursor: pointer;*/
    transition: transform 0.3s ease, box-shadow 0.15s ease;
    }

    .clickable-card:hover {
        transform: scale(1.01);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }


    .card-zoom {
        transition: transform 0.3s ease;
    }

    .card-zoom:hover {
        transform: scale(1.05); /* Adjust zoom level */
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

       
   
   


.image-square {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

    .image-square img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }





.zoom-img {
    /*
     width: 600px;
     height: 600px;
    */

    overflow: hidden;
}


    .zoom-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /*transition: all .3s ease;*/

        transition: 0.5s all ease-in-out;
    }


 .zoom-img img:hover {
  transform: scale(1.5);
}

.validation-message {
    color: #dc3545; /* Bootstrap danger */
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.navbar {
    background: linear-gradient(90deg, #86b7fe, #0a58ca);
}

    .navbar .nav-link {
        color: #ffffff !important;
    }