@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body {
    font-family: 'Poppins', sans-serif !important;
}

.img-container {
    overflow: hidden;
    position: relative;
}

.img-zoom {
    transition: transform 1s ease;
}

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

.img-gray {
    filter: grayscale(100%);
}