@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
}


.background-image-container {
    background-image: url('../images/banner1.jfif');
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;

    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: multiply;
}

.marque_card {}

.marque_card:hover {
    background-color: #fff;
    transition: 0.3s;
}

.marque_card:hover h4 {
    color: #000;
    transition: 0.3s;
}

.infos_card_icon {
    width: 30px;
}