@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/vazirmatn.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

body{margin:0;font-family:vazirmatn;background:#f4f7fb;color:#222}
.hero{height:80vh;background:url('../images/banner.jpg') center/cover}
.overlay{background:rgba(0,0,0,.55);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}
.container{max-width:1100px;margin:auto;padding:40px 20px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.services div{background:#fff;padding:20px;border-radius:12px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery img{width:100%;height:250px;object-fit:cover;border-radius:10px}
.btn,button,.wa{background:#1976d2;color:#fff;padding:12px 20px;text-decoration:none;border:none;border-radius:8px}
input,textarea{width:100%;padding:12px;margin:8px 0}
.wa{position:fixed;bottom:20px;left:20px}