.elementor-13352 .elementor-element.elementor-element-f5572ed:not(.elementor-motion-effects-element-type-background), .elementor-13352 .elementor-element.elementor-element-f5572ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE8F1B5C;}.elementor-13352 .elementor-element.elementor-element-f5572ed .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:5px;}.elementor-13352 .elementor-element.elementor-element-f5572ed{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-13352 .elementor-element.elementor-element-f5572ed > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13352 .elementor-element.elementor-element-ec2def3:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-13352 .elementor-element.elementor-element-ec2def3 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #0F2027 0%, #2C5364 100%);}.elementor-13352 .elementor-element.elementor-element-ec2def3 > .elementor-element-populated, .elementor-13352 .elementor-element.elementor-element-ec2def3 > .elementor-element-populated > .elementor-background-overlay, .elementor-13352 .elementor-element.elementor-element-ec2def3 > .elementor-background-slideshow{border-radius:16px 16px 16px 16px;}.elementor-13352 .elementor-element.elementor-element-ec2def3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:30px 30px 30px 30px;}.elementor-13352 .elementor-element.elementor-element-ec2def3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13352 .elementor-element.elementor-element-c8742e2 > .elementor-widget-container{margin:-3px 0px 39px 0px;}.elementor-13352 .elementor-element.elementor-element-db35b6a > .elementor-widget-container{margin:-34px 0px 0px 0px;padding:5px 0px 0px 0px;}.elementor-13352 .elementor-element.elementor-element-8f8be2e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-13352 .elementor-element.elementor-element-9ad0080 img{height:176px;}.elementor-13352 .elementor-element.elementor-element-c804c04{text-align:center;}.elementor-13352 .elementor-element.elementor-element-c804c04 .elementor-heading-title{font-size:20px;letter-spacing:-1px;color:#2C2C2C;}.elementor-13352 .elementor-element.elementor-element-d72bb7e img{height:176px;}.elementor-13352 .elementor-element.elementor-element-a6d75ae{text-align:center;}.elementor-13352 .elementor-element.elementor-element-a6d75ae .elementor-heading-title{font-size:20px;}.elementor-13352 .elementor-element.elementor-element-d3808c9 img{height:176px;}.elementor-13352 .elementor-element.elementor-element-9c780c8{text-align:center;}.elementor-13352 .elementor-element.elementor-element-9c780c8 .elementor-heading-title{font-size:20px;}.elementor-13352 .elementor-element.elementor-element-20dd13a img{height:176px;}.elementor-13352 .elementor-element.elementor-element-8f9bbd3{text-align:center;}.elementor-13352 .elementor-element.elementor-element-8f9bbd3 .elementor-heading-title{font-size:20px;}@media(max-width:1024px){.elementor-13352 .elementor-element.elementor-element-c8742e2{width:var( --container-widget-width, 176.094px );max-width:176.094px;--container-widget-width:176.094px;--container-widget-flex-grow:0;}.elementor-13352 .elementor-element.elementor-element-9ad0080{width:var( --container-widget-width, 151.198px );max-width:151.198px;--container-widget-width:151.198px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-13352 .elementor-element.elementor-element-ec2def3{width:19%;}.elementor-13352 .elementor-element.elementor-element-8f8be2e{width:20.981%;}}/* Start custom CSS for html, class: .elementor-element-c8742e2 */.elementor-13352 .elementor-element.elementor-element-c8742e2{
  font-family: 'Anjoman', sans-serif;
  font-weight: 800;
  font-size: 32px;
  line-height: 1.6;
  text-align: center;
  color: #ffffff
;
}

.elementor-13352 .elementor-element.elementor-element-c8742e2 .p-gradient{
  background: linear-gradient(90deg, #fe8f1b
, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9ad0080 */.p-card-img img{
  transition: transform .35s ease;
}

.p-card:hover .p-card-img img{
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c804c04 *//* عنوان کپسولی */
.p-card-title{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 120px;
  height: 44px;              /* ارتفاع ثابت برای یکدست شدن */
  padding: 0 18px;

  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 999px;

  font-family: 'Anjoman', sans-serif;
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -0.5px;

  color: #1f2937;            /* خاکستری تیره به‌جای مشکی */
  margin: 12px auto 18px;    /* وسط‌چین */
}

/* اگر Heading المنتور بلاک بود، این کمک می‌کنه وسط بیاد */
.p-card-title{
  width: fit-content;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-8f8be2e */.elementor-13352 .elementor-element.elementor-element-8f8be2e{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
}

.elementor-13352 .elementor-element.elementor-element-8f8be2e:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 35px rgba(0,0,0,.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d72bb7e */.p-card-img img{
  transition: transform .35s ease;
}

.p-card:hover .p-card-img img{
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a6d75ae *//* عنوان کپسولی */
.p-card-title{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 120px;
  height: 44px;              /* ارتفاع ثابت برای یکدست شدن */
  padding: 0 18px;

  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 999px;

  font-family: 'Anjoman', sans-serif;
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -0.5px;

  color: #1f2937;            /* خاکستری تیره به‌جای مشکی */
  margin: 12px auto 18px;    /* وسط‌چین */
}

/* اگر Heading المنتور بلاک بود، این کمک می‌کنه وسط بیاد */
.p-card-title{
  width: fit-content;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-fa03abc */.elementor-13352 .elementor-element.elementor-element-fa03abc{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
}

.elementor-13352 .elementor-element.elementor-element-fa03abc:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 35px rgba(0,0,0,.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d3808c9 */.p-card-img img{
  transition: transform .35s ease;
}

.p-card:hover .p-card-img img{
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9c780c8 *//* عنوان کپسولی */
.p-card-title{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 120px;
  height: 44px;              /* ارتفاع ثابت برای یکدست شدن */
  padding: 0 18px;

  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 999px;

  font-family: 'Anjoman', sans-serif;
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -0.5px;

  color: #1f2937;            /* خاکستری تیره به‌جای مشکی */
  margin: 12px auto 18px;    /* وسط‌چین */
}

/* اگر Heading المنتور بلاک بود، این کمک می‌کنه وسط بیاد */
.p-card-title{
  width: fit-content;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-f78c9da */.elementor-13352 .elementor-element.elementor-element-f78c9da{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
}

.elementor-13352 .elementor-element.elementor-element-f78c9da:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 35px rgba(0,0,0,.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-20dd13a */.p-card-img img{
  transition: transform .35s ease;
}

.p-card:hover .p-card-img img{
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8f9bbd3 *//* عنوان کپسولی */
.p-card-title{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 120px;
  height: 44px;              /* ارتفاع ثابت برای یکدست شدن */
  padding: 0 18px;

  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 999px;

  font-family: 'Anjoman', sans-serif;
  font-weight: 900;
  font-size: 26px;
  letter-spacing: -0.5px;

  color: #1f2937;            /* خاکستری تیره به‌جای مشکی */
  margin: 12px auto 18px;    /* وسط‌چین */
}

/* اگر Heading المنتور بلاک بود، این کمک می‌کنه وسط بیاد */
.p-card-title{
  width: fit-content;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-ae3a7c2 */.elementor-13352 .elementor-element.elementor-element-ae3a7c2{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
}

.elementor-13352 .elementor-element.elementor-element-ae3a7c2:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 35px rgba(0,0,0,.12);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f5572ed */.elementor-13352 .elementor-element.elementor-element-f5572ed .p-card:hover .p-card-title{
  border-color: rgba(255,140,0,.35);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
}
.elementor-13352 .elementor-element.elementor-element-f5572ed .p-card-title{
  border: 2px solid rgba(0,0,0,.12);
  transition: border-color .25s ease, box-shadow .25s ease;
}

.elementor-13352 .elementor-element.elementor-element-f5572ed .p-card:hover .p-card-title{
  border-color: rgba(255,140,0,.55);
  box-shadow: 0 8px 20px rgba(255,140,0,.25);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-197ffa4 *//* ===== بنر اصلی ===== */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-banner{
  background: linear-gradient(135deg, #0f2a2f, #1f3f46);
  border-radius: 28px;
  padding: 48px;
  font-family: 'Anjoman', sans-serif;
}

/* ===== ساختار داخلی ===== */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-inner{
  display: flex;
  align-items: center;
  gap: 48px;
}

/* ===== بخش متن ===== */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text{
  flex: 1;
}

/* همه متن‌ها سفید (حل قطعی مشکل مشکی شدن) */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text,
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text *{
  color: #ffffff !important;
}

/* ===== تیتر ===== */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text h2{
  font-size: 34px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 14px;
}

/* فقط PS سبز */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text h2 span{
  color: #8bcf24 !important;
}

/* ===== توضیح ===== */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text p{
  font-size: 16px;
  line-height: 1.9;
  max-width: 520px;
  margin-bottom: 22px;
  opacity: .92;
}

/* ===== لیست ===== */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text li{
  position: relative;
  padding-right: 18px;
  font-weight: 700;
  opacity: .95;
}

/* بولت سبز */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text li::before{
  content: "";
  width: 8px;
  height: 8px;
  background: #8bcf24;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 10px;
}

/* ===== تصویر ===== */
.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-image{
  flex: 1;
  text-align: center;
}

.elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-image img{
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 22px 55px rgba(0,0,0,.38);
}

/* ===== ریسپانسیو ===== */
@media (max-width: 900px){
  .elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-inner{
    flex-direction: column;
    text-align: center;
  }

  .elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text p{
    max-width: 100%;
  }

  .elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text ul{
    justify-items: center;
  }

  .elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text li{
    padding-right: 0;
  }

  /* دایره‌ها (بالت‌ها) در نسخه موبایل */
  .elementor-13352 .elementor-element.elementor-element-197ffa4 .nbm-ps-text li::before{
    content: "";
    width: 8px;
    height: 8px;
    background: #8bcf24;
    border-radius: 50%;
    position: relative;
    margin-right: 10px; /* فاصله بین بالت و متن */
    display: inline-block;  /* نمایش درست دایره‌ها */
    margin-top: 10px;  /* فاصله عمودی مناسب */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad838e4 *//* ===== بنر سری P ===== */
.nbm-ps-banner {
  background: linear-gradient(135deg, #0f2a2f, #1f3f46);
  border-radius: 28px;
  padding: 48px;
  font-family: 'Anjoman', sans-serif;
}

/* ===== ساختار داخلی ===== */
.nbm-ps-inner {
  display: flex;
  align-items: center;
  gap: 48px;
}

/* ===== بخش متن ===== */
.nbm-ps-text {
  flex: 1;
}

/* همه متن‌ها سفید (حل قطعی مشکل مشکی شدن) */
.nbm-ps-text,
.nbm-ps-text * {
  color: #ffffff !important;
}

/* ===== تیتر ===== */
.nbm-ps-text h2 {
  font-size: 34px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 14px;
}

/* فقط P سبز */
.nbm-ps-text h2 span {
  color: #8bcf24 !important;
}

/* ===== توضیح ===== */
.nbm-ps-text p {
  font-size: 16px;
  line-height: 1.9;
  max-width: 520px;
  margin-bottom: 22px;
  opacity: .92;
}

/* ===== لیست ===== */
.nbm-ps-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.nbm-ps-text li {
  position: relative;
  padding-right: 18px;
  font-weight: 700;
  opacity: .95;
}

/* بولت سبز */
.nbm-ps-text li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #8bcf24;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 10px;
}

/* ===== تصویر ===== */
.nbm-ps-image {
  flex: 1;
  text-align: center;
}

.nbm-ps-image img {
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .38);
}

/* ===== ریسپانسیو ===== */
@media (max-width: 900px) {
  .nbm-ps-inner {
    flex-direction: column;
    text-align: center;
  }

  .nbm-ps-text p {
    max-width: 100%;
  }

  .nbm-ps-text ul {
    justify-items: center;
  }

  .nbm-ps-text li {
    padding-right: 0;
  }

  /* دایره‌ها (بالت‌ها) در نسخه موبایل */
  .nbm-ps-text li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #8bcf24;
    border-radius: 50%;
    position: relative;
    margin-right: 10px; /* فاصله بین بالت و متن */
    display: inline-block; /* نمایش درست دایره‌ها */
    margin-top: 10px; /* فاصله عمودی مناسب */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69c9dee *//* ===== بنر اصلی ===== */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-banner{
  background: linear-gradient(135deg, #0f2a2f, #1f3f46);
  border-radius: 28px;
  padding: 48px;
  font-family: 'Anjoman', sans-serif;
}

/* ===== ساختار داخلی ===== */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-inner{
  display: flex;
  align-items: center;
  gap: 48px;
}

/* ===== بخش متن ===== */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text{
  flex: 1;
}

/* همه متن‌ها سفید (حل قطعی مشکل مشکی شدن) */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text,
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text *{
  color: #ffffff !important;
}

/* ===== تیتر ===== */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text h2{
  font-size: 34px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 14px;
}

/* فقط PS سبز */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text h2 span{
  color: #8bcf24 !important;
}

/* ===== توضیح ===== */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text p{
  font-size: 16px;
  line-height: 1.9;
  max-width: 520px;
  margin-bottom: 22px;
  opacity: .92;
}

/* ===== لیست ===== */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text li{
  position: relative;
  padding-right: 18px;
  font-weight: 700;
  opacity: .95;
}

/* بولت سبز */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text li::before{
  content: "";
  width: 8px;
  height: 8px;
  background: #8bcf24;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 10px;
}

/* ===== تصویر ===== */
.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-image{
  flex: 1;
  text-align: center;
}

.elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-image img{
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 22px 55px rgba(0,0,0,.38);
}

/* ===== ریسپانسیو ===== */
@media (max-width: 900px){
  .elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-inner{
    flex-direction: column;
    text-align: center;
  }

  .elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text p{
    max-width: 100%;
  }

  .elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text ul{
    justify-items: center;
  }

  .elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text li{
    padding-right: 0;
  }

  /* دایره‌ها (بالت‌ها) در نسخه موبایل */
  .elementor-13352 .elementor-element.elementor-element-69c9dee .nbm-ps-text li::before{
    content: "";
    width: 8px;
    height: 8px;
    background: #8bcf24;
    border-radius: 50%;
    position: relative;
    margin-right: 10px; /* فاصله بین بالت و متن */
    display: inline-block; /* نمایش درست دایره‌ها */
    margin-top: 10px; /* فاصله عمودی مناسب */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b6b139 *//* ===== بنر سری PM ===== */
.nbm-ps-banner {
  background: linear-gradient(135deg, #0f2a2f, #1f3f46);
  border-radius: 28px;
  padding: 48px;
  font-family: 'Anjoman', sans-serif;
}

/* ===== ساختار داخلی ===== */
.nbm-ps-inner {
  display: flex;
  align-items: center;
  gap: 48px;
}

/* ===== بخش متن ===== */
.nbm-ps-text {
  flex: 1;
}

/* همه متن‌ها سفید (حل قطعی مشکل مشکی شدن) */
.nbm-ps-text,
.nbm-ps-text * {
  color: #ffffff !important;
}

/* ===== تیتر ===== */
.nbm-ps-text h2 {
  font-size: 34px;
  font-weight: 900;
  line-height: 1.45;
  margin-bottom: 14px;
}

/* فقط PM سبز */
.nbm-ps-text h2 span {
  color: #8bcf24 !important;
}

/* ===== لیست ===== */
.nbm-ps-text ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.nbm-ps-text li {
  position: relative;
  padding-right: 18px;
  font-weight: 700;
  opacity: .95;
}

/* بولت سبز */
.nbm-ps-text li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #8bcf24;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 10px;
}

/* ===== تصویر ===== */
.nbm-ps-image {
  flex: 1;
  text-align: center;
}

.nbm-ps-image img {
  max-width: 100%;
  border-radius: 18px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .38);
}

/* ===== ریسپانسیو ===== */
@media (max-width: 900px) {
  .nbm-ps-inner {
    flex-direction: column;
    text-align: center;
  }

  .nbm-ps-text ul {
    justify-items: center;
  }

  .nbm-ps-text li {
    padding-right: 0;
  }

  /* دایره‌ها (بالت‌ها) در نسخه موبایل */
  .nbm-ps-text li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #8bcf24;
    border-radius: 50%;
    position: relative;
    margin-right: 10px; /* فاصله بین بالت و متن */
    display: inline-block; /* نمایش درست دایره‌ها */
    margin-top: 10px; /* فاصله عمودی مناسب */
  }
}/* End custom CSS */