.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-acc9de7 .elementor-repeater-item-50cd8a3 .swiper-slide-bg{background-color:#E9E9E900;background-image:url(https://n4e.ir/wp-content/uploads/2026/08/banner1-scaled.png);background-size:cover;}.elementor-9 .elementor-element.elementor-element-acc9de7 .elementor-repeater-item-e645dd0 .swiper-slide-bg{background-color:#4054B200;background-image:url(https://n4e.ir/wp-content/uploads/2026/08/banner-3-scaled.png);background-size:cover;}.elementor-9 .elementor-element.elementor-element-acc9de7 .elementor-repeater-item-af0a56f .swiper-slide-bg{background-color:#1ABC9C00;background-image:url(https://n4e.ir/wp-content/uploads/2026/08/banner-2-scaled.png);background-size:cover;}.elementor-9 .elementor-element.elementor-element-acc9de7 .swiper-slide{transition-duration:calc(3000ms*1.2);height:400px;}.elementor-9 .elementor-element.elementor-element-acc9de7 .swiper-slide-contents{max-width:66%;}.elementor-9 .elementor-element.elementor-element-acc9de7 .swiper-slide-inner{text-align:center;}.elementor-9 .elementor-element.elementor-element-41f2f5d .elementor-repeater-item-50cd8a3 .swiper-slide-bg{background-color:#E9E9E900;background-image:url(https://n4e.ir/wp-content/uploads/2026/08/323.png);background-size:cover;}.elementor-9 .elementor-element.elementor-element-41f2f5d .elementor-repeater-item-af0a56f .swiper-slide-bg{background-color:#1ABC9C00;background-image:url(https://n4e.ir/wp-content/uploads/2026/08/11-1.png);background-size:cover;}.elementor-9 .elementor-element.elementor-element-41f2f5d .elementor-repeater-item-4f69f0b .swiper-slide-bg{background-color:#BBBBBB00;background-image:url(https://n4e.ir/wp-content/uploads/2026/08/22.png);background-size:cover;}.elementor-9 .elementor-element.elementor-element-41f2f5d .swiper-slide{transition-duration:calc(3000ms*1.2);height:730px;}.elementor-9 .elementor-element.elementor-element-41f2f5d{margin:74px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:52px 52px 52px 52px;}.elementor-9 .elementor-element.elementor-element-41f2f5d .swiper-slide-contents{max-width:85%;}.elementor-9 .elementor-element.elementor-element-41f2f5d .swiper-slide-inner{text-align:center;}.elementor-9 .elementor-element.elementor-element-19a4506{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:-94px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-9 .elementor-element.elementor-element-8fae211:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-8fae211 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-621552c:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-621552c img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-6008b74:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-6008b74 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-5a5169b:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-5a5169b img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-a0473ff:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-a0473ff img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-ae1fd95:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-ae1fd95 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-e0461ea{--display:flex;--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-9 .elementor-element.elementor-element-647b30f{--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-9 .elementor-element.elementor-element-647b30f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-a73ad37.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-a73ad37 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-9720911.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-9720911 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-2a4b8a7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-2a4b8a7 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-cef73fa{--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-9 .elementor-element.elementor-element-cef73fa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-ff89864.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-ff89864 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-5d85ca4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-5d85ca4 img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-bbb877f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-bbb877f img{border-radius:20px 20px 20px 20px;}.elementor-9 .elementor-element.elementor-element-74714bf{--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-9 .elementor-element.elementor-element-9801eab{--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-9 .elementor-element.elementor-element-c4a9a99{--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-9 .elementor-element.elementor-element-a3d79f0{--display:flex;}.elementor-9 .elementor-element.elementor-element-d0cbee5{--display:flex;}.elementor-9 .elementor-element.elementor-element-55ca923{--display:flex;}:root{--page-title-display:none;}body.elementor-page-9{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-647b30f{--width:50%;}.elementor-9 .elementor-element.elementor-element-cef73fa{--width:50%;}}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-19a4506{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-acc9de7{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-acc9de7 .swiper-slide{height:184px;}.elementor-9 .elementor-element.elementor-element-41f2f5d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-41f2f5d .swiper-slide{height:184px;}.elementor-9 .elementor-element.elementor-element-19a4506{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-9 .elementor-element.elementor-element-647b30f{--width:184px;--min-height:0px;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9 .elementor-element.elementor-element-a73ad37{width:var( --container-widget-width, 161px );max-width:161px;--container-widget-width:161px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-a73ad37:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-9720911{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-9720911:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-2a4b8a7{width:var( --container-widget-width, 176px );max-width:176px;--container-widget-width:176px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-2a4b8a7:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-cef73fa{--width:183px;}.elementor-9 .elementor-element.elementor-element-ff89864{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-ff89864:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-5d85ca4{width:var( --container-widget-width, 167px );max-width:167px;--container-widget-width:167px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-5d85ca4:hover{--e-transform-scale:1.1;}.elementor-9 .elementor-element.elementor-element-bbb877f{width:var( --container-widget-width, 166px );max-width:166px;--container-widget-width:166px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-bbb877f:hover{--e-transform-scale:1.1;}}/* Start custom CSS for image, class: .elementor-element-8fae211 *//* تنظیمات باکس اصلی دربرگیرنده تصویر */
.image-box {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%; /* این خط کادر را دایره‌ای می‌کند. برای کادر مربع، این خط را پاک کنید */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #333; /* رنگ پس‌زمینه در صورت لود نشدن تصویر */
}

/* ایجاد نوار قرمز در حال چرخش با استفاده از عنصر کاذب */
.image-box::before {
  content: "";
  position: absolute;
  width: 200%; /* بزرگتر در نظر گرفته می‌شود تا هنگام چرخش گوشه‌ها خالی نماند */
  height: 200%;
  background: conic-gradient(transparent 70%, red 100%);
  animation: spin 2s linear infinite; /* سرعت چرخش: 2 ثانیه */
}

/* انیمیشن چرخش 360 درجه */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* تنظیمات خود تصویر */
.image-box img {
  width: 190px; /* عرض تصویر کمی کمتر از باکس اصلی (ضخامت نوار را تعیین می‌کند) */
  height: 190px; 
  border-radius: 50%;
  object-fit: cover;
  z-index: 1; /* قرار دادن تصویر روی افکت چرخان */
  background-color: white; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-621552c *//* تنظیمات باکس اصلی دربرگیرنده تصویر */
.image-box {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%; /* این خط کادر را دایره‌ای می‌کند. برای کادر مربع، این خط را پاک کنید */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #333; /* رنگ پس‌زمینه در صورت لود نشدن تصویر */
}

/* ایجاد نوار قرمز در حال چرخش با استفاده از عنصر کاذب */
.image-box::before {
  content: "";
  position: absolute;
  width: 200%; /* بزرگتر در نظر گرفته می‌شود تا هنگام چرخش گوشه‌ها خالی نماند */
  height: 200%;
  background: conic-gradient(transparent 70%, red 100%);
  animation: spin 2s linear infinite; /* سرعت چرخش: 2 ثانیه */
}

/* انیمیشن چرخش 360 درجه */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* تنظیمات خود تصویر */
.image-box img {
  width: 190px; /* عرض تصویر کمی کمتر از باکس اصلی (ضخامت نوار را تعیین می‌کند) */
  height: 190px; 
  border-radius: 50%;
  object-fit: cover;
  z-index: 1; /* قرار دادن تصویر روی افکت چرخان */
  background-color: white; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6008b74 *//* تنظیمات باکس اصلی دربرگیرنده تصویر */
.image-box {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%; /* این خط کادر را دایره‌ای می‌کند. برای کادر مربع، این خط را پاک کنید */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #333; /* رنگ پس‌زمینه در صورت لود نشدن تصویر */
}

/* ایجاد نوار قرمز در حال چرخش با استفاده از عنصر کاذب */
.image-box::before {
  content: "";
  position: absolute;
  width: 200%; /* بزرگتر در نظر گرفته می‌شود تا هنگام چرخش گوشه‌ها خالی نماند */
  height: 200%;
  background: conic-gradient(transparent 70%, red 100%);
  animation: spin 2s linear infinite; /* سرعت چرخش: 2 ثانیه */
}

/* انیمیشن چرخش 360 درجه */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* تنظیمات خود تصویر */
.image-box img {
  width: 190px; /* عرض تصویر کمی کمتر از باکس اصلی (ضخامت نوار را تعیین می‌کند) */
  height: 190px; 
  border-radius: 50%;
  object-fit: cover;
  z-index: 1; /* قرار دادن تصویر روی افکت چرخان */
  background-color: white; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5a5169b *//* تنظیمات باکس اصلی دربرگیرنده تصویر */
.image-box {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%; /* این خط کادر را دایره‌ای می‌کند. برای کادر مربع، این خط را پاک کنید */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #333; /* رنگ پس‌زمینه در صورت لود نشدن تصویر */
}

/* ایجاد نوار قرمز در حال چرخش با استفاده از عنصر کاذب */
.image-box::before {
  content: "";
  position: absolute;
  width: 200%; /* بزرگتر در نظر گرفته می‌شود تا هنگام چرخش گوشه‌ها خالی نماند */
  height: 200%;
  background: conic-gradient(transparent 70%, red 100%);
  animation: spin 2s linear infinite; /* سرعت چرخش: 2 ثانیه */
}

/* انیمیشن چرخش 360 درجه */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* تنظیمات خود تصویر */
.image-box img {
  width: 190px; /* عرض تصویر کمی کمتر از باکس اصلی (ضخامت نوار را تعیین می‌کند) */
  height: 190px; 
  border-radius: 50%;
  object-fit: cover;
  z-index: 1; /* قرار دادن تصویر روی افکت چرخان */
  background-color: white; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a0473ff *//* تنظیمات باکس اصلی دربرگیرنده تصویر */
.image-box {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%; /* این خط کادر را دایره‌ای می‌کند. برای کادر مربع، این خط را پاک کنید */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #333; /* رنگ پس‌زمینه در صورت لود نشدن تصویر */
}

/* ایجاد نوار قرمز در حال چرخش با استفاده از عنصر کاذب */
.image-box::before {
  content: "";
  position: absolute;
  width: 200%; /* بزرگتر در نظر گرفته می‌شود تا هنگام چرخش گوشه‌ها خالی نماند */
  height: 200%;
  background: conic-gradient(transparent 70%, red 100%);
  animation: spin 2s linear infinite; /* سرعت چرخش: 2 ثانیه */
}

/* انیمیشن چرخش 360 درجه */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* تنظیمات خود تصویر */
.image-box img {
  width: 190px; /* عرض تصویر کمی کمتر از باکس اصلی (ضخامت نوار را تعیین می‌کند) */
  height: 190px; 
  border-radius: 50%;
  object-fit: cover;
  z-index: 1; /* قرار دادن تصویر روی افکت چرخان */
  background-color: white; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ae1fd95 *//* تنظیمات باکس اصلی دربرگیرنده تصویر */
.image-box {
  position: relative;
  width: 200px;
  height: 200px;
  border-radius: 50%; /* این خط کادر را دایره‌ای می‌کند. برای کادر مربع، این خط را پاک کنید */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: #333; /* رنگ پس‌زمینه در صورت لود نشدن تصویر */
}

/* ایجاد نوار قرمز در حال چرخش با استفاده از عنصر کاذب */
.image-box::before {
  content: "";
  position: absolute;
  width: 200%; /* بزرگتر در نظر گرفته می‌شود تا هنگام چرخش گوشه‌ها خالی نماند */
  height: 200%;
  background: conic-gradient(transparent 70%, red 100%);
  animation: spin 2s linear infinite; /* سرعت چرخش: 2 ثانیه */
}

/* انیمیشن چرخش 360 درجه */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* تنظیمات خود تصویر */
.image-box img {
  width: 190px; /* عرض تصویر کمی کمتر از باکس اصلی (ضخامت نوار را تعیین می‌کند) */
  height: 190px; 
  border-radius: 50%;
  object-fit: cover;
  z-index: 1; /* قرار دادن تصویر روی افکت چرخان */
  background-color: white; 
}/* End custom CSS */