.elementor-2389 .elementor-element.elementor-element-095960b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2389 .elementor-element.elementor-element-d6111d6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2389 .elementor-element.elementor-element-23b744e{--spacer-size:70px;}/* Start custom CSS for mavis_solutions, class: .elementor-element-cd7f7a7 */.swiper-wrapper .item h3 {
  color: #000 !important; /* رنگ پیش‌فرض مشکی */
  transition: color 0.3s ease;
}

.swiper-wrapper .item h3:hover {
  color: #738A6E !important; /* رنگ سبز هنگام هاور */
  cursor: pointer;
}
.solutions-bottom p {
  text-align: justify;
  line-height: 1.9; /* برای خوانایی بهتر */
}/* End custom CSS */
/* Start custom CSS for mavis_cs_overview, class: .elementor-element-e857f92 */.cs-overview-inner {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 20px; /* عدد را با توجه به طراحی‌ات تنظیم کن */
  overflow: hidden; /* لازم است که overlay از گوشه‌ها بیرون نزند */
}

/* لایه‌ی نیمه‌شفاف روی عکس با گوشه گرد */
.cs-overview-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4); /* لایه تیره */
  z-index: 1;
  backdrop-filter: blur(1px); /* تار شدن */
  border-radius: 20px; /* باید با parent یکی باشد */
}

/* محتوای داخل بنر روی لایه قرار می‌گیرد */
.cs-overview-inner .content {
  position: relative;
  z-index: 2;
}/* End custom CSS */