.elementor-2357 .elementor-element.elementor-element-5e0b47e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}body:not(.rtl) .elementor-2357 .elementor-element.elementor-element-0c4abae{left:0px;}body.rtl .elementor-2357 .elementor-element.elementor-element-0c4abae{right:0px;}.elementor-2357 .elementor-element.elementor-element-0c4abae{top:31px;text-align:center;font-family:"yekanbakh", Sans-serif;font-size:18px;color:#FFFFFF;}.elementor-2357 .elementor-element.elementor-element-0c4abae a{color:#FFFFFF;}body:not(.rtl) .elementor-2357 .elementor-element.elementor-element-5a4de3d{left:7px;}body.rtl .elementor-2357 .elementor-element.elementor-element-5a4de3d{right:7px;}.elementor-2357 .elementor-element.elementor-element-5a4de3d{top:35px;text-align:center;font-family:"yekanbakh", Sans-serif;font-size:18px;color:#FFFFFF;}.elementor-2357 .elementor-element.elementor-element-5a4de3d a{color:#FFFFFF;}body:not(.rtl) .elementor-2357 .elementor-element.elementor-element-5784772{left:7px;}body.rtl .elementor-2357 .elementor-element.elementor-element-5784772{right:7px;}.elementor-2357 .elementor-element.elementor-element-5784772{top:35px;text-align:center;font-family:"yekanbakh", Sans-serif;font-size:18px;color:#FFFFFF;}.elementor-2357 .elementor-element.elementor-element-5784772 a{color:#FFFFFF;}@media(max-width:767px){.elementor-2357 .elementor-element.elementor-element-5e0b47e{padding:100px 100px 100px 100px;}}/* Start custom CSS for html, class: .elementor-element-39ecbf8 */.squircle {
  width: 220px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #8458ff;
  position: relative;
  overflow: hidden;
}

.squircle a {
  position: absolute;
  inset: 0;
  z-index: 5;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-bc4c62d *//* کانتینر اصلی */
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px; /* فاصله بین المنت‌ها در دسکتاپ */
}

/* شکل اصلی */
.squircle {
  width: 190px !important;
  height: 90px;
  border-radius: 30%;
  transition: all 0.3s ease;
}

/* 📱 حالت موبایل */
@media (max-width: 600px) {
  .container {
    flex-direction: column; /* همه زیر هم */
    align-items: center; /* وسط‌چین */
    gap: 20px; /* فاصله عمودی بین سکوی‌ها */
  }

  .squircle {
    width: 90%; /* پر کردن عرض در موبایل */
    max-width: 300px; /* محدودیت عرض */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37fee4a */.squircle {
  width: 220px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #8458ff;
  position: relative;
  overflow: hidden;
}

.squircle a {
  position: absolute;
  inset: 0;
  z-index: 5;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-8783905 */.squircle {
  width: 220px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  corner-shape: squircle;
  background: #8458ff;
  box-shadow: 0 2px 6px rgba(132, 88, 255, 0.2);
  transition: all 0.25s ease;
   display: inline-block; /* 🔹 برای حفظ شکل */
  text-decoration: none;

}

.squircle:hover {
  transform: scale(1.02);
  background: #8760ff;
  box-shadow: 0 3px 8px rgba(132, 88, 255, 0.25);
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0184b73 */.squircle {
  width: 220px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #8458ff;
  position: relative;
  overflow: hidden;
}

.squircle a {
  position: absolute;
  inset: 0;
  z-index: 5;
  text-decoration: none;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c36a6dc */.squircle {
  width: 220px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  corner-shape: squircle;
  background: #8458ff;
  box-shadow: 0 2px 6px rgba(132, 88, 255, 0.2);
  transition: all 0.25s ease;
   display: inline-block; /* 🔹 برای حفظ شکل */
  text-decoration: none;

}

.squircle:hover {
  transform: scale(1.02);
  background: #8760ff;
  box-shadow: 0 3px 8px rgba(132, 88, 255, 0.25);
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5e0b47e */.squircle {
  width: 190px !important;
  height: 90px;
  border-radius: 30%;
0; /* فقط برای دیدن راحت‌تر */
  margin: 10px; /* فاصله در دسکتاپ و لپ‌تاپ */
  transition: all 0.3s ease;
}

/* 📱 در موبایل کمی فاصله بیشتر بشه */
@media (max-width: 600px) {
  .squircle {
    margin: 15px; /* فاصله بیشتر بین المان‌ها */
  }
}/* End custom CSS */