.elementor-910 .elementor-element.elementor-element-9f29e15{--display:flex;}.elementor-910 .elementor-element.elementor-element-95d1c40{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-910 .elementor-element.elementor-element-27c5426{font-family:"Syne", Sans-serif;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-910 .elementor-element.elementor-element-0983606{font-family:"Syne", Sans-serif;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-910 .elementor-element.elementor-element-d4ac96d{font-family:"Syne", Sans-serif;font-weight:400;letter-spacing:1px;color:#FFFFFF;}.elementor-910 .elementor-element.elementor-element-9eb3f05{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-910 .elementor-element.elementor-element-9eb3f05.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-910 .elementor-element.elementor-element-86b08aa{--display:flex;--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;}.elementor-910 .elementor-element.elementor-element-86b08aa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-910 .elementor-element.elementor-element-8ddd214{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;color:#ADB4CC;}.elementor-910 .elementor-element.elementor-element-8ddd214.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-910 .elementor-element.elementor-element-8ddd214 p{margin-block-end:0px;}.elementor-910 .elementor-element.elementor-element-a1c11b5{width:var( --container-widget-width, 27.743% );max-width:27.743%;--container-widget-width:27.743%;--container-widget-flex-grow:0;}.elementor-910 .elementor-element.elementor-element-a1c11b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-910 .elementor-element.elementor-element-502e288{--display:flex;}@media(min-width:768px){.elementor-910 .elementor-element.elementor-element-9eb3f05{--width:97%;}.elementor-910 .elementor-element.elementor-element-86b08aa{--width:71.101%;}}@media(max-width:1024px){.elementor-910 .elementor-element.elementor-element-95d1c40{--grid-auto-flow:row;}.elementor-widget-text-editor{letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-910 .elementor-element.elementor-element-95d1c40{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-text-editor{letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-27c5426 */.elementor-910 .elementor-element.elementor-element-27c5426 .elementor-widget-container {
    color: #ffffff !important;
}

.elementor-910 .elementor-element.elementor-element-27c5426 h1, .elementor-910 .elementor-element.elementor-element-27c5426 h2, .elementor-910 .elementor-element.elementor-element-27c5426 h3, .elementor-910 .elementor-element.elementor-element-27c5426 p {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0983606 */.elementor-910 .elementor-element.elementor-element-0983606 .elementor-widget-container {
    color: #ffffff !important;
}

.elementor-910 .elementor-element.elementor-element-0983606 h1, .elementor-910 .elementor-element.elementor-element-0983606 h2, .elementor-910 .elementor-element.elementor-element-0983606 h3, .elementor-910 .elementor-element.elementor-element-0983606 p {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d4ac96d */.elementor-910 .elementor-element.elementor-element-d4ac96d .elementor-widget-container {
    color: #ffffff !important;
}

.elementor-910 .elementor-element.elementor-element-d4ac96d h1, .elementor-910 .elementor-element.elementor-element-d4ac96d h2, .elementor-910 .elementor-element.elementor-element-d4ac96d h3, .elementor-910 .elementor-element.elementor-element-d4ac96d p {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95d1c40 *//* اعمال روی تمام باکس‌های اصلی برای حذف فضای خالی اضافی */
.elementor-910 .elementor-element.elementor-element-95d1c40 {
    /* ۱. حذف کامل محدودیت ارتفاع */
    height: auto !important;
    min-height: 0 !important; 
    
    /* ۲. تراز وسط و عرض کادر */
    max-width: 1200px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important;

    /* ۳. استایل بصری مدرن با گرادیانت آبی ملایم به سمت شفاف */
    background: linear-gradient(90deg,
        rgba(90, 170, 255, 0.18) 0%,
        rgba(90, 170, 255, 0.10) 35%,
        rgba(255, 255, 255, 0.05) 70%,
        rgba(255, 255, 255, 0) 100%
    ) !important; 
    backdrop-filter: blur(15px) !important; 
    -webkit-backdrop-filter: blur(15px) !important; 
    border: 1px solid rgba(255, 255, 255, 0.1) !important; 
    border-radius: 30px !important; 
    
    /* ۴. کاهش شدید فاصله محتوا تا لبه پایینی */
    padding-top: 30px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 15px !important; /* فاصله از پایین در دسکتاپ به حداقل رسید */
    
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2) !important;
}

/* افکت هاور */
.elementor-910 .elementor-element.elementor-element-95d1c40:hover { 
    background: linear-gradient(90deg,
        rgba(90, 170, 255, 0.28) 0%,
        rgba(90, 170, 255, 0.16) 35%,
        rgba(255, 255, 255, 0.10) 70%,
        rgba(255, 255, 255, 0) 100%
    ) !important; 
    transform: translateY(-5px) !important; 
    border-color: rgba(160, 32, 240, 0.5) !important; 
}

/* تنظیمات مخصوص موبایل برای فشرده‌ترین حالت ممکن */
@media (max-width: 767px) {
    .elementor-910 .elementor-element.elementor-element-95d1c40 {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        padding-top: 20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 10px !important; /* در موبایل فاصله تا لبه پایینی به ۱۰ پیکسل رسید */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9eb3f05 */.elementor-910 .elementor-element.elementor-element-9eb3f05 {
    max-width: 1140px; /* این عدد استاندارد المنتور هست، اگر کانتینر بالایی عرض دیگه‌ای داره، اینجا همون رو بذار */
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
}

/* برای اینکه در مانیتورهای خیلی بزرگ از باکس بالایی بیرون نزنه */
@media (min-width: 1200px) {
    .elementor-910 .elementor-element.elementor-element-9eb3f05 {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e72ccef *//* تنظیمات پایه بک‌گراند تلسکوپی */
body {
    background: #050609 !important; /* یک مشکی خیلی عمیق برای پس‌زمینه اصلی سایت */
    overflow-x: hidden; /* جلوگیری از اسکرول افقی به خاطر حرکت ستاره‌ها */
}

/* لایه یک: ستاره‌های ریز ثابت و چشمک‌زن (عمق میدان) */
.elementor-section:first-child::before {
    content: " ";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 0;
    
    /* ستاره‌های ریز با اندازه‌های متفاوت (1px و 2px) و تعداد محدود */
    background-image: 
        radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 3px),
        radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 2px),
        radial-gradient(white, rgba(255,255,255,.1) 1.5px, transparent 2.5px);
    
    background-size: 550px 550px, 350px 350px, 450px 450px;
    background-position: 0 0, 40px 60px, 130px 270px;
    
    animation: staticTwinkle 6s ease-in-out infinite;
    opacity: 0.7;
}

/* لایه دو: ستاره‌های بزرگتر که از راست به چپ حرکت می‌کنند */
.elementor-section:first-child::after {
    content: " ";
    position: fixed;
    top: -50%; /* شروع از خارج از کادر */
    right: -100px; /* شروع از سمت راست کادر */
    width: 200%; /* برای حرکت نرم در کل عرض */
    height: 200%;
    background: transparent;
    z-index: 0;
    
    /* ستاره‌های بزرگتر (3px) با فاصله زیاد */
    background-image: 
        radial-gradient(circle, #fff 1.5px, transparent 3.5px),
        radial-gradient(circle, #fff 1px, transparent 3px);
    background-size: 800px 800px, 600px 600px;
    background-position: 0 0, 150px 250px;
    
    animation: moveRightToLeft 80s linear infinite;
    opacity: 0.6;
}

/* لایه سه: درخشش‌های ناگهانی و لحظه‌ای (به مدت 1 ثانیه، هر 5 ثانیه خاموش) */
#stars-flash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 0;
    
    /* چند نقطه خیلی خاص */
    background-image: 
        radial-gradient(circle, #fff 2px, transparent 4px),
        radial-gradient(circle, #fff 2.5px, transparent 5px);
    background-size: 900px 900px;
    background-position: 10% 20%, 80% 60%; /* موقعیت‌های خاص در صفحه */
    
    animation: instantFlash 6s ease-in-out infinite; /* کل چرخه 6 ثانیه است */
    opacity: 0; /* در حالت عادی مخفی است */
}


/* --- انیمیشن‌ها --- */

/* 1. درخشش آرام ستاره‌های ثابت */
@keyframes staticTwinkle {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 0.8; }
}

/* 2. حرکت آهسته از راست به چپ */
@keyframes moveRightToLeft {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* 3. درخشش لحظه‌ای (1 ثانیه روشن، 5 ثانیه خاموش) */
@keyframes instantFlash {
    0%, 83.33% { opacity: 0; transform: scale(0.5); } /* 5 ثانیه اول خاموش (5/6 * 100) */
    85% { opacity: 1; transform: scale(1.2); } /* درخشش ناگهانی */
    86.66%, 100% { opacity: 0; transform: scale(0.5); } /* خاموش شدن سریع */
}/* End custom CSS */