*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:#ffffff;color:#000;scroll-behavior:smooth;}
section{padding:60px 8%;}

/* ===== TOP SOCIAL ===== */
.top-social{background: rgb(198,78,0);padding:8px 8%;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.top-social a{color:white;font-size:16px;transition:0.3s;}
.top-social a:hover{color:rgb(0,176,80);}
#lang-select{padding:5px 10px;border-radius:5px;border:none;font-weight:600;}

/* ===== HEADER ===== */
.header{background:white;box-shadow:0 4px 20px rgba(0,0,0,0.05);}
.top-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 8%;flex-wrap:wrap;}
.logo{display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.logo img{height:65px;}
.logo-text h1{font-size:1.8rem;color:rgb(0,176,80);}
.logo-text p{font-size:0.95rem;font-weight:700;color:#555;}
.contact-info{display:flex;gap:80px;align-items:center;}
.contact-info a{text-decoration:none;color:#0b3c5d;font-size:14px;}
.contact-info a i{margin-right:5px;}
.contact-info a:hover{color:rgb(198,78,0);}

/* ===== NAVBAR ===== */
.navbar{background: rgb(0,176,80);padding:10px 8%;position:relative;}
.menu{display:flex;gap:45px;list-style:none;justify-content:center;flex-wrap:wrap;}
.menu a{text-decoration:none;color:white;font-weight:600;position:relative;padding:5px 0;}
.menu li{position:relative;}
.menu li:hover > a::after{content:'';position:absolute;width:100%;height:3px;background:rgb(198,78,0);bottom:0;left:0;border-radius:2px;}
.submenu{position:absolute;top:100%;left:0;background:white;display:none;flex-direction:column;padding:15px;box-shadow:0 10px 25px rgba(0,0,0,0.15);border-radius:10px;min-width:220px;z-index:999;}
.submenu a{color:#0b3c5d;padding:6px 0;white-space:nowrap;}
.menu li:hover > .submenu{display:flex;}
.burger{display:none;font-size:25px;color:white;cursor:pointer;}

/* ===== OFFRES D’EMPLOI ===== */
.jobs h2{text-align:center;margin-bottom:30px;font-size:2rem;color:rgb(0,176,80);}
.jobs-filter{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:30px;gap:15px;}
.jobs-filter select{padding:10px 15px;border-radius:5px;border:1px solid #ccc;font-size:1rem;}
.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.job-card{background:#f7f7f7;padding:20px;border-radius:10px;transition:0.3s;cursor:pointer;text-align:center;}
.job-card:hover{transform:translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,0.12);}
.jobs {padding-top: 25px;}
.jobs h2 {margin-top: 0;}

/* ===== TEMOIGNAGES ===== */
.testimonials{background:#ffffff;padding:50px 8%;text-align:center;}
.testimonials h2{color:rgb(0,176,80);margin-bottom:40px;font-size:2rem;}
.testimonial-card{background:#f7f7f7;padding:25px 20px;border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;transition:0.3s;}
.testimonial-card p{font-style:italic;margin-bottom:15px;line-height:1.5;}
.testimonial-card h4{font-weight:700;color:#0b3c5d;font-size:1rem;}
.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.1);}

/* ===== FORMULAIRE ===== */
#application-form{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);justify-content:center;align-items:center;z-index:9999;overflow-y:auto;}
#application-form .form-container{background:white;padding:30px;border-radius:10px;width:90%;max-width:600px;display:flex;flex-direction:column;gap:15px;position:relative;}
#application-form h2{color:rgb(0,176,80);margin-bottom:20px;text-align:center;}
#application-form .close-btn{position:absolute;top:15px;right:15px;font-size:20px;cursor:pointer;color:#333;}
#application-form form{display:flex;flex-direction:column;gap:15px;}
#application-form input, #application-form select, #application-form textarea{padding:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem;width:100%;}
#application-form button{background:rgb(0,176,80);color:white;padding:12px;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:0.3s;}
#application-form button:hover{background:rgb(198,78,0);}

/* ===== FOOTER ===== */
footer{text-align:center;padding:30px;background: rgb(198,78,0);color:white;}
footer span{color:rgb(0,176,80);font-weight:700;}

/* ===== RESPONSIVE ===== */
@media(max-width:992px){
    .burger{display:block;}
    .menu{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background: rgb(0,176,80);padding:10px 0;z-index:9999;}
    .menu.active{display:flex;}
    .menu li{width:100%;text-align:center;margin:10px 0;}
    .menu li a{color:white;font-size:16px;display:block;padding:10px 0;}
    .jobs-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
    .top-bar{flex-direction:row;align-items:center;}
    .logo img{height:55px;}
    .logo-text h1{font-size:1.2rem;}
    .logo-text p{font-size:0.8rem;}
    .logo{gap:10px;}
    .logo-text{flex-direction:column;}
}