/* Fonts */
@font-face {
    font-family: 'Syne';
    src: url('../Fonts/Syne/Syne-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../Fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

/* Global Styles */
body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Syne', sans-serif;
}

/* style.css */

/* =========================
SECTION HÉROS
=========================
*/
.hero-section {
    /* Remplacez 'hero-background.jpg' par le chemin vers VOTRE image de héros */
    background-image: url('../images/explora-hero-1.png');
    
    /* Assure que l'image couvre toute la section */
    background-size: cover;
    
    /* Centre l'image */
    background-position: center;
}

.hero-section-about {
    /* Remplacez 'hero-background.jpg' par le chemin vers VOTRE image de héros */
    background-image: url('../images/Photo_explora_23.png');
    
    /* Assure que l'image couvre toute la section */
    background-size: cover;
    
        /* Centre l'image */
    
        background-position: center;
    
    }
    
    
    
    .hero-section-services {
    
        /* Remplacez 'hero-background.jpg' par le chemin vers VOTRE image de héros */
    
        background-image: url('../images/Photo_explora_11.png');
    
    
    
        /* Assure que l'image couvre toute la section */
    
        background-size: cover;
    
    
    
        /* Centre l'image */
    
        background-position: center;
    
    }
    
    
    
    .hero-section-contact {
    
        /* Remplacez 'hero-background.jpg' par le chemin vers VOTRE image de héros */
    
        background-image: url('../images/Photo_explora_16.png');
    
    
    
        /* Assure que l'image couvre toute la section */
    background-size: cover;
    
    /* Centre l'image */
    background-position: center;
}

/* =========================
SECTION "APPEL À L'ACTION" (CTA)
=========================
*/
.cta-section {
    /* Remplacez par le chemin vers votre image de drone */
    background-image: url('../images/Photo_explora_24.png');
    
    /* Assure que l'image couvre toute la section */
    background-size: cover;
    
    /* Centre l'image */
    background-position: center;
}

/* =========================
SECTION CTA "TRAVAILLEUR" (Page A Propos)
=========================
*/
.cta-worker-section {
    /* Remplacez par le chemin vers votre image de travailleur */
    background-image: url('../images/cta-worker.png');
    
    /* Assure que l'image couvre toute la section */
    background-size: cover;
    
    /* Centre l'image (peut être ajusté, ex: 'center right') */
    background-position: center;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}


.fade-in-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}