@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
body,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Vazirmatn',sans-serif;font-weight:400;line-height:1.6;color:#222;background:#fff;}
img{max-width:100%;height:auto;display:block;}
.pxl-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:100;}
.pxl-header .site-logo{max-height:60px;}
.pxl-header nav ul{display:flex;flex-wrap:wrap;gap:15px;list-style:none;}
.pxl-header nav li{position:relative;}
.pxl-header nav a{color:#222;font-weight:500;padding:8px 12px;display:inline-block;transition:color .3s;}
.pxl-header nav a:hover{color:#1da1f2;}
.hero,.hero img{display:block;width:100%;aspect-ratio:16/9;height:auto;}
.btn,.btn-visit-online{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:6px;font-weight:500;transition:0.3s;}
.btn{background:#0073e6;color:#fff;}
.btn:hover{background:#005bb5;}
.btn-visit-online{background:linear-gradient(90deg,#05d6d9,#1da1f2);color:#fff;border-radius:25px;border:none;white-space:nowrap;}
.btn-visit-online:hover{opacity:0.9;}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
@media(max-width:991px){.pxl-header{flex-direction:column;align-items:flex-start;}.pxl-header nav ul{flex-direction:column;gap:10px;width:100%;}}