.elementor-2025 .elementor-element.elementor-element-7b20a95{--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-2025 .elementor-element.elementor-element-24c5b57{--display:flex;}.elementor-2025 .elementor-element.elementor-element-72fca56 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2025 .elementor-element.elementor-element-72fca56 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2025 .elementor-element.elementor-element-72fca56{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-2025 .elementor-element.elementor-element-a8f1794{--display:flex;}.elementor-2025 .elementor-element.elementor-element-c6e6e4e .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2025 .elementor-element.elementor-element-c6e6e4e .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2025 .elementor-element.elementor-element-c6e6e4e{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-2025 .elementor-element.elementor-element-f7b375b{--display:flex;}.elementor-2025 .elementor-element.elementor-element-dc6d19b .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2025 .elementor-element.elementor-element-dc6d19b .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2025 .elementor-element.elementor-element-dc6d19b{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-2025 .elementor-element.elementor-element-20423bf{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-2025 .elementor-element.elementor-element-fd560cd{--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-2025 .elementor-element.elementor-element-fd560cd:not(.elementor-motion-effects-element-type-background), .elementor-2025 .elementor-element.elementor-element-fd560cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#05362E;}.elementor-2025 .elementor-element.elementor-element-cda045e{--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-2025 .elementor-element.elementor-element-cda045e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2025 .elementor-element.elementor-element-4ac828f .elementor-heading-title{color:#DBD291;}.elementor-2025 .elementor-element.elementor-element-a5be9e2 .elementor-heading-title{color:#DBD291;}.elementor-2025 .elementor-element.elementor-element-f9c5b4e{text-align:justify;color:#E6E6E6;}.elementor-2025 .elementor-element.elementor-element-c1db47d{--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-2025 .elementor-element.elementor-element-2a83c84 .elementor-button{background-color:#A19544;}.elementor-2025 .elementor-element.elementor-element-51581c1 .elementor-button{background-color:#FFFFFE;fill:#97864D;color:#97864D;}.elementor-2025 .elementor-element.elementor-element-bc66230{--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-2025 .elementor-element.elementor-element-20423bf{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;}.elementor-2025 .elementor-element.elementor-element-4ac828f .elementor-heading-title{font-size:20px;}.elementor-2025 .elementor-element.elementor-element-a5be9e2 .elementor-heading-title{font-size:20px;line-height:1.5em;}.elementor-2025 .elementor-element.elementor-element-2a83c84{width:100%;max-width:100%;}.elementor-2025 .elementor-element.elementor-element-51581c1{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-2025 .elementor-element.elementor-element-cda045e{--width:80%;}.elementor-2025 .elementor-element.elementor-element-bc66230{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2025 .elementor-element.elementor-element-cda045e{--width:60%;}.elementor-2025 .elementor-element.elementor-element-bc66230{--width:40%;}}/* Start custom CSS for nested-tabs, class: .elementor-element-20423bf *//* ==========================================
   Dr Sadraee Portfolio Tabs Jelly Glass
   Safe Version - No Layout Breaking
========================================== */


.dr-portfolio-jelly {
    position: relative !important;
    isolation: isolate !important;
}


/* =========================
   Main Tabs Wrapper
========================= */

.dr-portfolio-jelly .e-n-tabs {

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

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

    border-radius: 24px !important;

    border: 1px solid rgba(211,178,132,.55) !important;

    padding:18px !important;


    box-shadow:

    inset 1px 1px 4px rgba(255,255,255,.75),
    inset -8px 8px 18px rgba(80,60,42,.10),
    0 15px 35px rgba(83,61,42,.08) !important;

}



/* =========================
   Tabs Buttons
========================= */


.dr-portfolio-jelly .e-n-tabs-heading {

    display:flex !important;

    justify-content:center !important;

    gap:12px !important;

}



.dr-portfolio-jelly .e-n-tab-title {

    position:relative !important;

    overflow:hidden !important;

    border-radius:16px !important;


    background:
    rgba(255,255,255,.25) !important;


    border:
    1px solid rgba(211,178,132,.55) !important;


    color:#06483f !important;


    backdrop-filter:blur(8px) !important;
    -webkit-backdrop-filter:blur(8px) !important;


    box-shadow:

    inset 1px 1px 5px rgba(255,255,255,.75),
    0 8px 20px rgba(83,61,42,.08) !important;


    transition:.3s ease !important;

}




/* Active Tab */

.dr-portfolio-jelly 
.e-n-tab-title[aria-selected="true"] {


    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.55),
    rgba(245,235,220,.35)
    ) !important;


    border-color:#c99a45 !important;


}



/* =========================
   Content Area
   بدون تغییر ارتفاع
========================= */


.dr-portfolio-jelly .e-n-tabs-content {

    overflow:hidden !important;

    transition:
    opacity .25s ease !important;

}



.dr-portfolio-jelly .e-n-tab-content {

    overflow:hidden !important;

}



/* =========================
   Gallery Glass Box
========================= */


.dr-portfolio-jelly .e-gallery-container {


    background:
    rgba(255,255,255,.18) !important;


    border-radius:22px !important;


    padding:14px !important;


    border:
    1px solid rgba(211,178,132,.45) !important;


    backdrop-filter:
    blur(8px) !important;


    -webkit-backdrop-filter:
    blur(8px) !important;


    box-shadow:

    inset 1px 1px 5px rgba(255,255,255,.75),
    0 12px 30px rgba(83,61,42,.08) !important;

}



/* عکس ها */

.dr-portfolio-jelly .e-gallery-item {


    border-radius:18px !important;

    overflow:hidden !important;


    box-shadow:

    0 10px 25px rgba(83,61,42,.10) !important;


}



.dr-portfolio-jelly .e-gallery-image {

    border-radius:18px !important;

}



/* =========================
   Hover
========================= */


.dr-portfolio-jelly .e-gallery-item:hover {


    transform:translateY(-3px) !important;


    box-shadow:

    0 18px 35px rgba(201,154,69,.18) !important;


}



/* =========================
   Mobile
   Tabs زیر هم
========================= */


@media(max-width:767px){


.dr-portfolio-jelly .e-n-tabs {

    padding:10px !important;

    border-radius:18px !important;

}



.dr-portfolio-jelly .e-n-tabs-heading {


    flex-direction:column !important;

    width:100% !important;

    gap:10px !important;

}



.dr-portfolio-jelly .e-n-tab-title {


    width:100% !important;

    justify-content:center !important;

    min-height:48px !important;

}



.dr-portfolio-jelly .e-gallery-container {


    padding:8px !important;

    border-radius:16px !important;


    backdrop-filter:none !important;

    -webkit-backdrop-filter:none !important;

}


.dr-portfolio-jelly .e-gallery-item {


    width:100% !important;

    border-radius:14px !important;

}


}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd560cd *//* ==================================================
   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 */