/* Home Page | Slide d'accueil remonté */
.hero-wrap.style2{
    padding:50px 0 0 !important;
}


/* Home Page | Banner | Navigation | Bordure - Taille flèche - Background color */
button.owl-prev,
button.owl-next{
    border: 3px solid #ffffff7a !important;
}

button.owl-prev:hover,
button.owl-next:hover{
    border: 3px solid #ffffff !important;
}

i.las.la-arrow-left,
i.las.la-arrow-right{
    font-size:40px !important;
}

i.las.la-arrow-left:hover, 
i.las.la-arrow-right:hover {
    color: #538AC3 !important;
}

button.owl-prev:hover,
button.owl-next:hover{
    background-color: #08161b  !important; 
    
}

/* Style de la zone des dots */
.owl-dots {
    display: flex;
    justify-content: center; /* Centre les dots horizontalement */
    gap: 10px; /* Espacement entre les dots */
    margin-top: 20px; /* Espace au-dessus des dots (ajustez selon votre design) */
    padding-bottom:10px;
    position: relative; /* Nécessaire pour que le z-index fonctionne */
    z-index: 10; /* S'assure que les dots sont au-dessus des autres éléments */
}

    /* Style général des dots */
.owl-dot {
    width: 12px; /* Diamètre du cercle */
    height: 12px;
    background:none !important;
    background-color: #08161B !important; /* Couleur des dots invisibles au format desktop */
    opacity: 0.5; /* Réduction de la visibilité des dots inactifs */
    border-radius: 50%; /* Transforme en cercle */
    transition: opacity 0.3s ease, transform 0.3s ease; /* Animation fluide */
    cursor: pointer; /* Ajoute un effet interactif */
}

    /* Style de la dot active */
.owl-dot.active {
    opacity: 1; /* Full visibility */
    transform: scale(1.2); /* Grossit légèrement la dot active */
}



/* Home page | Style flèche dans le diapo d'img*/

.eicon-chevron-right:hover,
.eicon-chevron-left:hover{
    font-size:44px;
}

/*Home page | Newsletter | Changement du background color au clic*/

.submit-btn:active{
    background: grey;
}