.elementor-1266 .elementor-element.elementor-element-30aae88{--display:flex;--min-height:570px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-1266 .elementor-element.elementor-element-30aae88:not(.elementor-motion-effects-element-type-background), .elementor-1266 .elementor-element.elementor-element-30aae88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cfc4666 );}.elementor-1266 .elementor-element.elementor-element-2bc12eb{z-index:4;}.elementor-1266 .elementor-element.elementor-element-2bc12eb .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:200px;line-height:100px;letter-spacing:-5px;word-spacing:0px;text-shadow:8px -2px 17px rgba(0, 0, 0, 0.52);color:var( --e-global-color-bc8a08c );}.elementor-1266 .elementor-element.elementor-element-2bc12eb .elementor-heading-title a{transition-duration:0s;}.elementor-1266 .elementor-element.elementor-element-96a1914{--display:flex;--position:absolute;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:41%;}.elementor-1266 .elementor-element.elementor-element-96a1914:not(.elementor-motion-effects-element-type-background), .elementor-1266 .elementor-element.elementor-element-96a1914 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4012faa );}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-96a1914{right:-19%;}body.rtl .elementor-1266 .elementor-element.elementor-element-96a1914{left:-19%;}.elementor-1266 .elementor-element.elementor-element-030d901{--display:flex;--position:absolute;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:-36%;--z-index:2;}.elementor-1266 .elementor-element.elementor-element-030d901:not(.elementor-motion-effects-element-type-background), .elementor-1266 .elementor-element.elementor-element-030d901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4956bd4 );}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-030d901{left:-11%;}body.rtl .elementor-1266 .elementor-element.elementor-element-030d901{right:-11%;}.elementor-1266 .elementor-element.elementor-element-c486fe9{--display:flex;--position:absolute;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:-67%;}.elementor-1266 .elementor-element.elementor-element-c486fe9:not(.elementor-motion-effects-element-type-background), .elementor-1266 .elementor-element.elementor-element-c486fe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bc8a08c );}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-c486fe9{left:5%;}body.rtl .elementor-1266 .elementor-element.elementor-element-c486fe9{right:5%;}.elementor-1266 .elementor-element.elementor-element-a33edb7{--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;--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-1266 .elementor-element.elementor-element-7f61875 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-1266 .elementor-element.elementor-element-7f61875 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-1266 .elementor-element.elementor-element-7f61875{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}body.elementor-page-1266:not(.elementor-motion-effects-element-type-background), body.elementor-page-1266 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-1266 .elementor-element.elementor-element-30aae88{--min-height:407px;}.elementor-1266 .elementor-element.elementor-element-2bc12eb .elementor-heading-title{font-size:147px;line-height:0.5em;}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-96a1914{right:-74%;}body.rtl .elementor-1266 .elementor-element.elementor-element-96a1914{left:-74%;}.elementor-1266 .elementor-element.elementor-element-96a1914{top:155px;}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-030d901{left:-71%;}body.rtl .elementor-1266 .elementor-element.elementor-element-030d901{right:-71%;}.elementor-1266 .elementor-element.elementor-element-030d901{top:-104%;}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-c486fe9{left:-39%;}body.rtl .elementor-1266 .elementor-element.elementor-element-c486fe9{right:-39%;}.elementor-1266 .elementor-element.elementor-element-c486fe9{top:-156%;}body.elementor-page-1266{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1266 .elementor-element.elementor-element-30aae88{--min-height:270px;}.elementor-1266 .elementor-element.elementor-element-2bc12eb .elementor-heading-title{font-size:77px;line-height:0.5em;}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-96a1914{right:-91%;}body.rtl .elementor-1266 .elementor-element.elementor-element-96a1914{left:-91%;}.elementor-1266 .elementor-element.elementor-element-96a1914{top:52px;}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-030d901{left:-69%;}body.rtl .elementor-1266 .elementor-element.elementor-element-030d901{right:-69%;}.elementor-1266 .elementor-element.elementor-element-030d901{top:-79%;}body:not(.rtl) .elementor-1266 .elementor-element.elementor-element-c486fe9{left:-61%;}body.rtl .elementor-1266 .elementor-element.elementor-element-c486fe9{right:-61%;}.elementor-1266 .elementor-element.elementor-element-c486fe9{top:-92%;}}/* Start custom CSS for container, class: .elementor-element-96a1914 *//* ======================================= */
/* ۱. تعریف انیمیشن اصلی (فقط یک بار کافی است) */
/* ======================================= */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ======================================= */
/* ۲. استایل‌های پایه برای همه کانتینرها */
/* ======================================= */
.container-1,
.container-2,
.container-3 {
  /* تنظیمات پایه ابعاد (برای دسکتاپ) */
  width: 400px;
  height: 400px;
  background-color: #4caf50; 
  margin: 50px auto; 
  animation-name: spin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* ======================================= */
/* ۳. تفاوت در حرکت (تأخیر و سرعت) */
/* ======================================= */

/* کانتینر اول: سریع‌تر، بدون تأخیر زیاد */
.container-1 {
  animation-duration: 177s;
  animation-delay: 0s; /* شروع فوری */
}

/* کانتینر دوم: کمی کندتر و با تأخیر ۵ ثانیه‌ای */
.container-2 {
  animation-duration: 210s;
  animation-delay: 5s; 
}

/* کانتینر سوم: کندتر و با تأخیر ۱۰ ثانیه‌ای و جهت مخالف */
.container-3 {
  animation-duration: 190s;
  animation-delay: 10s; 
  animation-direction: reverse; /* چرخش در جهت پادساعت‌گرد */
}


/* ======================================= */
/* ۴. استایل‌های ریسپانسیو برای موبایل‌ها */
/* ======================================= */
@media (max-width: 1024px) {
    .container-1,
    .container-2,
    .container-3 {
        /* کاهش اندازه برای موبایل */
        width: 90vw !important;
        height: 90vw !important;
        margin: 30px auto !important;
    }
    
    /* تنظیم مجدد زمان انیمیشن برای موبایل (اختیاری - برای سریع‌تر شدن حرکت) */
    .container-1 {
        animation-duration: 100s !important;
        animation-delay: 0s !important;
    }
    .container-2 {
        animation-duration: 120s !important;
        animation-delay: 2s !important; /* تأخیر کمتر در موبایل */
    }
    .container-3 {
        animation-duration: 110s !important;
        animation-delay: 4s !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-030d901 *//* ======================================= */
/* ۱. تعریف انیمیشن اصلی (فقط یک بار کافی است) */
/* ======================================= */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ======================================= */
/* ۲. استایل‌های پایه برای همه کانتینرها */
/* ======================================= */
.container-1,
.container-2,
.container-3 {
  /* تنظیمات پایه ابعاد (برای دسکتاپ) */
  width: 400px;
  height: 400px;
  background-color: #4caf50; 
  margin: 50px auto; 
  animation-name: spin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* ======================================= */
/* ۳. تفاوت در حرکت (تأخیر و سرعت) */
/* ======================================= */

/* کانتینر اول: سریع‌تر، بدون تأخیر زیاد */
.container-1 {
  animation-duration: 177s;
  animation-delay: 0s; /* شروع فوری */
}

/* کانتینر دوم: کمی کندتر و با تأخیر ۵ ثانیه‌ای */
.container-2 {
  animation-duration: 210s;
  animation-delay: 5s; 
}

/* کانتینر سوم: کندتر و با تأخیر ۱۰ ثانیه‌ای و جهت مخالف */
.container-3 {
  animation-duration: 190s;
  animation-delay: 10s; 
  animation-direction: reverse; /* چرخش در جهت پادساعت‌گرد */
}


/* ======================================= */
/* ۴. استایل‌های ریسپانسیو برای موبایل‌ها */
/* ======================================= */
@media (max-width: 1024px) {
    .container-1,
    .container-2,
    .container-3 {
        /* کاهش اندازه برای موبایل */
        width: 90vw !important;
        height: 90vw !important;
        margin: 30px auto !important;
    }
    
    /* تنظیم مجدد زمان انیمیشن برای موبایل (اختیاری - برای سریع‌تر شدن حرکت) */
    .container-1 {
        animation-duration: 100s !important;
        animation-delay: 0s !important;
    }
    .container-2 {
        animation-duration: 120s !important;
        animation-delay: 2s !important; /* تأخیر کمتر در موبایل */
    }
    .container-3 {
        animation-duration: 110s !important;
        animation-delay: 4s !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c486fe9 *//* ======================================= */
/* ۱. تعریف انیمیشن اصلی (فقط یک بار کافی است) */
/* ======================================= */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ======================================= */
/* ۲. استایل‌های پایه برای همه کانتینرها */
/* ======================================= */
.container-1,
.container-2,
.container-3 {
  /* تنظیمات پایه ابعاد (برای دسکتاپ) */
  width: 400px;
  height: 400px;
  background-color: #4caf50; 
  margin: 50px auto; 
  animation-name: spin;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* ======================================= */
/* ۳. تفاوت در حرکت (تأخیر و سرعت) */
/* ======================================= */

/* کانتینر اول: سریع‌تر، بدون تأخیر زیاد */
.container-1 {
  animation-duration: 177s;
  animation-delay: 0s; /* شروع فوری */
}

/* کانتینر دوم: کمی کندتر و با تأخیر ۵ ثانیه‌ای */
.container-2 {
  animation-duration: 210s;
  animation-delay: 5s; 
}

/* کانتینر سوم: کندتر و با تأخیر ۱۰ ثانیه‌ای و جهت مخالف */
.container-3 {
  animation-duration: 190s;
  animation-delay: 10s; 
  animation-direction: reverse; /* چرخش در جهت پادساعت‌گرد */
}


/* ======================================= */
/* ۴. استایل‌های ریسپانسیو برای موبایل‌ها */
/* ======================================= */
@media (max-width: 1024px) {
    .container-1,
    .container-2,
    .container-3 {
        /* کاهش اندازه برای موبایل */
        width: 90vw !important;
        height: 90vw !important;
        margin: 30px auto !important;
    }
    
    /* تنظیم مجدد زمان انیمیشن برای موبایل (اختیاری - برای سریع‌تر شدن حرکت) */
    .container-1 {
        animation-duration: 100s !important;
        animation-delay: 0s !important;
    }
    .container-2 {
        animation-duration: 120s !important;
        animation-delay: 2s !important; /* تأخیر کمتر در موبایل */
    }
    .container-3 {
        animation-duration: 110s !important;
        animation-delay: 4s !important;
    }
}/* End custom CSS */