body {
    scroll-behavior: smooth;
}


@layer carousel {
    #header-carousel .carousel-inner .carousel-item .carousel-caption .container h1{
        color: #FFF!important;
        font-size: 3rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    #header-carousel .carousel-inner .carousel-item .carousel-caption .container a{
        background-color: var(--dark)!important;
        border: none!important;
    }


    #header-carousel .carousel-inner .carousel-item .img-carousel{
        width: 100%;
        height: 75vh;
        filter: brightness(75%) saturate(150%);
    }
}

@layer Partenaires{
    #partenaires .container .temoinage{
        display: flex;
        flex-wrap: wrap;
    }

    #partenaires .container .temoinage .temoinage-item video{
        height: 400px;
    }
}


@layer Event{
    #event .container .col-lg-3 img{
        width: 100%;
        height: 300px!important;
    }
}

.navbar-toggler-icon{
    color: #000!important;
}



@layer About {
    .about {
        background-image: url('../img/images/formation/hero\ \(1\).jpg');
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        background-blend-mode: color;
    }
}