.elementor-1831 .elementor-element.elementor-element-6132cb1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1831 .elementor-element.elementor-element-8e8ae84{--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-1831 .elementor-element.elementor-element-8e8ae84.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1831 .elementor-element.elementor-element-97275f0{--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;}.elementor-1831 .elementor-element.elementor-element-97275f0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1831 .elementor-element.elementor-element-933dee3{text-align:justify;}.elementor-1831 .elementor-element.elementor-element-070ff58{--display:flex;--margin-top:70px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-1831 .elementor-element.elementor-element-67791ef .title-subtitle{color:#AB967C;}.elementor-1831 .elementor-element.elementor-element-67791ef .title{color:#004E32;}.elementor-1831 .elementor-element.elementor-element-67791ef .title-after_title{color:#AB967C;}.elementor-1831 .elementor-element.elementor-element-c90e82b{--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-1831 .elementor-element.elementor-element-decfe65{--display:flex;}.elementor-1831 .elementor-element.elementor-element-f19ab31 .elementor-cta .elementor-cta__bg, .elementor-1831 .elementor-element.elementor-element-f19ab31 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1831 .elementor-element.elementor-element-f19ab31 .elementor-cta__content{text-align:center;background-color:#02010100;}.elementor-1831 .elementor-element.elementor-element-f19ab31 .elementor-cta__title{font-size:20px;color:#004E32;}.elementor-1831 .elementor-element.elementor-element-e3be047{--display:flex;}.elementor-1831 .elementor-element.elementor-element-01cc004 .elementor-cta .elementor-cta__bg, .elementor-1831 .elementor-element.elementor-element-01cc004 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1831 .elementor-element.elementor-element-01cc004 .elementor-cta__content{text-align:center;background-color:#02010100;}.elementor-1831 .elementor-element.elementor-element-01cc004 .elementor-cta__title{font-size:20px;color:#004E32;}.elementor-1831 .elementor-element.elementor-element-b46f245{--display:flex;}.elementor-1831 .elementor-element.elementor-element-25c0135 .elementor-cta .elementor-cta__bg, .elementor-1831 .elementor-element.elementor-element-25c0135 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1831 .elementor-element.elementor-element-25c0135 .elementor-cta__content{text-align:center;background-color:#02010100;}.elementor-1831 .elementor-element.elementor-element-25c0135 .elementor-cta__title{font-size:20px;color:#004E32;}.elementor-1831 .elementor-element.elementor-element-8a8aeba{--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-1831 .elementor-element.elementor-element-401cc23{--display:flex;}.elementor-1831 .elementor-element.elementor-element-32bfe30 .elementor-cta .elementor-cta__bg, .elementor-1831 .elementor-element.elementor-element-32bfe30 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1831 .elementor-element.elementor-element-32bfe30 .elementor-cta__content{text-align:center;background-color:#02010100;}.elementor-1831 .elementor-element.elementor-element-32bfe30 .elementor-cta__title{font-size:20px;color:#004E32;}.elementor-1831 .elementor-element.elementor-element-d34cf1b{--display:flex;}.elementor-1831 .elementor-element.elementor-element-34227f2 .elementor-cta .elementor-cta__bg, .elementor-1831 .elementor-element.elementor-element-34227f2 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1831 .elementor-element.elementor-element-34227f2 .elementor-cta__content{text-align:center;background-color:#02010100;}.elementor-1831 .elementor-element.elementor-element-34227f2 .elementor-cta__title{font-size:20px;color:#004E32;}.elementor-1831 .elementor-element.elementor-element-1db9725{--display:flex;}.elementor-1831 .elementor-element.elementor-element-6302c0f .elementor-cta .elementor-cta__bg, .elementor-1831 .elementor-element.elementor-element-6302c0f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1831 .elementor-element.elementor-element-6302c0f .elementor-cta__content{text-align:center;background-color:#02010100;}.elementor-1831 .elementor-element.elementor-element-6302c0f .elementor-cta__title{font-size:20px;color:#004E32;}@media(min-width:768px){.elementor-1831 .elementor-element.elementor-element-8e8ae84{--width:18.312%;}.elementor-1831 .elementor-element.elementor-element-97275f0{--width:80.321%;}}/* Start custom CSS for container, class: .elementor-element-6132cb1 *//* ==================================
   Jelly Glass Box
   Class: first
================================== */

.first {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  box-sizing: border-box !important;

  border-radius: 22px !important;

  /* پس‌زمینه بدون رنگ زرد */
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid transparent !important;

  backdrop-filter: blur(10px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(125%) !important;

  box-shadow:
    inset 2px 2px 3px rgba(255, 255, 255, 0.82),
    inset -2px -2px 4px rgba(80, 65, 55, 0.08),
    inset 0 12px 20px rgba(255, 255, 255, 0.15),
    inset 0 -12px 22px rgba(65, 50, 40, 0.05),
    0 12px 30px rgba(70, 55, 45, 0.07) !important;

  gap: 28px !important;
  align-items: center !important;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}


/* فقط حاشیه طلایی گرادیانی */
.first::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;

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

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.80) 0%,
    rgba(224, 199, 158, 0.55) 20%,
    rgba(183, 137, 78, 0.48) 46%,
    rgba(242, 221, 185, 0.62) 72%,
    rgba(174, 127, 67, 0.42) 100%
  ) !important;

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

  -webkit-mask-composite: xor !important;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  mask-composite: exclude !important;
}


/* انعکاس شیشه‌ای و ژله‌ای */
.first::after {
  content: "" !important;
  position: absolute !important;

  top: 10px !important;
  left: 18px !important;

  width: 75px !important;
  height: 22px !important;

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

  border-radius: 50% !important;
  transform: rotate(-10deg) !important;

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

  filter: blur(1px) !important;
  opacity: 0.62 !important;
}


/* محتوای داخل باکس */
.first > * {
  position: relative !important;
  z-index: 3 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}


/* جلوگیری از به‌هم‌ریختگی تصویر */
.first img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}


/* فاصله منظم متن‌ها */
.first p {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.first p:last-child {
  margin-bottom: 0 !important;
}



  box-shadow:
    inset 2px 2px 4px rgba(255, 255, 255, 0.88),
    inset -2px -2px 5px rgba(80, 65, 55, 0.09),
    inset 0 14px 24px rgba(255, 255, 255, 0.18),
    inset 0 -14px 24px rgba(65, 50, 40, 0.06),
    0 16px 36px rgba(70, 55, 45, 0.09) !important;
}


/* موبایل */
@media (max-width: 767px) {
  .first {
    padding: 22px 19px !important;
    border-radius: 18px !important;
    gap: 18px !important;
  }

  .first::after {
    width: 52px !important;
    height: 16px !important;
    left: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f19ab31 *//* ==================================================
   SERVICE JELLY CARD
   CSS Class: service-jelly-card

   بدون تغییر در:
   width / height / min-height
   padding / margin / gap
================================================== */


/* ==================================================
   پاک‌سازی استایل و سایه والد المنتور
================================================== */

.service-jelly-card {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.service-jelly-card > .elementor-widget-container {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}


/* ==================================================
   بدنه اصلی کارت
================================================== */

.service-jelly-card .elementor-cta {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  border: none !important;
  border-radius: 20px !important;
  background-clip: padding-box !important;

  /* پس‌زمینه خنثی و شیشه‌ای */
  background: rgba(255, 255, 255, 0.15) !important;

  backdrop-filter: blur(9px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(120%) !important;

  /* فقط سایه‌های داخلی ژله‌ای */
  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.82),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    inset 0 11px 20px rgba(255, 255, 255, 0.14),
    inset 0 -12px 21px rgba(83, 61, 42, 0.045) !important;

  /* سایه بیرونی کاملاً گرد */
  filter:
    drop-shadow(0 10px 14px rgba(83, 61, 42, 0.055))
    drop-shadow(0 4px 8px rgba(83, 61, 42, 0.035)) !important;

  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی کارت
================================================== */

.service-jelly-card .elementor-cta::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

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

  background: linear-gradient(
    135deg,
    rgba(232, 207, 166, 0.68) 0%,
    rgba(193, 148, 87, 0.55) 28%,
    rgba(239, 218, 181, 0.72) 54%,
    rgba(177, 125, 58, 0.52) 77%,
    rgba(226, 194, 143, 0.66) 100%
  ) !important;

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

  -webkit-mask-composite: xor !important;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  mask-composite: exclude !important;
}


/* ==================================================
   انعکاس ژله‌ای کارت
================================================== */

.service-jelly-card .elementor-cta::after {
  content: "" !important;

  position: absolute !important;
  inset: 3px !important;

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

  border-radius: 17px !important;

  background:
    radial-gradient(
      ellipse at 7% 5%,
      rgba(255, 255, 255, 0.72) 0%,
      rgba(255, 255, 255, 0.30) 12%,
      rgba(255, 255, 255, 0.07) 27%,
      transparent 45%
    ),
    radial-gradient(
      ellipse at 94% 96%,
      rgba(255, 255, 255, 0.22) 0%,
      rgba(255, 255, 255, 0.06) 23%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 48%
    ) !important;

  opacity: 0.9 !important;
}


/* ==================================================
   لایه‌بندی تصویر و محتوا
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper,
.service-jelly-card .elementor-cta__content {
  position: relative !important;
  z-index: 2 !important;
}


/* ==================================================
   بخش تصویر، بدون تغییر ابعاد
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper {
  overflow: hidden !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.42),
    inset 0 -1px 2px rgba(83, 61, 42, 0.07) !important;
}


/* روکش بسیار ظریف روی تصویر */

.service-jelly-card .elementor-cta__bg-overlay {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.025) 45%,
    rgba(16, 65, 62, 0.035) 100%
  ) !important;

  opacity: 1 !important;
}


/* ==================================================
   عنوان و توضیحات
================================================== */

.service-jelly-card .elementor-cta__title {
  color: #10413e !important;
}

.service-jelly-card .elementor-cta__description {
  color: rgba(36, 52, 48, 0.72) !important;
}


/* ==================================================
   دکمه ژله‌ای
================================================== */

.service-jelly-card .elementor-cta__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  box-sizing: border-box !important;

  z-index: 1 !important;

  border: none !important;
  outline: none !important;
  border-radius: 5px !important;

  /* خود دکمه شفاف است و لایه داخلی آن را پر می‌کند */
  background: transparent !important;

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

  backdrop-filter: blur(5px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(125%) !important;

  box-shadow:
    inset 1px 1px 1px rgba(255, 255, 255, 0.42),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    0 7px 18px rgba(83, 61, 42, 0.065) !important;

  transition:
    box-shadow 0.25s ease,
    color 0.25s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی بیرون دکمه
================================================== */

.service-jelly-card .elementor-cta__button::before {
  content: "" !important;

  position: absolute !important;
  inset: -1.3px !important;

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

  border-radius: 5px !important;

  background: linear-gradient(
    135deg,
    rgba(221, 184, 126, 0.86) 0%,
    rgba(179, 124, 53, 0.78) 28%,
    rgba(235, 207, 159, 0.92) 55%,
    rgba(164, 105, 34, 0.75) 78%,
    rgba(215, 173, 108, 0.85) 100%
  ) !important;

  box-shadow:
    0 2px 7px rgba(166, 108, 38, 0.10) !important;
}


/* ==================================================
   سطح داخلی و ژله‌ای دکمه
================================================== */

.service-jelly-card .elementor-cta__button::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

  border-radius: 5px;

  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.43) 0%,
      rgba(255, 255, 255, 0.13) 24%,
      transparent 48%
    ),
    rgba(247, 243, 238, 0.93) !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.65),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    inset 0 5px 10px rgba(255, 255, 255, 0.08) !important;
}



/* ==================================================
   هاور کارت، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta:hover {
  transform: none !important;

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

  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.88),
    inset -1px -1px 3px rgba(83, 61, 42, 0.09),
    inset 0 12px 22px rgba(255, 255, 255, 0.17),
    inset 0 -13px 23px rgba(83, 61, 42, 0.055) !important;

  filter:
    drop-shadow(0 14px 18px rgba(83, 61, 42, 0.065))
    drop-shadow(0 5px 10px rgba(83, 61, 42, 0.04)) !important;
}


/* ==================================================
   هاور دکمه، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta__button:hover {
  transform: none !important;
  color: #10413e !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.55),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    0 9px 21px rgba(83, 61, 42, 0.09) !important;
}

.service-jelly-card .elementor-cta__button:hover::after {
  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.50) 0%,
      rgba(255, 255, 255, 0.16) 24%,
      transparent 48%
    ),
    rgba(249, 246, 241, 0.96) !important;
}


/* جلوگیری از حرکت پیش‌فرض دکمه المنتور */

.service-jelly-card .elementor-cta:hover
.elementor-cta__button {
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f19ab31 *//* ==================================================
   SERVICE JELLY CARD
   CSS Class: service-jelly-card

   بدون تغییر در:
   width / height / min-height
   padding / margin / gap
================================================== */


/* ==================================================
   پاک‌سازی استایل و سایه والد المنتور
================================================== */

.service-jelly-card {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.service-jelly-card > .elementor-widget-container {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}


/* ==================================================
   بدنه اصلی کارت
================================================== */

.service-jelly-card .elementor-cta {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  border: none !important;
  border-radius: 20px !important;
  background-clip: padding-box !important;

  /* پس‌زمینه خنثی و شیشه‌ای */
  background: rgba(255, 255, 255, 0.15) !important;

  backdrop-filter: blur(9px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(120%) !important;

  /* فقط سایه‌های داخلی ژله‌ای */
  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.82),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    inset 0 11px 20px rgba(255, 255, 255, 0.14),
    inset 0 -12px 21px rgba(83, 61, 42, 0.045) !important;

  /* سایه بیرونی کاملاً گرد */
  filter:
    drop-shadow(0 10px 14px rgba(83, 61, 42, 0.055))
    drop-shadow(0 4px 8px rgba(83, 61, 42, 0.035)) !important;

  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی کارت
================================================== */

.service-jelly-card .elementor-cta::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

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

  background: linear-gradient(
    135deg,
    rgba(232, 207, 166, 0.68) 0%,
    rgba(193, 148, 87, 0.55) 28%,
    rgba(239, 218, 181, 0.72) 54%,
    rgba(177, 125, 58, 0.52) 77%,
    rgba(226, 194, 143, 0.66) 100%
  ) !important;

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

  -webkit-mask-composite: xor !important;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  mask-composite: exclude !important;
}


/* ==================================================
   انعکاس ژله‌ای کارت
================================================== */

.service-jelly-card .elementor-cta::after {
  content: "" !important;

  position: absolute !important;
  inset: 3px !important;

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

  border-radius: 17px !important;

  background:
    radial-gradient(
      ellipse at 7% 5%,
      rgba(255, 255, 255, 0.72) 0%,
      rgba(255, 255, 255, 0.30) 12%,
      rgba(255, 255, 255, 0.07) 27%,
      transparent 45%
    ),
    radial-gradient(
      ellipse at 94% 96%,
      rgba(255, 255, 255, 0.22) 0%,
      rgba(255, 255, 255, 0.06) 23%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 48%
    ) !important;

  opacity: 0.9 !important;
}


/* ==================================================
   لایه‌بندی تصویر و محتوا
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper,
.service-jelly-card .elementor-cta__content {
  position: relative !important;
  z-index: 2 !important;
}


/* ==================================================
   بخش تصویر، بدون تغییر ابعاد
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper {
  overflow: hidden !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.42),
    inset 0 -1px 2px rgba(83, 61, 42, 0.07) !important;
}


/* روکش بسیار ظریف روی تصویر */

.service-jelly-card .elementor-cta__bg-overlay {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.025) 45%,
    rgba(16, 65, 62, 0.035) 100%
  ) !important;

  opacity: 1 !important;
}


/* ==================================================
   عنوان و توضیحات
================================================== */

.service-jelly-card .elementor-cta__title {
  color: #10413e !important;
}

.service-jelly-card .elementor-cta__description {
  color: rgba(36, 52, 48, 0.72) !important;
}


/* ==================================================
   دکمه ژله‌ای
================================================== */

.service-jelly-card .elementor-cta__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  box-sizing: border-box !important;

  z-index: 1 !important;

  border: none !important;
  outline: none !important;
  border-radius: 5px !important;

  /* خود دکمه شفاف است و لایه داخلی آن را پر می‌کند */
  background: transparent !important;

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

  backdrop-filter: blur(5px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(125%) !important;

  box-shadow:
    inset 1px 1px 1px rgba(255, 255, 255, 0.42),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    0 7px 18px rgba(83, 61, 42, 0.065) !important;

  transition:
    box-shadow 0.25s ease,
    color 0.25s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی بیرون دکمه
================================================== */

.service-jelly-card .elementor-cta__button::before {
  content: "" !important;

  position: absolute !important;
  inset: -1.3px !important;

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

  border-radius: 5px !important;

  background: linear-gradient(
    135deg,
    rgba(221, 184, 126, 0.86) 0%,
    rgba(179, 124, 53, 0.78) 28%,
    rgba(235, 207, 159, 0.92) 55%,
    rgba(164, 105, 34, 0.75) 78%,
    rgba(215, 173, 108, 0.85) 100%
  ) !important;

  box-shadow:
    0 2px 7px rgba(166, 108, 38, 0.10) !important;
}


/* ==================================================
   سطح داخلی و ژله‌ای دکمه
================================================== */

.service-jelly-card .elementor-cta__button::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

  border-radius: 5px;

  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.43) 0%,
      rgba(255, 255, 255, 0.13) 24%,
      transparent 48%
    ),
    rgba(247, 243, 238, 0.93) !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.65),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    inset 0 5px 10px rgba(255, 255, 255, 0.08) !important;
}



/* ==================================================
   هاور کارت، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta:hover {
  transform: none !important;

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

  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.88),
    inset -1px -1px 3px rgba(83, 61, 42, 0.09),
    inset 0 12px 22px rgba(255, 255, 255, 0.17),
    inset 0 -13px 23px rgba(83, 61, 42, 0.055) !important;

  filter:
    drop-shadow(0 14px 18px rgba(83, 61, 42, 0.065))
    drop-shadow(0 5px 10px rgba(83, 61, 42, 0.04)) !important;
}


/* ==================================================
   هاور دکمه، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta__button:hover {
  transform: none !important;
  color: #10413e !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.55),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    0 9px 21px rgba(83, 61, 42, 0.09) !important;
}

.service-jelly-card .elementor-cta__button:hover::after {
  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.50) 0%,
      rgba(255, 255, 255, 0.16) 24%,
      transparent 48%
    ),
    rgba(249, 246, 241, 0.96) !important;
}


/* جلوگیری از حرکت پیش‌فرض دکمه المنتور */

.service-jelly-card .elementor-cta:hover
.elementor-cta__button {
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f19ab31 *//* ==================================================
   SERVICE JELLY CARD
   CSS Class: service-jelly-card

   بدون تغییر در:
   width / height / min-height
   padding / margin / gap
================================================== */


/* ==================================================
   پاک‌سازی استایل و سایه والد المنتور
================================================== */

.service-jelly-card {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.service-jelly-card > .elementor-widget-container {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}


/* ==================================================
   بدنه اصلی کارت
================================================== */

.service-jelly-card .elementor-cta {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  border: none !important;
  border-radius: 20px !important;
  background-clip: padding-box !important;

  /* پس‌زمینه خنثی و شیشه‌ای */
  background: rgba(255, 255, 255, 0.15) !important;

  backdrop-filter: blur(9px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(120%) !important;

  /* فقط سایه‌های داخلی ژله‌ای */
  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.82),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    inset 0 11px 20px rgba(255, 255, 255, 0.14),
    inset 0 -12px 21px rgba(83, 61, 42, 0.045) !important;

  /* سایه بیرونی کاملاً گرد */
  filter:
    drop-shadow(0 10px 14px rgba(83, 61, 42, 0.055))
    drop-shadow(0 4px 8px rgba(83, 61, 42, 0.035)) !important;

  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی کارت
================================================== */

.service-jelly-card .elementor-cta::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

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

  background: linear-gradient(
    135deg,
    rgba(232, 207, 166, 0.68) 0%,
    rgba(193, 148, 87, 0.55) 28%,
    rgba(239, 218, 181, 0.72) 54%,
    rgba(177, 125, 58, 0.52) 77%,
    rgba(226, 194, 143, 0.66) 100%
  ) !important;

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

  -webkit-mask-composite: xor !important;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  mask-composite: exclude !important;
}


/* ==================================================
   انعکاس ژله‌ای کارت
================================================== */

.service-jelly-card .elementor-cta::after {
  content: "" !important;

  position: absolute !important;
  inset: 3px !important;

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

  border-radius: 17px !important;

  background:
    radial-gradient(
      ellipse at 7% 5%,
      rgba(255, 255, 255, 0.72) 0%,
      rgba(255, 255, 255, 0.30) 12%,
      rgba(255, 255, 255, 0.07) 27%,
      transparent 45%
    ),
    radial-gradient(
      ellipse at 94% 96%,
      rgba(255, 255, 255, 0.22) 0%,
      rgba(255, 255, 255, 0.06) 23%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 48%
    ) !important;

  opacity: 0.9 !important;
}


/* ==================================================
   لایه‌بندی تصویر و محتوا
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper,
.service-jelly-card .elementor-cta__content {
  position: relative !important;
  z-index: 2 !important;
}


/* ==================================================
   بخش تصویر، بدون تغییر ابعاد
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper {
  overflow: hidden !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.42),
    inset 0 -1px 2px rgba(83, 61, 42, 0.07) !important;
}


/* روکش بسیار ظریف روی تصویر */

.service-jelly-card .elementor-cta__bg-overlay {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.025) 45%,
    rgba(16, 65, 62, 0.035) 100%
  ) !important;

  opacity: 1 !important;
}


/* ==================================================
   عنوان و توضیحات
================================================== */

.service-jelly-card .elementor-cta__title {
  color: #10413e !important;
}

.service-jelly-card .elementor-cta__description {
  color: rgba(36, 52, 48, 0.72) !important;
}


/* ==================================================
   دکمه ژله‌ای
================================================== */

.service-jelly-card .elementor-cta__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  box-sizing: border-box !important;

  z-index: 1 !important;

  border: none !important;
  outline: none !important;
  border-radius: 5px !important;

  /* خود دکمه شفاف است و لایه داخلی آن را پر می‌کند */
  background: transparent !important;

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

  backdrop-filter: blur(5px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(125%) !important;

  box-shadow:
    inset 1px 1px 1px rgba(255, 255, 255, 0.42),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    0 7px 18px rgba(83, 61, 42, 0.065) !important;

  transition:
    box-shadow 0.25s ease,
    color 0.25s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی بیرون دکمه
================================================== */

.service-jelly-card .elementor-cta__button::before {
  content: "" !important;

  position: absolute !important;
  inset: -1.3px !important;

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

  border-radius: 5px !important;

  background: linear-gradient(
    135deg,
    rgba(221, 184, 126, 0.86) 0%,
    rgba(179, 124, 53, 0.78) 28%,
    rgba(235, 207, 159, 0.92) 55%,
    rgba(164, 105, 34, 0.75) 78%,
    rgba(215, 173, 108, 0.85) 100%
  ) !important;

  box-shadow:
    0 2px 7px rgba(166, 108, 38, 0.10) !important;
}


/* ==================================================
   سطح داخلی و ژله‌ای دکمه
================================================== */

.service-jelly-card .elementor-cta__button::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

  border-radius: 5px;

  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.43) 0%,
      rgba(255, 255, 255, 0.13) 24%,
      transparent 48%
    ),
    rgba(247, 243, 238, 0.93) !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.65),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    inset 0 5px 10px rgba(255, 255, 255, 0.08) !important;
}



/* ==================================================
   هاور کارت، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta:hover {
  transform: none !important;

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

  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.88),
    inset -1px -1px 3px rgba(83, 61, 42, 0.09),
    inset 0 12px 22px rgba(255, 255, 255, 0.17),
    inset 0 -13px 23px rgba(83, 61, 42, 0.055) !important;

  filter:
    drop-shadow(0 14px 18px rgba(83, 61, 42, 0.065))
    drop-shadow(0 5px 10px rgba(83, 61, 42, 0.04)) !important;
}


/* ==================================================
   هاور دکمه، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta__button:hover {
  transform: none !important;
  color: #10413e !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.55),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    0 9px 21px rgba(83, 61, 42, 0.09) !important;
}

.service-jelly-card .elementor-cta__button:hover::after {
  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.50) 0%,
      rgba(255, 255, 255, 0.16) 24%,
      transparent 48%
    ),
    rgba(249, 246, 241, 0.96) !important;
}


/* جلوگیری از حرکت پیش‌فرض دکمه المنتور */

.service-jelly-card .elementor-cta:hover
.elementor-cta__button {
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-f19ab31 *//* ==================================================
   SERVICE JELLY CARD
   CSS Class: service-jelly-card

   بدون تغییر در:
   width / height / min-height
   padding / margin / gap
================================================== */


/* ==================================================
   پاک‌سازی استایل و سایه والد المنتور
================================================== */

.service-jelly-card {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.service-jelly-card > .elementor-widget-container {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}


/* ==================================================
   بدنه اصلی کارت
================================================== */

.service-jelly-card .elementor-cta {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  border: none !important;
  border-radius: 20px !important;
  background-clip: padding-box !important;

  /* پس‌زمینه خنثی و شیشه‌ای */
  background: rgba(255, 255, 255, 0.15) !important;

  backdrop-filter: blur(9px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(120%) !important;

  /* فقط سایه‌های داخلی ژله‌ای */
  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.82),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    inset 0 11px 20px rgba(255, 255, 255, 0.14),
    inset 0 -12px 21px rgba(83, 61, 42, 0.045) !important;

  /* سایه بیرونی کاملاً گرد */
  filter:
    drop-shadow(0 10px 14px rgba(83, 61, 42, 0.055))
    drop-shadow(0 4px 8px rgba(83, 61, 42, 0.035)) !important;

  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی کارت
================================================== */

.service-jelly-card .elementor-cta::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

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

  background: linear-gradient(
    135deg,
    rgba(232, 207, 166, 0.68) 0%,
    rgba(193, 148, 87, 0.55) 28%,
    rgba(239, 218, 181, 0.72) 54%,
    rgba(177, 125, 58, 0.52) 77%,
    rgba(226, 194, 143, 0.66) 100%
  ) !important;

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

  -webkit-mask-composite: xor !important;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  mask-composite: exclude !important;
}


/* ==================================================
   انعکاس ژله‌ای کارت
================================================== */

.service-jelly-card .elementor-cta::after {
  content: "" !important;

  position: absolute !important;
  inset: 3px !important;

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

  border-radius: 17px !important;

  background:
    radial-gradient(
      ellipse at 7% 5%,
      rgba(255, 255, 255, 0.72) 0%,
      rgba(255, 255, 255, 0.30) 12%,
      rgba(255, 255, 255, 0.07) 27%,
      transparent 45%
    ),
    radial-gradient(
      ellipse at 94% 96%,
      rgba(255, 255, 255, 0.22) 0%,
      rgba(255, 255, 255, 0.06) 23%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 48%
    ) !important;

  opacity: 0.9 !important;
}


/* ==================================================
   لایه‌بندی تصویر و محتوا
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper,
.service-jelly-card .elementor-cta__content {
  position: relative !important;
  z-index: 2 !important;
}


/* ==================================================
   بخش تصویر، بدون تغییر ابعاد
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper {
  overflow: hidden !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.42),
    inset 0 -1px 2px rgba(83, 61, 42, 0.07) !important;
}


/* روکش بسیار ظریف روی تصویر */

.service-jelly-card .elementor-cta__bg-overlay {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.025) 45%,
    rgba(16, 65, 62, 0.035) 100%
  ) !important;

  opacity: 1 !important;
}


/* ==================================================
   عنوان و توضیحات
================================================== */

.service-jelly-card .elementor-cta__title {
  color: #10413e !important;
}

.service-jelly-card .elementor-cta__description {
  color: rgba(36, 52, 48, 0.72) !important;
}


/* ==================================================
   دکمه ژله‌ای
================================================== */

.service-jelly-card .elementor-cta__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  box-sizing: border-box !important;

  z-index: 1 !important;

  border: none !important;
  outline: none !important;
  border-radius: 5px !important;

  /* خود دکمه شفاف است و لایه داخلی آن را پر می‌کند */
  background: transparent !important;

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

  backdrop-filter: blur(5px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(125%) !important;

  box-shadow:
    inset 1px 1px 1px rgba(255, 255, 255, 0.42),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    0 7px 18px rgba(83, 61, 42, 0.065) !important;

  transition:
    box-shadow 0.25s ease,
    color 0.25s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی بیرون دکمه
================================================== */

.service-jelly-card .elementor-cta__button::before {
  content: "" !important;

  position: absolute !important;
  inset: -1.3px !important;

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

  border-radius: 5px !important;

  background: linear-gradient(
    135deg,
    rgba(221, 184, 126, 0.86) 0%,
    rgba(179, 124, 53, 0.78) 28%,
    rgba(235, 207, 159, 0.92) 55%,
    rgba(164, 105, 34, 0.75) 78%,
    rgba(215, 173, 108, 0.85) 100%
  ) !important;

  box-shadow:
    0 2px 7px rgba(166, 108, 38, 0.10) !important;
}


/* ==================================================
   سطح داخلی و ژله‌ای دکمه
================================================== */

.service-jelly-card .elementor-cta__button::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

  border-radius: 5px;

  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.43) 0%,
      rgba(255, 255, 255, 0.13) 24%,
      transparent 48%
    ),
    rgba(247, 243, 238, 0.93) !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.65),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    inset 0 5px 10px rgba(255, 255, 255, 0.08) !important;
}



/* ==================================================
   هاور کارت، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta:hover {
  transform: none !important;

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

  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.88),
    inset -1px -1px 3px rgba(83, 61, 42, 0.09),
    inset 0 12px 22px rgba(255, 255, 255, 0.17),
    inset 0 -13px 23px rgba(83, 61, 42, 0.055) !important;

  filter:
    drop-shadow(0 14px 18px rgba(83, 61, 42, 0.065))
    drop-shadow(0 5px 10px rgba(83, 61, 42, 0.04)) !important;
}


/* ==================================================
   هاور دکمه، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta__button:hover {
  transform: none !important;
  color: #10413e !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.55),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    0 9px 21px rgba(83, 61, 42, 0.09) !important;
}

.service-jelly-card .elementor-cta__button:hover::after {
  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.50) 0%,
      rgba(255, 255, 255, 0.16) 24%,
      transparent 48%
    ),
    rgba(249, 246, 241, 0.96) !important;
}


/* جلوگیری از حرکت پیش‌فرض دکمه المنتور */

.service-jelly-card .elementor-cta:hover
.elementor-cta__button {
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-32bfe30 *//* ==================================================
   SERVICE JELLY CARD
   CSS Class: service-jelly-card

   بدون تغییر در:
   width / height / min-height
   padding / margin / gap
================================================== */


/* ==================================================
   پاک‌سازی استایل و سایه والد المنتور
================================================== */

.service-jelly-card {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.service-jelly-card > .elementor-widget-container {
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 20px !important;
}


/* ==================================================
   بدنه اصلی کارت
================================================== */

.service-jelly-card .elementor-cta {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  box-sizing: border-box !important;

  border: none !important;
  border-radius: 20px !important;
  background-clip: padding-box !important;

  /* پس‌زمینه خنثی و شیشه‌ای */
  background: rgba(255, 255, 255, 0.15) !important;

  backdrop-filter: blur(9px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(9px) saturate(120%) !important;

  /* فقط سایه‌های داخلی ژله‌ای */
  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.82),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    inset 0 11px 20px rgba(255, 255, 255, 0.14),
    inset 0 -12px 21px rgba(83, 61, 42, 0.045) !important;

  /* سایه بیرونی کاملاً گرد */
  filter:
    drop-shadow(0 10px 14px rgba(83, 61, 42, 0.055))
    drop-shadow(0 4px 8px rgba(83, 61, 42, 0.035)) !important;

  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    filter 0.3s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی کارت
================================================== */

.service-jelly-card .elementor-cta::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

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

  background: linear-gradient(
    135deg,
    rgba(232, 207, 166, 0.68) 0%,
    rgba(193, 148, 87, 0.55) 28%,
    rgba(239, 218, 181, 0.72) 54%,
    rgba(177, 125, 58, 0.52) 77%,
    rgba(226, 194, 143, 0.66) 100%
  ) !important;

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

  -webkit-mask-composite: xor !important;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;

  mask-composite: exclude !important;
}


/* ==================================================
   انعکاس ژله‌ای کارت
================================================== */

.service-jelly-card .elementor-cta::after {
  content: "" !important;

  position: absolute !important;
  inset: 3px !important;

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

  border-radius: 17px !important;

  background:
    radial-gradient(
      ellipse at 7% 5%,
      rgba(255, 255, 255, 0.72) 0%,
      rgba(255, 255, 255, 0.30) 12%,
      rgba(255, 255, 255, 0.07) 27%,
      transparent 45%
    ),
    radial-gradient(
      ellipse at 94% 96%,
      rgba(255, 255, 255, 0.22) 0%,
      rgba(255, 255, 255, 0.06) 23%,
      transparent 44%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 48%
    ) !important;

  opacity: 0.9 !important;
}


/* ==================================================
   لایه‌بندی تصویر و محتوا
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper,
.service-jelly-card .elementor-cta__content {
  position: relative !important;
  z-index: 2 !important;
}


/* ==================================================
   بخش تصویر، بدون تغییر ابعاد
================================================== */

.service-jelly-card .elementor-cta__bg-wrapper {
  overflow: hidden !important;

  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.42),
    inset 0 -1px 2px rgba(83, 61, 42, 0.07) !important;
}


/* روکش بسیار ظریف روی تصویر */

.service-jelly-card .elementor-cta__bg-overlay {
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.025) 45%,
    rgba(16, 65, 62, 0.035) 100%
  ) !important;

  opacity: 1 !important;
}


/* ==================================================
   عنوان و توضیحات
================================================== */

.service-jelly-card .elementor-cta__title {
  color: #10413e !important;
}

.service-jelly-card .elementor-cta__description {
  color: rgba(36, 52, 48, 0.72) !important;
}


/* ==================================================
   دکمه ژله‌ای
================================================== */

.service-jelly-card .elementor-cta__button {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  box-sizing: border-box !important;

  z-index: 1 !important;

  border: none !important;
  outline: none !important;
  border-radius: 5px !important;

  /* خود دکمه شفاف است و لایه داخلی آن را پر می‌کند */
  background: transparent !important;

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

  backdrop-filter: blur(5px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(125%) !important;

  box-shadow:
    inset 1px 1px 1px rgba(255, 255, 255, 0.42),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    0 7px 18px rgba(83, 61, 42, 0.065) !important;

  transition:
    box-shadow 0.25s ease,
    color 0.25s ease !important;
}


/* ==================================================
   حاشیه طلایی گرادیانی بیرون دکمه
================================================== */

.service-jelly-card .elementor-cta__button::before {
  content: "" !important;

  position: absolute !important;
  inset: -1.3px !important;

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

  border-radius: 5px !important;

  background: linear-gradient(
    135deg,
    rgba(221, 184, 126, 0.86) 0%,
    rgba(179, 124, 53, 0.78) 28%,
    rgba(235, 207, 159, 0.92) 55%,
    rgba(164, 105, 34, 0.75) 78%,
    rgba(215, 173, 108, 0.85) 100%
  ) !important;

  box-shadow:
    0 2px 7px rgba(166, 108, 38, 0.10) !important;
}


/* ==================================================
   سطح داخلی و ژله‌ای دکمه
================================================== */

.service-jelly-card .elementor-cta__button::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

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

  border-radius: 5px;

  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.43) 0%,
      rgba(255, 255, 255, 0.13) 24%,
      transparent 48%
    ),
    rgba(247, 243, 238, 0.93) !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.65),
    inset -1px -1px 2px rgba(83, 61, 42, 0.06),
    inset 0 5px 10px rgba(255, 255, 255, 0.08) !important;
}



/* ==================================================
   هاور کارت، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta:hover {
  transform: none !important;

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

  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.88),
    inset -1px -1px 3px rgba(83, 61, 42, 0.09),
    inset 0 12px 22px rgba(255, 255, 255, 0.17),
    inset 0 -13px 23px rgba(83, 61, 42, 0.055) !important;

  filter:
    drop-shadow(0 14px 18px rgba(83, 61, 42, 0.065))
    drop-shadow(0 5px 10px rgba(83, 61, 42, 0.04)) !important;
}


/* ==================================================
   هاور دکمه، بدون جابه‌جایی
================================================== */

.service-jelly-card .elementor-cta__button:hover {
  transform: none !important;
  color: #10413e !important;

  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.55),
    inset -1px -1px 2px rgba(83, 61, 42, 0.08),
    0 9px 21px rgba(83, 61, 42, 0.09) !important;
}

.service-jelly-card .elementor-cta__button:hover::after {
  background:
    radial-gradient(
      ellipse at 14% 8%,
      rgba(255, 255, 255, 0.50) 0%,
      rgba(255, 255, 255, 0.16) 24%,
      transparent 48%
    ),
    rgba(249, 246, 241, 0.96) !important;
}


/* جلوگیری از حرکت پیش‌فرض دکمه المنتور */

.service-jelly-card .elementor-cta:hover
.elementor-cta__button {
  transform: none !important;
}/* End custom CSS */