.elementor-1817 .elementor-element.elementor-element-9f41f40{--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-1817 .elementor-element.elementor-element-b35af1b{--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-1817 .elementor-element.elementor-element-b35af1b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-b0bbbd1{--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-1817 .elementor-element.elementor-element-b0bbbd1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1817 .elementor-element.elementor-element-e04739e{text-align:justify;}.elementor-1817 .elementor-element.elementor-element-9ee5163{--display:flex;}.elementor-1817 .elementor-element.elementor-element-261a763 > .elementor-widget-container{margin:70px 0px 25px 0px;}.elementor-1817 .elementor-element.elementor-element-261a763 .title-subtitle{color:#AB967C;}.elementor-1817 .elementor-element.elementor-element-261a763 .title{color:#004E32;}.elementor-1817 .elementor-element.elementor-element-261a763 .title-after_title{color:#AB967C;}.elementor-1817 .elementor-element.elementor-element-8a02224{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1817 .elementor-element.elementor-element-9ecedc1{padding:10px 10px 10px 10px;text-align:justify;}.elementor-1817 .elementor-element.elementor-element-57f22d8{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1817 .elementor-element.elementor-element-9d557ea{padding:10px 10px 10px 10px;text-align:justify;}.elementor-1817 .elementor-element.elementor-element-bd1976b{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1817 .elementor-element.elementor-element-dfd1f36{padding:10px 10px 10px 10px;text-align:justify;}.elementor-1817 .elementor-element.elementor-element-813d3cd{--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;--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-1817 .elementor-element.elementor-element-813d3cd:not(.elementor-motion-effects-element-type-background), .elementor-1817 .elementor-element.elementor-element-813d3cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05362E;}.elementor-1817 .elementor-element.elementor-element-710a225{--display:flex;}.elementor-1817 .elementor-element.elementor-element-910a2fc{--display:flex;}.elementor-1817 .elementor-element.elementor-element-a990c01 .elementor-heading-title{color:#C8C479;}.elementor-1817 .elementor-element.elementor-element-e7ff22e{text-align:justify;color:#E6E6E6;}.elementor-1817 .elementor-element.elementor-element-3a59c47 .elementor-button{background-color:#9F914C;}.elementor-1817 .elementor-element.elementor-element-35aaef4{--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;}@media(min-width:768px){.elementor-1817 .elementor-element.elementor-element-b35af1b{--width:18.312%;}.elementor-1817 .elementor-element.elementor-element-b0bbbd1{--width:80.321%;}.elementor-1817 .elementor-element.elementor-element-710a225{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-9f41f40 *//* ==================================
   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 container, class: .elementor-element-813d3cd *//* ==================================================
   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 */