.elementor-1563 .elementor-element.elementor-element-5ffdfe0{--display:flex;--min-height:1000px;--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:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1563 .elementor-element.elementor-element-5ffdfe0:not(.elementor-motion-effects-element-type-background), .elementor-1563 .elementor-element.elementor-element-5ffdfe0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cfc4666 );}.elementor-1563 .elementor-element.elementor-element-0c61e2c{--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:-407px;}.elementor-1563 .elementor-element.elementor-element-0c61e2c:not(.elementor-motion-effects-element-type-background), .elementor-1563 .elementor-element.elementor-element-0c61e2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-bc8a08c );}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-0c61e2c{left:-216px;}body.rtl .elementor-1563 .elementor-element.elementor-element-0c61e2c{right:-216px;}.elementor-1563 .elementor-element.elementor-element-0b39da2{--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:-397px;}.elementor-1563 .elementor-element.elementor-element-0b39da2:not(.elementor-motion-effects-element-type-background), .elementor-1563 .elementor-element.elementor-element-0b39da2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d4f5421 );}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-0b39da2{left:-340px;}body.rtl .elementor-1563 .elementor-element.elementor-element-0b39da2{right:-340px;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-4b1e341{left:23%;}body.rtl .elementor-1563 .elementor-element.elementor-element-4b1e341{right:23%;}.elementor-1563 .elementor-element.elementor-element-4b1e341{bottom:64%;z-index:3;}.elementor-1563 .elementor-element.elementor-element-4b1e341 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:89px;line-height:22px;letter-spacing:-5px;word-spacing:0px;text-shadow:1px 5px 6px rgba(0, 0, 0, 0.43);color:var( --e-global-color-bc8a08c );}.elementor-1563 .elementor-element.elementor-element-4049b0d{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--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:50%;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-4049b0d{right:4%;}body.rtl .elementor-1563 .elementor-element.elementor-element-4049b0d{left:4%;}.elementor-1563 .elementor-element.elementor-element-a28a5f7 .elementor-button{background-color:#02010100;fill:var( --e-global-color-c40caf6 );color:var( --e-global-color-c40caf6 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c40caf6 );border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1563 .elementor-element.elementor-element-a28a5f7 .elementor-button:hover, .elementor-1563 .elementor-element.elementor-element-a28a5f7 .elementor-button:focus{background-color:var( --e-global-color-b18c552 );color:var( --e-global-color-text );}.elementor-1563 .elementor-element.elementor-element-a28a5f7 .elementor-button:hover svg, .elementor-1563 .elementor-element.elementor-element-a28a5f7 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-1563 .elementor-element.elementor-element-e1c1800 .elementor-button{background-color:#02010100;fill:#25D366;color:#25D366;border-style:solid;border-width:1px 1px 1px 1px;border-color:#25D366;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1563 .elementor-element.elementor-element-e1c1800 .elementor-button:hover, .elementor-1563 .elementor-element.elementor-element-e1c1800 .elementor-button:focus{background-color:#25D366;color:var( --e-global-color-cfc4666 );}.elementor-1563 .elementor-element.elementor-element-e1c1800 .elementor-button:hover svg, .elementor-1563 .elementor-element.elementor-element-e1c1800 .elementor-button:focus svg{fill:var( --e-global-color-cfc4666 );}.elementor-1563 .elementor-element.elementor-element-a401918 .elementor-button{background-color:#02010100;fill:var( --e-global-color-bc8a08c );color:var( --e-global-color-bc8a08c );border-style:solid;border-width:1px 1px 1px 1px;border-color:#F3FD4B;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1563 .elementor-element.elementor-element-a401918 .elementor-button:hover, .elementor-1563 .elementor-element.elementor-element-a401918 .elementor-button:focus{background-color:var( --e-global-color-bc8a08c );color:var( --e-global-color-cfc4666 );}.elementor-1563 .elementor-element.elementor-element-a401918 .elementor-button:hover svg, .elementor-1563 .elementor-element.elementor-element-a401918 .elementor-button:focus svg{fill:var( --e-global-color-cfc4666 );}body.elementor-page-1563:not(.elementor-motion-effects-element-type-background), body.elementor-page-1563 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cfc4666 );}@media(min-width:768px){.elementor-1563 .elementor-element.elementor-element-0c61e2c{--width:100%;}.elementor-1563 .elementor-element.elementor-element-0b39da2{--width:100%;}}@media(max-width:1024px){.elementor-1563 .elementor-element.elementor-element-5ffdfe0{--min-height:700px;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-0c61e2c{left:-422px;}body.rtl .elementor-1563 .elementor-element.elementor-element-0c61e2c{right:-422px;}.elementor-1563 .elementor-element.elementor-element-0c61e2c{top:-593px;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-0b39da2{left:-505px;}body.rtl .elementor-1563 .elementor-element.elementor-element-0b39da2{right:-505px;}.elementor-1563 .elementor-element.elementor-element-0b39da2{top:-479px;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-4b1e341{left:19%;}body.rtl .elementor-1563 .elementor-element.elementor-element-4b1e341{right:19%;}.elementor-1563 .elementor-element.elementor-element-4b1e341 .elementor-heading-title{font-size:70px;}}@media(max-width:767px){.elementor-1563 .elementor-element.elementor-element-5ffdfe0{--min-height:507px;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-0c61e2c{left:-26%;}body.rtl .elementor-1563 .elementor-element.elementor-element-0c61e2c{right:-26%;}.elementor-1563 .elementor-element.elementor-element-0c61e2c{top:-22%;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-0b39da2{left:-35%;}body.rtl .elementor-1563 .elementor-element.elementor-element-0b39da2{right:-35%;}.elementor-1563 .elementor-element.elementor-element-0b39da2{top:-26%;}body:not(.rtl) .elementor-1563 .elementor-element.elementor-element-4b1e341{left:11%;}body.rtl .elementor-1563 .elementor-element.elementor-element-4b1e341{right:11%;}.elementor-1563 .elementor-element.elementor-element-4b1e341 .elementor-heading-title{font-size:47px;}.elementor-1563 .elementor-element.elementor-element-4049b0d{--gap:7px 7px;--row-gap:7px;--column-gap:7px;}}/* Start custom CSS for container, class: .elementor-element-0c61e2c *//* ======================================= */
/* ۱. تعریف انیمیشن اصلی (فقط یک بار کافی است) */
/* ======================================= */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ======================================= */
/* ۲. استایل‌های پایه برای همه کانتینرها */
/* ======================================= */
.container-1,
.container-2,
.container-3 {
  /* تنظیمات پایه ابعاد (برای دسکتاپ) */
  width: 900px;
  height: 900px;
  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: 767px) {
    .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-0b39da2 *//* ======================================= */
/* ۱. تعریف انیمیشن اصلی (فقط یک بار کافی است) */
/* ======================================= */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ======================================= */
/* ۲. استایل‌های پایه برای همه کانتینرها */
/* ======================================= */
.container-1,
.container-2,
.container-3 {
  /* تنظیمات پایه ابعاد (برای دسکتاپ) */
  width: 900px;
  height: 900px;
  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: 767px) {
    .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 button, class: .elementor-element-a28a5f7 *//* هدف قرار دادن لینک اصلی دکمه - استایل دسکتاپ */
.elementor-button {
    /* تنظیم عرض و ارتفاع مساوی برای مربع شدن */
    width: 150px !important; /* اندازه دلخواه شما برای دسکتاپ */
    height: 150px !important; /* باید با عرض برابر باشد */
    
    /* مرکز کردن محتوای متنی داخل دکمه */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* برای گوشه‌های کاملاً تیز */
    border-radius: 0px !important; 
}

/* برای اطمینان از اینکه متن دکمه در مرکز قرار گیرد */
.elementor-button span {
    white-space: normal !important; /* اجازه می‌دهد متن در چند خط بیاید */
}


/* ======================================= */
/* استایل‌های ریسپانسیو برای موبایل‌ها */
/* ======================================= */
@media (max-width: 767px) {
    .elementor-button {
        /* کاهش اندازه دکمه در موبایل به 100px */
        width: 90px !important;
        height: 90px !important;
        
        /* تنظیم مجدد حاشیه یا فاصله در صورت نیاز (اختیاری) */
        /* margin: 10px auto !important; */
    }
    
    /* اگر نیاز به تغییر اندازه فونت یا تنظیمات دیگر متن در موبایل دارید، اینجا اضافه کنید. */
    .elementor-button span {
        font-size: 0.9em !important; /* مثال: کوچک کردن فونت کمی بیشتر */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e1c1800 *//* هدف قرار دادن لینک اصلی دکمه - استایل دسکتاپ */
.elementor-button {
    /* تنظیم عرض و ارتفاع مساوی برای مربع شدن */
    width: 150px !important; /* اندازه دلخواه شما برای دسکتاپ */
    height: 150px !important; /* باید با عرض برابر باشد */
    
    /* مرکز کردن محتوای متنی داخل دکمه */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* برای گوشه‌های کاملاً تیز */
    border-radius: 0px !important; 
}

/* برای اطمینان از اینکه متن دکمه در مرکز قرار گیرد */
.elementor-button span {
    white-space: normal !important; /* اجازه می‌دهد متن در چند خط بیاید */
}


/* ======================================= */
/* استایل‌های ریسپانسیو برای موبایل‌ها */
/* ======================================= */
@media (max-width: 767px) {
    .elementor-button {
        /* کاهش اندازه دکمه در موبایل به 100px */
        width: 90px !important;
        height: 90px !important;
        
        /* تنظیم مجدد حاشیه یا فاصله در صورت نیاز (اختیاری) */
        /* margin: 10px auto !important; */
    }
    
    /* اگر نیاز به تغییر اندازه فونت یا تنظیمات دیگر متن در موبایل دارید، اینجا اضافه کنید. */
    .elementor-button span {
        font-size: 0.9em !important; /* مثال: کوچک کردن فونت کمی بیشتر */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a401918 *//* هدف قرار دادن لینک اصلی دکمه - استایل دسکتاپ */
.elementor-button {
    /* تنظیم عرض و ارتفاع مساوی برای مربع شدن */
    width: 150px !important; /* اندازه دلخواه شما برای دسکتاپ */
    height: 150px !important; /* باید با عرض برابر باشد */
    
    /* مرکز کردن محتوای متنی داخل دکمه */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* برای گوشه‌های کاملاً تیز */
    border-radius: 0px !important; 
}

/* برای اطمینان از اینکه متن دکمه در مرکز قرار گیرد */
.elementor-button span {
    white-space: normal !important; /* اجازه می‌دهد متن در چند خط بیاید */
}


/* ======================================= */
/* استایل‌های ریسپانسیو برای موبایل‌ها */
/* ======================================= */
@media (max-width: 767px) {
    .elementor-button {
        /* کاهش اندازه دکمه در موبایل به 100px */
        width: 90px !important;
        height: 90px !important;
        
        /* تنظیم مجدد حاشیه یا فاصله در صورت نیاز (اختیاری) */
        /* margin: 10px auto !important; */
    }
    
    /* اگر نیاز به تغییر اندازه فونت یا تنظیمات دیگر متن در موبایل دارید، اینجا اضافه کنید. */
    .elementor-button span {
        font-size: 0.9em !important; /* مثال: کوچک کردن فونت کمی بیشتر */
    }
}/* End custom CSS */