/*
Theme Name: Qualitech Consulting
Author: Qualitech Consulting SARL
Description: Thème personnalisé aux couleurs du logo pour Qualitech Consulting SARL.
Version: 1.0
*/
:root{--green:#27AE60;--black:#000;--white:#fff}
body{font-family:Arial,Helvetica,sans-serif;margin:0;color:#111}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header-content{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{height:80px;border-radius:8px}
nav.primary a{margin-left:18px;text-decoration:none;color:var(--black);font-weight:600}
.hero{background:linear-gradient(rgba(39,174,96,0.85), rgba(39,174,96,0.85)), url('assets/hero.png') center/cover no-repeat;padding:100px 20px;color:#fff}
.hero h1{margin:0;font-size:34px}
.hero p{margin:8px 0 0}
.btn{display:inline-block;margin-top:12px;padding:12px 18px;border-radius:6px;text-decoration:none}
.btn-primary{background:var(--white);color:var(--green)}
.btn-secondary{background:transparent;border:2px solid var(--white);color:var(--white)}



section{padding:60px 20px}
.about{display:flex;gap:30px;align-items:center;background:#fff;border-radius:8px;padding:24px}
.about img{width:320px;border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 8px 24px rgba(2,6,23,0.04)}
footer.site-footer{background:var(--green);color:#fff;padding:18px;text-align:center}
@media(max-width:900px){.about{flex-direction:column}nav.primary{display:none}}