@font-face {
  font-family: 'Pinar';
  src: url('fonts/Pinar-DS2-Bold.woff2') format('woff2'),
       url('fonts/Pinar-DS2-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Light.woff2') format('woff2'),
       url('fonts/Pinar-DS2-Bold.woff') format('woff');
}
@font-face {
  font-family: 'dana';
  src: url('fonts/dana-fanum-medium.woff') format('woff2'),
       url('fonts/dana-fanum-bold.woff') format('woff');
}
@font-face {
  font-family: 'IRANSans';
  src: url('fonts/IRANSansX-Regular.woff2') format('woff2'),
       url('fonts/IRANSansX-Regular.woff2') format('woff');
}
@font-face {
  font-family: 'rokhfanum';
  src: url('fonts/rokhfanum-bold.woff2') format('woff2'),
       url('fonts/rokhfanum-bold.woff2') format('woff');
}

body {
  font-family: 'IRANSans', sans-serif;
}

a,h1,h2,h3,h4,h5,h6,span,p,strong,li,th,td{
  font-family: IRANSans;
}
.dan{
  font-family: IRANSans;
}

.shine-effect {
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.3) 100%
  );
  transform: skewX(-25deg);
  z-index: 10;
  pointer-events: none;
  content: "";
  display: block;
  transition: none;
}

.group:hover .shine-effect {
  animation: shineAnimation 0.8s ease forwards;
}

@keyframes shineAnimation {
  from {
    left: -75%;
  }
  to {
    left: 125%;
  }
}
  @keyframes slideOutBg {
    0% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(-100%);
    }
  }

  .btn-fancy {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 9999px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
    background-color: transparent;
    transition: color 0.4s ease, border-color 0.4s ease;
  }

  .btn-fancy::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #c82228;
    z-index: 0;
    transition: transform 0.4s ease;
    transform: translateY(0%);
    border-radius: inherit;
  }

  .btn-fancy:hover::before {
    animation: slideOutBg 0.5s ease forwards;
  }

  .btn-fancy > * {
    position: relative;
    z-index: 10;
    color: white;
    transition: color 0.4s ease;
  }

  .btn-fancy:hover {
    border-color: #c82228;
  }

  .btn-fancy:hover > * {
    color: #c82228;
  }

  .btn-fancy:hover svg {
    stroke: #c82228;
  }

  @keyframes float {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(-10px);
    }
  }

  .animate-float {
    animation: float 6s ease-in-out infinite;
  }
  /* زمانی که موس روی منو یا مگامنو هست */
.has-mega-menu:hover + #mega-menu,
#mega-menu:hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
    @keyframes fadeInDown {
      from {
        opacity: 0;
        transform: translateY(24px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .animate-fade-in-down {
      animation: fadeInDown 0.7s ease-out both;
    }

     @keyframes slideInBg {
    0% {
      transform: translateY(100%);
    }
    100% {
      transform: translateY(0%);
    }
  }

  .btn-outline-red {
    position: relative;
    overflow: hidden;
    border: 2px solid #c82228;
    border-radius: 9999px;
    color: #c82228;
    display: inline-block;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
    background-color: transparent;
    transition: color 0.3s ease, border-color 0.3s ease;
  }

  .btn-outline-orange::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #c82228;
    z-index: 0;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    border-radius: inherit;
  }

  .btn-outline-orange:hover::before {
    animation: slideInBg 0.5s ease forwards;
  }

  .btn-outline-orange > * {
    position: relative;
    z-index: 10;
    transition: color 0.3s ease;
    color: inherit;
  }

  .btn-outline-orange:hover {
    color: white;
  }

  /* استایل لودینگ */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#loader-logo {
  width: 150px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 1s ease-in-out, opacity 0.5s ease-out;
}

#loader.hide {
  opacity: 0;
  visibility: hidden;
}
.tab-btn {
  border-bottom: 2px solid transparent;
  color: #4b5563; /* رنگ پیش‌فرض متن */
  padding-bottom: 0.5rem;
  font-weight: 500;
}

.tab-btn.active {
  border-color: #ce2e2e; /* خط زیر فعال */
  color: #ce2e2e; /* رنگ متن فعال */
}