:root{

	--color1:#2a2a2a;

	--color2:#484848;

	--color3:#5c5c5c;

	

}



@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Regular.eot');

	src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Regular.woff') format('woff'),

		url('../fonts/Inter-Regular.ttf') format('truetype');

	font-weight: normal;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Thin.eot');

	src: url('../fonts/Inter-Thin.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Thin.woff') format('woff'),

		url('../fonts/Inter-Thin.ttf') format('truetype');

	font-weight: 100;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Light.eot');

	src: url('../fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Light.woff') format('woff'),

		url('../fonts/Inter-Light.ttf') format('truetype');

	font-weight: 300;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Medium.eot');

	src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Medium.woff') format('woff'),

		url('../fonts/Inter-Medium.ttf') format('truetype');

	font-weight: 500;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-SemiBold.eot');

	src: url('../fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-SemiBold.woff') format('woff'),

		url('../fonts/Inter-SemiBoldm.ttf') format('truetype');

	font-weight: 600;

	font-style: normal;

	font-display: swap;

}

@font-face {

	font-family: 'Inter';

	src: url('../fonts/Inter-Black.eot');

	src: url('../fonts/Inter-Black.eot?#iefix') format('embedded-opentype'),

		url('../fonts/Inter-Black.woff') format('woff'),

		url('../fonts/Inter-Black.ttf') format('truetype');

	font-weight: 900;

	font-style: normal;

	font-display: swap;

}



#page-loader {position: fixed; inset: 0; background: #000000; z-index: 9999; display: flex; align-items: center; justify-content: center;}

.spinner {width: 50px; height: 50px; border: 5px solid #ddd; border-top: 5px solid #000;  border-radius: 50%; animation: spin 1s linear infinite;}

.progress-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 4px;     background: rgba(0, 0, 0, 0.1); z-index: 9999;}

.progress-bar {height: 100%; width: 0%; background-color:var(--color3);}



@keyframes spin {

  to { transform: rotate(360deg); }

}



@keyframes mouseMove {

  0%   { margin-top: 0px;}

  50%  { margin-top: 6px;}

  100% { margin-top: 0px;}

}


@keyframes rotaion {

  0% {

    transform:translate(25%,10%) rotate(0deg)

  }

  to {

    transform:translate(25%,10%) rotate(1turn)

  }

}


@keyframes glowleft {
	 0% {

    	transform: translateX(0%)

  	}

	to {

			transform: translateX(-50%)

	}
    
}


@keyframes textlightSweep {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}

@keyframes textlightShine {
	0% {
		background-position:200% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


:root {scroll-behavior: initial;}

html {scroll-behavior: auto;}

body.loaded {overflow-y: auto;}

body {font-family: 'Inter', sans-serif;	color: #FFFFFF; background-color:#000000; font-size:17px; line-height:150%; font-weight:400;}

a{color:inherit; text-decoration:none; transition: all linear .2s;}

img{border:0; outline: none; height:auto;}





.btn{position:relative; border-radius:30px; background-color:var(--color1); color: #FFFFFF; padding:1px; border:0; overflow:hidden; font-size:17px; font-weight:400; letter-spacing:1px;}

.btn span{ display:block; width:100%; background:var(--color1); color:#FFFFFF; line-height:1; padding:15px 26px; border-radius:30px; box-sizing:border-box; position:relative; z-index:2; font-size:inherit; letter-spacing:inherit;}

.btn:before{ content:""; display:block; position:absolute; width:200%; height:calc(100% + 400px); z-index:1; background: linear-gradient(90deg, #FFFFFF, var(--color1)); transform-origin:center center; left:50%; top:50%; transform: translate(-50%, -50%); opacity:1; }




.btn:hover::before{animation-name: rotaion; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; left:-100%; top:calc(-100% - 200px); }

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{}

.btn-secondary{}

.btn-secondary span{background-color:var(--color2);}

.btn-secondary::before{background: linear-gradient(90deg, #FFFFFF, var(--color2));}

.container{max-width: 100%; width: 1600px;}

h2{font-size:45px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:400;}







.header-sec{display:flex; padding:10px 10px; align-items:center; position:fixed; left:0; top:0; width:100%; z-index:11; transition: all linear .2s;}

.header-sec .container{width:1773px; max-width:100%;}

.header-fixed{padding:10px 10px 0px 10px; transition: all linear .2s;}

.header-fixed .logolink{width:136px;}

.header-logowrp{width:200px;}

.header-logo{display:block; max-width: 100%;}

.top-btnwrp{width:200px; display:flex; justify-content:flex-end; display:none;}

.top-navbarwrp{flex-grow: 1; display:flex; justify-content:center; display:none;}

.logolink{display:block; width:177px; max-width:100%;}

.header-logo{display:block;}

.header-sec .top-navbar{margin:0 auto; padding:0px 10px; border:1px solid #383838; width:546px; border-radius:50px; overflow:hidden; min-height:50px; align-items:center; justify-content:flex-start; background-color:#090909; position:relative; flex-grow:initial;}

.header-sec .top-navbar ul.top-menu{width:100%; justify-content: space-between;}

.header-sec .top-navbar ul.top-menu > li{position:relative; z-index:1;}

.header-sec .top-navbar ul.top-menu > li > a{display:block; overflow:hidden; padding: 1px; border-radius:30px; position:relative;}

.header-sec .top-navbar ul.top-menu > li > a > span{ display:block; width:100%; background-color:transparent; color:#FFFFFF; line-height:1; padding:9px 26px; border-radius:30px; box-sizing:border-box; position:relative; z-index:2; font-size:inherit; letter-spacing:inherit; transition: all linear .2s;}

.header-sec .top-navbar ul.top-menu > li > a:before { content:""; display:block; position:absolute; width:200%; height:400%; z-index:1; background: linear-gradient(90deg, #FFFFFF, var(--color1)); transform-origin:center; left:50%; top:50%; transform: translate(-50%, -50%); margin:0; opacity:0; transition: all linear .2s;}

.header-sec .top-navbar ul.top-menu > li > a:hover::before,.header-sec .top-navbar ul.top-menu > li.active > a::before{opacity:1; transition: all linear .2s;}

.header-sec .top-navbar ul.top-menu > li > a:hover > span,.header-sec .top-navbar ul.top-menu > li.active > a > span{background:var(--color1); transition: all linear .2s;}


.header-sec .navbar-toggler{display:none;}



.mouse-btnwrp{display:block; width:140px; margin:120px auto 0 auto; cursor:pointer;}

.mouse-btnicon{width:25px; height:41px; border:1px solid #5B5B5B; border-radius:70px; position:relative; display:block; margin:0 auto 20px auto;}

.mouse-btnicon::before{content:""; display:block; width:2px; height:9px; background-color:#5B5B5B; position:absolute; left:50%; top:50%; transform:translate(-50%, 0%); transition: all linear .2s; margin-top:0px;}

.mouse-btntext{display:block; font-size:13px; color:#6C6C6C; text-align:center; font-weight:500; line-height:100%; letter-spacing:2px;}

.mouse-btnwrp:hover .mouse-btnicon::before{animation:mouseMove 2s ease-in-out infinite;}







.jq-sec1{min-height:100vh; display:flex; flex-wrap:wrap; justify-content:center; background-image:url("../images/sec1bg.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover; position: relative;}

.sec1-videowrp{position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index: 1; transition: all linear .2s;}

.sec1-videowrp::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1;}

.sec1-videowrp .sec1-video{width:100%; height:100%; object-fit:cover; }

.jq-sec1 .container{position: relative; z-index: 2; align-items: flex-end; display: flex;}

.jq-sec1 .sec1-videowrp::before{display:none;}


.jq-sec1-caption{width:1500px; margin:0 auto 30px auto; display:none;}

.jq-sec1-title1{font-size:150px; line-height:120%; font-weight:600;}
.jq-sec1-title2{font-size:150px; line-height:120%; font-weight:600; text-align:left; background: linear-gradient(180deg, #6E6E6E, #323232); -webkit-background-clip: text;  background-clip: text; color: transparent; text-shadow:0px 2px 0 rgba(0,0,0,0.25);}
.jq-sec1-title1 span{background: linear-gradient(180deg, #6E6E6E, #323232); -webkit-background-clip: text;  background-clip: text; color: transparent; text-shadow:0px 2px 0 rgba(0,0,0,0.25);}

.jq-sec1-title1{letter-spacing:-7px; text-indent:50px; margin-bottom:-20px; position: relative;}
.jq-sec1-title1::before { content: attr(data-text);  position: absolute;  left: 0; top: 2px;  width: 100%;  height: 100%; background-image: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1, #f7b731, #5f27cd, #ff6b6b); background-size: 200% 100%; animation: textlightShine 10s linear infinite; -webkit-background-clip: text;    background-clip: text; z-index: -1; color: transparent;}

.jq-sec1-title2{font-size:120px; letter-spacing:-5px;   width: 1065px; margin:0 0 25px auto;}

.jq-sec1-text{font-size:19px; width:900px; margin:0 157px 0 auto; text-align:left; line-height:180%; letter-spacing:1px; font-weight: 300;}



.jq-sec2{min-height:100vh; display:flex; /*background-image:url("../images/automation-img1.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;*/ position: relative;}

.jq-sec2 .container{display:flex; flex-direction:column; position:relative; z-index: 2;}

.jq-sec2 .sec2-videowrp{opacity:1; transition: all linear .2s;}
.jq-sec2 .sec2-videowrp::before{opacity:0.5;}

.sec2-videowrp{position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index: 1; transition: all linear .2s;}

.sec2-videowrp::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.81) 28%, rgba(0, 0, 0, 0) 60%); height: 100%;} 

.sec2-videowrp .sec2-video{width:100%; height:100%; }


.active-video .sec2-videowrp{opacity:1; transition: all linear .2s;}

ul.jq-sec2-automation {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style-type: none; margin: 20px 0 0 0; padding-left:0;}

ul.jq-sec2-automation > li > a.btn > span{padding: 10px 20px; font-size: 14px; background-color: transparent;}

ul.jq-sec2-automation > li > a.btn{background-color: transparent;}

ul.jq-sec2-automation > li > a.btn::before{opacity: 0;}

ul.jq-sec2-automation > li > a.btn:hover,ul.jq-sec2-automation > li.active > a.btn{background-color:var(--color1);}

ul.jq-sec2-automation > li > a.btn:hover::before,ul.jq-sec2-automation > li.active > a.btn::before{opacity: 1; animation-name: rotaion; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; left:-100%; top:calc(-100% - 200px); }

ul.jq-sec2-automation > li > a.btn:hover > span,ul.jq-sec2-automation > li.active > a.btn > span{background-color: var(--color1);}



.jq-sec2-caption{width:100%; margin:auto 0 75px 0;  text-align: center;}

.jq-sec2-text{font-size:18px; margin:0;}

.jq-sec2-title1{margin-bottom:20px;}

.jq-sec-subtitle{/*background:linear-gradient(to right, #FFFFFF, var(--color1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}

.mySwiper1{padding: 0 50px;}

.mySwiper1 .swiper-pagination{position: static; margin: 30px 0 0 0;}

.mySwiper1 .swiper-pagination .swiper-pagination-bullet{background-color:#474747; opacity: 1;}

.mySwiper1 .swiper-pagination .swiper-pagination-bullet-active{background-color:#FFFFFF; width: 25px; border-radius: 10px;}




.radiobtnwrp{display:block; position:absolute; right:0; top:70px; width:92px; text-align: center;}

.radiobtnwrp input[type="checkbox"]{display:none;}

.clicklabel{display: block; cursor: pointer;}

.clicklabel .toogle{display:block; margin: 0 auto 10px auto; width: 40px; height: 20px; border-radius:20px; background-color: #3C3C3C; position: relative; cursor: pointer;}

.clicklabel .toogle::before{content:""; position: absolute; left:0; width: 20px; height: 20px; background-color: #FFFFFF; border-radius: 100%;}

.clicklabel .clicktext{font-size: 12px; display: block; text-align: center; line-height: 150%;}

.radiobtnwrp input[type="checkbox"]:checked + .clicklabel .toogle{background-color: var(--color1);}

.radiobtnwrp input[type="checkbox"]:checked + .clicklabel .toogle::before{left:auto; right:0;}





.jq-sec3{min-height:100vh; padding:150px 0; display: flex; align-items: center;}

.jq-sec3-title1{text-align: center; margin-bottom: 70px;}

.jq3-boxes{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 66px;}

.jq3-box{border:0px solid #262626; padding:0px; display: flex;  flex-wrap: wrap;  min-height: 600px; justify-content: space-between; align-items: initial;  position: relative; }
.jq3-box::before{content: ""; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 200px; background-color:#1B1B1B; opacity:1; transition: all linear 0.5s;  display: none;}

.jq3-box-title{display: block; margin: 0 0 30px 0; font-size: 30px; line-height: 130%; /*background:linear-gradient(to right, #FFFFFF, #2C7A82); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/}

.jq3-boxcont{font-size:17px; font-weight:500; color:#fff; line-height:150%; max-height:0; overflow:hidden; opacity:0.5; transition: all linear 1s; }
.jq3-boxinner {position: relative; z-index: 2; padding: 30px 30px 30px 30px; display: flex; flex-direction: column; justify-content: flex-end;}
.jq3-box-iconwrp{position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 0;}
.jq3-box-iconwrp .jq3-box-icon{width: 100%; display: block; height: 100%; object-fit: cover; object-position: top;}

.jq3-box:hover{background-color:#1B1B1B; border-color:#1B1B1B; }
.jq3-box:hover::before{opacity: 1; transition: all linear 0.5s; height: 100%; transition: all linear 0.5s;}
.jq3-box:hover .jq3-boxcont{max-height: 500px;  opacity:1; transition: all linear 2s;}
.jq3-box:hover .jq3-boxinner{transition: all linear 0.5s; background-color:#1B1B1B; }

.jq-sec4{min-height:100vh; padding:150px 0; display: flex; align-items: center; /*background-image:url("../images/sec4bg.jpg"); background-position:center top; background-repeat:no-repeat; background-size:cover;*/ position: relative; overflow:hidden; background-image: linear-gradient(#0F0F0F, #000000); background-color: #000000;}

.jq-sec4 .container{display:flex; flex-direction:column; position:relative; z-index: 2;}

.sec4-videowrp{position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index: 1; transition: all linear .2s;}

.sec4-videowrp::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1;}

.sec4-videowrp .sec4-video{width:100%; height:100%; object-fit:cover; filter: grayscale(1);}

.jq-sec4-content{text-align: center; margin-bottom: 100px;}

.jq-sec4-title1{margin-bottom:35px;}

.jq-sec4-title2{margin-bottom:20px; font-size: 28px;}

.jq-sec4-text1{color: #929292; margin: 0; font-size: 18px;}

.jq4-boxes{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 66px;}

.jq4-box{padding:50px; display: flex;  flex-wrap: wrap;  flex-direction: column; min-height: 450px; justify-content: flex-end; position: relative;}

.jq4-box::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:0; background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);transition: all linear 0.2s;}

.jq4-box::after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:0; background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 40%); transition: all linear 0.2s; opacity:0;}







.jq4-box-title{font-size: 35px; line-height: 120%; display: block; margin-bottom: 10px;}

.jq4-box-text{font-size: 18px; color:#929292; max-height:0; opacity:0; overflow:hidden; display:block; transition: all linear 2s;}

.jq4-box1,.jq4-box2,.jq4-box3{background-position: center top; background-repeat: no-repeat; background-size: cover;}

.jq4-box1{background-image: url("../images/crad-01.jpg");}

.jq4-box2{background-image: url("../images/crad-02.jpg");}

.jq4-box3{background-image: url("../images/crad-03.jpg");}


.mySwiper2{margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; padding: 0 20px;}
.mySwiper2 .jq4-box .jq4-box-content{position: relative; z-index: 1; width:490px; max-width:100%;}
.mySwiper2 .jq4-box:hover::before,.mySwiper2 .swiper-slide.active .jq4-box::before{opacity:0;}
.mySwiper2 .jq4-box:hover::after,.mySwiper2 .swiper-slide.active .jq4-box::after{opacity:1;}
.mySwiper2 .swiper-slide {flex: 0 0 30% ; /* Standard width */ height: 100%; background-size: cover; transition: all 5s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative; overflow: hidden;}
.mySwiper2 .swiper-slide.active {flex: 0 0 68%; transition: all 5s cubic-bezier(0.25, 1, 0.5, 1) !important;}
.mySwiper2 .swiper-slide.active .jq4-box .jq4-box-text{color:#FFFFFF; max-height:400px; overflow:visible; opacity:1; transition: all linear 5s;}



@media (max-width: 1024px) {

  .mySwiper2 .swiper-slide, .mySwiper2 .swiper-slide.active {flex: 0 0 100% !important; width: 100% !important;}

}



















.jq-sec5{min-height:100vh; padding:0px 0; display: flex; align-items: center; background-image: linear-gradient(#0F0F0F, #000000); background-color: #000000;}

.jq-sec5-title1{text-align:center;}

.jq5-boxes{display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 66px;}

.jq5-box{padding:70px 0; position: relative; width:100%; }

.jq5-box-imgwrp{position: relative; min-height: 450px; width:100%; }

.jq5-box-imgwrp::before{content: ""; position: absolute; left: 0; top:auto; width: 100%; height: 100%; z-index:0; background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); transition: all linear .2s; opacity: 1;}

.jq5-box-content{position: absolute; left: -1px; right:-1px; top: 0; opacity: 0; transform: scale(0); overflow: hidden; z-index: 2;  padding: 50px; background:radial-gradient(circle,rgb(21, 21, 21) 0%, rgba(0, 0, 0, 1) 50%) ; border: 1px solid rgba(255,255,255,0); transition: all ease 2s; }

.jq5-box-title{font-size: 30px; margin-bottom: 20px; padding: 0px 50px 50px 50px; position: absolute; left: 0; bottom: 0; width:100%; z-index: 1;}

.jq5-box-iner{transition: all ease 2s;}

.jq5-box-iner > h4{font-size: 30px; margin-bottom: 20px;}

.jq5-box-iner > p{color:#929292; margin-bottom: 30px;}

.jq5-box-iner > hr{margin: 0 0 30px 0; width: 35px; height: 4px; border:0; background-color:#FFFFFF;}

.jq5-box-iner > *:last-child{margin-bottom:0;}

.jq5-box-iconwrp{display: flex; gap:10px; margin-bottom: 10px;}

.jq5-box1,.jq5-box2,.jq5-box3,.jq5-box4,.jq5-box4{background-position: center top; background-repeat: no-repeat; background-size: cover;}

.jq5-box1{background-image: url("../images/crad-06.jpg");}

.jq5-box2{background-image: url("../images/crad-07.jpg");}

.jq5-box3{background-image: url("../images/crad-04.jpg");}

.jq5-box4{background-image: url("../images/crad-05.jpg");}

.mySwiper3{padding:0px 50px;}

.mySwiper3 .swiper-slide:hover .jq5-box-content{ display: flex; align-items: center; height:100%; opacity:1; transform: scale(1); border-color:#2d2d2d; background: radial-gradient(circle,rgb(21, 21, 21) 0%, rgba(0, 0, 0, 1) 50%); transition: all ease 2s;}

.jq5box-videowrp{position: relative; transition: all linear .2s; overflow:hidden;}

.jq5box-videowrp::before{content: ""; position: absolute; left: 0; top:auto; bottom:0; width: 100%; height:100%; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 25%); z-index: 1;}

.jq5box-videowrp .jq5box-video{width:100%; height:auto; min-height: 500px; object-fit:cover; }

.mySwiper3{/*margin-left:auto; margin-right: calc(-98vw / 2 + 100% / 2); max-width: 100vw;*/}

.mySwiper1 .swiper-button-next,.mySwiper1 .swiper-button-prev,.mySwiper2 .swiper-button-next,.mySwiper2 .swiper-button-prev,.mySwiper3 .swiper-button-next,.mySwiper3 .swiper-button-prev{width: 40px; height: 40px; border:0px solid transparent; border-radius: 100%; padding: 1px; background-color: var(--color1); animation: pulse 1.8s infinite;  overflow: hidden; box-shadow: 0 0px 10px rgb(6 86 53);}
.mySwiper1 .swiper-button-next:before,.mySwiper1 .swiper-button-prev:before,.mySwiper2 .swiper-button-next:before,.mySwiper2 .swiper-button-prev:before,.mySwiper3 .swiper-button-next:before,.mySwiper3 .swiper-button-prev:before{content: ""; display: block; width: 200%; height: 100%; z-index: -1; position: absolute;  background:linear-gradient(90deg, #23cfc38c, #2196f359, #ffffff61, #ffffff61); background-size: 50% 100%; left: 0; animation: glowleft 2s linear infinite;}
.swiper-button-next span.icon,.swiper-button-prev span.icon{display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; background-color: #000000; border-radius: 100%;}
.swiper-button-next span.icon  svg,.swiper-button-prev span.icon svg{display: block; width: 20px; height: 20px; margin: auto;}



.mySwiper1 .swiper-button-next svg path, .mySwiper1 .swiper-button-prev svg path,.mySwiper2 .swiper-button-next svg path, .mySwiper2 .swiper-button-prev svg path,.mySwiper3 .swiper-button-next svg path, .mySwiper3 .swiper-button-prev svg path {fill:#FFF;}

.mySwiper2 .swiper-button-next{right:20px;}

.mySwiper2 .swiper-button-prev{left:20px;}





.jq-sec6{min-height:100vh; padding:150px 0; display: flex; align-items: center;  /*background-image:url("../images/sec6bg.jpg"); background-position:center center; background-repeat:no-repeat; background-size:cover;*/ position:relative; overflow:hidden; background-image: linear-gradient(#0F0F0F, #000000); background-color: #000000;}

.jq-sec6 > .container{display:flex; flex-direction:column; position:relative; z-index: 2; width:1300px;}

.sec6-videowrp{position: absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index: 1; transition: all linear .2s;}

.sec6-videowrp::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1;}

.sec6-videowrp .sec6-video{width:100%; height:100%; object-fit:cover; }



.jq-sec6-content{text-align: center; margin-bottom: 70px;}

.jq6-boxes{display: flex; flex-wrap: wrap; justify-content: space-between;}

.jq6-box{padding:0px; display: flex;  flex-wrap: wrap; flex-direction: column; text-align: center;}

.jq6-box:hover .jq6-sec-iconwrp{transform: scale(1.1); transition: all linear .2s;}

.jq-sec6-title1{font-size: 45px; margin-bottom: 20px;}

.jq-sec6-title2{font-size: 25px;}

.jq6-sec-iconwrp{background-color:#000000; width: 108px; height: 108px; margin: 0 auto 20px auto; border-radius: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color2); transition: all linear .2s;}

.jq6-box-icon{display: block; filter: invert(34%) sepia(98%) saturate(7492%) hue-rotate(172deg) brightness(98%) contrast(10%);}

.jq6-box .jq4-box-content{text-align: center;}

.jq-sec6-btns{display: flex; gap:35px; justify-content: center; margin-top:80px; position: relative; z-index: 1;}

.jq6-box:hover .jq6-sec-iconwrp{border-color:#ffffffa3; transition: all linear .2s;}

.jq6-box:hover .jq6-sec-iconwrp .jq6-box-icon{filter:none;}





.footer-sec{background-color: #eeeeee;}

.footer-title{letter-spacing: 1.05px; font-weight: 300; font-size: 18px; margin-bottom: 20px; position: relative; color: #333333; line-height: 1.2;}

.footer-title::after{display: block; width: 50px; height: 1px;  background-color:#333333;  content:""; margin:20px 0 0 0;}

.footer-sec .row > .col{padding: 55px 75px; font-size: 16px;}

.footer-sec .row > .col:nth-child(2n){background-color:#e5e5e5;}

ul.footer-menu {display:block; margin:0; padding:0;}

ul.footer-menu > li{display:block; margin-bottom:13px;}

ul.footer-menu > li:last-child {margin-bottom: 0;}

ul.footer-menu > li a{position: relative; font-weight: 300; letter-spacing: 0.8px; color:#333333;}

ul.footer-menu > li a:after {width: 0; height: 1px; content: ""; position: absolute; bottom: -3px; left: 0; background-color:var(--color1); transition: all linear .2s;}

ul.footer-menu > li a:hover{color:var(--color1);}

ul.footer-menu > li a:hover:after {width: 30px; transition: all linear .2s;}

.footer-storewrp{display:flex; flex-wrap:wrap; gap:10px; margin:20px 0;     flex-direction: column;}

.footer-store{display:block;}

.follow-list{display: flex;  flex-direction: row; flex-wrap: wrap; align-items: center; margin:0; padding:0;}

.follow-list > li {margin: 0 13px 0 0; display:block;}

.follow-list > li > a { background-image: url("../images/sprite.png");    background-repeat: no-repeat; display: block; font-size: 0;}

.follow-list > li > a:after {display: none;}

.follow-list > li > a.fb {width: 11px; height: 23px; background-position: -6px -133px;}

.follow-list > li > a.fb:hover {background-position: -6px -161px;}

.follow-list > li > a.insta {width: 22px; height: 22px; background-position: -28px -133px;}

.follow-list > li > a.insta:hover {background-position: -28px -161px;}

.follow-list > li > a.yt { width: 23px; height: 18px; background-position: -65px -133px;}

.follow-list > li > a.yt:hover {background-position: -65px -164px;}

.follow-list > li > a.in {width: 23px; height: 22px; background-position: -107px -130px;}

.follow-list > li > a.in:hover {background-position: -107px -161px;}

.follow-list > li > a.twitter {width: 23px; height: 22px; background-position: -137px -130px;}

.follow-list > li > a.twitter:hover {background-position: -137px -161px;}

.follow-list > li > a.rss {width: 23px; height: 22px; background-position: -176px -130px;}

.follow-list > li > a.rss:hover {background-position: -176px -161px;}

.follow-list > li > a.blg {width: 20px; height: 22px;  background-position: -209px -130px;}

.follow-list > li > a.blg:hover {background-position: -209px -164px;}

.follow-list > li > a.skecth {width: 23px; height: 22px; background-position: -238px -130px;}

.follow-list > li > a.skecth:hover {background-position: -238px -166px;}

.follow-list > li > a.whatsap {width: 23px; height: 22px; background-position: -271px -131px;}

.follow-list > li > a.whatsap:hover {background-position: -271px -166px;}



.copyright .container{width:1235px; max-width:100%;}

.copyright{background-color:#d0d0d0; padding:20px 15px; font-size:14px; text-align: center; color:#444; letter-spacing:0.7px;}



.form-popup{display:none; background-color:#2a2a2a; width:400px; max-width:100%;}



@media screen and (max-width:1680px){

	 h2{font-size: 35px;}

	.container{width: 1400px;}

	.jq-sec1-title1, .jq-sec1-title2{font-size: 110px;}
	.jq-sec1-title1{margin-bottom:0px; text-indent:150px;}
	
	.jq-sec1-text{width:800px;}

	.jq-sec1-title2{font-size: 80px; width:960px;}
	.jq-sec1-caption{max-width: 100%;}
	
	.jq-sec2-caption{width:100%;}

	.jq3-box-title{font-size: 22px;}
	.jq3-box{min-height: 500px; padding:0px;}
	.mouse-btnwrp{margin-top:60px;}
	
	.jq-sec3{padding:80px 0;}
	.jq-sec3-title1{margin-bottom:50px;}
	.jq3-box-title{margin-bottom:10px;}

	
	.jq-sec4{padding:80px 0;}
	.jq-sec4-title2,.jq-sec6-title2{font-size: 22px;}
	.jq-sec4-content{margin-bottom:50px;}
	.jq4-box-title{font-size: 22px;}
	.jq4-box{padding:30px; min-height:380px;}
	.jq5-box-content{padding:22px;}
	.jq5-box{padding:30px 0;}
	
	.jq5-box-iner > h4{font-size: 22px; line-height:140%;}
	.jq5-box-title{line-height:120%; padding:0 30px 30px 30px; font-size:22px;}

	
	.jq-sec6-content{margin-bottom:50px;}
	.jq-sec6{padding:80px 0;}
	.jq-sec6-title1{font-size: 35px;}
	

}

@media screen and (max-width:1600px){
	h2{font-size: 30px;}
	.jq-sec1-text{font-size:17px; width:730px;}
	.jq-sec1-title1{text-indent:150px;}
	.jq-sec1-title2{width:890px;}
	.jq3-box{padding:0px; min-height:400px;}
	.jq3-box-title{margin-bottom:20px;}
	.jq-sec3-title1{margin-bottom:40px;}
	.jq-sec4-title1{margin-bottom:20px;}
	.jq-sec4-content{margin-bottom:30px;}
	.jq-sec4-title2{margin-bottom:10px;}
	.jq4-box{padding:30px; min-height:350px;}
	.jq5-box{padding:30px 0;}
	.jq5-box-iner > p{margin-bottom:20px;}
	.jq5box-videowrp .jq5box-video{min-height:450px;}
	.jq6-sec-iconwrp{width:90px; height:90px;}
	.jq6-box-icon{width:40px;}
	.jq3-box-iconwrp .jq3-box-icon{}
}

@media screen and (max-width:1440px){

	.container,.jq-sec6 > .container{width: 1200px;}

	.jq-sec1-title2{width:843px; text-align: left; margin-bottom:10px;}
	

	.jq-sec1-text{margin-right:0; width: 840px;}
	
	.jq3-box{padding:0px; min-height:440px;}
	.jq3-box-title{margin-bottom:10px;}
	.jq3-boxinner{padding:20px;}
	
	.jq4-box{min-height:320px;}
	.jq-sec4-title1{margin-bottom:20px;}
	
	.jq5-box{padding:30px 0;}
	

	

}



@media screen and (max-width:1366px){

	body{font-size: 15px; line-height:150%;}

	h2{font-size: 28px;}

	.btn{font-size: inherit;}

	.btn span{padding: 12px 20px;}

	.jq-sec1-title1, .jq-sec1-title2 {font-size: 90px;}

	.jq-sec1-title1{margin-bottom: 0; text-indent:150px;}

	.jq-sec1-title2 {font-size: 65px; margin-left:auto; width:628px;}
	
	.jq-sec1-text{font-size:inherit; width: 628px;}

	.header-sec{padding:10px 10px 0 10px;}

	.header-sec .top-navbar{width:450px;}

	 ul.top-menu > li > a{padding: 12px 31px;  font-size: inherit;}

	.header-sec .top-navbar ul.top-menu > li > a > span{padding:8px 17px;}

	.container, .jq-sec6 > .container{width:1024px;}

	

	.clicklabel .toogle{height: 15px;}

	.clicklabel .toogle::before{width:15px; height:15px;}

	.jq-sec2-caption{margin-bottom:40px;}

	.mouse-btnwrp{margin-top:60px;}

	.radiobtnwrp{right:0px;}

	.header-logowrp{width:200px;}

	.header-logo{width:120px;}

	.top-btnwrp{width:200px;}

	
	.jq-sec1-caption{width:100%;}
	
	.jq-sec1 .container{width:1024px;}

	

	.jq-sec2-title1{margin-bottom:10px;}

	.jq-sec2-text{font-size:inherit; }

	.mySwiper2 .swiper-slide {}

	.mySwiper2 .swiper-slide.active {}



	

	

	.jq-sec3{padding:80px 0;}

	.jq3-box{padding:0px; min-height:350px;}

	.jq-sec3-title1{margin-bottom:40px;}

	.jq3-box-title {font-size: 18px; margin-bottom:10px;}

	.jq3-box-iconwrp .jq3-box-icon{}

	.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev,.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev,.mySwiper3 .swiper-button-next, .mySwiper3 .swiper-button-prev{width:30px; height:30px;}
	.swiper-button-next span.icon svg, .swiper-button-prev span.icon svg{width: 6px; height: auto;}

	.jq3-boxcont{font-size:inherit;}

	

	.jq-sec4{padding:80px 0;}
	

	.jq4-box{padding:20px; min-height: 300px;}

	.jq-sec4-content{margin-bottom:30px;}

	.jq-sec4-title1{margin-bottom:20px;}

	.jq-sec4-title2{margin-bottom:10px;}

	.jq4-box-title {font-size: 18px;}

	.jq4-box-text{font-size:inherit;}

	.jq-sec4-text1{font-size:inherit;}

	

	.jq-sec6{padding:80px 0;}

	.jq5-box-content{padding:20px;}

	.jq5-box-title{font-size:18px; padding:0 20px 20px 20px; margin-bottom:0;}

	.jq5-box-iner > h4 {font-size: 18px; line-height:150%; margin-bottom:10px;}

	.jq5-box-iner > p{margin-bottom:10px; font-size: 14px;}

	.jq5-box-iner > hr{margin-bottom:20px; height:2px;}

	.jq5box-videowrp .jq5box-video{min-height:350px;}

	.jq5-box-iconwrp{align-items: center;}

	.jq5-box-iconwrp > img{height:15px;}

	.jq5-box-iconwrp > span{font-size:inherit;}

	

	.jq-sec6-content{margin-bottom:50px;}

	.jq-sec4-title2, .jq-sec6-title2{font-size: 18px;}

	.jq-sec6-btns{margin-top:50px;}

	

	.jq6-sec-iconwrp{width:70px; height:70px;}

	.jq6-box-icon{max-height:32px;}

	.jq-sec6-title1 {font-size: 32px;}

	

	

	.footer-sec .row > .col{padding:30px; font-size: inherit;}

	

	

}



@media screen and (max-width:1360px){

.jq-sec1 .container{width:850px;}
.jq-sec1-text{width: 630px;}
.jq-sec1-title1{text-indent:0;}
.jq-sec1-title2{width: 634px;}

}



@media screen and (max-width:1280px){
	body{line-height:150%; font-size:14px;}
	h2,.jq-sec6-title1{font-size:26px;}
	.jq3-box-title,.jq5-box-title,.jq4-box-title{font-size:18px;}
	.mouse-btnwrp {margin-top: 40px;}
	
	.jq4-box{min-height:300px;}
	
	.jq5-box{padding:50px 0;}
	.jq5box-videowrp .jq5box-video {min-height: 300px;}
	.jq5-box-iner > p{line-height:130%;}
	.jq5-box-iner > hr{margin-bottom:10px;}
	.jq-sec1 .container{width:830px;}

}



@media screen and (max-width:1024px){

	.radiobtnwrp{right:20px; top:90px;}

	.clicklabel .toogle{height: 15px; width: 30px;}

	.clicklabel .toogle::before{height: 15px; width: 15px;}

	.jq-sec2-caption {width: 100%;}

	.jq-sec1-title1, .jq-sec1-title2{text-align: center; font-size: 70px; letter-spacing:-2px;}
	.jq-sec1-title1{text-indent:0;}
	.jq-sec1-title2 {font-size: 50px; width:100%; margin-left:0;}

	.jq-sec1-text{margin-left: 0; width: 100%; text-align: center;}

	.jq-sec2-caption{margin-bottom:60px;}

	.jq5-box-content{padding:30px;}

	.jq5-box-title{display: block; padding:0px 20px 20px 20px;}

	.jq-sec3{padding:60px 0;}

	.mySwiper3 .swiper-slide{/*width:400px;*/}

	.mySwiper3 .swiper-slide-active .jq5-box-content{height: 100%; display:flex; align-items:center;}

	.jq-sec3-title1{margin-bottom: 40px;}

	.jq-sec4{padding:60px 0;}

	.jq-sec4-content{margin-bottom:60px;}

	.jq-sec4-title1{margin-bottom: 20px;}

	.jq-sec4-title2{margin-bottom: 10px;}

	.jq4-box-text{font-size: 16px;}

	.jq4-box{padding: 20px;}	

	.jq5-box{padding:50px 0;}

	

	.jq-sec6{padding: 100px 0;}

	.jq-sec6-content{margin-bottom: 50px;}

	.jq6-box{width:33.33%;}

	.jq6-boxes{justify-content: flex-start; row-gap: 40px;}

	.btn{font-size:15px;}

	.btn span{padding:13px 20px;}

	.footer-sec .row > .col{padding:20px;}

	

}



@media screen and (max-width:991px){

	.header-sec{padding: 10px 10px 10px 10px; background-color:#000000;}

	section.footer-sec .row > .col{width:50%; flex: initial;}

	section.footer-sec .row > .col:nth-child(3),section.footer-sec .row > .col:nth-child(4){border-top:1px solid #CCCCCC;}

	.header-sec .navbar-toggler{order: 2;  background-color: #FFF;  margin-left: 20px;  border-radius: 25px;  width: 43px; padding:1px;  height: 43px; position:relative; overflow:hidden; border:0;}

	.header-sec .navbar-toggler::before{content:""; display:block; position:absolute; width:100px; height:100px; z-index:1; background: linear-gradient(90deg, #FFFFFF, var(--color1)); transform-origin:center center; left:50%; top:50%; margin:-50px 0 0 -50px; transform-origin:center center;}

	.header-sec .navbar-toggler .navbar-toggler-icon{width:100%; height:100%; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); position:relative; z-index:1; background-size: 24px auto; background-color:var(--color1);border-radius: 100%;}

	.header-sec .navbar-toggler:hover::before{animation-name: rotaion; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; margin:-58px 0 0 -75px;}

	.header-logowrp{width:120px;}

	.header-logo{width:100%;}

	.top-btnwrp{width: auto; margin-left: auto;}

	.top-navbarwrp{position: absolute; right: 0px; top: calc(100% + 0px); width: 100%; }

	.header-sec .top-navbar{border-radius:0; padding: 0; width:auto; border:0;}

	.header-sec .top-navbar ul.top-menu > li{margin-top:-1px;}

	.header-sec .top-navbar ul.top-menu > li:first-child{margin-top:0;}

	.header-sec .top-navbar ul.top-menu > li > a{padding:1px 0;}

	.header-sec .top-navbar ul.top-menu > li > a,.header-sec .top-navbar ul.top-menu > li > a > span{border-radius:0;}

	.header-sec .top-navbar ul.top-menu > li > a > span{background-color:var(--color2);}

	.header-sec .top-navbar ul.top-menu > li.active > a{background-color: var(--color1);}

	.progress-wrapper{height:2px;}

	.footer-sec .row > .col{flex: 1 0 50%;}

	.mySwiper2{margin-left:0; margin-right:0; width:100%; max-width:100%;}
	.mySwiper2 .swiper-slide{flex:auto; width:100%;}
	.mySwiper2 .swiper-slide.active {flex:auto;}
	.mySwiper2 .swiper-slide .jq4-box .jq4-box-text{max-height: none; overflow: visible; opacity: 1; color:#FFFFFF;}
	.mySwiper2 .jq4-box .jq4-box-content{width:100%;}
	
	
	.mySwiper3 .swiper-slide .jq5-box-content{opacity:0; overflow: hidden;}
	.mySwiper3 .swiper-slide:hover .jq5-box-content{opacity:1; overflow: visible;  }
	.mySwiper3 .swiper-slide-active .jq5-box-content{opacity:1; transform: scale(1);
     overflow: visible; border-color:#2d2d2d; background: radial-gradient(circle,rgb(21, 21, 21) 0%, rgba(0, 0, 0, 1) 50%);}
	.jq3-box{min-height:525px;}
	

	

}



@media screen and (max-width:767px){



	h2{font-size:25px; line-height: 150%;}

	body,.jq4-box-text,.jq-sec1-text,.jq-sec2-text,.jq-sec4-text1{font-size: 15px;}

	.jq-sec1-title1, .jq-sec1-title2{font-size: 45px; letter-spacing: 0; -webkit-background-clip: initial;   background: initial; -webkit-text-fill-color: #FFF;}	

	.header-logowrp{width:100px;}

	.header-fixed .logolink{width:100%;}

	.top-btnwrp{margin-left:10px;}

	.top-btnwrp .btn span{padding: 11px 18px;}

	.header-sec .navbar-toggler{margin-left:10px;}

	.header-sec{padding:10px 0;}

	

	.jq-sec1-title1{margin-bottom: 10px;}
	.jq-sec1-title1::before{display: none;}

	.jq-sec1-title2 {font-size:30px;}

	

	.jq-sec6-title1 {font-size:25px; line-height: 150%;}

	

	

	.jq-sec2{position:relative;}

	.jq-sec2 .container{position:relative;}

	.jq-sec2 .sec2-videowrp{position:static; opacity:1; margin-bottom:40px; height: 300px;}

	.jq-sec2-caption{width:100%; margin-bottom: 0;}

	.jq-sec2{padding: 40px 0; min-height:initial; background-image:none; display:block;}

	.jq-sec2-title1{margin-bottom: 10px;}

	.jq-sec2-caption{display:flex; flex-direction:column;}
	.jq-sec2-title1,.jq-sec2-text{order:1;}
	.jq-sec2 .sec2-videowrp{margin-bottom:10px;}
	ul.jq-sec2-automation{order:0; margin:0 0px 40px 0;}
	.jq-sec2 .sec2-videowrp::before{opacity:0;}
	



	.jq-sec3{padding:40px 0; min-height:initial;}

	.jq-sec3-title1{margin-bottom:20px;}

	.jq3-box{min-height:500px; padding: 0px; align-items:flex-end;}
	.jq3-box-iconwrp .jq3-box-icon{object-position: top;}
	
	.jq3-box-iconwrp{margin-bottom:0px; }
	
	.jq3-box:hover .jq3-boxinner{background-color:transparent;}

	.jq3-boxcont{color:#FFFFFF; font-size: 15px;}
	.mySwiper1 .swiper-slide-active .jq3-boxinner{background-color: rgba(0,0,0,0.8);}
	.mySwiper1 .swiper-slide-active .jq3-boxcont{max-height: 100%; color: #FFF; opacity: 1;}

	.jq3-box-title{margin-bottom:10px;}

	

	.jq-sec4{padding:40px 0; min-height:initial;}

	.jq-sec4-content{margin-bottom: 50px;}

	.jq-sec4-title1{margin-bottom: 10px;}

	.jq-sec4-title2, .jq-sec6-title2 {font-size:18px;}

	.jq4-box{min-height:300px;}

	

	.jq-sec5{padding:40px 0; min-height:initial;}

	.jq5box-videowrp{display:none;}

	.jq5-box{padding: 0;}

	

	.mySwiper3{margin-left: 0; margin-right: 0; max-width: 100%;}

	.jq-sec6{padding:40px 0; min-height:initial; display:block;}

	

	.jq6-box{width:50%; padding: 0 10px;}

	.jq-sec6-btns{margin-top: 40px; flex-wrap: wrap;}

	.jq6-box-text br{display: none;}

	.jq-sec6-btns{gap:20px;}

	

	section.footer-sec .row > .col{width:100%;}

	section.footer-sec .row > .col{border-top:1px solid #CCCCCC;}

	

	.jq6-sec-iconwrp{width:70px; height:70px; margin-bottom:10px;}

	.jq6-box-icon {max-height:30px;}

	.mySwiper3 .swiper-slide-active .jq5-box-content{position:static;}

	.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev,.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev,.mySwiper3 .swiper-button-next, .mySwiper3 .swiper-button-prev{width:30px; height:30px;}

	.jq-sec6 .btn{min-width:217px;}

	.jq6-boxes{justify-content:center;}

	.footer-sec .row > .col{padding:20px; width:100%; flex: auto;}

}
@media screen and (max-width:480px){
	  .jq3-box {min-height: 430px;}
{