.scrolldown-wrapper {text-align: center;position: absolute;left: 50%;bottom: 0;transform: translate(-50%, -50%);}
.scrolldown {text-align: center;width: 20px;height: 36px;margin: 0 auto 0px;border: 1px solid var(--color-11);border-radius: 30px;}
.scrolldown-p1,
.scrolldown-p2 {animation-duration: 1.5s;animation-name: scrolldown;animation-iteration-count: infinite;fill: var(--color-11);}
.scrolldown-p2 {animation-delay: .75s;}

@keyframes scrolldown {
	0% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;	
		transform: translate(0, 8px);
	}
}

/*.pin-spacer {padding: 0px !important;height: auto !important;}*/
body{background: linear-gradient(180deg, #E9FFFD 0%, #FFF 100%);}
section.home-sec-hero{position: relative;height: 100vh;padding: 95px 60px 0px 60px;}

section.home-sec-hero .parallax-01{height: 82vh;border-radius: 15px;position: relative;overflow: hidden;/*background: url("hero-bg.jpg") no-repeat center center;background-size:cover;*/}
section.home-sec-hero .parallax-01 .hero-bg{transform: scale(1.2);}
section.home-sec-hero .parallax-01 .hero-01{position: absolute;top: 0;left: 0;z-index: 1;}
section.home-sec-hero .parallax-01 .hero-02{position: absolute;top: 0;left: 0;z-fyear-for-emblemindex: 2;}
section.home-sec-hero .parallax-01 .hero-03{position: absolute;top: 0;left: 0;z-index: 3;}
section.home-sec-hero .parallax-01 .hero-04{}
section.home-sec-hero .parallax-01 h1 {font-size: calc(7px + 2vh);position: absolute;bottom: 4%;left: 61%;max-width: calc(16vw + 21vh);}
section.home-sec-hero .parallax-01 h1 strong{}
section.home-sec-01{padding: 100px 60px 150px 60px;position:relative;}
section.home-sec-01 h2{margin-bottom:100px;}

.heals-the-world {position: absolute;left:0;bottom:0;}
section#home-factory-extract{/* padding-top:22vh;padding-bottom:20vh;*/padding-top: 10vh;height: 120vh;display: flex;position:relative;z-index:9;}
.hfe-wrp{display:inline-block;margin: auto;position:relative;max-width: 100%;}
.hfe-wrp .points{font-size: 14px;font-weight: 500;line-height: 1.2;text-align: left;/* text-transform: uppercase; */position:absolute;z-index: 10;width: 250px;}
.hfe-wrp .points .txt{text-align:left;display:inline-block;}
.hfe-wrp .points .txt ul{margin-left:10px;margin-top: 5px}
.hfe-wrp .points:before1{content:"";width: 10px;height: 10px;background: var(--color-11);border-radius: 100px;box-shadow: 0px 0px 0px 6px #1f9e914d;position: absolute;z-index: 9;}
.hfe-wrp .points:after1{content:"";width: 40%;height: 1px;background: var(--color-02);position: absolute;}

.hfe-wrp .points .line-dots{}
.hfe-wrp .points .line-dots:before{content:"";width: 10px;height: 10px;background: var(--color-11);border-radius: 100px;box-shadow: 0px 0px 0px 6px #1f9e914d;position: absolute;z-index: 9;}
.hfe-wrp .points .line-dots:after{content:"";width: 100%;height: 1px;/* background: var(--color-02); */position: absolute;}




.hfe-wrp .points.pp-01{top: 10%;left: 22%;}
.hfe-wrp .points.pp-02{top: 3%;right: -20%;}
.hfe-wrp .points.pp-03{top: 48%;left: -14%;}
.hfe-wrp .points.pp-04{top: 36%;right: -16%;}
.hfe-wrp .points.pp-05{top: 56%;right: -11%;}
.hfe-wrp .points.pp-06{top: 80%;right: -22%;}
.hfe-wrp .points.pp-07{top: 96%;right: -28%;}
.hfe-wrp .points.pp-08{top: 100%;left: -15%;}


.hfe-wrp .points.pp-06 .line-dots:after{width: 145%;}
.hfe-wrp .points.pp-07 .line-dots:after{width:160%}
  
.hfe-wrp .points.left{text-align:right;}
.hfe-wrp .points.left .line-dots:before{top: 8px;left: calc(100% + 20px);}
.hfe-wrp .points.left .line-dots:after{top: 13px;left: 111%;background: linear-gradient(90deg, black, transparent);}
 
.hfe-wrp .points.right{text-align:left;}
.hfe-wrp .points.right .line-dots:before{top: 8px;right: calc(100% + 20px);}
.hfe-wrp .points.right .line-dots:after{top: 13px;right: 110%;background: linear-gradient(270deg, black, transparent);}
 

.factory{position:relative;/* max-width: 50%; */margin: auto;display:flex;align-items:center;top: 20vh;}
.factory .f_06{position: absolute;top: 0;left:0%;z-index: 5;/* opacity: .6; */}
.factory .f_05{position: absolute;top: 0;left:0%;z-index: 5;/* opacity: .6; */}
.factory .f_04{position: absolute;top: 0;left:0%;z-index: 4;}
.factory .f_03{position: absolute;top: 0;left:0%;z-index: 3;}
.factory .f_01{position: absolute;top: 0;left:0%;z-index: 1;}
.factory .f_02{position: relative;z-index: 2;}

section.home-sec-logos{padding: 70px 0px 30px 0px;overflow: hidden;position: relative;mix-blend-mode: soft-light;}
.supermarquee{position:relative;z-index:9;display: inline-flex;mix-blend-mode: darken;} 
.supermarquee ul{margin: 0px 0px 0px 70px;padding:0px;list-style-type:none}
.supermarquee ul li{ display:inline-block;padding:20px 45px;position: relative;} 
.supermarquee ul li img{}

section.home-video-split{height:150vh;}

section.home-sec-video{/*padding-top:5vh; padding-bottom:20vh; */height: 120vh;display: flex;}
section.home-sec-video .fixed_video{overflow: hidden;width: 40%;height: 45vh;background: #16978a;margin: auto;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;border-radius: 40px;z-index: 5;}
section.home-sec-video .fixed_video video{pointer-events: none;opacity:.4;border-radius:15px; /*object-fit: cover;*/width:80vw; }

section.home-sec-video h2.split-heading {font-size: calc(10px + 1.75vw + 1vh);font-weight: 500;position: absolute;top: 48%;left: 50%;width: 100%;padding: 0px 60px;transform: translate(-50%, -0%);gap: 10px;display: flex;justify-content: space-between;align-items: center;}
section.home-sec-video h2.split-heading.color-black{z-index: 1;}
section.home-sec-video h2.split-heading.color-white{color: var(--color-01);z-index: 9;mix-blend-mode: color-dodge;}

section.home-sec-02{}
section.home-sec-02 .year-for-emblem{margin: 0px 0px;opacity: .4;max-height: 45vh;}
section.home-sec-02 .para{}
.rotating-text {font-size: calc(32px + 5vw);font-weight: 500;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;}
.rotating-text p {width: 100%;display: flex;justify-content: center;align-items: center;color:#F68D1E;}
/*.rotating-text p:after{content:"";width:100%;background: linear-gradient(88deg, #1F9E91 2.48%, #F68D1E 84.27%);}*/
.rotating-text p .words {position: absolute;display: flex;opacity: 0;}
.rotating-text p .words .letter {transform-origin: center center 25px;}
.rotating-text p .words .letter.out {transform: rotateX(90deg);transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);}
.rotating-text p .words .letter.in {transition: 0.38s ease;}
.rotating-text p .words .letter.behind {transform: rotateX(-90deg);}

.rotating-text p .words span:nth-child(1){color:#2b9d8b;}
.rotating-text p .words span:nth-child(2){color:#439b7e;}
.rotating-text p .words span:nth-child(3){color:#4e9a77;}
.rotating-text p .words span:nth-child(4){color:#6b9868;}
.rotating-text p .words span:nth-child(5){color:#8d9556;}
.rotating-text p .words span:nth-child(6){color:#a89348;}
.rotating-text p .words span:nth-child(7){color:#c0923c;}
.rotating-text p .words span:nth-child(8){color:#d19032;}
.rotating-text p .words span:nth-child(9){color:#df8f2b;}
.rotating-text p .words span:nth-child(10){color:#f58d1f;}
.rotating-text p .words span:nth-child(11){color:#f68d1e;}
.rotating-text p .words span:nth-child(12){color:#f68d1e;}
.rotating-text p .words span:nth-child(13){color:#f68d1e;}


.rotating-text {font-size: calc(32px + 5vw);font-weight: 500;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9;}
.rotating-text p {width: 100%;display: flex;justify-content: center;align-items: center;color: #F68D1E;}
.rotating-text p .words {position: absolute;display: flex;opacity: 0;}
.rotating-text p .words .letter {transform-origin: center center 25px;}

section.home-sec-clientels {}
section.home-sec-clientels h2{margin-bottom:40px;}
section.home-sec-clientels p{}


section.home-sec-03{background: linear-gradient(180deg, #E9FFFD 25%, #FFF 100%);position: relative;padding-bottom:0px;}
section.home-sec-03 h2{margin-bottom: 30px;}
section.home-sec-03 h2 br{display:none;}

section.home-sec-03 p{}

section.home-sec-03 .slider-for {z-index: 9;pointer-events: none;margin-top: -140px;}
section.home-sec-03 .slider-for .slick-list.draggable {padding-top:100px;padding-bottom:100px;}
section.home-sec-03 .slider-for .p_thumb{text-align: center;margin: 0px 0px 10px 0px;}
section.home-sec-03 .slider-for .p_thumb img{display: inline-block;max-width: 500px;width: 100%;}

section.home-sec-03 .products-nav {position: absolute;width: 100%;bottom: 0px;left: 0px;}
section.home-sec-03 .products-nav .p_details{float: right;width: 100%;max-width: 350px;padding-bottom: 70px;}
section.home-sec-03 .products-nav .p_details h3{font-weight: 500;text-transform: inherit;line-height: 1.2;}
section.home-sec-03 .products-nav .p_details .pt_box{text-align:left;/* max-width: 90%; */}
section.home-sec-03 .products-nav .p_details .pt_box p{margin-bottom: 30px;}
section.home-sec-03 .products-nav .p_details .pt_box ul{margin: 0px;padding: 0px;list-style-type: none;display: inline-block;}
section.home-sec-03 .products-nav .p_details .pt_box ul li{padding: 7px 10px 7px 0px;border-bottom: 1px solid #f0890082;}
section.home-sec-03 .products-nav .p_details .pt_box ul li:nth-last-child(1){border-bottom:none;}
section.home-sec-03 .products-nav .p_details .pt_box a{display:none;}

section.home-sec-03 .products-nav .p_details .pt_box ul ul{margin-left:30px}

button.slick-arrow{cursor: pointer;font-size: 0px;width: 44px;height: 44px;background: #CAE7E6;border: none;border-radius: 100px;position: absolute;bottom: 0px;z-index: 99;transition:all 200ms ease-in-out;}
button.slick-arrow:before{content:"";width: 12px;height: 12px;position: absolute;top: 16px;left: 18px;border-left: 2px solid var(--color-11);border-bottom: 2px solid var(--color-11);transform: rotate(45deg);transition:all 100ms ease-in-out;}
button.slick-prev.slick-arrow{right: 60px;}
button.slick-next.slick-arrow{right: 0px;transform: rotate(180deg);}

button.slick-arrow:hover, button.slick-arrow:focus, button.slick-arrow:active{background:var(--color-11);outline: none;box-shadow: none;transition:all 200ms ease-in-out;}
button.slick-arrow:hover:before, button.slick-arrow:focus:before, button.slick-arrow:active:before{filter:brightness(100);transition:all 100ms ease-in-out;}


section.home-sec-04{background: var(--color-01);position:relative;/* height:100vh; *//* display: flex; *//* align-items: flex-start; *//* flex-direction: column; */}
section.home-sec-04 p.title:before{/* background: #bae2de; */}
section.home-sec-04 .edge-points{margin: 20px 0px 40px 0px;gap: 40px;display: flex;justify-content: flex-start;align-items: center;}
section.home-sec-04 .edge-points img{}
section.home-sec-04 .edge-points p{margin-bottom:0px;}
section.home-sec-04 .mmf-features{}
section.home-sec-04 .mmf-features ul{display: flex;flex-direction: row;flex-wrap: wrap;margin: 50px 0px 0px 0px;padding: 0px;list-style-type: none;counter-reset: Span-count;}
section.home-sec-04 .mmf-features ul li{width: 33%;padding: 30px 0px;position: relative;counter-increment: Li-count;}
section.home-sec-04 .mmf-features ul li:before{content: counter(Li-count) ". ";color: var(--color-11);position: absolute;top: 0;left: 0;}
section.home-sec-04.mmf{background: linear-gradient(0deg, #c9ebe8 55%, #FFF 100%) !important;}
.mmf-content1{position:relative;z-index:9;}
.extra-height{height:100vh;}
.sequence-container1 {width: 100%;overflow: hidden;/* position: absolute; top: 0;right: 0;*/display: flex;justify-content: center;align-items: flex-start;align-content: flex-start;padding-top:100px;}
#sequence1 {/* width: 200%; *//* height: auto; *//* margin-left:-50%; */}


.canvas-wrap{display: flex;position: absolute;top: 20%;right: 0;width: 52vw;height: 25vw;z-index: -1;}
canvas {position: absolute;width: 100%;height: 100%;pointer-events: none;z-index: 99;}


#audio-control {color: #fff;cursor: pointer;text-transform: uppercase;display: inline-block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 999;/*transition:all 300ms ease-in-out;*/}
#audio-control span{font-size: 0px;line-height: 1;text-align: center;position: relative;width: 120px;height: 120px;padding: 10px;display: flex;align-items: center;background: #f08900;border-radius:100px;transition:all 300ms ease-in-out;}
#audio-control span:before{content:"";width: 55%;height: 55%;background:url("../templates/img/icon-audio.png") no-repeat center center;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);filter: invert(1) brightness(100);transition:all 300ms ease-in-out;}
#audio-control span:after{content:"";width: 70%;height: 5px;background: #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);border-radius: 100px;transition:all 300ms ease-in-out;}

/*#audio-control.Mute {opacity: 1;top: 95%;left:53%;transform: translate(-95%, -50%) scale(.4);}*/
#audio-control.Mute {opacity:1;top: 50%;left:50%;transform: translate(-50%, -50%) scale(1);}

#audio-control.unMute span:after{width: 0%;transition:all 300ms ease-in-out;}

#audio-control.Mute:hover{opacity:1;}

/*
#audio-control span:after,
#audio-control span:before{content:"";width: 0;height: 0;position: absolute;top: 50%;left: 63%;transform: translate(-50%,-50%);transition:all 300ms ease-in-out;}

#audio-control.Mute span:after{left: 58%;height: 35px;border: 0px solid transparent;border-left: 10px solid #ffffff;transition:all 300ms ease-in-out;}
#audio-control.Mute span:before{left: 40%;width: 0;height: 35px;border: 0px solid transparent;border-left: 10px solid #ffffff;transition:all 300ms ease-in-out;}

#audio-control.Mute span{background: #f0890063;}
#audio-control.unMute span:after,
#audio-control.unMute span:before{border: 20px solid transparent;border-left: 30px solid #ffffff;transition:all 300ms ease-in-out;}
*/

#audio-control:hover{/*transition:all 300ms ease-in-out;*/}
#audio-control:hover span{transform:scale(1.3);box-shadow:0px 0px 10px rgba(0,0,0,.2);transition:all 300ms ease-in-out;}
#audio-control:hover span:before{width:30%;height:30%;transition:all 300ms ease-in-out;}
 


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 120px) and (max-width : 900px) {
	.margin-t{margin-top: 30px!important}
	section.home-sec-hero .parallax-01{border-radius: 10px;}	
	section.home-sec-hero .parallax-01 h1{font-size: 20px;position: absolute;bottom: 30px;left: 30px;max-width: calc(100% - 60px );}	
	
	section.home-sec-hero {height: 100vh;padding: 95px 15px 0px 15px;}
	section.home-sec-hero .parallax-01 .hero-bg{width: auto !important;height: 100%;max-width: inherit}
	section.home-sec-hero .parallax-01 .hero-01,
	section.home-sec-hero .parallax-01 .hero-02,
	section.home-sec-hero .parallax-01 .hero-03,
	section.home-sec-hero .parallax-01 .hero-04{top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1.5) !important ;}
	

	section.home-sec-01 {padding: 40px 15px 20px 15px;}
	section.home-sec-01 h2{margin-bottom:50px;}
	section.home-factory-extract{padding: 40px 15px 20px 15px;}
	
	.factory{top: 0vh;left: -50px;transform: scale(1.5);}
	/*
	.factory{top: 9vh;left: -50px;transform: scale(1.5);}
	.factory .f_06{top: -64px !important;left: 103px !important;}
	.factory .f_05{top: -100px !important;left: 140px !important;}
	.factory .f_04{top: -30px !important;left: 71px !important;}
	.factory .f_03{top: 10px !important;left: 38px !important;}
	.factory .f_01{position: absolute;top: 110px !important;left: -35px !important;z-index: 1;}
	.factory .f_02{position: relative;z-index: 2;top: 50px !important;}
	*/
	
	section.home-sec-logos {padding: 20px 0px 20px 0px} 
	section.home-sec-logos .supermarquee ul {column-gap: 10px;}
	section.home-sec-logos .supermarquee ul li {padding: 20px 20px;}
	section.home-sec-logos .supermarquee ul li img {width: 60%;}
	
	section.home-sec-video .fixed_video{height: 240px !important;}
	section.home-sec-video .fixed_video video{/* width: 180vh !important; *//* height: 100vh; */}
	section.home-sec-video h2.split-heading {font-size: calc(3px + 1.75vw + 1vh);}
	section.home-sec-video h2.split-heading {font-size: 16px;padding: 0px 10px 0px 10px;gap: 80px}
	section.home-sec-video h2.split-heading span{max-width: 140px;}

	section.home-sec-video h2.split-heading span:nth-child(2){text-align: right;}
	section.home-sec-02 {height: 100vh !important;display: flex;justify-content: center;align-items: center;align-content: center;z-index: 99;position: relative;background: #edfffd;top: 100px;}
	
	section.home-sec-03 {padding: 60px 10px 50px 10px;/* height: 115vh; */}
	section.home-sec-03 .slider-for .slick-list.draggable {padding-top: 130px;padding-bottom: 0px;}
	section.home-sec-03 .products-nav {position: relative;}
	section.home-sec-03 .products-nav .p_details h3{font-size:24px;}
	section.home-sec-03 .products-nav .slick-slider{padding-bottom:70px;}
	section.home-sec-03 .products-nav .p_details {float: left;padding: 0px;}
	button.slick-arrow{bottom: 0px;}
	button.slick-prev.slick-arrow{left: 0px;}
	button.slick-next.slick-arrow{left: 50px;}

	section.home-sec-04 {padding: 50px 15px 0px 15px;}
	section.home-sec-04 .edge-points{gap:20px;}
	section.home-sec-04 .edge-points img{width:60px;}
	section.home-sec-04.mmf .d-inline-flex{flex-direction: column;}
	section.mmf-sec{padding: 40px 15px 20px 15px;}
	section.mmf-sec .mmf-img{margin-top: 50px;}
	

	.canvas-wrap{position: relative;/* top: 60px; */width: 100%;height: 290px;}
	canvas{}

	section.home-sec-04 .mmf-features ul{margin-top: 20px;margin-bottom: 30px;}
	section.home-sec-04 .mmf-features ul li{width: 100%;padding: 10px 0px 10px 30px;display: flex;gap: 6px;}
	section.home-sec-04 .mmf-features ul li:before{top: 10px;}
	section.home-sec-04 .mmf-features ul li br{display:none;}

	section.home-sec-04	.btn-km.fill-green{/* margin-bottom:30px; */}


	#audio-control{width:50px;height:50px;}
	#audio-control span{width: 50px;height: 50px;}
	

	section#home-factory-extract{padding-top: 90px !important;height:auto !important;}

	.hfe-wrp .points{font-size:11px;}
	.hfe-wrp .points.left{text-align: left;}
	
	.hfe-wrp .points{position:relative;}
	.hfe-wrp .points .txt ul{margin-bottom:5px}
	.hfe-wrp .points.pp-01{}
	.hfe-wrp .points.pp-02{transform: inherit !important;}
	.hfe-wrp .points.pp-03{}
	.hfe-wrp .points.pp-04{}
	.hfe-wrp .points.pp-05{}
	.hfe-wrp .points.pp-06{}
	.hfe-wrp .points.pp-07{}
	.hfe-wrp .points.pp-08{}

	.hfe-wrp .points .line-dots{}
	
	.hfe-wrp .points{position: relative;left: 60px !important;top: 0px !important;transform: inherit !important;}
	.hfe-wrp .points.left .line-dots:before,
	.hfe-wrp .points.right .line-dots:before{width: 6px;height: 6px;top: 10px;right: calc(100% + 20px);left: inherit;box-shadow: 0px 0px 0px 5px #1f9e914d;}
	.hfe-wrp .points.left .line-dots:after,
	.hfe-wrp .points.right .line-dots:after{top: 13px;right: 110%;left: inherit;background: linear-gradient(270deg, black, transparent);}

	
	
	
}
@media only screen and (min-width : 1280px) and  (max-width : 1366px){
	section#home-factory-extract {padding: 0px 110px !important;}
	
	
}

@media only screen and (min-width : 1024px) and  (max-width : 1280px){
	section#home-factory-extract {padding: 0px 100px !important;}
	.hfe-wrp .points.pp-07 {right: -29%;}
}