body {
  font-family: 'Vazirmatn', sans-serif !important;
  direction: rtl;
}

@media (max-width: 768px) {
  header nav { display: none !important; }
  section.flex-col.md\:flex-row-reverse { flex-direction: column !important; }
  .max-w-6xl { padding-left: 1rem !important; padding-right: 1rem !important; }
}

::-webkit-scrollbar {
  width: 8px;
  background: #23262F;
}
::-webkit-scrollbar-thumb {
  background: #FF6A3D;
  border-radius: 4px;
}

@media (max-width: 568px) {
  .header-txt {
    text-align: center !important;
    margin-top: 40px;
  }
  .header-txt h1,
  .header-txt h2,
  .header-txt h3 {
    font-size: 2rem;
  }
  .header-txt .btns {
    display: flex;
    justify-content: center;
    gap: 10px;
  }

  .header-txt .skills {
    text-align: center;
    flex-wrap: wrap;
  }
}