.elementor-2582 .elementor-element.elementor-element-195bcfc:not(.elementor-motion-effects-element-type-background), .elementor-2582 .elementor-element.elementor-element-195bcfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://rajabigroup.com/wp-content/uploads/2026/05/Pattern.png");}.elementor-2582 .elementor-element.elementor-element-195bcfc > .elementor-background-overlay{background-color:var( --e-global-color-primary );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2582 .elementor-element.elementor-element-195bcfc > .elementor-container{min-height:415px;}.elementor-2582 .elementor-element.elementor-element-195bcfc{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2582 .elementor-element.elementor-element-88226ce > .elementor-widget-container{padding:70px 0px 12px 0px;}.elementor-2582 .elementor-element.elementor-element-88226ce{text-align:center;}.elementor-2582 .elementor-element.elementor-element-88226ce .elementor-heading-title{font-family:"IRANYekanFN";color:var( --e-global-color-9884230 );}.elementor-2582 .elementor-element.elementor-element-126148a > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-2582 .elementor-element.elementor-element-126148a{text-align:center;}.elementor-2582 .elementor-element.elementor-element-126148a .elementor-heading-title{font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-2582 .elementor-element.elementor-element-58087ff{color:var( --e-global-color-2444409 );}.elementor-2582 .elementor-element.elementor-element-58087ff a{color:var( --e-global-color-secondary );}.elementor-2582 .elementor-element.elementor-element-58087ff a:hover{color:var( --e-global-color-text );}.elementor-2582 .elementor-element.elementor-element-b29e3dd{padding:80px 0px 110px 0px;}.elementor-2582 .elementor-element.elementor-element-1089088 .project-item{padding:calc(30px/2);}.elementor-2582 .elementor-element.elementor-element-1089088 .projects-grid{margin:calc(-30px/2);}.elementor-2582 .elementor-element.elementor-element-1089088 .project_filters{text-align:center;}.elementor-2582 .elementor-element.elementor-element-1089088 .projects-box .portfolio-info .portfolio-cates a{color:var( --e-global-color-text );}.elementor-2582 .elementor-element.elementor-element-1089088 .projects-box .portfolio-info .portfolio-cates a:hover{color:var( --e-global-color-9884230 );}.elementor-2582 .elementor-element.elementor-element-1089088 .octf-btn{fill:var( --e-global-color-9884230 );color:var( --e-global-color-9884230 );background-color:var( --e-global-color-primary );}.elementor-2582 .elementor-element.elementor-element-1089088 .octf-btn:hover, .elementor-2582 .elementor-element.elementor-element-1089088 .octf-btn:focus{color:var( --e-global-color-primary );background-color:var( --e-global-color-9884230 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2582 .elementor-element.elementor-element-195bcfc > .elementor-container{min-height:355px;}.elementor-2582 .elementor-element.elementor-element-88226ce .elementor-heading-title{font-size:24px;}.elementor-2582 .elementor-element.elementor-element-58087ff{font-size:9px;}.elementor-2582 .elementor-element.elementor-element-b29e3dd{padding:70px 0px 80px 0px;}}/* Start custom CSS for ipfilter, class: .elementor-element-1089088 *//* ===============================================
   نمونه‌کارها (پورتفولیو IP Filter) — گوشه گرد + افکت هاور
   نسخه اصلاح‌شده: رفع تیز شدن گوشه‌ها هنگام هاور/زوم
   محل قرارگیری: Site Settings → Custom CSS
   یا: Appearance → Customize → Additional CSS
   =============================================== */

/* ---------- آیتم اصلی گرید: گوشه گرد + قفل کردن محتوا داخل قاب ---------- */
.elementor-widget-ipfilter .projects-grid > div,
.elementor-widget-ipfilter .projects-grid .project-item {
  border-radius: 18px !important;
  overflow: hidden !important;
  /* این خط کلیدیه: مرورگر را مجبور می‌کند radius هنگام transform حفظ شود */
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transform: translateZ(0);
  transition: transform .4s ease, box-shadow .4s ease !important;
}

/* ---------- همه wrapper های داخلی هم گوشه گرد و بسته ---------- */
.elementor-widget-ipfilter .projects-grid > div a,
.elementor-widget-ipfilter .projects-grid > div figure,
.elementor-widget-ipfilter .projects-grid > div .project-thumb,
.elementor-widget-ipfilter .projects-grid > div .img-wrap,
.elementor-widget-ipfilter .projects-grid > div .thumb {
  display: block;
  border-radius: 18px !important;
  overflow: hidden !important;
  margin: 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

/* ---------- تصویر: بدون radius (قاب والد کنترل می‌کند) ---------- */
.elementor-widget-ipfilter .projects-grid > div img,
.elementor-widget-ipfilter .projects-grid .project-item img {
  border-radius: 0 !important;
  display: block;
  width: 100%;
  transition: transform .6s ease, filter .5s ease !important;
  will-change: transform;
}

/* ---------- هاور: بالا اومدن کارت + سایه ---------- */
.elementor-widget-ipfilter .projects-grid > div:hover,
.elementor-widget-ipfilter .projects-grid .project-item:hover {
  transform: translateY(-8px) translateZ(0);
  box-shadow: 0 20px 45px rgba(30, 58, 110, .25);
}

/* ---------- هاور: زوم + تیره شدن تصویر ---------- */
.elementor-widget-ipfilter .projects-grid > div:hover img,
.elementor-widget-ipfilter .projects-grid .project-item:hover img {
  transform: scale(1.08) !important;
  filter: brightness(.75);
}

/* ---------- غیرفعال کردن انیمیشن برای کاربران حساس به حرکت ---------- */
@media (prefers-reduced-motion: reduce) {
  .elementor-widget-ipfilter .projects-grid > div,
  .elementor-widget-ipfilter .projects-grid > div img {
    transition: none !important;
  }
}/* End custom CSS */