.elementor-138 .elementor-element.elementor-element-f4b5ae0{--display:flex;}.elementor-138 .elementor-element.elementor-element-f4b5ae0:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-f4b5ae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-138 .elementor-element.elementor-element-7e31eb3{--spacer-size:50px;}.elementor-138 .elementor-element.elementor-element-d006c2a{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#4E0000;--border-color:#4E0000;--border-radius:10px 10px 10px 10px;}.elementor-138 .elementor-element.elementor-element-d006c2a:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-d006c2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-3142ea1{text-align:center;}.elementor-138 .elementor-element.elementor-element-3142ea1 .elementor-heading-title{font-family:"IRANSans", Sans-serif;font-weight:600;color:#FF0000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-89594ca{text-align:center;font-family:"IRANSans", Sans-serif;font-weight:400;color:#E0E0E0;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e85bd5a */body, .business-card, .stars, .ribbon, .custom-tabs, .tab-content, h2, h3, p, strong {
  font-family: "IRANSans", sans-serif !important;
}


/* کانتینر برای چیدمان فلکس */
.business-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}


/* کارتکسب‌وکار */
.business-card {
  position: relative;
  background: #111;
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
  flex: 1 1 calc(33.33% - 20px);  /* سه باکس در هر ردیف */; /* سه کارت در هر ردیف */
  box-sizing: border-box;
}

/* حالت هاور کارت */
.business-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

/* ریبون */
.ribbon {
  position: absolute;
  top: 10px;
  left: -45px;
  width: 150px;
  background: #e74c3c; /* پیش‌فرض قرمز */
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 28px;
  transform: rotate(-45deg);
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  z-index: 10;
  pointer-events: none;
  user-select: none;
  border-radius: 2px;
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out forwards;
}

/* رنگ‌های ریبون */
.ribbon-green  { background: #27ae60; }   /* پیشنهاد می‌شود */
.ribbon-orange { background: #f39c12; }   /* نیازمند بهبود */
.ribbon-red    { background: #c0392b; }   /* عدم توصیه */
.ribbon-black {
  background: #000;
  color: white;
  border: 2px solid #c0392b;
  box-shadow: 0 0 8px rgba(192, 57, 43, 0.8);
}

/* انیمیشن fadeIn */
@keyframes fadeIn {
  to { opacity: 1; }
}

/* استایل ستاره‌ها */
.stars {
  font-size: 20px;
  color: gold;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .business-card {
    flex: 1 1 100% !important; /* هر کارت ۱۰۰٪ عرض */
    max-width: 100%;           /* محدودیت حداکثر عرض */
  }
}/* End custom CSS */