.animate-1 {
    opacity: 0;
	  transition: 1s;
    transform: translateX(150px);
    }   

   .animate-1.animate-start {
    opacity: 1;
	  transition: 1s;
    transform: translateX(0px);
} 
	 .animate-2 {
      opacity: 0;
	  transition: 1s;
    transform: translateX(50px);
    }

    .animate-2.animate-start-2 {
      opacity: 1;
	  transition: 1s; 
    transform: translateX(0px);
    }
	.animate-3 {
			opacity: 0;
		 transition: 1s;
    transform: translate3d(60px, 40px, 0px);
}
	.animate-3.animate-start-3 {
      transform: translate3d(0px, 0px, 0px);
			 opacity: 1;
    }
.header-ani-1 {
	transition: 1s;
    transform: translateY(-150px);
	 opacity: 0;
}
	.heder-animate-start-1 {
		 transform: translateY(0px);
		 opacity: 1;
	}
	.header-ani-2 {
	transition: 1s;
    transform: translateX(-150px);
	 opacity: 0;
}
	.heder-animate-start-2 {
		 transform: translateX(0px);
		 opacity: 1;
	}
	.header-ani-3 {
	transition: 1s;
    transform: translateX(150px);
	 opacity: 0;
}
	.heder-animate-start-3 {
		 transform: translateX(0px);
		 opacity: 1;
	}
		.animate-4 {
			opacity: 0;
		 transition: 1s;
    transform: translateY(150px);
}
	.animate-4.animate-start-4 {
     transform: translateY(0px);
			 opacity: 1;
    }
			.animate-5 {
			opacity: 0;
		 transition: 1s;
    transform: translateX(150px);
}
	.animate-5.animate-start-5 {
     transform: translateX(0px);
			 opacity: 1;
    }
		.animate-6 {
			opacity: 0;
		 transition: 1s;
    transform: translateY(150px);
}
	.animate-6.animate-start-6 {
     transform: translateY(0px);
			 opacity: 1;
    }
.header-ul1 ul li:nth-child(1) {
	transform: translateX(-50px);
	opacity: 0;
		 transition: 1s;
	}
.header-ul1 ul li:nth-child(2) {
	transform: translateX(-80px);
	opacity: 0;
		 transition: 1s;
	}
.header-ul1 ul li:nth-child(3) {
	transform: translateX(-110px);
	opacity: 0;
		 transition: 1s;
	}
.header-ul1 ul li:nth-child(4) {
	transform: translateX(-140px);
	opacity: 0;
		 transition: 1s;
	}
.header-ul1 ul li:nth-child(5) {
	transform: translateX(-170px);
	opacity: 0;
		 transition: 1s;
	}
.header-ul1 ul li:nth-child(6) {
	transform: translateX(-200px);
	opacity: 0;
		 transition: 1s;
	}
	.header-ul1 ul li:nth-child(7) {
	transform: translateX(-230px);
	opacity: 0;
		 transition: 1s;
	}
	.header-ul1 ul li:nth-child(8) {
	transform: translateX(-260px);
	opacity: 0;
		 transition: 1s;
	}
	.header-ul1 ul li:nth-child(9) {
	transform: translateX(-290px);
	opacity: 0;
		 transition: 1s;
	}
	
	.active-menu-animate-1 ul li {
		transform: translateX(0px) !important;
	  opacity: 1 !important;
	}
	.header-image-ani-1 {
		opacity: 0;
    transform: translate3d(400px, -50px, 0px);
		transition: 1s;
} 
	.active-menu-animate-1 .header-image-ani-1 {
		 opacity: 1 !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
	.header-image-ani-2 {
		opacity: 0;
    transform: translate3d(100px, 410px, 0px);
		transition: 1s;
}
	.active-menu-animate-1 .header-image-ani-2 {
		 opacity: 1 !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
	.header-image-ani-3 {
    transform: translate3d(73px, -164px, 10px);
    opacity: 0;
    transition: 1s;
    animation-delay: 0.5s;
}
	.active-menu-animate-1 .header-image-ani-3 {
  opacity: 1 !important;
    transform: translate3d(0px, 0px, 0px) !important;
}
	.header-image-ani-4 {
    transform: translate3d(120px, 150px, 10px);
    transition: 1s;
    position: relative;
}
	.active-menu-animate-1 .header-image-ani-4 {
    transform: translate3d(0px, 0px, 0px) !important;
}
.h-line1 {
    display: block;
    width: 28px;
    background-color: #373737;
    height: 2px;
    margin-bottom: 10px;
}
.h-line2 {
    display: block;
    width: 32px;
    background-color: #373737;
    height: 2px;
    margin-bottom: 10px;
}
.h-line3 {
    display: block;
    width: 10px;
    background-color: #373737;
    height: 2px;
}
	.white-header .h-line1 , .white-header .h-line2 , .white-header .h-line3 {
		background-color: #ffffff;
	}
		.white-header .active-btn1 .h-line3 , .white-header .active-btn1 .h-line1 {
		background-color: #373737;
	}
	.elementor-element.elementor-element-b0c17ea.e-con-full.header-ani-2.open-menu.e-flex.e-con.e-child.heder-animate-start-2 {
    position: relative;
    z-index: 99999999999999999999;
}

.header-ani-2 {
    display: block;
	  cursor: pointer;
}
	.active-btn1 {
		transition: transform 0.3s, opacity 0.3s;
	}
	
	.active-btn1 .h-line1 {
    transform: rotate(45deg) translate(7px, 12px);
    width: 32px;
}

        .active-btn1 .h-line2 {
            opacity: 0;
        }

.active-btn1 .h-line3 {
    transform: rotate(-45deg) translate(4px, -10px);
    width: 32px;
}

	.op1s {
		opacity: 0 !important;
		transition: transform 0.5s ease-in-out 3s !important;
	}

.video-m1 {
      width: 100%;
    }
    .video-m1 {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1); /* Initial scale set to 1 */
      transition: transform 0.3s ease-out; /* Smooth transition for initial load */
    }
	.vid-banner {
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 200px;
}

/* 	lele */
	
	.fade-left1 , .fade-right1 , .fade-up1 {
		opacity: 0;
	}
	
	

	/* Fade-up animation */
	
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(150px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.pre1 .fade-up1 {
  animation: fadeUp 1s ease-in-out !important; 
}

	/* Fade-left animation */
@keyframes fadeLeft {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.pre1 .fade-right1 {
  animation: fadeLeft 1s ease-in-out; /* 2s is the duration, adjust as needed */
}

	
	/* Fade-right animation */
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.pre1 .fade-left1 {
  animation: fadeRight 1s ease-in-out; /* 2s is the duration, adjust as needed */
}
  	.pre1 .fade-left1 , .pre1 .fade-right1 , .pre1 .fade-up1 {
		opacity: 1;
	}
	
	
	#tab-btn2 .owl-nav.disabled {
    display: none !important;
}

#tab-btn2 .counter {
    display: none !important;
}


#tab-btn3 .owl-nav.disabled {
    display: none !important;
}

#tab-btn3 .counter {
    display: none !important;
}


#tab-btn4 .owl-nav.disabled {
    display: none !important;
}

#tab-btn4 .counter {
    display: none !important;
}


#tab-btn5 .owl-nav.disabled {
    display: none !important;
}

#tab-btn5 .counter {
    display: none !important;
}
.slide-image1 img {
    width: 100% !important;
}
	.slide-image1 {
    display: flex;
    justify-content: center;
}
.Product-slider .owl-thumbs {
    display: none;
}	
.Product-slider .owl-item.active.center.custom-class-center .fade-up1 {
    animation: none !important;
}
	.Product-slider.sec-ani1.pre1.pre-2 .fade-up1 {
    animation: none !important;
}
	
	
	
</style>




<style>

.animate-1.active-tem1 {
    transform: translate3d(-400px, -50px, 10px);
	 opacity: 0;
}

.animate-2.active-tem1 {transform: translate3d(-400px, -50px, 10px);
	 opacity: 0;
	}

.animate-3.active-tem1 {
    transform: translate3d(-400px, -50px, 10px);
	 opacity: 0;
	}
	.sec-temp1.active-tem1 .animate-4 {
		 transform: translate3d(400px, -50px, 10px);
	 opacity: 0;
}

	

	
.vid-banner {
    position: relative;
    z-index: 99;
}
.opacity0 {
    opacity: 0 !important;
}	

	
	.animate-5.sec-temp1.animate-start-5.active-tem1 {
  transform: translate3d(400px, -50px, 10px);
	 opacity: 0;
}



	
	
	  @media screen and (min-width: 1201px) {
	.active-tem1 video {
    border-radius: 0px !important;
    height: 104vh !important;
}
			.video-mob {
				display: none;
			}
			
			
			
	}