.elementor-12920 .elementor-element.elementor-element-43976a45{--display:flex;}.elementor-12920 .elementor-element.elementor-element-423fcb16{text-align:center;margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12920 .elementor-element.elementor-element-423fcb16 .elementor-heading-title{font-size:35px;color:#1A3B25;}.elementor-12920 .elementor-element.elementor-element-381759fe{--e-image-carousel-slides-to-show:4;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12920 .elementor-element.elementor-element-381759fe .swiper-wrapper{display:flex;align-items:center;}/* Start custom CSS for image-carousel, class: .elementor-element-381759fe */.project-slider::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px; /* Adjust the width of the fade effect */
  height: 100%;
  z-index: 2; /* Set a higher z-index to render on top of the content */
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /* Adjust the gradient direction */
}

.project-slider::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50px; /* Adjust the width of the fade effect */
  height: 100%;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 525, 255, 0), rgba(255, 255, 255, 1)); /* Adjust the gradient */
}


.project-slider .swiper-wrapper {
  transition-timing-function: linear !important; 
}/* End custom CSS */
/* Start custom CSS */.nias-container-sticky{
    position: sticky!important;
    top: 200px!important;
}

.elementor-element.elementor-element-1851e94.e-con-full.nias-container.e-flex.e-con.e-parent {
    overflow: clip;
}

  .normal-glass{
        backdrop-filter: blur(7.3px);
  -webkit-backdrop-filter: blur(7.3px);
  }




.nias-video-back{
    border-radius: 12px!important;
    overflow: hidden;
        height: -webkit-fill-available;

}

        .sticky-wrapper {
            position: sticky;
            top: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .images-grid {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }


        .nias-cta-btn {
            position: absolute;
            padding: 40px 60px;
            border-radius: 15px;
            cursor: pointer;
            transition: transform 0.3s;
            opacity: 0;
            left: 60%;
        }


        .nias-cta-btn:hover {
            transform: translateY(-5px);
        }
               .inside-image {
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
        }
        
        
        
        .benefit-card {
            background: white;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .benefit-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(26, 59, 37, 0.17);
            border-color: #1A3B25;
        }
        


.nias-image-motion{
    border-radius:65% 35% 72% 28% / 33% 64% 36% 67%    ;
    border: 5px solid #f9f2a3;
    max-height: 200px!important;

}
    .timeline {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 60px;
    }

    /* خط اصلی 
    .timeline::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 4px;
      background: #ccc;
    }*/
.timeline-line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;      
  height: 0;
  border-left: 4px dashed #ccc;
  z-index:0;
}
    .timeline-item {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      position: relative;
      height: 70vh;
    }

    /* ستون چپ (عکس) */
    .timeline-img {
      width: 40%;
    }
    .timeline-img img {
      width: 100%;
      border-radius: 10px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }

    /* ستون وسط (آیکن روی خط) */
    .timeline-middle {
        height: 50px;
        width: 50px;
        background-color: white;
        border: 4px dashed #ccc;
        border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      z-index: 9!important;
    }

    .timeline-icon svg {
      width: 24px;
      height: 24px;
    }

    /* ستون راست (متن) */
    .timeline-content {
      width: 40%;
    background: #ffffff29;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    color: white;
    }

    .timeline-content h3 {
      margin-top: 0;
      color: #333;
    }

    /* ریسپانسیو */
    @media (max-width: 768px) {
      .timeline::before {
        left: 20px;
      }
      .timeline-item {
        flex-direction: column;
    justify-content: space-evenly;

      }
      .timeline-img, .timeline-content {
        width: 100%;
      }
      .timeline-middle {
        margin: 20px 0;
      }
    }
    
    
  .timeline-item {
    filter: blur(6px);
    transform: scale(0.5);
  }

  .timeline-icon {
    transition: box-shadow 0.3s ease;
  }
  
  .title-timeline{
     /* height: calc(100vh - 10px);*/
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;

  }
  
  .title-timeline.liquid-glass::before , .title-timeline.liquid-glass::after , .title-timeline{
      border-radius: 25px;
  }



.nias-video-back{
    z-index: -1!important;
}

@media only screen and (max-width:767px){
    video.elementor-background-video-hosted {
    aspect-ratio: 9/16!important;
    width: 100vw;
    height: 100vh!important;
    border-radius:10px
}

          .nias-cta-btn {
            left: 0;
        }  


.nias-video-back.e-flex.e-con.e-child {
    overflow: visible;
    border-radius: 10px!important;
}
}

.nias-video-back {
    height: 100vh!important;
}
.preview-card {
    animation: nias_floating 4s ease-in-out infinite;
    will-change: transform;
}

@keyframes nias_floating {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */