.elementor-2002 .elementor-element.elementor-element-bb1fecf{--display:flex;}.elementor-2002 .elementor-element.elementor-element-d0d9da3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2002 .elementor-element.elementor-element-c136c48{--display:flex;}.elementor-2002 .elementor-element.elementor-element-fd886fd > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-2002 .elementor-element.elementor-element-fd886fd .info-box-title{color:#004E32;}.elementor-2002 .elementor-element.elementor-element-f219c61{--display:flex;}.elementor-2002 .elementor-element.elementor-element-13afdfc > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-2002 .elementor-element.elementor-element-13afdfc .info-box-title{color:#004E32;}.elementor-2002 .elementor-element.elementor-element-12d64c4{--display:flex;}.elementor-2002 .elementor-element.elementor-element-a9257c0 > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-2002 .elementor-element.elementor-element-a9257c0 .info-box-title{color:#004E32;}.elementor-2002 .elementor-element.elementor-element-a4cd77a{--display:flex;}.elementor-2002 .elementor-element.elementor-element-0b3327c > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-2002 .elementor-element.elementor-element-0b3327c .info-box-title{color:#004E32;}.elementor-2002 .elementor-element.elementor-element-acc7dd2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2002 .elementor-element.elementor-element-acc7dd2:not(.elementor-motion-effects-element-type-background), .elementor-2002 .elementor-element.elementor-element-acc7dd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05362E;}.elementor-2002 .elementor-element.elementor-element-129f41f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-2002 .elementor-element.elementor-element-129f41f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2002 .elementor-element.elementor-element-ab6f496 .elementor-heading-title{color:#DBD291;}.elementor-2002 .elementor-element.elementor-element-464a603{text-align:justify;color:#E6E6E6;}.elementor-2002 .elementor-element.elementor-element-dfd6edd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2002 .elementor-element.elementor-element-5914ba4 .elementor-button{background-color:#A19544;}.elementor-2002 .elementor-element.elementor-element-3b01fff .elementor-button{background-color:#FFFFFE;fill:#97864D;color:#97864D;}.elementor-2002 .elementor-element.elementor-element-a16d5bf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}@media(max-width:767px){.elementor-2002 .elementor-element.elementor-element-ab6f496{text-align:justify;}.elementor-2002 .elementor-element.elementor-element-ab6f496 .elementor-heading-title{font-size:20px;line-height:1.7em;}.elementor-2002 .elementor-element.elementor-element-5914ba4{width:100%;max-width:100%;}.elementor-2002 .elementor-element.elementor-element-3b01fff{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-2002 .elementor-element.elementor-element-d0d9da3{--content-width:100%;}.elementor-2002 .elementor-element.elementor-element-129f41f{--width:80%;}.elementor-2002 .elementor-element.elementor-element-a16d5bf{--width:20%;}}/* Start custom CSS for wd_infobox, class: .elementor-element-fd886fd *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-13afdfc *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-a9257c0 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-0b3327c *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-fd886fd *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-13afdfc *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-a9257c0 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-0b3327c *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-fd886fd *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-13afdfc *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-a9257c0 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-0b3327c *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-fd886fd *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-13afdfc *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-a9257c0 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-0b3327c *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-fd886fd *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-13afdfc *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}
.dr-stat-jelly .btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background: transparent !important;
  border: none !important;
  border-radius: 13px !important;

  color: #10413E !important;
  text-decoration: none !important;

  backdrop-filter: blur(2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.70),
    inset -1px -1px 2px rgba(255,255,255,0.42),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    0 8px 20px rgba(83,61,42,0.07) !important;

  transition: 0.25s ease !important;
}

/* Gold button border */
.dr-stat-jelly .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 1.3px !important;

  background: linear-gradient(
    135deg,
    #fff7e8 0%,
    #f5dcae 22%,
    #c68f40 48%,
    #fff0cf 72%,
    #a66c2a 100%
  ) !important;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

/* Small button shine */
.dr-stat-jelly .btn::after {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  left: 12px !important;
  width: 38px !important;
  height: 16px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-16deg) !important;

  background: linear-gradient(180deg,
    rgba(255,255,255,0.68) 0%,
    rgba(255,255,255,0.22) 55%,
    transparent 100%) !important;

  filter: blur(0.4px) !important;
  opacity: 0.62 !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-a9257c0 *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for wd_infobox, class: .elementor-element-0b3327c *//* ==========================================
   Dr Sadraee - Final Stat Jelly Box
   باکس آماری ژله‌ای + آیکون گرد طلایی
   هماهنگ با باکس خدمات
   رنگ عنوان و متن از المنتور کنترل می‌شود
========================================== */

.dr-stat-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.12) !important;

  backdrop-filter: blur(3px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(145%) !important;

  border: 1.2px solid rgba(211, 178, 132, 0.62) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;

  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    backdrop-filter 0.25s ease !important;
}

/* لایه ژله‌ای داخل خود باکس */
.dr-stat-jelly::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 15px !important;

  background:
    radial-gradient(
      circle at 13% 10%,
      rgba(255,255,255,0.70) 0%,
      rgba(255,255,255,0.25) 12%,
      rgba(255,255,255,0.07) 25%,
      transparent 43%
    ),
    radial-gradient(
      circle at 90% 90%,
      rgba(255,255,255,0.28) 0%,
      rgba(255,255,255,0.09) 15%,
      transparent 35%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.17) 0%,
      rgba(255,255,255,0.05) 45%,
      transparent 100%
    ) !important;

  opacity: 0.82 !important;
}

/* برق کوچک روی باکس */
.dr-stat-jelly::after {
  content: "" !important;
  position: absolute !important;
  top: 11px !important;
  left: 13px !important;
  width: 48px !important;
  height: 20px !important;
  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.74) 0%,
    rgba(255,255,255,0.24) 56%,
    transparent 100%
  ) !important;

  filter: blur(0.5px) !important;
  opacity: 0.58 !important;
}

/* محتوای داخل باکس روی افکت بماند */
.dr-stat-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}

/* ==========================================
   Stat Icon - Like Service Box Border
   آیکون گرد با بردر طلایی مثل باکس خدمات
========================================== */

.dr-stat-jelly .info-box-icon,
.dr-stat-jelly .box-icon-wrapper .info-box-icon {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;

  width: 120px !important;
  height: 120px !important;

  padding: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(3px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(3px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;

  color: #b88a48 !important;
  font-weight: 850 !important;
  line-height: 1 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 3px 7px rgba(83,61,42,0.18) !important;
}

/* افکت ژله‌ای داخل دایره آیکون */
.dr-stat-jelly .info-box-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px !important;
  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: inherit !important;
  padding: 0 !important;

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255,255,255,0.86) 0%,
      rgba(255,255,255,0.38) 10%,
      rgba(255,255,255,0.10) 22%,
      transparent 40%
    ),
    radial-gradient(
      circle at 85% 80%,
      rgba(255,255,255,0.36) 0%,
      rgba(255,255,255,0.10) 18%,
      transparent 38%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,0.18) 0%,
      rgba(255,255,255,0.05) 58%,
      transparent 100%
    ) !important;

  opacity: 0.92 !important;

  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-composite: initial !important;
  mask-composite: initial !important;
}

/* برق نرم روی آیکون */
.dr-stat-jelly .info-box-icon::after {
  content: "" !important;
  position: absolute !important;
  top: 10px !important;
  left: 12px !important;

  width: 42px !important;
  height: 18px !important;

  z-index: 2 !important;
  pointer-events: none !important;

  border-radius: 999px !important;
  transform: rotate(-18deg) !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.82) 0%,
    rgba(255,255,255,0.28) 55%,
    transparent 100%
  ) !important;

  filter: blur(0.4px) !important;
  opacity: 0.65 !important;
}

/* خود آیکون واضح‌تر و روی افکت‌ها */
.dr-stat-jelly .info-box-icon img,
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon i,
.dr-stat-jelly .info-box-icon span {
  position: relative !important;
  z-index: 5 !important;

  max-width: 86% !important;
  max-height: 86% !important;

  padding: 0 !important;
  margin: 0 !important;

  opacity: 1 !important;

  filter:
    contrast(1.14)
    saturate(1.18)
    drop-shadow(0 2px 3px rgba(83,61,42,0.18)) !important;
}

/* اگر آیکون SVG یا فونت‌آیکون باشد */
.dr-stat-jelly .info-box-icon svg,
.dr-stat-jelly .info-box-icon svg path,
.dr-stat-jelly .info-box-icon i {
  color: #b88a48 !important;
  fill: #b88a48 !important;
  stroke: #b88a48 !important;
}

/* ==========================================
   Text
   این قسمت رنگ عنوان و متن را قفل نمی‌کند
   رنگ از تنظیمات Elementor می‌آید
========================================== */

.dr-stat-jelly .info-box-title {
  font-weight: 700 !important;
}

.dr-stat-jelly .info-box-inner,
.dr-stat-jelly .info-box-inner p {
  line-height: 1.9 !important;
}

/* ==========================================
   Hover
   سفید نشود؛ فقط بلر کمتر و شفاف‌تر شود
========================================== */

.dr-stat-jelly:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(145%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.78),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.10),
    inset -9px 7px 18px -11px rgba(80,60,42,0.18),
    0 12px 28px rgba(83,61,42,0.09) !important;
}

/* هاور آیکون بدون سفید شدن */
.dr-stat-jelly:hover .info-box-icon,
.dr-stat-jelly:hover .box-icon-wrapper .info-box-icon {
  background: rgba(232, 222, 214, 0.28) !important;

  border: 1.35px solid rgba(211, 178, 132, 0.62) !important;

  backdrop-filter: blur(1.2px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(1.2px) saturate(135%) !important;

  box-shadow:
    inset 1px -1px 2px rgba(255,255,255,0.72),
    inset 0 -1px 2px rgba(255,255,255,0.50),
    inset -1px -1px 2px rgba(255,255,255,0.48),
    inset 1px 1px 2px rgba(80,60,42,0.12),
    inset -8px 6px 16px -10px rgba(80,60,42,0.18),
    0 10px 22px rgba(83,61,42,0.08) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acc7dd2 *//* ==================================================
   Dr Sadraee - Green Jelly Section
   CSS Class: dr-green-section-jelly

   بدون تغییر در:
   width / height / min-height
   padding / margin / gap
================================================== */


/* ==================================================
   بدنه اصلی سکشن یا کانتینر
================================================== */

.dr-green-section-jelly {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;

  border-radius: 20px !important;

  background:
    linear-gradient(
      180deg,
      #0f6657 0%,
      #08483d 52%,
      #05352d 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.24) !important;

  box-shadow:
    0 14px 30px rgba(5, 55, 47, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 1px 0 0 rgba(255, 255, 255, 0.10),
    inset -1px 0 0 rgba(0, 0, 0, 0.12),
    inset 0 -12px 22px rgba(0, 0, 0, 0.18) !important;

  transition:
    background 0.3s ease,
    box-shadow 0.3s ease !important;
}


/* ==================================================
   لایه روشن ژله‌ای نزدیک لبه بالایی
================================================== */

.dr-green-section-jelly::before {
  content: "" !important;

  position: absolute !important;
  left: 2px !important;
  right: 2px !important;
  top: 2px !important;
  height: 62% !important;

  z-index: 1 !important;
  pointer-events: none !important;

  border-radius: 17px 17px 12px 12px !important;

  background:
    radial-gradient(
      ellipse at 8% 0%,
      rgba(255, 255, 255, 0.27) 0%,
      rgba(255, 255, 255, 0.11) 24%,
      transparent 48%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(255, 255, 255, 0.10) 48%,
      rgba(255, 255, 255, 0.00) 100%
    ) !important;

  opacity: 0.92 !important;
}


/* ==================================================
   خط برق ظریف روی بخش
================================================== */

.dr-green-section-jelly::after {
  content: "" !important;

  position: absolute !important;
  top: 0 !important;
  left: -38% !important;

  width: 12% !important;
  height: 100% !important;

  z-index: 2 !important;
  pointer-events: none !important;

  background:
    linear-gradient(
      105deg,
      transparent 0%,
      rgba(255, 255, 255, 0.00) 25%,
      rgba(255, 255, 255, 0.16) 47%,
      rgba(255, 255, 255, 0.29) 52%,
      rgba(255, 255, 255, 0.12) 59%,
      rgba(255, 255, 255, 0.00) 78%,
      transparent 100%
    ) !important;

  filter: blur(1px) !important;
  transform: skewX(-18deg) !important;
  opacity: 0 !important;
}


/* ==================================================
   محتوای داخلی بالاتر از افکت‌ها
================================================== */

.dr-green-section-jelly > * {
  position: relative !important;
  z-index: 5 !important;
}


/* پشتیبانی از سکشن‌های قدیمی Elementor */

.dr-green-section-jelly > .elementor-container,
.dr-green-section-jelly > .e-con-inner {
  position: relative !important;
  z-index: 5 !important;
}/* End custom CSS */