html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}


.topscroll-down{display:block;margin:0 auto;width:24px;height:100px;}
.topscroll-arrows{display:block;width:5px;height:5px;-ms-transform:rotate(45deg);/* IE 9 */
 -webkit-transform:rotate(45deg);/* Chrome,Safari,Opera */
 transform:rotate(45deg);border-right:2px solid var(--black);border-bottom:2px solid var(--black);margin:0 0 3px 4px;width:16px;height:16px;}
.unu{margin-top:1px;}
.unu,.doi,.trei{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite;animation:mouse-scroll 1s infinite;}
.unu{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate;animation-direction:alternate;animation-delay:alternate;}
.doi{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate;animation-delay:.2s;animation-direction:alternate;margin-top:-6px;}
.trei{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-direction:alternate;animation-delay:.3s;animation-direction:alternate;margin-top:-6px;}
.topscroll-mouse{height:42px;width:24px;border-radius:14px;transform:none;border:2px solid var(--black);top:170px;}
.topscroll-wheel{height:5px;width:2px;display:block;margin:5px auto;background:var(--black);position:relative;height:4px;width:4px;border:2px solid var(--black);-webkit-border-radius:8px;border-radius:8px;}
.topscroll-wheel{-webkit-animation:mouse-wheel 0.6s linear infinite;-moz-animation:mouse-wheel 0.6s linear infinite;animation:mouse-wheel 0.6s linear infinite;}
@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
100%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);}
}

@-moz-keyframes mouse-wheel{0%{top:1px;}
25%{top:2px;}
50%{top:3px;}
75%{top:2px;}
100%{top:1px;}
}
@-o-keyframes mouse-wheel{0%{top:1px;}
25%{top:2px;}
50%{top:3px;}
75%{top:2px;}
100%{top:1px;}
}
@keyframes mouse-wheel{0%{top:1px;}
25%{top:2px;}
50%{top:3px;}
75%{top:2px;}
100%{top:1px;}
}
@-webkit-keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}
@-moz-keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}
@-o-keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}
@keyframes mouse-scroll{0%{opacity:0;}
50%{opacity:.5;}
100%{opacity:1;}
}


/*** 06-11- Rakesh **/

.topscroll-down .top-arrows{position:relative;display:inline-block;width:18px;height:70px;}
.topscroll-down .top-arrows:before,.topscroll-down .top-arrows:after{content:" ";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/wp-content/uploads/2024/11/arrow.svg) no-repeat center top;-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;}
.topscroll-down .top-arrows:before{-webkit-animation:pulse 1.5s 0.25s infinite normal ease forwards;-moz-animation:pulse 1.5s 0.25s infinite normal ease forwards;-o-animation:pulse 1.5s 0.25s infinite normal ease forwards;animation:pulse 1.5s 0.25s infinite normal ease forwards;}
.topscroll-down .top-arrows:after{-webkit-animation:pulse 1.5s 0.5s infinite normal ease forwards;-moz-animation:pulse 1.5s 0.5s infinite normal ease forwards;-o-animation:pulse 1.5s 0.5s infinite normal ease forwards;animation:pulse 1.5s 0.5s infinite normal ease forwards;}

@keyframes pulse {
0%{opacity:0;background-position:center top;}
10%{opacity:0;}
50%{opacity:1;}
90%{opacity:0;}
100%{opacity:0;background-position:center bottom;}
}

/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}




/* Work CSS */
.e-con.work-hover::after{content:"";position:absolute;z-index:0;left:-40px;bottom:-1px;width:calc(100% + 80px);height:4px;background:var(--color-secondary);pointer-events:none;}
.e-con.work-hover:last-child:after{/* content:none;*/}
.e-con.work-hover{--y: 100%; overflow: hidden; padding-left: 40px; padding-right: 40px;}
.e-con.work-hover::before{content:"";position:absolute;z-index:0;left:-40px;top:-1px;bottom:-1px;width:calc(100% + 80px);background:var(--color-secondary);transform:translate(0px, var(--y));pointer-events:none;}
/* .e-con.work-hover::before{content:"";position:absolute;z-index:0;left:-40px;top:-1px;bottom:-1px;width:calc(100% + 80px);background:var(--color-secondary);transform:scaleY(0);transform-origin:bottom;transition:transform .2s .1s cubic-bezier(0.645,0.045,0.355,1);pointer-events:none;} */
/* .e-con.work-hover:hover::before{transform:scaleY(1);transform-origin:top;transition:transform .2s cubic-bezier(0.645,0.045,0.355,1);} */
.e-con.work-hover .elementor-heading-title{transition:color .2s cubic-bezier(0.645,0.045,0.355,1);}
.e-con.work-hover:hover .elementor-heading-title{color:var(--color-primary);}
/* End Work CSS */

/* Case Study Animation Css*/
body:not(.elementor-editor-active) .casestudy-section{height:calc(var(--count) * 100vh) !important;}
body:not(.elementor-editor-active) .casestudy-section .caseTriggers{position:absolute;height:100%;top:0;width:100%;z-index:1;pointer-events:none;}
body:not(.elementor-editor-active) .casestudy-section .caseTriggers > div{height:100vh;/* border-bottom:1px solid #fff;*/}
body:not(.elementor-editor-active) .casestudy-section .caseTriggers > div:last-child{display:none;}
body:not(.elementor-editor-active) .casestudy-section .casestudy-inner{position:sticky;height:100vh;top:0;}
body:not(.elementor-editor-active) .casestudy{top:0; --h:100vh;overflow:hidden !important;min-height:var(--h) !important;height:var(--h) !important;position:absolute !important;will-change:height;/* transition:all 0.2s ease-in-out !important;*/}
body:not(.elementor-editor-active) .casestudy::before{position:absolute;height:100vh !important;width:100vw !important;}
body:not(.elementor-editor-active) .casestudy > .e-con-inner{position:absolute;width:100vw !important;height:100vh !important;left:50% !important;transform:translateX(-50%) !important;padding-left:20px !important;padding-right:20px !important;}
/* body:not(.elementor-editor-active) .e-con.cs-card-box{position:relative;overflow:hidden; } */
body:not(.elementor-editor-active) .e-con.cs-card-box{position:relative;overflow:hidden; 
  height: 700px;
  min-height: 400px;
  max-height: calc(100vh - 50px);
}
/* body:not(.elementor-editor-active) .e-con.cs-card-box{position:relative;overflow:hidden;height:700px;min-height:auto !important;max-height:60vh !important;} */
body:not(.elementor-editor-active) .e-con.cs-card-box:before{content:"";display:block;width:48rem;--step:2.1vh;height:3vh;position:absolute;left:50%;z-index:22;top:50%;will-change:transform;transform:translateZ(0) translate(-50%,-50vh) translateY(calc(var(--h) - var(--step)));backface-visibility:hidden;background:var(--color-secondary);border:0 !important;}
body:not(.elementor-editor-active) .cs-card-box .cs-img-logo{position:absolute;top:50%;left:50%; width: 100%; transform:translate(-50%,-50%);}
body:not(.elementor-editor-active) .cs-count span.elementor-heading-title:after{content:'/03';font-size:var(--f18);display:inline-block;opacity:0.2;}

body:not(.elementor-editor-active) .e-con.cs-card-box a{color: var(--color-primary); transition: all 200ms;}
body:not(.elementor-editor-active) .e-con.cs-card-box a:hover{color: var(--black);}
body:not(.elementor-editor-active) .e-con.cs-card-box a::after{content:"";position:absolute;z-index:-1;left:0;bottom:-7px;width:100%;height:1px;background:var(--color-primary);}

/* Hine Button css */
body:not(.elementor-editor-active) .cs-card-box .cs-img-logo + .elementor-element {    justify-content: flex-end;}
body:not(.elementor-editor-active) .cs-card-box .cs-img-logo + .elementor-element .cs-count + .elementor-element  {   display: none !important;}
@media (max-width:767.98px) {
  body:not(.elementor-editor-active) .e-con.cs-card-box{position:relative;overflow:hidden; 
    height: 500px;
  }
}
@media screen {
  .e-con.work-hover{ padding-left: 20px; padding-right: 20px;}
}
/* body:not(.elementor-editor-active) .e-con.cs-card-box .cs-img-logo{
  height: 150px;
  object-fit: contain;
  object-position: center center;
  min-height: auto;
  max-height: 100px;
} */
/* End Case Study Animation Css*/