/*body.white-header .site-header {
	background-color: #fff !important;
}*/
/*body.fp-viewing-intelligent_analytics header{
	opacity:0;
	z-index:0;
}
*/
/*INTRO*/
body {
	max-width: 100vw;
	overflow-x: hidden;
}
.intro {
	background-image: url(../images/home/intro-bg.jpg);
	background-position: center;
	background-size: cover;
	color:#fff;

}
	.intro .circles {
		height: 100vh;
		width: 100vh;
		background-image: url(../images/home/circles.png);
		background-position: center;
		background-size: cover;
		position: relative;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		right: -20vw;
		z-index: 1;
		
	}
	.intro.active .circles {
		-webkit-animation: spin 79s linear;
		-moz-animation: spin 7s linear;
		animation: spin 7s linear;
	}
	.intro .dot {
		height: 100vh;
		width: 100vh;
		background-image: url(../images/home/dot.png);
		background-position: center;
		background-size: cover;
		position: relative;
		display: block;
	}
@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(-360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.hero-video {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-image: /* our video */;
	background-position: center center;
	background-size: contain;
	object-fit: cover; /*cover video background */
	z-index: 0;
   display:none;
}
.hero-video.desktop{
	display:block;
}
@media screen and (max-width:1024px) {
	.hero-video.desktop {
		display: none;
	}
	.hero-video.tablet {
		display: block;
	}
	.hero-video.mobile {
		display: none;
	}
}
@media screen and (max-width:640px) {
	.hero-video.desktop {
		display: none;
	}

	.hero-video.tablet {
		display: none;
	}

	.hero-video.mobile {
		display: block;
	}
}
@media screen and (max-width:980px) {
	.intro {
		text-align: center;
	}

		.intro .circles {
			right: 0;
			left: 0;
			top: 0;
			bottom: 0;
			margin: auto;
		}

		.intro.fp-noscroll .fp-overflow {
			overflow: hidden;
			justify-content: center;
			align-items: center;
			display: flex;
		}
}

/*ANALYTICS*/
.analytics {
	color: #fff;
	text-align: center;
	padding-top: 80rem;
	
}
	.analytics .container{
		max-width:1184rem;
	}
	.analytics .submenu .text *:last-child {
		margin-bottom: 0;
	}
	.analytics .bg-1 {
		display: block;
		width: 100vw;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity:0.5;
	}
.analytics .bg-2 {
	display: block;
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: all 1s ease-in-out;
	transition-delay: 2.5s;
}
.analytics .bg-2.portrait{
	display:none;
}
.analytics .mask-1, 
.analytics .mask-2 {
	background-color: #0D1641;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	width: 100vw;
	height: 100vh;
}
.analytics .mask-1 {
	transition: all 0.5s ease-in-out;
}
	.analytics.active .mask-1 {
		left: -76.5vw;
		top: -100vh;
	}
.analytics .mask-2 {
	transition: all 1.5s ease-in-out;
	left: 23vw;
}
.analytics.active .mask-2 {
	left: 100vw;
}
.analytics.active .bg-2{
   opacity:1;
}
	.analytics .text{
		position:relative;
		z-index:10;
	}
	.analytics .content {
		position:relative;
		overflow: hidden;
		opacity: 0;
		z-index: 10;
		transition: all 1.5s ease-in-out;
		transition-delay: 2s;
		display:flex;
		flex-direction:column;
		height:100%;
	}
	.analytics .container {
		   z-index:10;
			 margin-top:0;
	}
	.analytics .main-menu {
		display: flex;
		gap: 35rem;
		justify-content: center;
		width: 100%;
		align-items: center;
		margin: 15rem auto 45rem auto;
		position: relative;
		z-index: 20;
	}
		.analytics .main-menu .title {
			cursor: pointer;
			color: #979797;
			text-align: center;
			font-size: 28rem;
			font-style: normal;
			font-weight: 200;
			line-height: 128%;
			letter-spacing: -0.56rem;
			position: relative;
			display: block;
		}
			.analytics .main-menu .title.active, 
			.analytics .main-menu .title:hover{
				color:#fff;
				font-weight:300;
			}
				.analytics .main-menu .title.active::before {
					content: "";
					width: 100%;
					height: 3rem;
					display: block;
					position: absolute;
					background-color: #2348EE;
					bottom:-10rem;
				}

			.analytics.active .content {
				opacity: 1;
			}
.analytics .intro-text {
		opacity: 0;
		z-index: 10;
		transition: all 1.5s ease-in-out;
		transition-delay: 2s;
		max-width:947rem;

	}
	.analytics .intro-text h2 {
		color: #FFF;
		font-size: 64rem;
		font-style: normal;
		font-weight: 200;
		line-height: 171.875%;
		letter-spacing: -3.2rem;
		margin-bottom: 15rem;
	}
	.analytics.active .intro-text {
		opacity: 1;
	}
	.analytics .intro-text p {
		color: rgba(255, 255, 255, 0.80);
		text-align: center;
		font-size: 16rem;
		font-style: normal;
		font-weight: 100;
		line-height: 115%; 
		letter-spacing: -0.32rem;
	}

	.analytics .fp-overflow {
		flex: 1;
		max-height: 100vh !important;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
	.analytics .container.items {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
	}

	.analytics .item p, 
	.analytics .item li {
		color: #FFF;
		font-size: 15rem;
		font-style: normal;
		font-weight: 100;
		line-height: 140%;
		letter-spacing: -0.3rem;
	}
	.analytics .item li {
		font-weight: 300;
	}
		.analytics .item p strong {
			font-weight: 300;
		}
	.analytics .submenu .title {
		position: relative;
		display: flex;
		align-items: center;
		cursor: pointer;
		transition: all 0.5s ease-in-out;
		color: #979797;
		font-size: 22rem;
		font-style: normal;
		font-weight: 200;
		line-height: 128%;
		letter-spacing: -0.44rem;
	}
		.analytics .submenu .title::before {
			content: "";
			width: 18rem;
			height: 18rem;
			left: -22rem;
			margin-top: 3rem;
			background-image: url(../images/home/plus-alt.svg);
			background-position: center;
			background-size: cover;
			display: block;
			position: absolute;
		}
		.analytics .submenu .title.active {
			color: #fff;
			margin-bottom: 10rem;
			font-weight: 300;
		}
			.analytics .submenu .title.active::before {
				background-image: url(../images/home/minus-alt.svg);
			}
	.analytics .items .item {
		gap: 32rem;
		display: flex;
		opacity: 0;
		transition: all 0.5s ease-in-out;
		position: absolute;
		z-index: 1;
		height: 100%;
		width:100%;
	}
		.analytics .items .item .description {
			width: 283rem;
			min-width:283rem;
			text-align: left;
			display: flex;
			flex-direction: column;
			justify-content: center;
			position:relative;
		}
		.analytics .items .item .image {
			width: 100%;
			display: flex;
			flex-direction: column;
		   overflow:hidden;
		}
			.analytics .items .item .image img{
				height:auto;
				width:100%;
				max-width:none;
		
			}
			.analytics .items .item.active {
				transition: all 0.5s ease-in-out;
				opacity: 1;
			}

	.analytics .submenu {
		display: flex;
		flex-direction: column;
		gap: 15rem;
		transition: all 0.5s ease-in-out;
		position: relative;
		justify-content: center;
		padding-left: 22rem;
		position:absolute;
		top:0;
	}
		.analytics  .submenu-label {
			position: relative;
			display: flex;
			align-items: center;
			cursor: pointer;
		}
	.analytics  .submenu-label::before {
		content: "";
		width: 20rem;
		height: 20rem;
		left: -20rem;
		background-image: url(../images/home/slash-alt.svg);
		background-position: center;
		background-size: cover;
		display: block;
		position: absolute;
	}

	.analytics .item.active .label::before {
		background-image: url(../images/home/plus.svg);
	}
	.analytics .item.active .label{
		color:#fff;
	}
	.analytics .submenu .text {
		opacity: 0;
		transition: all 0.5s ease-in-out;
		text-align: left;
		height: 0;
		overflow: hidden;
		padding-bottom:5rem;
	}
		.analytics .submenu .text.active {
			opacity: 1;
			height: auto;
			transition: all 0.5s ease-in-out;
		}
	.analytics .description > .text {
		position: absolute;
		top: 0;
		max-width:330rem;
		right:0;
	}
	.analytics .description > .text img {
		display:inline-block;
		margin-bottom:30rem;
	}
	.analytics .item ul{
		margin-left:-6rem;
	}
	.analytics .item li{
		font-weight:600;
	}


	.data {
		color: #050516;
		padding-top: 150rem;  
		z-index:10;
	}
.fp-arrow.fp-prev {
	border-color: transparent #0D1641 transparent transparent;
	opacity:0;
	visibility:hidden;
	z-index:-1;
}
.fp-arrow.fp-next {
	border-color: transparent transparent transparent #0D1641;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.data .slide{
	position:relative;
	height:100vh;
	overflow:hidden;
	justify-content:flex-start;

}

@supports (height: 100svh) {
  .data .slide {
    height: 100svh;
  }
}

.data .fp-slidesContainer::after {
	background-position: center;
	position: absolute;
	content: "";
	width: 100vw;
	height: 100%;
	left: 56vw;
	bottom: 0;
	background-image: url(../images/home/slides-bg-3.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.data .fp-overflow{
	min-height:100%;
}
.data .slide .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-content: center;
	min-height:100%;
	padding-bottom:150rem;
}
.data  h2{
	margin-bottom:20rem;
}
.data  p {
	margin-bottom: 10rem;
}
.data .slide .text {
	width: 580rem;
	position: relative;
	padding-right: 30rem;
}

.data .slide .image {
	width: 710rem;
}
.data .slide.slide-1 .image {
	background: #FFF;
	box-shadow: 0px 5.922rem 47rem -9rem rgba(0, 0, 0, 0.19);
	width: 65%;
	margin-right: -10%;
}

.data .slide .image img {
	display: block;
	width:100%;
	height:auto;
	object-fit:cover;
}
.data .slide .items{
	display:flex;
	justify-content:flex-end;
	gap:40rem;
}
.data .slide .item {
	background: #FFF;
	box-shadow: 0px 5.922rem 47rem -9rem rgba(0, 0, 0, 0.19);
	padding: 40rem 22rem;
	width: 280rem;
	text-align:center;
	display:flex;
	flex-direction:column;
	gap:16rem;
	justify-content:center;
	align-items:center;
}
.data .slide .image.items img {
	display: block;
	width: 100rem;
	height: auto;
}
.data .slide .image.items p {
	margin: 0;
	font-size: 22rem;
	font-style: normal;
	font-weight: 100;
	line-height: 128%;
	letter-spacing: -0.44rem;
}
.data .slide .image.items h4 {
	margin: 0;
	font-size: 28rem;
	font-style: normal;
	font-weight: 600;
	line-height: 128%; 
	letter-spacing: -0.56rem;
}

.data .slide-item .title {
	color: #050516;
	font-size: 40rem;
	font-style: normal;
	font-weight: 300;
	line-height: 128%; /* 51.2px */
	letter-spacing: -0.8rem;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}

	/*.data .slide-item .title.active {
		color: #2348EE;
	}*/

.data .slide-items {
	padding-left: 44rem;
	padding-top: 20rem;
	display: flex;
	flex-direction: column;
	gap: 20rem;
}
	.data .slide-item .title::before {
		content: "";
		width: 34rem;
		height: 34rem;
		left: -44rem;
		background-image: url(../images/plus-blue_1.svg);
		background-position: center;
		background-size: cover;
		display: block;
		position: absolute;
	}
.data .slide-item .title:hover {
	filter: brightness(0) saturate(100%) invert(18%) sepia(97%) saturate(5177%) hue-rotate(234deg) brightness(98%) contrast(91%);
}

	.data .slide-item .title.active::before {
		background-image: url(../images/minus-blue.svg);
	}

.data .slide-item .text {
	position: relative;
	display: none;
}

.about{
	position:relative;
	padding-top:150rem;
}
.about .container {
	display: flex;
	justify-content: space-between;
	gap: 40rem;
}
.about .col{
	width:50%;
}

.about h2 {
	position: relative;
	margin-bottom: 20rem;
	color: #050516;
}
.about .blue-box {
	position: relative;
	background-color: #2348EE;
	color:#fff;
	padding:42rem;
	margin-left:-80rem;
}
	.about .blue-box::before {
		content: "";
		width: 136rem;
		height: 84rem;
		display: block;
		position: absolute;
		left:-13rem;
		top:0;
		background-image:url(../images/home/quote.svg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.about .blue-box::after {
		content: "";
		width: 136rem;
		height: 84rem;
		display: block;
		position: absolute;
		right: -13rem;
		bottom: 0;
		background-image: url(../images/home/quote.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		transform: rotate(180deg);
	}
	.about .blue-box h3 {
		margin-bottom: 15rem;
		color: #fff;
		font-size: 28rem;
		font-style: normal;
		font-weight: 600;
		line-height: 110%; /* 30.8px */
		letter-spacing: -0.56rem;
	}





.about .image .blue-box {
	display: none;
}

.about .text .blue-box {
	display: block;
}
.news {
	position: relative;
	padding-top: 150rem;
	margin-bottom: 60rem;
}
	.news .intro-text h2{
		margin-bottom:30rem;
	}
	.news .tabs {
		display: flex;
		gap: 40rem;
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 40rem;
	}
.news .tab {
	color: #050516;
	text-align: center;
	font-size: 40rem;
	font-style: normal;
	font-weight: 300;
	line-height: 128%;
	letter-spacing: -0.8rem;
	cursor:pointer;
	opacity:0.4;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	
}
.news .tab.active{
	opacity:1;
}
	.news .tab.active::after {
		content: "";
		display: block;
		position: absolute;
		bottom: -10rem;
		background-color: #2348EE;
		height:3rem;
		width:100%;
	}
	.news .articles {
		width: 100%;
		gap: 25rem;
		justify-content: space-between;
		display: none;
		padding-bottom: 40rem;
	}
	.news .articles.active {
		display: flex;
	}

.news-block .article .image {
	width: 100%;
	height: 300rem;
	margin-bottom: 25rem;
}
	.news .actions {
		text-align: center;
		margin-bottom: 40rem;
	}
.news-block .article span.description {
	display: none;
}
.data .slide.slide-2 .text img{
	display:none;
}

.analytics p.content-image {
max-width:90%;
margin:auto;
}
@media screen and (orientation: landscape) {
	.analytics .bg-1{
		object-fit:cover;
	}
}

	@media screen and (orientation: portrait) {
		body {
			font-size: 30rem;
		}

		.intro p br {
			display: none;
		}

		.intro .circles {
			right: 0;
			left: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 100vw;
			height: 100vw;
			opacity: 0.45;
		}

		.intro .dot {
			height: 100%;
			width: 100%;
		}

		.analytics .items .item .image img {
			height: auto;
			width: 100%;
			max-width: 100%;
		}

		.analytics .bg-2.portrait {
			display: block;
		}

		.analytics .bg-2.landscape {
			display: none;
		}

		.analytics .description > .text {
			position: relative;
			max-width: 100%;
		}

			.analytics .description > .text br {
				display: none;
			}

		.data .slide .container {
			flex-wrap: wrap;
		}

		.data .slide .text {
			width: 100%;
			text-align: center;
		}

		.data .slide .slide-item .text {
			text-align: left;
		}

		.data .slide-items {
			gap: 90rem;
		}

		.data .slide.slide-2 .text {
			margin: 24rem 0;
		}

			.data .slide.slide-2 .text img {
				display: inline-block;
				margin-top: 40rem;
			}

			.data .slide.slide-2 .text p:last-child {
				margin-bottom: 0;
			}

		.data .slide .image {
			width: 100%;
			margin: 10rem 0;
		}

		.data .slide.slide-1 .image {
			width: 100%;
			margin: 10rem 0;
		}

		.data .slide.slide-2 .image {
			width: 100%;
			display: none;
		}

		.data .slide .items {
			justify-content: center;
			flex-direction: column;
		}

		.data .slide .item {
			width: 100%;
		}

		.data .slide-1::after, .data .slide-2::after {
			display: none;
		}

		.data .slide-2 {
			color: #050516;
		}




		.about {
			padding-top: 150rem;
		}

			.about .container {
				/*flex-wrap: wrap;*/
				flex-direction: column;
			}

				.about .container .col {
					width: 100%;
					text-align: center;
				}

			.about .title {
				width: fit-content;
				margin: auto;
				gap: 30rem;
			}

			.about .container .image {
				order: 2;
			}

			.about h2 {
				margin: 0 0 40rem 0;
			}


		.analytics .container {
			max-width: 90%;
		}

		.analytics .intro-text h2 {
			font-size: 120rem;
			font-style: normal;
			line-height: 100%; /* 40px */
			letter-spacing: -2rem;
			margin-bottom: 30rem;
		}

		.analytics .intro-text p {
			font-size: max(32rem,13px);
			line-height: 110%;
			letter-spacing: -0.26rem;
		}

		.analytics .content {
			flex-direction: column;
			gap: 60rem;
		}

		.analytics .menu {
			gap: 30rem;
			/*padding-left: 0;*/
			width: 100%;
			position: relative;
			top: auto;
			left: auto;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			height: auto;
		}

		.analytics .main-menu {
			width: 100%;
		}

			.analytics .main-menu .title {
				display: none;
				width: fit-content;
				white-space: nowrap;
				font-size: 66rem;
			}

				.analytics .main-menu .title.active {
					display: block;
				}

					.analytics .main-menu .title.active::before {
						content: "";
						width: 140%;
						height: 3px;
						display: block;
						position: absolute;
						background-color: #2348EE;
						bottom: -30rem;
						left: -20%;
					}

		.analytics p.content-image {
			width: 30%;
			float: left;
			margin: 0 50rem 0 0;
			height: 100%;
			max-width: auto;
		}

			.analytics p.content-image::after {
				clear: both;
			}

		.analytics .items .item {
			margin: 0;
			flex-direction: column;
			position: relative;
			justify-content: space-between;
			display: none;
		}

		.analytics .item p {
			font-size: max(32rem,13px);
			margin-bottom: 20rem;
		}

		.analytics .items li {
			font-size: max(32rem,13px);
		}

		.analytics .items .item.active {
			display: flex;
			/*gap:0;*/
		}

		.data .slide-item .title {
			font-size: 66rem;
			opacity: 0.5;
			/*color: #979797;*/
		}

			.data .slide-item .title.active {
				opacity: 1;
				color: #2348EE;
			}

		.analytics p br {
			display: none;
		}

		.analytics .items .item .image {
			order: 1;
			width: 100vw;
			margin-left: -5%;
			overflow: visible;
		}

		.analytics .main-menu {
			margin: 15rem auto 15rem auto;
		}

		.analytics .items .item .description {
			order: 0;
			width: 100%;
			min-width: auto;
			height: 100%;
		}

		.analytics .container.items {
			justify-content: flex-start;
		}

		.analytics .submenu .title {
			font-size: 54rem;
		}

		.analytics .submenu {
			gap: 20rem;
			padding: 0 50rem;
			position: relative;
		}

			.analytics .submenu .title::before {
				content: "";
				width: 45rem;
				height: 35rem;
				left: -60rem;
				margin-top: 3rem;
			}

		/*.analytics .bg-1 {
			transform: scale(1.7);
			top: -5%;
			left: 20%;
		}*/

		.data .fp-slidesContainer::after {
			display: none;
		}

		.data .slide .image {
			padding: 40rem 0;
		}

		.data .slide.slide-1 .image {
			background-color: transparent;
			box-shadow: none;
		}

		.data p {
			font-size: max(36rem,13px);
		}

		.about .image .blue-box {
			display: block;
		}

		.about .text .blue-box {
			display: none;
		}

		.about {
			text-align: center;
		}

			.about .blue-box {
				margin-left: 30rem;
				margin-right: -60rem;
				margin-top: -120rem;
				padding: 25rem;
			}

			.about p {
				font-size: 36rem;
			}

			.about .blue-box h3 {
				font-size: 50rem;
				letter-spacing: -0.4rem;
			}

	/*	.news .tabs {
			flex-direction: column;
		}*/
		.news .tab{
			font-size:60rem;
		}

		.news .tabs .tab {
			text-align: left;
		}

		.news .tab {
			text-align: left;
			justify-content: flex-start;
		}
	}

	.customers .actions {
		visibility: visible !important;
		margin-top:30rem;
	}