@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');

        body {
            font-family: 'Poppins', sans-serif;
            background-color: var(--bs-footer-bg);
            color: #444
        }

        .agendacard {
            background-color:#fff;
        }

        .btn-agenda-heure {
            font-size: 12px !important;
            font-weight: bold;
        }

        .hide {
            display: none
        }

        .copyright {
            font-size: 0.7rem
        }

        .copyright a {
            text-decoration: none;
            color: var(--bs-footer-color);
        }

        .card {
            border: 0px;
            background-color: transparent
        }

        .step-illustration {
            border-radius: 10px;
            background-color: rgba(255, 255, 255, .4);
            width: 100%;
            height: 100%;
        }

        ::placeholder {
            color: #ddd !important;
        }

        .pp-advisor {
            width: 40%;
            height: auto;
        }

        p {
            font-size: 14px
        }

        @media screen and (max-width: 600px) {
            h3 {
                font-size: 1.2rem
            }

            h5 {
                font-size: 0.9rem;
            }

            h6 {
                font-size: 0.8rem;
            }

            .btn {
                font-size: 0.8rem;
                padding: 0.2rem 0.4rem;
                margin: 0 3px
            }

            .col-2 {
                padding: 0 !important
            }
        }