/* =========================
                        SLIDER
            ========================= */

            .home-slider {
                position: relative;
                width: 100%;
                height: 600px;
                /* desktop */
                overflow: hidden;
            }
            .slide {
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center;
                opacity: 0;
                transition: opacity 1.2s ease-in-out;
            }
            .slide.active {
                opacity: 1;
                z-index: 1;
            }

            .btn1 {
                margin-left: 60%;
                margin-top: 30%;
                display:inline-block;
                background:#f2c230;
                color:#000;
                padding:10px 18px;
                border-radius:1px;
                transition:0.3s;
                font-size:20px;
            }
            
                /* =========================
                    MOBILE (comme ton image)
                    ========================= */

            @media (max-width: 768px) 
            {
                .navbar {
                    position: relative;
                    z-index: 10000;
                }

                .home-slider {
                    position: relative;
                    width: 100%;
                    height: 160px;
                    /* desktop */
                    overflow: hidden;
                }

                .btn1 {
                margin-left: 40%;
                margin-top: 37%;
                display:inline-block;
                background:#f2c230;
                color:#000;
                padding:5px 8px;
                border-radius:1px;
                transition:0.3s;
                font-size:6px;
                }
            }

            /* =========================
                    TABLET (optionnel)
                    ========================= */
            @media (max-width: 1200px) {
                 .navbar {
                    position: relative;
                    z-index: 10000;
                }

                .home-slider {
                    position: relative;
                    width: 100%;
                    height: 160px;
                    /* desktop */
                    overflow: hidden;
                }

                .btn1 {
                margin-left: 40%;
                margin-top: 37%;
                display:inline-block;
                background:#f2c230;
                color:#000;
                padding:5px 8px;
                border-radius:1px;
                transition:0.3s;
                font-size:6px;
                }
            }