@font-face {
  font-family: 'YekanBakhFaNum';
  src: url('YekanBakhFaNum-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'YekanBakhFaNum';
  src: url('YekanBakhFaNum-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'YekanBakhFaNum';
  src: url('YekanBakhFaNum-ExtraBlack.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'YekanBakhFaNum', sans-serif;
}




    body {
    /* لایه سفید روی هاور لوگو */
    .logo-wrapper {
      position: relative;
      z-index: 1;
      cursor: default; /* موس به حالت معمولی می‌ماند، دست نمایش داده نمی‌شود */
    }

    .logo-wrapper img {
      transition: transform 0.3s, opacity 0.3s;
    }

    /* هنگام هاور: لوگو محو شود */
    .logo-wrapper:hover img {
      transform: scale(1.1);
      opacity: 0;
    }

    /* لایه سفید */
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #F6F6F6;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.5s;
      z-index: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: default; /* موس روی لایه سفید هم دست نشود */
        font-family: 'YekanBakhFaNum', sans-serif;
  font-weight: 900; /* Bold */
    }

    .logo-wrapper:hover ~ .overlay {
      opacity: 1;
      pointer-events: auto;
    }

    .overlay {
      color: #dadada;
      font-size: 4rem;
    }
    .app-text {
  font-family: 'YekanBakhFaNum', sans-serif;
  font-weight: 700; /* Bold */
}
    .app-btn {
  font-family: 'YekanBakhFaNum', sans-serif;
  font-weight: 700; /* Bold */
}