.elementor-3165 .elementor-element.elementor-element-75e373d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3165 .elementor-element.elementor-element-75e373d:not(.elementor-motion-effects-element-type-background), .elementor-3165 .elementor-element.elementor-element-75e373d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3165 .elementor-element.elementor-element-10b9992{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:2rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3165 .elementor-element.elementor-element-9f53856 img{width:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3165 .elementor-element.elementor-element-cc37d48 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-3165 .elementor-element.elementor-element-cc37d48.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS for button, class: .elementor-element-cc37d48 *//* ========================================================
   ENVO 3D Multi-Pulse & Splash Particles CTA
======================================================== */

/* استایل پایه دکمه */
.elementor-3165 .elementor-element.elementor-element-cc37d48 .elementor-button {
    position: relative !important;
    background-color: #ed0031 !important;
    color: #ffffff !important;
    font-family: 'Vazirmatn', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 16px 48px !important;
    border-radius: 50px !important;
    border: none !important;
    z-index: 10 !important;
    /* اعمال انیمیشن حلقه‌های سه‌بعدی روی خود دکمه */
    animation: multiRingPulse 2s infinite cubic-bezier(0.16, 1, 0.3, 1) !important;
    transition: all 0.3s ease !important;
}

/* انیمیشن ۱: حلقه‌های سه‌بعدی جداشونده (3D Separating Borders) */
@keyframes multiRingPulse {
    0% {
        box-shadow: 
            0 0 0 0 rgba(237, 0, 49, 0.8),
            0 0 0 0 rgba(237, 0, 49, 0.6),
            0 0 0 0 rgba(237, 0, 49, 0.4);
    }
    100% {
        box-shadow: 
            0 0 0 10px rgba(237, 0, 49, 0), /* لایه اول که سریع‌تر محو می‌شود */
            0 0 0 20px rgba(237, 0, 49, 0), /* لایه دوم با فاصله بیشتر */
            0 0 0 30px rgba(237, 0, 49, 0); /* لایه سوم برای ایجاد عمق سه‌بعدی */
    }
}

/* ساختار ذرات رنگی (Particles) */
.elementor-3165 .elementor-element.elementor-element-cc37d48 .elementor-button::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 6px !important; /* اندازه هر ذره */
    height: 6px !important;
    background: transparent !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: -1 !important;
    pointer-events: none !important;
    /* اعمال انیمیشن پاشش ذرات */
    animation: colorSplash 2s infinite ease-out !important;
}

/* انیمیشن ۲: پاشش ذرات قرمز به اطراف (Splash Effect) */
@keyframes colorSplash {
    0% {
        /* در شروع، تمام ذرات در مرکز و پشت دکمه مخفی هستند */
        box-shadow: 
            0px 0px 0px 0px #ed0031,
            0px 0px 0px 0px #ed0031,
            0px 0px 0px 0px #ed0031,
            0px 0px 0px 0px #ed0031,
            0px 0px 0px 0px #ed0031,
            0px 0px 0px 0px #ed0031,
            0px 0px 0px 0px #ed0031,
            0px 0px 0px 0px #ed0031;
        opacity: 1;
    }
    100% {
        /* در پایان، ذرات به جهت‌های مختلف پرتاب شده و محو می‌شوند */
        box-shadow: 
            -50px -40px 0px -1px rgba(237, 0, 49, 0),  /* بالا چپ */
            50px -30px 0px -2px rgba(237, 0, 49, 0),   /* بالا راست */
            40px 50px 0px -1px rgba(237, 0, 49, 0),    /* پایین راست */
            -40px 40px 0px -2px rgba(237, 0, 49, 0),   /* پایین چپ */
            0px -60px 0px -1px rgba(237, 0, 49, 0),    /* بالا مرکز */
            0px 60px 0px -2px rgba(237, 0, 49, 0),     /* پایین مرکز */
            -60px 0px 0px -1px rgba(237, 0, 49, 0),    /* چپ مرکز */
            60px 0px 0px -2px rgba(237, 0, 49, 0);     /* راست مرکز */
        opacity: 0;
    }
}

/* افکت شناوری هنگام هاور */
.elementor-3165 .elementor-element.elementor-element-cc37d48 .elementor-button:hover {
    transform: translateY(-3px) scale(1.02) !important;
    background-color: #ff0f3e !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75e373d *//* کانتینر اصلی محافظ */
.hero-wrapper {
    position: relative;
    width: 100%;
    min-height: 100vh; /* ارتفاع فول اسکرین */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #111; /* رنگ پس‌زمینه پایه برای دیده شدن گوی مشکی */
    overflow: hidden;
    padding: 20px;
}

/* استایل مشترک گوی‌ها */
.orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px); /* بلر کردن خود گوی‌ها برای ایجاد نور نرم */
    opacity: 0.8;
    z-index: 0;
}

/* گوی سبز */
.orb-green {
    width: 500px;
    height: 500px;
    background: linear-gradient(135deg, #00ff88, #00b35c);
    top: 10%;
    left: 20%;
    animation: floatGreen 15s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
}

/* گوی مشکی (برای تضاد و عمق) */
.orb-black {
    width: 600px;
    height: 600px;
    background: #000000;
    bottom: 10%;
    right: 15%;
    animation: floatBlack 18s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 100px rgba(0,0,0,0.8);
}

/* کانتینر شیشه‌ای بسیار مات روی گوی‌ها */
.glass-container {
    position: relative;
    z-index: 10; /* قرارگیری روی گوی‌ها */
    width: 100%;
    max-width: 1200px;
    min-height: 600px;
    padding: 40px;
    
    /* افکت Glassmorphism */
    background-color: rgba(255, 255, 255, 0.05); /* بسیار شفاف */
    backdrop-filter: blur(40px) saturate(150%);
    -webkit-backdrop-filter: blur(40px) saturate(150%);
    
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 32px; /* گوشه‌های گرد و مدرن */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

/* انیمیشن حرکت موزون گوی سبز */
@keyframes floatGreen {
    0% {
        transform: translate(0, 0) scale(1);
    }
    50% {
        transform: translate(150px, 100px) scale(1.1);
    }
    100% {
        transform: translate(-100px, 200px) scale(0.9);
    }
}

/* انیمیشن حرکت موزون گوی مشکی */
@keyframes floatBlack {
    0% {
        transform: translate(0, 0) scale(1);
    }
    50% {
        transform: translate(-200px, -150px) scale(1.2);
    }
    100% {
        transform: translate(150px, -250px) scale(0.8);
    }
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .orb-green { width: 300px; height: 300px; }
    .orb-black { width: 350px; height: 350px; }
    .glass-container { min-height: 400px; padding: 20px; }
}/* End custom CSS */
/* Start custom CSS *//* قفل کامل اسکرول و باونس در موبایل */
html, body {
    overflow: hidden !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    
    /* جلوگیری از رفتارهای پیش‌فرض لمسی در موبایل */
    touch-action: none !important; 
    
    /* جلوگیری از رفرش صفحه با کشیدن به پایین و افکت ارتجاعی */
    overscroll-behavior: none !important; 
    overscroll-behavior-y: none !important;
    
    /* فیکس کردن پوزیشن در موبایل برای اطمینان 100 درصدی (رفع باگ iOS) */
    position: fixed !important;
    top: 0;
    left: 0;
}

/* اعمال محدودیت برای کانتینرهای اصلی المنتور */
.elementor-page, 
.elementor-section-wrap,
.elementor-location-header,
.elementor-location-footer {
    overflow: hidden !important;
    height: 100dvh !important;
    touch-action: none !important;
}/* End custom CSS */