.nav-item-services { position: relative; } .mega-menu { position: absolute; top: calc(100% + 14px); right: 50%; transform: translateX(50%) translateY(10px); opacity: 0; visibility: hidden; transition: opacity 0.35s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.35s cubic-bezier(0.2, 0.8, 0.3, 1), visibility 0.35s; z-index: 60; min-width: 820px; pointer-events: none; } .nav-item-services::after { content: ""; position: absolute; top: -6px; right: 50%; transform: translateX(50%) scale(0); width: 12px; height: 12px; background: rgba(255, 255, 255, 0.045); border: 1px solid rgba(201, 161, 90, 0.3); border-top-color: transparent; border-left-color: transparent; border-radius: 3px; rotate: 45deg; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.3, 1); z-index: -1; } .nav-item-services:hover .mega-menu, .nav-item-services:focus-within .mega-menu { opacity: 1; visibility: visible; transform: translateX(50%) translateY(0); pointer-events: auto; } .nav-item-services:hover::after, .nav-item-services:focus-within::after { transform: translateX(50%) scale(1); } .mega-menu-panel { background: rgba(10, 10, 12, 0.96); backdrop-filter: blur(40px); border: 1px solid rgba(201, 161, 90, 0.18); border-radius: 2.5rem; padding: 0; box-shadow: 0 50px 120px -40px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(201, 161, 90, 0.05) inset; overflow: hidden; } .mega-banner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 2.25rem; background: linear-gradient( 135deg, rgba(201, 161, 90, 0.12), rgba(232, 196, 122, 0.04) 40%, rgba(46, 99, 255, 0.04) ); border-bottom: 1px solid rgba(201, 161, 90, 0.1); overflow: hidden; } .mega-banner::after { content: ""; position: absolute; top: -60%; right: -5%; width: 18rem; height: 18rem; background: radial-gradient( circle, rgba(201, 161, 90, 0.08), transparent 65% ); pointer-events: none; } .mega-banner-content { position: relative; z-index: 1; } .mega-banner-title { font-size: 1.05rem; font-weight: 700; color: #f5f3ee; display: flex; align-items: center; gap: 0.6rem; } .mega-banner-desc { font-size: 0.76rem; color: rgba(245, 243, 238, 0.45); margin-top: 0.3rem; } .mega-banner-cta { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.4rem; border-radius: 999px; background: linear-gradient( 135deg, #8f6b2c, #c9a15a 30%, #e8c47a 55%, #c9a15a 80%, #8f6b2c ); color: #171207; font-size: 0.78rem; font-weight: 600; transition: filter 0.3s, box-shadow 0.3s; box-shadow: 0 8px 30px -8px rgba(201, 161, 90, 0.4); white-space: nowrap; } .mega-banner-cta:hover { filter: brightness(1.1); box-shadow: 0 12px 40px -8px rgba(232, 196, 122, 0.5); } .mega-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; padding: 1.25rem; } .mega-card { display: flex; flex-direction: column; gap: 0.55rem; padding: 1.5rem 1.25rem; border-radius: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.015); transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.3, 1), border-color 0.35s, background 0.35s, box-shadow 0.35s; position: relative; overflow: hidden; } .mega-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient( to left, #8f6b2c, #c9a15a 30%, #e8c47a 55%, #c9a15a 80%, #8f6b2c ); opacity: 0; transition: opacity 0.35s; } .mega-card::after { content: ""; position: absolute; top: -30%; right: -20%; width: 100px; height: 100px; background: radial-gradient( circle, rgba(201, 161, 90, 0.06), transparent 70% ); opacity: 0; transition: opacity 0.35s; pointer-events: none; } .mega-card:hover { transform: translateY(-6px); border-color: rgba(201, 161, 90, 0.22); background: rgba(255, 255, 255, 0.03); box-shadow: 0 25px 55px -20px rgba(201, 161, 90, 0.18); } .mega-card:hover::before { opacity: 1; } .mega-card:hover::after { opacity: 1; } .mega-card-num { font-family: "Space Grotesk", monospace; font-size: 0.6rem; font-weight: 400; letter-spacing: 0.12em; color: rgba(201, 161, 90, 0.3); direction: ltr; unicode-bidi: isolate; display: inline-block; } .mega-card-icon { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 0.875rem; border: 1px solid rgba(201, 161, 90, 0.12); background: linear-gradient( 135deg, rgba(201, 161, 90, 0.12), rgba(255, 255, 255, 0.02) ); color: #e8c47a; transition: background 0.35s, border-color 0.35s, transform 0.35s; } .mega-card:hover .mega-card-icon { background: linear-gradient( 135deg, rgba(201, 161, 90, 0.25), rgba(232, 196, 122, 0.15) ); border-color: rgba(201, 161, 90, 0.35); transform: scale(1.08); } .mega-card-title { font-size: 0.92rem; font-weight: 700; color: #f5f3ee; transition: color 0.3s; } .mega-card:hover .mega-card-title { color: #e8c47a; } .mega-card-desc { font-size: 0.72rem; line-height: 1.7; color: rgba(245, 243, 238, 0.45); } .mega-card-link { font-size: 0.75rem; color: #e8c47a; font-weight: 500; display: inline-flex; align-items: center; gap: 0.3rem; margin-top: auto; padding-top: 0.25rem; transition: gap 0.3s; } .mega-card:hover .mega-card-link { gap: 0.6rem; } @media (max-width: 767px) { .mega-menu { min-width: 0; width: calc(100vw - 2rem); left: 1rem; right: 1rem; transform: translateY(10px); } .nav-item-services:hover .mega-menu, .nav-item-services:focus-within .mega-menu { transform: translateY(0); } .nav-item-services::after { display: none; } .mega-banner { flex-direction: column; align-items: flex-start; padding: 1.25rem; gap: 0.75rem; } .mega-banner-cta { align-self: stretch; justify-content: center; } .mega-grid { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; padding: 0.75rem; } .mega-card { padding: 1rem; } } پرش به محتوای اصلی

تماس با ما

بیایید
گفت‌وگو کنیم

تیم پیکسوریا آمادهٔ شنیدن از برند شماست؛ یک تماس، یک پیام — و مسیرِ رشد از همان‌جا شروع می‌شود.

پاسخ‌گویی در روزهای کاری، حداکثر تا ۲۴ ساعت

ارسال پیام

پیامِ شما،
شروعِ یک همکاری

فرم را پر کنید؛ کارشناسان پیکسوریا در اولین فرصت با شما تماس می‌گیرند.

  • مشاورهٔ اولیهٔ رایگان
  • مشهد
  • پاسخ‌گویی روزهای کاری

اطلاعات شما فقط برای پاسخ‌گویی استفاده می‌شود.

حضور فیزیکی

یک دفتر، یک تیم متعهد

اجرا و نظارت بر کمپین‌ها و همایش‌ها، از دفتر مرکزی پیکسوریا در مشهد.

مشهد دفتر مرکزی و تیم اجرایی خدمات در سراسر ایران · اجرا و نظارت مستقیم

پرسش‌های پرتکرار

قبل از تماس، بدانید

بله؛ جلسهٔ اولِ آشنایی و بررسی نیاز شما کاملاً رایگان است و پس از آن، پیشنهاد شفاف و مکتوب دریافت می‌کنید.

معرفی کوتاهِ کسب‌وکار، هدفِ تبلیغاتی و بازهٔ زمانی موردنظر کافی است؛ بقیه را در جلسهٔ مشاوره با هم می‌سازیم.

بسته به نوع خدمت متفاوت است؛ زمان‌بندی دقیق و مرحله‌به‌مرحله پیش از شروع، به‌صورت مکتوب اعلام می‌شود.

بله؛ امنیت و پشتیبانی کامل، یکی از چهار ستونِ همکاری با سی یاس است.

پاسخ‌تان را پیدا نکردید؟

ارسال پیام