*{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}
html{
    scroll-behavior: smooth;
}
.c-item{
    height: 500px;

}
.c-image{
    height: 100%;
    object-fit: cover;
    filter: brightness(0.5);
}
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 25px rgba(0,0,0,0.15);
}