/* Scroll Bar CSS Start */
::selection{background:var(--theme-color);color:var(--white);}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:rgb(0 0 0 / 0%);}
::-webkit-scrollbar-thumb{background:rgb(0 0 0 / 0.5);}
::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / 0.8);}
/* Scroll Bar CSS End */

/* Swiper Buttons and Paginations Start*/
.swiper-button-next,.swiper-button-prev{border:1px solid #fff;width:50px;height:50px;border-radius:100%;}
.swiper-button-next:after,.swiper-button-prev:after{font-size:14px;color:var(--white);}
.swiper-pagination-bullet{width:15px;height:15px;transition:all 0.3s ease;border-radius:20px;}
.swiper-pagination-bullet-active{width:25px;}
.swiper-slide-shadow-left{display:none;}
.swiper-slide-shadow-right{display:none;}
.swiper-pagination-bullet-active{background:var(--theme-color);}
/* Swiper Buttons and Paginations End*/

/* Preloader CSS Start */

/* loader */
.preloader{width:100%;height:100%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;position:fixed;left:0;top:0;z-index:99999;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86,0,0.07,1);-webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);transition-delay:2s;}
.preloader *{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86,0,0.07,1);-webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);}
.preloader .layers{width:100%;height:100%;position:absolute;left:0;top:0;background:var(--theme-color);transition-delay:1.75s;}
.preloader .layers span{width:100%;height:33.4%;position:absolute;left:0;background:var(--black);}
.preloader .layers span:nth-child(1){top:0;transition-delay:1s;}
.preloader .layers span:nth-child(2){top:33.33333%;transition-delay:1.25s;}
.preloader .layers span:nth-child(3){top:66.66666%;transition-delay:1.5s;}
.preloader .container-fluid{position:relative;text-align:center;color:#fff;}
.preloader .container-fluid small{display:inline-block;letter-spacing:1px;transition-delay:0.6s;}
.preloader .container-fluid small .char{display:inline-block;animation:texteffect 0.6s cubic-bezier(0.5,0,0.5,1) both;animation-delay:calc(10ms * var(--char-index));}
.preloader .container-fluid figure{margin-bottom:5px;transition-delay:0.5s;}
.preloader .container-fluid figure img{  /* height: 30px; */
animation:texteffect 0.6s cubic-bezier(0.5,0,0.5,1) both;}
.preloader .container-fluid .percentage{width:100%;-webkit-text-stroke-width:4px;-webkit-text-stroke-color:var(--white);color:transparent;line-height:1;font-size:40vw;font-weight:800;position:absolute;left:0;top:50%;z-index:0;transform:translateY(-50%);opacity:0.1;transition-delay:0.8s;}
.preloader .container-fluid .percentage #percentage{animation:texteffect 0.6s cubic-bezier(0.5,0,0.5,1) both;animation-delay:0.3s;}

/* PAGE TRANSITION */
.page-transition{width:100%;height:100%;position:fixed;left:0;top:0;z-index:10;visibility:hidden;}
.page-transition *{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;transition-duration:500ms;-webkit-transition-duration:500ms;transition-timing-function:cubic-bezier(0.86,0,0.07,1);-webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);}
.page-transition .layers{width:100%;height:100%;position:absolute;left:-100%;top:0;background:var(--secondary);}
.page-transition .layers span{width:100%;left:-100%;background:var(--theme-color);}
.page-transition .layers span:nth-child(1){height:33.3333%;position:absolute;top:0;transition-delay:0.25s;}
.page-transition .layers span:nth-child(2){height:33.3333%;position:absolute;top:33.33333%;transition-delay:0.5s;}
.page-transition .layers span:nth-child(3){height:33.3333%;position:absolute;top:66.66666%;transition-delay:0.75s;}
.page-transition.active{visibility:visible;}
.page-transition.active .layers{left:0;}
.page-transition.active .layers span{left:0;}

/* PAGE LOADED */
.page-loaded{overflow:inherit;overflow-x:hidden;}
.page-loaded .preloader{left:-100%;}
.page-loaded .preloader .container-fluid figure{transform:translateY(-20px);opacity:0;}
.page-loaded .preloader .container-fluid small{transform:translateY(-10px);opacity:0;}
.page-loaded .preloader .container-fluid .percentage{opacity:0;transform:translateY(-60%);}
.page-loaded .preloader .layers{left:-100%;}
.page-loaded .preloader .layers span{left:-100%;}
.page-loaded .topbar{top:0;}
.page-loaded .bottombar{bottom:0;}
.page-loaded.header-ready .showcase-slider .swiper-wrapper{transform:translateX(0);}
.page-loaded.header-ready
.showcase-slider
.swiper-slide.swiper-slide-active
.slide-image{width:100%;height:100%;left:0;top:0;transition-delay:0.8s;}
.page-loaded.header-ready .page-header .video-bg{opacity:1;transform:scale(1);transition-delay:0.4s;}
.page-loaded.header-ready .page-header h1{text-indent:inherit;}
.page-loaded.header-ready .page-header h1 .char{opacity:1;transform:translateY(0);}
.page-loaded.header-ready .page-header p{text-indent:inherit;opacity:0.6;transform:translateY(0);}
.page-loaded
.showcase-slider
.swiper-slide.swiper-slide-active
.slide-inner
small
.char{opacity:1;transform:translateY(0);}
.page-loaded
.showcase-slider
.swiper-slide.swiper-slide-active
.slide-inner
small:after{width:120px;}
.page-loaded
.showcase-slider
.swiper-slide.swiper-slide-active
.slide-inner
h1
.char{opacity:1;transform:translateY(0);}
.page-loaded
.showcase-slider
.swiper-slide.swiper-slide-active
.slide-inner
.link{opacity:1;transform:translateY(0);}
.page-loaded .showcase-slider .swiper-controls{left:25px;}
.page-loaded .showcase-slider .swiper-pagination{right:25px;}
/* loader */

/* Preloader CSS End */

/* Cursor CSS Start */
.mouse-cursor{position:fixed;left:0;top:0;pointer-events:none;border-radius:50%;-webkit-transform:translateZ(0);transform:translateZ(0);visibility:hidden;}
.cursor-inner{margin-left:2px;margin-top:2px;width:20px;height:20px;z-index:10000001;background-color:var(--theme-color);-webkit-transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;}
.cursor-inner:before{content:"Click Me";width:100%;height:100%;position:absolute;font-size:1rem;top:8px;left:2px;display:flex;border-radius:100%;opacity:0;color:#fff;text-align:center;justify-content:center;align-items:center;-webkit-transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;-o-transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;transition:width 0.3s ease-in-out,height 0.3s ease-in-out,margin 0.3s ease-in-out,opacity 0.3s ease-in-out;}
.cursor-inner.active::before{opacity:1;top:0;}
.cursor-inner.cursor-hover{margin-left:-10px;margin-top:-10px;width:50px;height:50px;background-color:var(--theme-color);opacity:0.3;}
.cursor-inner.cursor-hover.active{margin-left:-40px;margin-top:-40px;width:120px;height:120px;opacity:1;background-color:#53be8470;}
/* Cursor CSS End */

/* RoleBack Button CSS Start */
.roleBackBtn .button{width:50px;height:50px;border-radius:50%;background-color:rgb(20,20,20);border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0px 0px 0px 4px rgb(83 190 132 / 26%);cursor:pointer;transition-duration:0.3s;overflow:hidden;position:fixed;right:1rem;bottom:2rem;outline:none;opacity:0;visibility:hidden;}
#button.show{opacity:1;visibility:visible;}
.roleBackBtn .svgIcon{width:12px;transition-duration:0.3s;}
.roleBackBtn .svgIcon path{fill:white;}
.roleBackBtn .button:hover{width:140px;border-radius:50px;transition-duration:0.3s;background-color:var(--theme-color);align-items:center;}
.roleBackBtn .button:hover .svgIcon{transition-duration:0.3s;transform:translateY(-200%);}
.roleBackBtn .button::before{position:absolute;bottom:-20px;content:"Back to Top";color:white;font-size:0px;}
.button:hover::before{font-size:13px;opacity:1;bottom:unset;transition-duration:0.3s;}
/* RoleBack Button CSS End*/

/* Scroll Down Button CSS Start*/
.container_mouse{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);}
.container_mouse span{color:#fff;font-weight:500;font-size:14px;}
.mouse-btn{margin:10px auto;width:20px;height:30px;border:2px solid rgb(255 255 255 / 92%);border-radius:20px;display:flex;}
.mouse-scroll{display:block;width:8px;height:8px;background:linear-gradient(170deg,rgb(255 255 255 / 92%),rgb(255 255 255));border-radius:50%;margin:auto;animation:scrolling13 1s linear infinite;}
@keyframes scrolling13{
  0%{opacity:0;transform:translateY(-12px);}
  100%{opacity:1;transform:translateY(12px);}
}
/* Scroll Down Button CSS End*/

/* ThemeBtn CSS Start */
.themeBtn{background:var(--theme-color);padding:15px 40px;font-size:1rem;font-weight:700;line-height:1.63;color:var(--white);display:inline-block;border:none;border-radius:10px;overflow:hidden;position:relative;z-index:1;text-transform:capitalize;text-align:center;cursor:pointer;transition:color 0.3s ease,transform 0.3s ease;}
.themeBtn:before,.themeBtn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;border-radius:10px;transition:transform 0.4s ease,background-color 0.4s ease;}
.themeBtn:before{background:#fff;transform:scaleX(0);transform-origin:right center;}
.themeBtn:after{background:#000;transform:scaleX(0);transform-origin:left center;}
.themeBtn:hover{color:var(--white);transform:scale(1.05);}
.themeBtn:hover:before{transform:scaleX(1);}
.themeBtn:hover:after{transform:scaleX(1);}
/* ThemeBtn CSS End */

/* Image Reveal Start*/
.reveal{visibility:hidden;position:relative;max-width:100%;overflow:hidden;}
.reveal img{width:100%;}
.reveal .img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);z-index:2;}
/* Image Reveal End*/