.elementor-138 .elementor-element.elementor-element-25176cb9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;grid-column:span custom;}.elementor-138 .elementor-element.elementor-element-25176cb9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-138 .elementor-element.elementor-element-25176cb9 .td-home-slider-area .td-single-slide-item{height:609px;}.elementor-138 .elementor-element.elementor-element-25176cb9 .td-slider-content-column{flex:0 0 77%;max-width:77%;}.elementor-138 .elementor-element.elementor-element-25176cb9 .td-video-button-column{flex:0 0 0%;max-width:0%;}.elementor-138 .elementor-element.elementor-element-25176cb9 .td-slide-title{margin:-26px -26px -26px -26px;}.elementor-138 .elementor-element.elementor-element-25176cb9 .td-slider-content-text{margin:21px 21px 21px 21px;}.elementor-138 .elementor-element.elementor-element-54b70901{padding:110px 0px 75px 0px;}.elementor-138 .elementor-element.elementor-element-fb95314{padding:0px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-138 .elementor-element.elementor-element-3cfecbc3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-138 .elementor-element.elementor-element-3cfecbc3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-138 .elementor-element.elementor-element-a0c71ef .td-image-container{width:120%;margin:0px -110px 0px 0px;text-align:left;}.elementor-138 .elementor-element.elementor-element-51f57d3d > .elementor-element-populated{padding:15px 15px 15px 50px;}.elementor-138 .elementor-element.elementor-element-d48b65e > .elementor-widget-container{transition:background 0s;}.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-content{width:76%;}.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-wrap{text-align:center;margin:0px 0px 25px 0px;}.elementor-138 .elementor-element.elementor-element-d48b65e .td-subtitle-icon{color:#43210E;}.elementor-138 .elementor-element.elementor-element-d48b65e .td-subtitle-icon svg{fill:#43210E;}.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-wrap .td-section-title h1,.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-wrap .td-section-title h2,.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-wrap .td-section-title h3,.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-wrap .td-section-title h4,.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-wrap .td-section-title h5,.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-wrap .td-section-title h6{color:#FFFFFF;}.elementor-138 .elementor-element.elementor-element-d6fbc2e{padding:75px 0px 75px 0px;}.elementor-138 .elementor-element.elementor-element-e5f8378 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-138 .elementor-element.elementor-element-dd3523d{text-align:center;}.elementor-138 .elementor-element.elementor-element-dd3523d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-accent );}.elementor-138 .elementor-element.elementor-element-58b5e5c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-138 .elementor-element.elementor-element-58b5e5c > .elementor-widget-container{box-shadow:-1px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-138 .elementor-element.elementor-element-781daf9e{padding:97px 0px 75px 0px;}.elementor-138 .elementor-element.elementor-element-507c587f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:20px;}.elementor-138 .elementor-element.elementor-element-29bd33d8 .td-section-title-content{width:35%;}.elementor-138 .elementor-element.elementor-element-29bd33d8 .td-section-title-wrap{text-align:center;margin:0px 0px 20px 0px;}@media(max-width:1024px){.elementor-138 .elementor-element.elementor-element-a0c71ef .td-image-container{width:100%;margin:0px 0px 0px 0px;text-align:center;}.elementor-138 .elementor-element.elementor-element-51f57d3d > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:15px 15px 15px 15px;}.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-content{width:90%;}.elementor-138 .elementor-element.elementor-element-29bd33d8 .td-section-title-content{width:65%;}}@media(min-width:768px){.elementor-138 .elementor-element.elementor-element-3cfecbc3{width:27.456%;}.elementor-138 .elementor-element.elementor-element-51f57d3d{width:72.544%;}}@media(max-width:1024px) and (min-width:768px){.elementor-138 .elementor-element.elementor-element-3cfecbc3{width:100%;}.elementor-138 .elementor-element.elementor-element-51f57d3d{width:100%;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-54b70901{padding:90px 0px 45px 0px;}.elementor-138 .elementor-element.elementor-element-fb95314{padding:0px 0px 85px 0px;}.elementor-138 .elementor-element.elementor-element-a0c71ef .td-image-container{width:100%;}.elementor-138 .elementor-element.elementor-element-d48b65e .td-section-title-content{width:100%;}.elementor-138 .elementor-element.elementor-element-d6fbc2e{padding:60px 0px 60px 0px;}.elementor-138 .elementor-element.elementor-element-781daf9e{padding:80px 0px 60px 0px;}.elementor-138 .elementor-element.elementor-element-29bd33d8 .td-section-title-content{width:100%;}}/* Start custom CSS for column, class: .elementor-element-489be62 *//* ================================
   BOU MBAZAR – Services Section
   Scoped styles for: elementor-element-489be62
   ================================ */
.elementor-element-489be62{
  --accent: #00ff7f;           /* سبز برند */
  --accent-2: #38f2c0;         /* سبز-فیروزه‌ای مکمل */
  --ink: #eaf7f0;              /* متن روی بک‌گراند تیره */
  --glass: rgba(255,255,255,.08);
  --glass-border: rgba(255,255,255,.15);
  --shadow: 0 12px 32px rgba(0,0,0,.35);
  position: relative;
  overflow: hidden;
  /* بک‌گراند گرادیانی لطیف */
  background:
    radial-gradient(120% 100% at 100% 0%, #0d3e2d 0%, #08241a 55%, #061813 100%);
}

/* هاله‌های زیبای پس‌زمینه */
.elementor-element-489be62::before,
.elementor-element-489be62::after{
  content:"";
  position:absolute;
  width:420px;height:420px;
  border-radius:50%;
  filter: blur(80px);
  opacity:.35;
  pointer-events:none;
  animation: floaty 12s ease-in-out infinite;
}
.elementor-element-489be62::before{
  top:-140px; left:-120px;
  background: radial-gradient(closest-side, var(--accent), transparent 70%);
}
.elementor-element-489be62::after{
  bottom:-160px; right:-140px;
  background: radial-gradient(closest-side, var(--accent-2), transparent 70%);
  animation-delay: -4s;
}
@keyframes floaty{
  0%,100%{ transform: translateY(0) translateX(0); }
  50%{ transform: translateY(-14px) translateX(6px); }
}

/* ---------- عنوان بخش ---------- */
.elementor-element-489be62 .td-section-title-wrap{
  margin-bottom: 28px;
  text-align:center;
  color: var(--ink);
}
.elementor-element-489be62 .td-section-subtitle{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(56, 242, 192, .1);
  border: 1px solid rgba(56,242,192,.25);
  color: var(--accent);
  font-weight:600;
  letter-spacing:.2px;
}
.elementor-element-489be62 .td-section-title h2{
  margin:14px auto 0;
  line-height:1.25;
  color: var(--ink);
  font-weight:800;
  /* سایز واکنش‌گرا */
  font-size: clamp(22px, 3.2vw, 38px);
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
/* گرادیان روی span (جایگزین رنگ inline) */
.elementor-element-489be62 .td-section-title h2 span{
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* ---------- کارت‌های سرویس ---------- */
.elementor-element-489be62 .td-service-box-one-wrapper{
  position: relative;
  z-index:1;
}
.elementor-element-489be62 .td-single-service-box-one{
  padding: 12px;
}
.elementor-element-489be62 .td-service-box-one-content{
  background: var(--glass);
  border: 1px solid var(--glass-border);
  border-radius: 20px;
  box-shadow: var(--shadow);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 20px 18px 18px;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  position: relative;
  overflow: hidden;
}
.elementor-element-489be62 .td-service-box-one-content:hover{
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  border-color: rgba(56,242,192,.35);
}

/* نوار تزئینی بالای کارت */
.elementor-element-489be62 .td-service-box-one-content .top-shape{
  position:absolute; inset:0 0 auto 0; height:4px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  opacity:.8;
}

/* تصویر کارت (پس‌زمینه‌ی div) */
.elementor-element-489be62 .td-service-box-image{
  height: 190px;
  border-radius: 14px;
  background-size: cover;
  background-position: center;
  transition: transform .5s ease, filter .5s ease;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
}
.elementor-element-489be62 .td-service-box-one-content:hover .td-service-box-image{
  transform: scale(1.06);
  filter: saturate(1.05) contrast(1.02);
}

/* تیتر و زیرتیتر کارت */
.elementor-element-489be62 .td-service-box-title{
  color: #ffffff;
  font-weight: 800;
  font-size: clamp(18px, 2.1vw, 22px);
  margin: 2px 0 0;
}
.elementor-element-489be62 .td-service-box-subtitle{
  color: rgba(234,247,240,.85);
  font-size: 14px;
  line-height: 1.7;
  margin-top: 6px;
}

/* دکمه کارت */
.elementor-element-489be62 .td-service-one-button{
  margin-top: auto; /* بچسبد به پایین کارت */
  display:inline-flex; align-items:center; justify-content:center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  color: #05241b !important;
  font-weight: 800;
  letter-spacing:.2px;
  border: 0;
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  text-decoration:none !important;
}
.elementor-element-489be62 .td-service-one-button:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
  filter: brightness(1.05);
}

/* ---------- Slick Slider arrows & dots ---------- */
.elementor-element-489be62 .td-service-items .slick-arrow{
  position:absolute; top: calc(50% - 21px);
  width:42px; height:42px; line-height:42px;
  text-align:center; font-size:16px;
  border-radius:50%;
  color:#eafff6;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: transform .25s ease, background .25s ease, color .25s ease;
  z-index: 2;
}
.elementor-element-489be62 .td-service-items .slick-prev{ left: -12px; }
.elementor-element-489be62 .td-service-items .slick-next{ right: -12px; }
.elementor-element-489be62 .td-service-items .slick-arrow:hover{
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  color:#05241b;
  transform: translateY(-2px);
}

/* نقاط اسلایدر */
.elementor-element-489be62 .td/* End custom CSS */
/* Start custom CSS for themedraft_service_box_three, class: .elementor-element-58b5e5c */<script>
(function($){
  "use strict";

  function markNeighbors($el, slick){
    var $slides = $el.find('.slick-slide');
    $slides.removeClass('is-center is-left is-right');

    // اگر centerMode فعال است:
    var $center = $slides.filter('.slick-center').first();
    if ($center.length) {
      var i = +$center.attr('data-slick-index'),
          n = slick.slideCount;
      $slides.filter('[data-slick-index="'+ i +'"]').addClass('is-center');
      $slides.filter('[data-slick-index="'+ ((i-1+n)%n) +'"]').addClass('is-left');
      $slides.filter('[data-slick-index="'+ ((i+1)%n) +'"]').addClass('is-right');
      return;
    }

    // fallback وقتی centerMode=false (مثلاً در موبایل):
    var pivot = slick.currentSlide + Math.floor(slick.options.slidesToShow/2),
        n2 = slick.slideCount;
    pivot = ((pivot % n2) + n2) % n2;
    $slides.filter('[data-slick-index="'+ pivot +'"]').addClass('is-center');
    $slides.filter('[data-slick-index="'+ ((pivot-1+n2)%n2) +'"]').addClass('is-left');
    $slides.filter('[data-slick-index="'+ ((pivot+1)%n2) +'"]').addClass('is-right');
  }

  $(function(){
    var $car = $("#service-row-7071");

    // اگر هنوز Slick نشده:
    if (!$car.hasClass('slick-initialized')) {
      $car.slick({
        slidesToShow: 4,            // ← چهار کارت
        slidesToScroll: 1,
        centerMode: true,           // ← لازم برای افکت
        centerPadding: '0px',
        rtl: true,                  // ← چون سایت فارسی است
        infinite: true,
        autoplay: true,
        autoplaySpeed: 2800,
        speed: 800,
        cssEase: 'cubic-bezier(.2,.8,.2,1)',
        arrows: true,
        dots: false,
        prevArrow: '<i class="slick-arrow slick-prev fas fa-arrow-left"></i>',
        nextArrow: '<i class="slick-arrow slick-next fas fa-arrow-right"></i>',
        pauseOnHover: false,
        responsive: [
          { breakpoint: 1200, settings: { slidesToShow: 3 }},
          { breakpoint: 992,  settings: { slidesToShow: 2 }},
          { breakpoint: 576,  settings: { slidesToShow: 1, centerMode: false }}
        ]
      });
    }

    // برچسب‌گذاری همسایه‌ها برای افکت سه‌بعدی
    $car.on('init afterChange', function(e, slick){
      markNeighbors($car, slick);
    });

    // اگر قبل از این init شده بود:
    if ($car.hasClass('slick-initialized')) {
      var slick = $car.slick('getSlick');
      markNeighbors($car, slick);
    }
  });
})(jQuery);
</script>/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7830fb1 *//* ========== ECO SLIDER – Boumbazar ========== */
:root{
  --eco-forest:#0b4d3a;   /* سبز جنگلی تیره */
  --eco-leaf:#1fae72;     /* سبز برگ */
  --eco-mint:#10b981;     /* سبز روشن فیروزه‌ای */
  --eco-cream:#f3faf6;    /* پس‌زمینه روشن */
  --eco-ink:#1b2b25;      /* متن تیره */
  --eco-shadow:rgba(6,78,59,.14);
}

/* پس‌زمینه ملایم با بافت گرادیانی الهام از برگ‌ها */
.td-service-three-wrapper{
  background:
    radial-gradient(1100px 1100px at 110% -10%, rgba(31,174,114,.10), transparent 40%),
    radial-gradient(800px 800px at -10% 110%, rgba(16,185,129,.10), transparent 35%),
    linear-gradient(180deg, var(--eco-cream), #e9f6ef);
  padding-block: clamp(16px, 2vw, 28px);
}

/* فاصله داخلی اسلایدها */
#service-row-1944 .slick-list{ margin:0 -12px; padding: 8px 0; }
#service-row-1944 .td-single-service-three{ padding:0 12px; }

/* کارت هر اسلاید */
#service-row-1944 .td-service-three-item{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(31,174,114,.10);
  box-shadow:0 12px 30px var(--eco-shadow);
  transition:transform .35s ease, box-shadow .35s ease;
}

/* هاله‌های برگ‌مانند تزئینی */
#service-row-1944 .td-service-three-item::before,
#service-row-1944 .td-service-three-item::after{
  content:"";
  position:absolute; pointer-events:none;
  filter: blur(.2px);
}
#service-row-1944 .td-service-three-item::before{
  width:220px;height:220px; right:-60px; top:-70px;
  background:
    radial-gradient(closest-side, rgba(31,174,114,.18), transparent 70%);
  transform: rotate(25deg);
  border-radius:50%;
}
#service-row-1944 .td-service-three-item::after{
  width:260px;height:260px; left:-80px; bottom:-90px;
  background:
    radial-gradient(closest-side, rgba(16,185,129,.14), transparent 75%);
  transform: rotate(-10deg);
  border-radius:50%;
}

/* افکت هاور کارت */
#service-row-1944 .td-service-three-item:hover{
  transform: translateY(-6px);
  box-shadow:0 20px 46px rgba(16,185,129,.22);
}

/* تصویر بالای کارت + پوشش گرادیانی برای خوانایی */
#service-row-1944 .td-service-three-image{
  position:relative;
  height: 240px;                /* در صورت نیاز تغییر بده */
  background-size:cover; background-position:center;
}
#service-row-1944 .td-service-three-image::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(11,77,58,.35));
}

/* آیکن گردِ سبز */
#service-row-1944 .td-service-three-icon{
  position:absolute; right:16px; bottom:-28px; z-index:2;
}
#service-row-1944 .td-service-three-icon .td-font-icon{
  width:56px;height:56px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(145deg, var(--eco-leaf), var(--eco-mint));
  color:#fff; font-size:20px;
  box-shadow:0 10px 24px rgba(31,174,114,.32);
  transform: translateZ(0);
  transition: transform .25s ease;
}
#service-row-1944 .td-service-three-item:hover .td-font-icon{
  transform: translateY(-2px) scale(1.04);
}

/* محتوای کارت */
#service-row-1944 .td-service-three-content{
  padding: 22px 18px 26px;
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(160%) blur(6px);
  color: var(--eco-ink);
}
#service-row-1944 .td-service-three-title{
  margin:0 0 8px; font-weight:800;
  font-size: clamp(18px, 2.2vw, 20px);
  color: var(--eco-forest);
  line-height:1.4;
}
#service-row-1944 .td-service-three-details:hover .td-service-three-title{
  color: var(--eco-leaf);
}
#service-row-1944 .td-service-three-desc{ color:#2b3b35; opacity:.92; }
#service-row-1944 .td-service-three-desc p{ margin:0; }

/* دکمه */
#service-row-1944 .td-service-three-button .td-button{
  display:inline-flex; align-items:center; gap:.5rem;
  border-radius:999px; padding:10px 16px;
  background:linear-gradient(135deg, var(--eco-forest), var(--eco-leaf));
  border:0; color:#fff !important; font-weight:700;
  box-shadow:0 10px 22px rgba(11,77,58,.28);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
#service-row-1944 .td-service-three-button .td-button:hover{
  transform: translateY(-2px);
  box-shadow:0 14px 28px rgba(31,174,114,.32);
  filter: brightness(1.05);
}
#service-row-1944 .td-service-three-button .td-button i{
  font-size:14px; transform: translateX(0); transition: transform .25s;
}
#service-row-1944 .td-service-three-button .td-button:hover i{
  transform: translateX(-4px); /* برای RTL پیکان کمی عقب بره */
}

/* فلش‌های اسلایدر */
#service-row-1944 .slick-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:48px;height:48px; border-radius:999px;
  display:flex!important; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--eco-leaf), var(--eco-mint));
  color:#fff; opacity:.98; z-index:3;
  box-shadow:0 10px 25px rgba(20,150,110,.35);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
#service-row-1944 .slick-prev{ left:-16px; }
#service-row-1944 .slick-next{ right:-16px; }
#service-row-1944 .slick-arrow:hover{
  transform:translateY(-50%) scale(1.06);
  box-shadow:0 14px 30px rgba(16,185,129,.40);
  filter: brightness(1.05);
}

/* نقاط (اگر بعداً فعال کردی dots:true) */
#service-row-1944 .slick-dots{ bottom:-30px; }
#service-row-1944 .slick-dots li{ margin:0 5px; }
#service-row-1944 .slick-dots li button{
  width:10px;height:10px;border-radius:50%;
  background: rgba(31,174,114,.35);
}
#service-row-1944 .slick-dots li.slick-active button{
  background: var(--eco-leaf); transform: scale(1.25);
}

/* ریسپانسیو جزئی */
@media (max-width: 768px){
  #service-row-1944 .td-service-three-image{ height: 200px; }
  #service-row-1944 .slick-prev{ left:-10px; }
  #service-row-1944 .slick-next{ right:-10px; }
}/* End custom CSS */