@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,600&display=swap');

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--violet);
  transition: all 0.5s;
  cursor: pointer; 
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  width: 5px; 
}

@keyframes blinking {
	from{opacity: 1;}
	to{opacity: 0.3;}
}


:root {
	--violet: #916FDD;
	--black: #2D2D2D;
	--white: #FFFFFF;
	--brown: #2C2142;
	--light-grey: #F6F6F8;
	--dark-grey: #7E82A0;
	--grey: #A0A3B9;
}
html {
	scroll-behavior: smooth;
	font-family: 'Source Sans Pro', sans-serif;
	scroll-margin-top: 100px;
}
*{
	appearance: none;
  -moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
	margin: 0;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}
a, button{
	cursor: pointer;
	text-decoration: none;
	border: none;
	background-color: transparent;
	display: inline-block;
}
body{
	overflow-x: hidden;
}

main{
	padding-top: 72px;
}
@media screen and (max-width:  920px){
	main{
		padding-top: 80px;
	}
}

section{
	width: 100%;
	overflow: hidden;
	scroll-margin-top: 64px;
}
img{
	display: block;
	width: 100%;
}

.anchor{
	display: block;
	position: relative;
	top: -120px;
	visibility: hidden;
}



/*COMMONS START*/

/*containers*/
.container{
	position: relative;
	width: 100%;
	margin: auto;
	max-width: 1320px;
}
@media screen and (max-width:  1320px){
	.container{
		max-width: calc(100% - 40px);
	}
}

.image-box{
	position: relative;
}
.image-box img{
	/*position: absolute;*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: contain;
}


/*components*/
@media screen and (min-width:  920px){
	.mobile{
		display: none !important;
	}
}
@media screen and (max-width:  920px){
	.desktop{
		display: none !important;
	}
}

.unscroll{
	position: relative !important;
	overflow: hidden !important;
	/*position: fixed;*/
	height: 100vh;
}


/*lists*/
ul{
	list-style-type: none;
}

.bullet-list li{
	position: relative;
	padding-left: 32px;
}
.bullet-list li:last-child{
	margin-bottom: 0;	
}
.bullet-list li::before{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: var(--violet);
	position: absolute;
	top: 3px;
	left: 0;
	/*transform: translateY(-50%);*/
}
.bullet-list li::after{
	content: '';
  display: block;
  width: 8px;
  height: 4px;
  border-bottom: 2px solid var(--white);
  border-left: 2px solid var(--white);
  border-radius: 2px 2px 2px 2px;
  position: absolute;
  top: 8px;
  left: 0;
  transform: translate(7px, 50%) rotate(-45deg);
}
@media screen and (max-width:  920px){
	.bullet-list li::before{
		top: 9px;
	}	
	.bullet-list li::after{
		top: 14px;
	}
}


/*titles & texts*/
h1, 
.page-title{ 
	font-size: 60px;
	line-height: 72px;
	font-weight: bold;
}
h2,
.section-title{
	font-size: 48px;
	line-height: 60px;
	font-weight: bold;
	color: var(--black);
}
h3, 
.block-title{
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
}
h4,
.accent-text{  }

p,
.text-16{
	font-size: 16px;
	line-height: 24px;
	color: var(--black);
}
.text-18{
	
	font-size: 18px ;
	line-height: 28px;
	color: var(--black);
}
.text-20{
	font-size: 20px;
	line-height: 28px;
	color: var(--black);
}
.text-24{
	font-size: 24px;
	line-height: 32px;
	color: var(--black);
}

@media screen and (max-width: 920px){
	h1, 
	.page-title{
		font-size: 32px;
		line-height: 36px;
	}
	h2, 
	.section-title{
		font-size: 24px;
		line-height: 32px;
	}
	h3,
	.block-title{
		font-size: 16px;
		line-height: 22px;
	}


	.text-24,
	.text-20,
	.text-18,
	.text-16{
		font-size: 16px;
	}
}



/*buttons & links*/
.transparent-button,
.violet-button,
.white-button{
	display: inline-block;
	padding: 16px 32px;
	font-size: 16px;
	line-height: 1.3;
	border-radius: 6px;
	transition: all .5s;
	text-align: center;
}
.violet-button{
	color: var(--white);
	background-color: var(--violet);
}
.white-button{
	color: var(--violet);
	background-color: var(--white);
}
.violet-button:hover{
	filter: brightness(1.1);
}
.transparent-button:hover{
	color: var(--violet);
}

.download-buttons{
	display: flex;
}
.download-buttons a:first-child{
	margin-right: 16px;
}
.download-buttons a img{
	height: 48px;
	width: auto;
}

.close{
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
}
.close::before,
.close::after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--black);
	border-radius: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.close::before{
	transform: translate(-50%, -50%) rotate(45deg);
}
.close::after{
	transform: translate(-50%, -50%) rotate(-45deg);
}

.info-link{
	display: inline-block;
	padding-left: 36px;
	font-size: 18px;
	line-height: 1.2;
	position: relative;
	color: var(--violet);
}
.info-link:hover{
	text-decoration: underline;
}
.info-link::before{
	content: '';
	background-image: url(../img/Info.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-10%);
}
@media screen and (max-width:  920px){
	.info-link{
		font-size: 16px;
	}
}

/*COMMONS END*/




/*SLICK ELEMENTS START*/
.slick-dots li {
	margin: 0;
}
.slick-dots li button:before{
	font-size: 9px;
	color: var(--violet) !important;
}

/*SLICK ELEMENTS END*/



/*HEADER START*/

.site-header{
	background-color: var(--brown);
	padding: 8px 0;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .5s;
}
.site-header.white{
	background-color: var(--white);
}
.site-header.shadowed{
	-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); 
	-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); 
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.header__wrap{
	padding: 0 24px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
}
.header__logo{
	display: block;
	width: 56px;
	height: 56px;
	object-fit: contain;
	margin: auto 50px auto 0px;
}
.header__navigation{

}
.header__navigation .menu{
	display: flex;
}
.header__navigation .menu li{
	position: relative;
	padding: 16px 20px;
}
.header__navigation .menu li a{
	color: var(--light-grey);
	transition: all .5s;
}
.site-header.white .header__navigation .menu li a{
	color: var(--black);
}
.site-header .header__navigation .menu li:hover > a{
	color: var(--violet);
}

.header__navigation .sub-menu{
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--white);
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
	width: max-content;
}
.header__navigation li:hover .sub-menu{
	opacity: 1;
	visibility: visible;
}
.header__navigation .sub-menu li a{
	color: var(--black);
	display: inline-block;
}

.header__buttons{
	margin: auto 0 auto auto;
	display: flex;
}
.header__buttons .transparent-button{
	margin-left: 24px;
	color: var(--light-grey);
	transition: all .5s;
}
.site-header.white .header__buttons .transparent-button{
	color: var(--violet);
}
.header__buttons .transparent-button:hover{
	color: var(--violet);
}
.header__burger{
	display: block;
	position: relative;
	width: 18px;
	height: 14px;
	margin: auto 0 auto auto;
}
.header__burger span{
	display: block;
	position: absolute;
	background-color: var(--white);
	width: 100%;
	height: 2px;
	border-radius: 1px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.site-header.white .header__burger span{
	background-color: var(--black);
}
.header__burger span:first-child{
	top: 0;
	transform: translateY(0);
}
.header__burger span:last-child{
	top: unset;
	bottom: 0;
	transform: translateY(0);
}

@media screen and (max-width:  920px){
	.site-header{
		padding: 16px 0;
	}
	.header__wrap{
		padding: 0 20px
	}
	.header__logo{
		width: 48px;
		height: 48px;
	}
	.header__navigation{
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		padding: 0px 20px;
		background-color: var(--white);
		display: flex;
		flex-direction: column;
		opacity: 0;
		visibility: hidden;
		transition: all .3s;
	}
	.header__navigation.active{
		opacity: 1;
		visibility: visible;
		height: 100vh;
		max-height: -webkit-fill-available;
	}
	.header__navigation.active::after{
		content: '';
		display: block;
		width: 100vw;
		height: 100px;
		background-color: var(--white);
		top: 100%;
		left: 0;
		position: absolute;
	}
	.navigation__header{
		width: 100%;
		display: flex;
		padding: 16px 0;
		align-items: center;
		justify-content: space-between;
	}
	.burger__logo{
		display: block;
		width: 48px;
		height: 48px;
	}
	.header__navigation .violet-button{
		margin: 20px auto 20px auto;
		width: 100%;
	}
	.header__navigation .menu-main-menu-container{
		height: 100%;
	}
	.header__navigation .menu-main-menu-container{
		overflow-y: scroll;
	}
	.header__navigation .menu-main-menu-container::-webkit-scrollbar{
		width: 2px;
	}
	.header__navigation .menu{
		flex-direction: column;
	}
	.header__navigation .sub-menu{
		position: static;
		opacity: 1;
		visibility: hidden;
		transform: translateX(0);
	}
	.header__navigation.active .sub-menu{
		visibility: visible;
	}
	.header__navigation .menu li a{
		color: var(--dark-grey);
	}
	.header__navigation .menu > li{
		border-bottom: 1px solid #e3e3e3;
	}
	.header__navigation .menu > li:last-child{
		border-bottom: none;
	}
	.header__navigation .menu .sub-menu li,
	.header__navigation .menu > li{
		padding: 16px 0px;
	}
	.header__navigation .menu > li > a{
		display: inline-block;
		margin: 16px 0;
	}

}
/*HEADER END*/


/*FOOTER START*/
.site-footer{
	width: 100%;
	background-color: var(--light-grey);
	padding: 64px 0;
}
.footer__wrap{
	display: flex;
	width: 100%;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 36px;
}
.footer__nav{
	display: flex;
	width: inherit;
}
.footer__nav > div{
	width: 100%;
	max-width: 200px;
	margin-right: 16px;
}
.footer__nav .menu li a{
	padding: 12px 0;
	display: block;
	font-size: 16px;
	line-height: 1.12;
	color: var(--black);
	transition: all .5s;
}
.footer__nav .menu li a:hover{
	color: var(--violet);
}
.footer__nav .menu > li > a{
	font-size: 20px;
	line-height: 1.4;
	margin-top: 0;
}

.footer__info{
	width: 100%;
	max-width: 318px;
	margin-right: calc(100% / 12);
}
.footer__logo{
	width: 56px;
	height: 56px;
	display: block;
	margin-bottom: 24px;
}
.footer__info > p{
	margin-bottom: 24px;
}
.footer__socials{
	margin-bottom: 32px;
}
.footer__socials img{
	width: 100%;
	object-fit: contain;
}

.footer__socials{
	display: flex;
}
.footer__socials li{
	margin-right: 16px;
}
.footer__socials li:last-child{
	margin-right: 0;
}
.footer__socials li a{
	width: 32px;
	height: 32px;
}
.footer__socials li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.footer__socials li a:hover img{
	filter: invert(48%) sepia(70%) saturate(1861%) hue-rotate(225deg) brightness(92%) contrast(86%);	
}

.footer__legal{
	padding-top: 40px;
	border-top: 1px solid #DFE0EB;
	color: var(--dark-grey);
	line-height: 1.5;
}

@media screen and (max-width: 920px){
	.site-footer{
		padding: 32px 0;
	}
	.footer__wrap{
		flex-direction: column;
		justify-content: flex-start;	
		margin-bottom: 0;
	}
	.footer__nav{
		margin: 32px 0;
		flex-direction: column;
	}
	.footer__nav > div{
		max-width: unset;
	}
	.footer__nav .menu > li > a{
		display: none;
	}
	.footer__info{
		order: -1;
		border-bottom: 1px solid #DFE0EB;
		max-width: unset;
		margin-right: 0;
	}
	.footer__info .download-buttons{
		display: none;
	}
	.footer__legal{
		color: var(--dark-grey);
		line-height: 1.5;
	}
}
/*FOOTER END*/

/*HERO START*/
.hero{
	padding: 64px 0 0 0;
	background-color: var(--brown);
	margin-bottom: 44px;
	overflow: visible;
	position: relative;
}
.hero::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 64px;
	bottom: 0;
	left: 0;
	background-color: var(--white);
}

.hero-wrap{
	/*padding: 104px 0 0 0;*/
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}
.hero-wrap h1{
	color: var(--white);
	margin-bottom: 36px;
	line-height: 72px;
}
.hero-wrap h1 strong{
	color: var(--violet);
}
.hero-wrap p{
	margin-bottom: 56px;
	line-height: 32px;
	color: var(--grey);
}
.hero__info{
	width: 100%;
	max-width: calc(50% - 12px);
	position: relative;
	z-index: 20;
	margin-top: 57px;
}
.hero__downloads p{
	margin-bottom: 16px;
}
.hero__image{
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: calc(50% - 12px);
	height: 608px;
	/*top: 20px;*/
	/*right: 89px;*/
}
.hero__image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
@media screen and (max-width:  1200px){
	.hero{
		padding: 64px 0;
	}
	.hero::after{
		display: none;
	}
	.hero__image{
		width: auto;
		max-width: unset;
	}
}
@media screen and (max-width:  920px){
	.hero{
		padding: 32px 0;
		margin-bottom: 0px;
		position: relative;
	}
	.hero-wrap{
		display: block;
		padding: 0;
	}
	.hero-wrap h1{
		line-height: 1.2;
	}
	.hero__info{
		max-width: unset;
		margin-top: 8px;
	}
	.hero-wrap p{
		margin-bottom: 32px;
	}
	.hero__info .violet-button{
		width: 100%;
		margin-bottom: 32px;
	}
	.hero__downloads{
		display: none;
	}
	.hero__image{
		position: relative;
		width: 100%;
		height: 436px;
		height: 
	}	
	.hero__image img{
		position: relative;
		z-index: 100;
	}
	.hero__image::after{
		content: '';
		display: block;
		position: absolute;
		height: 40%;
		width: 100vw;
		background-color: var(--white);
		bottom: -32px;
		left: 50%;
		transform: translateX(-50%);
	}

}
/*HERO END*/

/*CARDS START*/
.cards{
	padding: 64px 0;
	padding-bottom: 116px;
}
.cards__wrap{
	width: 100%;
}
.cards__wrap h2{
	text-align: center;
	max-width: 878px;
	margin: auto;
	margin-bottom: 64px;
}
.cards__wrap h2 strong{
	color: var(--violet);
}
.cards__list{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.cards__item{
	width: calc(25% - 18px);
	height: min-content;
	padding: 258px 24px 24px 24px;
	position: relative;
	/*aspect-ratio: 7.4 / 10;*/
	display: flex !important;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
	border-radius: 6px;
	transition: all .5s;
	z-index: 100;
}
.cards__item:hover{
	transform: scale(1.07) !important;
}
.cards__item *{
	color: var(--white);
}
.cards__item__image{
	position: absolute;
	width: 100%;
	height: 230px;
	top: 0;
	left: 0;
}
.cards__item img{
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
	/*transition: all .5s;
	width: 80%;
	height: 200px;
	object-fit: contain;
	object-position: center;
	margin: auto;
	margin-bottom: 28px;*/
}
.cards__item h3{
	font-weight: 600;
	margin-bottom: 16px;
	line-height: 35px;
	position: relative;
}
.cards__link{
	display: block;
	position: absolute;
	width: 100%;
	background-color: inherit;
	bottom: 0;
	left: 50%;
	border-radius: 0 0 6px 6px;
	opacity: 1;
	transform: translate(-50%, 0);
	transition: all .5s;
	z-index: -1;
	padding: 24px;
}
.cards__link span{
	transition: all .2s;
	opacity: 0;
	position: relative;
}
.cards__link span::before,
.cards__link span::after{
	content: '';
	display: block;
	position: absolute;
}
.cards__link span::before{
	background-color: var(--white);
	width: 16px;
	height: 2px;
	border-radius: 2px;
	top: 50%;
	left: calc(100% + 8px);
	transform: translateY(-50%);
}
.cards__link span::after{
	width: 8px;
	height: 8px;
	border-radius: 1px;
	border-bottom: 2px solid var(--white);
	border-right: 2px solid var(--white);
	top: 50%;
	left: calc(100% + 12px);
	transform: translate(0, -50%) rotate(-45deg);
}
.cards__item:hover .cards__link span{
	opacity: 1;
}
.cards__item:hover .cards__link{
	opacity: 1;
	transform: translate(-50%, calc(100% - 24px))
}
/*.cards__item:hover img{
	transform: translate(6px, 9px);
}*/



@media screen and (max-width: 920px){
	.cards__list{
		display: block;
	}
	.cards__wrap h2{
		text-align: left;
		margin-bottom: 32px;
	}
	.cards__list .slick-track{
		display: flex !important;
	}
	.cards__item{
		width: 100%;
		aspect-ratio: unset;
		height: auto;
		margin: 0 6px 20px 6px;
		height: inherit;
	}
	.cards__item h3{
		/*margin-top: 28px;*/
		font-size: 20px;
	}
	.cards__item p{
		font-size: 16px;
	}
	.cards__item img{
		position: static;
		transform: translate(0, 0);
		margin: 0 auto auto auto;
		max-width: 80%;
	}
	.cards__item:hover{
		transform: none !important;
	}
	.cards__link{
		display: none;
	}
	.cards__list,
	.cards__list .slick-list,
	.cards__list .slick-track{
		overflow: visible !important;
	}
}
/*CARDS END*/




/*LIST IMAGE START*/
.list-image{
	padding: 116px 0;
}
.list-image__wrap{
	display: flex;
	width: 100%;	
	justify-content: space-between;
	align-items: center;
}
.list-image__img{
	width: 100%;
	height: 536px;
	max-width: calc(50% - 12px);
}

.list-image__info{
	width: 100%;
	max-width: calc(50% - 12px);
}
.list-image__info h2{
	margin-bottom: 16px;
}
.list-image__info h2 strong{
	color: var(--violet);
}
.list-image__info p{
	margin-bottom: 40px;
}
.list-image__info li{
	margin-bottom: 24px;
}

@media screen and (max-width:  920px){
	.list-image{
		padding-top: 0;
		padding-bottom: 8px;
	}
	.list-image__wrap	{
		flex-direction: column;
	}
	.list-image__img{
		width: 100%;
		margin-bottom: 32px;
		height: auto;
		max-width: unset;
	}
	#journey .list-image__img img{
		width: 100%;
		aspect-ratio: 1.5 / 1;
		object-fit: cover;
		object-position: bottom;
	}
	@supports not (aspect-ratio: 1.5 / 1){
		#journey .list-image__img img{
			height: 60vw;
		}
	}
	.list-image__info{
		max-width: unset;
		margin-left: 0;
	}
	.list-image__info h2{
		margin-bottom: 16px;
	}
}
/*LIST IMAGE END*/

/*LINK INFO START*/
.link-info{
	padding: 116px 0;
}
.link-info__wrap{
	display: flex;
	width: 100%;	
	justify-content: space-between;
	align-items: center;
}
.link-info__img{
	width: 100%;
	margin: auto;
	max-width: calc(50% - 12px);
	height: 536px;
}
.link-info__info{
	width: 100%;
	margin-left: 36px;
	max-width: calc(50% - 12px)
}
.link-info__info h2{
	margin-bottom: 16px;
}
.link-info__info h2 strong{
	color: var(--violet);
}
.link-info__info p{
	margin-bottom: 40px;
}

@media screen and (max-width:  920px){
	.link-info{
		padding: 0 0 12px 0;
	}
	.link-info__wrap	{
		flex-direction: column;
	}
	.link-info__img{
		width: 100%;
		max-width: unset;
		height: auto;
		margin-bottom: 16px;
	}
	.page-template-page-features .link-info__img{
		max-width: 300px;
	}
	.link-info__info{
		max-width: unset;
		margin-left: 0;
	}
	.link-info__info h2{
		margin-bottom: 16px;
	}
	.link-info__info p{
		margin-bottom: 0;
	}
	.link-info .info-link{
		margin-top: 16px;
		margin-bottom: 32px;
	}

}
/*LINK INFO END*/


/*TABS IMAGE START*/
.tabs_image{
	background-color: var(--brown);
	padding: 60px 0;
}
.tabs_image__wrap{
	display: flex;
	flex-wrap: wrap;
	/*align-items: center;*/
	justify-content: space-between;
}
.tabs_image__info{
	margin-top: 100px;
	width: 100%;
	max-width: calc(50% - 12px);
}
.tabs_image__info *{
	color: var(--light-grey);
}

.tabs_image__triggers{
	margin-bottom: 72px;
	width: max-content;
	border-bottom: 1px solid var(--dark-grey);
}
.tabs_image__triggers button{
	display: inline-block;
	padding: 24px;
	position: relative;
	opacity: 0.6;
	transition: all .3s;
	font-size: 28px;
	line-height: 32px;
}
.tabs_image__triggers button:first-child{
	padding: 24px 24px 24px 0;
}
.tabs_image__triggers button.active{
	opacity: 1;
	pointer-events: none;
}
.tabs_image__triggers button .loader{
	position: absolute;
	left: 0;
	top: 100%;
	display: block;
	width: 100%;
	height: 4px;
	transform: translateY(-50%);
	background-color: var(--violet);
	opacity: 0;
}
.tabs_image__triggers button.active .loader{
	opacity: 1;
	transition: all .5s linear;
}
.tabs_image.timer .tabs_image__triggers button .loader{
	max-width: 0px;
	opacity: 1;
}
.tabs_image.timer .tabs_image__triggers button.active .loader{
	max-width: 100%;
	transition: all 10s linear;
}
.tabs_image__texts{
	width: 100%;
}
.tabs_image__texts .text-24{
	/*font-weight: 600;*/
	margin-bottom: 20px;
}
.tabs_image__texts .text-24,
.tabs_image__texts .text-18{
	max-width: 450px;
	/*max-height: 0px;*/
	display: none;
	transform: translateY(32px);
	transition: transform .5s;
}
.tabs_image__texts .text-24.active,
.tabs_image__texts .text-18.active{
	display: block;
	transform: translateY(0);
}
.tabs_image__visual{
	width: 100%;
	max-width: calc(50% - 12px);
	height: 536px;
}
@supports not (aspect-ratio: 2 / 1){
	.tabs_image__visual{
		max-height: 25vw;
	}
	@media screen and (max-width: 920px){
		.tabs_image__visual{
			max-height: unset;
		}	
	}
}
.tabs_image__visual img{
	display: none;
	transform: translateY(32px);
	transition: transform .5s;
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.tabs_image__visual img.active{
	display: block;
	transform: translateY(0);
}
@media screen and (max-width: 1320px){
	.tabs_image__wrap{
		flex-direction: column-reverse;
		align-items: center;
	}
}
@media screen and (max-width: 920px){
	.tabs_image{
		padding: 44px 0;
		margin-bottom: 0;
	}
	.tabs_image__wrap{
		flex-direction: column-reverse;
	}
	.tabs_image__info,
	.tabs_image__visual{
		max-width: unset;
		margin-top: 0;
		margin-right: 0;
		height: auto;
	}
	.tabs_image__info{
		min-height: 210px;
	}
	.tabs_image__visual{
		height: 265px;
	}
	.tabs_image__triggers{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 28px;
	}
	.tabs_image__triggers button{
		padding: 12px 0;
		width: 50%;
		text-align: center;
		font-size: 16px;
	}
	.tabs_image__triggers button:first-child{
		padding: 12px 0;
		text-align: left;
	}
	.tabs_image__texts{
		max-width: unset;
	}
	.tabs_image__texts .text-24{
		margin-bottom: 16px;
		font-size: 20px;
	}
	.tabs_image__visual{
		margin-bottom: 32px;
	}
	.tabs_image__visual img{
		max-width: 450px;
		margin: auto;
	}

}
/*TABS IMAGE END*/

/*TABS SLIDER START*/
.tabs_slider{
	padding: 37px 0;
	min-height: 804px;
	/*margin-bottom: 64px;*/
}
.tabs_slider__wrap{
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	width: 100%;
}
.tabs_slider__info{
	width: 100%;
	max-width: calc(50% - 12px);
}
.tabs_slider__info h2{
	margin-bottom: 16px;
}
.tabs_slider__info h2 strong{
	color: var(--violet);
}
.tabs_slider__info > .text-24{
	margin-bottom: 32px;
}
.tabs_slider__triggers{
	max-width: 460px;
	margin-bottom: 44px;
}
.tabs_slider__triggers li{
	margin-bottom: 24px;
	position: relative;
	padding-left: 36px;
	cursor: pointer;
}
.tabs_slider__triggers li p{
	color: #c4c7d9;
	transition: all .5s;
}
.tabs_slider__triggers li.active p{
	color: var(--black);
}
.tabs_slider__triggers li:last-child{
	margin-bottom: 0;
}
.tabs_slider__triggers li .loader{
	position: absolute;
	width: 24px;
	height: 4px;
	border-radius: 2px;
	background-color: #c4c7d9;
	top: 12px;
	left: 0;
}
.tabs_slider__triggers li .loader::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	left: 0;
	top: 0;
	max-width: 0;
	background-color: var(--violet);
}
.tabs_slider__triggers li.active .loader::after{
	transition: all 10s linear;
	max-width: 100%;
}
.tabs_slider__triggers li > .text-20{
	margin-bottom: 16px;
}
.tabs_slider__triggers li > .additional{
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
}
.tabs_slider__triggers li.active > .additional{
	opacity: 1;
	max-height: 200px;
	visibility: visible;
	transition: all .5s .25s;
}

.tabs_slider__visual{
	width: auto;
	max-width: calc(50% - 12px);
	height: 648px;
	position: relative;
}
.tabs_slider__visual img{
	/*display: none;*/
	transform: translateY(40px);
	filter: blur(5px);
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .7s;
}
.tabs_slider__visual img.active{
	/*display: block;*/
	opacity: 1;
	position: relative;
	transform: translateY(0);
	filter: blur(0px);
}
.page-template-page-features .tabs_slider__info h2{
	margin-bottom: 68px;
}

@media screen and (max-width:  920px){
	.tabs_slider{
		padding: 32px 0;
		margin-bottom: 0;
		min-height: unset;
	}
	.tabs_slider__wrap{
		display: block;
	}
	.tabs_slider__headings{
		margin-bottom: 32px
	}
	.tabs_slider__slider .tabs_slide__image{
		width: 100%;
		height: 360px;
		margin-bottom: 32px;
		overflow: hidden;
	}
	.tabs_slider__slider li img{
		width: 100%;
		height: 150%;
    object-fit: cover;
	}
	.tabs_slider__slider li .text-18{
		margin-bottom: 24px;
		text-align: center;
	}
	.tabs_slider__slider li .text-20{
		text-align: center;
		font-size: 20px;
		margin-bottom: 24px
	}
	.tabs_slider__headings h2{
		margin-bottom: 16px;
	}
	.tabs_slider__headings h2 strong{
		color: var(--violet);
	}
}
/*TABS SLIDER END*/


/*SLIDER POPUP START*/
.slider_popup{
	padding: 0 0 64px 0;
}
.slider_popup h2{
	margin-bottom: 28px;
	text-align: center;
	font-weight: 400;
}
.slider_popup__wrap{
	width: 100%;
}
.slider_popup__list{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.slider_popup__list li{
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0 12px;
	transition: all .5s;
	cursor: pointer;
}
.slider_popup__list li:hover{
	transform: scale(1.03);
}
.slider_popup__list li.loading{
	animation-duration: .3s;
  animation-name: blinking;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.slider_popup__list li img{
	display: block;
	width: 100%;
}

.slider_popup__modal{
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 900;
	background-color: #00000088;
}
.slider_popup__content{
	display: block;
	width: 100%;
	max-width: 872px;
	margin: auto;
	margin-top: 111px;
	border-radius: 4px;
	position: relative;
	padding: 44px;
	overflow-y: scroll;
	background-color: var(--white);
	max-height: calc(100vh - 222px);
}
.slider_popup__content .close{
	position: absolute;
	top: 28px;
	right: 28px;
	color: var(--dark-grey);
}
.slider_popup__content h3{
	margin-bottom: 16px;
	max-width: 604px;
}
.slider_popup__meta{
	margin-bottom: 16px;
}
.slider_popup__meta a{
	color: var(--violet);
}
.slider_popup__meta span{
	color: var(--grey);
}
.slider_popup__cover{
	max-width: 604px;
	margin-bottom: 24px;
	max-height: 191px;
	object-fit: cover;
	aspect-ratio: 3 / 1;
}
.slider_popup__main_text p{
	margin-bottom: 24px;
	font-size: 18px;
	line-height: 1.2;
}
@media screen and (max-width:  920px){
	.slider_popup{
		padding: 0;
	}
	.slider_popup .container{
		max-width: unset;
	}
	.slider_popup__list{
		display: block;
		max-width: 60%;
		margin: auto;
		overflow: visible;
	}
	.slider_popup__list .slick-track{
		display: flex !important;
	}
	.slider_popup__list li{
		max-width: unset;
		display: flex !important;
		height: inherit;
		/*align-items: flex-end;*/
		margin: 0 24px;
	}
	.slider_popup__list .slick-list{
		overflow: visible !important;
	}
	.slider_popup__modal{
		padding: 20px;
	}
	.slider_popup__content{
		max-height: calc(100vh - 100px);
		margin-top: 60px;
		padding: 20px;
	}
	.slider_popup__content .close{
		top: 20px;
		right: 20px;
	}
	.slider_popup__content h3{
		max-width: calc(100% - 60px);
		font-size: 20px;
	}
	.slider_popup__cover{
		aspect-ratio: 1.5 / 1;
		max-height: 191px;
	}
}
/*SLIDER POPUP END*/

/*BANER START*/
.baner{
	background-color: var(--violet);
	padding: 28px 0;
	margin-bottom: 100px;
}
.baner__wrap{
	width: 100%;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
}
.baner__texts{
	width: 100%;
	max-width: calc(50% - 12px);
	margin-top: 92px;
}
.baner__texts h1{
	color: var(--white);
	margin-bottom: 34px;
}
.baner__texts > p{
	color: var(--white);
}
.baner__texts > p.text-24{
	margin-bottom: 56px;
}
.baner__texts > p.text-20{
	margin-bottom: 16px;
}
.baner__image{
	width: 100%;
	max-width: calc(50% - 12px);
	height: 550px;
	margin: auto;
}
@media screen and (max-width:  920px){
	.baner{
		padding: 40px 0 20px 0;
		margin-bottom: 0;
	}
	.baner__texts h1{
		margin-bottom: 16px;
	}
	.baner__wrap{
		flex-direction: column;
		justify-content: start;
	}
	.baner__texts,
	.baner__image{
		margin-top: 0;
		max-width: unset;
		height: auto;
	}
	.baner__texts > p.text-24{
		margin-bottom: 16px;
	}
	.baner__texts > .white-button{
		width: 100%;
		margin-bottom: 32px;
	}
	.baner__image img{
		position: relative;
		margin: auto;
		z-index: 1;
	}
	.baner__image{
		position: relative
	}
	.baner__image::after{
		content: '';
		display: block;
		width: 100vw;
		height: 64px;
		background-color: var(--violet);
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
}
/*BANER END*/

/*RESPONSIVE TABS START*/
.responsive_tabs{
	padding: 37px 0;
}
.responsive_tabs__wrap{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.responsive_tabs__texts{
	margin-top: 43px;
	width: 100%;
	max-width: calc(50% - 12px);
}
.responsive_tabs__texts h2{
	margin-bottom: 24px;
}
.responsive_tabs__texts > .text-24{
	margin-bottom: 24px;
}
.responsive_tabs__scroll_wrap{

}
.responsive_tabs__tabs{
	display: flex;
	width: 100%;
	border-bottom: 1px solid var(--grey);
	position: relative;
	margin-bottom: 32px;
	touch-action:  pan-x;
}
.responsive_tabs__tabs .underline{
/*	content: '';*/
	display: block;
	position: absolute;
	width: 25%;
	height: 3px;
	bottom: -2px;
	left: 0;
	background-color: var(--violet);
	transition: all .5s;
}
.responsive_tabs__tabs li{
	font-weight: 600;
	width: 25%;
	padding: 24px 0;
	text-align: center;
	color: var(--grey);
	transition: all .5s;
	cursor: pointer;
}
.responsive_tabs__tabs li.active{
	color: var(--black);
	pointer-events: none;
}
.responsive_tabs__data{
	max-width: 536px;
	position: relative;
}
.responsive_tabs__data p{
	/*display: none;*/
	transform: translateY(24px);
	transition: all .3s;

	position: absolute;
	top: 0;
	opacity: 0;
}
.responsive_tabs__data p.active{
	transform: translateY(0);
	position: relative;
	opacity: 1;
}
.responsive_tabs__data p:first-child{
	display: block;
}
.responsive_tabs__image{
	width: 100%;
	margin: 0 auto;
	max-width: calc(50% - 12px);
	height: 648px;
}
@media screen and (max-width:  920px){
	.responsive_tabs{
		padding: 45px 0;
		margin-bottom: 0;
	}
	.responsive_tabs__wrap{
		flex-direction: column;
	}
	.responsive_tabs__texts{
		max-width: unset;
		margin-top: 0;
	}
	.responsive_tabs__texts h2{
		margin-bottom: 16px;
	}
	.responsive_tabs__texts p{
		font-size: 16px;
		margin-bottom: 8px;
	}
	.responsive_tabs__image{
		width: 100%;
		max-width: 360px;
		aspect-ratio: unset;
		height: 280px;
		margin-bottom: 24px;
	}
	.responsive_tabs__image img{
		object-fit: none;
		object-position: top;
		margin: auto;
		max-width: unset;
		height: 100%;
	}
	.responsive_tabs__scroll_wrap{
		width: 100vw;
		position: relative;
		left: -20px;
	}
	.responsive_tabs__tabs{
		overflow-x: scroll;
		width: auto;
		padding: 0 20px;
		position: relative;
		border-bottom: none;
		margin-bottom: 28px;
	}
	.responsive_tabs__tabs::before{
		content: '';
		display: block;
		position: absolute;
		width: calc(28.5vw * 4);
		height: 1px;
		left: 20px;
		bottom: 0;
		background-color: var(--grey);
	}
	.responsive_tabs__tabs::-webkit-scrollbar{
		display: none;
	}
	.responsive_tabs__tabs .underline{
		bottom: -1px;
		left: 20px;
		width: 28.5vw;
	}
	.responsive_tabs__tabs li{
		min-width: 28.5vw;
		padding: 10px 0;
	}
}
@supports not (aspect-ratio: 7 / 10){
	.responsive_tabs__image{
		max-height: 500px;
	}
	@media screen and (max-width: 920px){
		.responsive_tabs__image{
			max-height: 200px;
		}
	}

}
/*RESPONSIVE TABS END*/

/*EXTENDED LIST START*/
.extended_list{
	padding: 80px 0;
}
.extended_list__wrap{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.extended_list__texts{
	width: 100%;
	max-width: calc(100% - 12px);
	padding-left: 16px;
	margin-top: 8px;
}
.extended_list__texts h2{
	margin-bottom: 16px;
}
.extended_list__texts > p{
	margin-bottom: 40px;
}
.extended_list__list{
	margin-bottom: 52px;
}
.extended_list .extended_list__list li,
.extended_list .extended_list__list li:last-child{
	margin-bottom: 24px;
	padding-left: 40px;
}
.extended_list__list li > .text-24{
	font-weight: 500;
	margin-bottom: 16px;
}

.extended_list__image{
	width: 100%;
	max-width: calc(100% - 12px);
	height: 536px;
}
@media screen and (max-width:  920px){
	.extended_list{
		padding: 0 0 32px 0;
		margin-bottom: 0;
	}
	.extended_list__wrap{
		flex-direction: column;
	}
	.extended_list__texts{
		padding-left: 0;
		margin-top: 0;
	}
	.extended_list__texts > p{
		margin-bottom: 24px;
	}
	.extended_list__texts .text-24{
		font-size: 18px;
	}
	.extended_list .extended_list__list li,
	.extended_list .extended_list__list li:last-child{
		padding-left: 32px;
		margin-bottom: 24px
	}
	.extended_list__list li > .text-24{
		padding-top: 4px;
		margin-bottom: 12px;
	}
	.extended_list__image{
		max-width: 360px;
		height: auto;
	}
	.extended_list__image img{
		max-width: unset;
		margin: auto;
	}
}
/*EXTENDED LIST END*/

/*LIST INFO START*/
.list_info{
	background-color: var(--light-grey);
	padding: 148px 0;
	/*margin-bottom: 64px;*/
}
.list_info__wrap{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}
.list_info__texts{
	width: 100%;
	max-width: calc(50% - 12px);
}
.list_info__texts h2{
	margin-bottom: 16px;
}
.list_info__texts > p{
	margin-bottom: 76px;
}
.list_info__list{
	margin-bottom: 44px;
}
.list_info .list_info__list li,
.list_info .list_info__list li:last-child{
	margin-bottom: 24px;
	padding-left: 40px;
}
.list_info__list li > .text-24{
	font-weight: 600;
	margin-bottom: 16px;
}

.list_info__image{
	width: 100%;
	max-width: calc(50% - 12px);
	height: 536px;
}
@media screen and (max-width:  920px){
	.list_info{
		padding: 32px 0;
		margin-bottom: 0;
	}
	.list_info__wrap{
		flex-direction: column;
	}
	.list_info__texts{
		max-width: unset;
	}
	.list_info__texts > p{
		margin-bottom: 24px;
	}
	.list_info__texts .text-24{
		font-size: 18px;
	}
	.list_info .list_info__list li,
	.list_info .list_info__list li:last-child{
		padding-left: 32px;
		margin-bottom: 12px
	}
	.list_info__list li > .text-24{
		padding-top: 4px;
	}
	.list_info__image{
		max-width: 360px;
		height: auto;
	}
	.list_info__list li::before{
		top: 3px;
	}
	.list_info__list li::after{
		top: 8px;
	}
}
/*LIST INFO END*/


/*CALL TO DOWNLOAD START*/
.ctd{
	padding: 32px 0;
	background-color: var(--violet);
}
.ctd__wrap{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	max-width: 1096px;
	margin: auto;
}
.ctd__wrap *{
	color: var(--white);
}
.ctd__qr{
	width: 112px;
	height: 112px;
}
.ctd__qr img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
/*CALL TO DOWNLOAD END*/

/*CENTER SLIDER START*/
.center_slider{
	padding: 112px 0;
	background-color: var(--light-grey);
}
.center_slider__wrap{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.center_slider__wrap h2{
	margin-bottom: 32px;
}
.center_slider__wrap > .text-24{
	margin-bottom: 40px;
	text-align: center;
	max-width: 647px;
}
.center_slider__list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 72px;
}
.center_slider__slide{
	display: flex;
	width: calc(100% / 3 - 40px);
}
.center_slide__image{
	width: 100%;
  height: 72px;
  max-width: 102px;
}
.center_slide__image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}
.center_slide__texts h3{
	margin-bottom: 24px;
}
@media screen and (max-width: 920px){
	.center_slider{
		background-color: var(--white);
		margin-bottom: 0;
		padding: 32px 0;
	}
	.center_slider__wrap h2{
		margin-bottom: 16px
	}
	.center_slider__wrap > .text-24{
		margin-bottom: 28px;
		font-size: 18px;
	}
	.center_slider__list{
		display: block;
	}
	.center_slider__slide{
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 24px;
	}
	.center_slide__image{
		width: 100%;
		height: auto;
		max-width: 200px;
		margin: auto;
		margin-bottom: 32px;
	}
	.center_slide__image img{
		max-width: 70%;
		margin: auto;
	}
	.center_slide__texts{
		max-width: 280px;
		margin: auto
	}
	.center_slide__texts h3{
		margin-bottom: 12px;
		font-size: 18px;
	}
	.center_slider .info-link{
		margin: 24px auto auto 0;
		max-width: 200px;
	}
}
/*CENTER SLIDER END*/

/*LIST IMAGE BUTTONS START*/
.list_image_buttons{
	padding: 64px 0;
	/*margin-bottom: 64px;*/
}
.list_image_buttons__wrap{
	display: flex;
	width: 100%;
	justify-content: space-between;
	/*align-items: center;*/
}
.list_image_buttons__image{
	width: 100%;
	max-width: calc(50% - 12px);
	height: 536px;
}
.list_image_buttons__texts{
	width: 100%;
	max-width: calc(50% - 12px);
}
.list_image_buttons__texts h2{
	margin-bottom: 44px;
}
.list_image_buttons__list{
	margin-bottom: 44px;
}
.list_image_buttons__list li{
	margin-bottom: 24px;
	padding-left: 40px;
}
.list_image_buttons__texts .download-buttons{
	margin-top: 44px;
}
@media screen and (max-width:  920px){
	.list_image_buttons{
		padding: 0 0 32px 0;
		margin-bottom: 0;
	}
	.list_image_buttons__wrap{
		flex-direction: column;
	}
	.list_image_buttons__texts h2{
		margin-bottom: 16px;
	}
	.list_image_buttons__image{
		margin-bottom: 24px;
		max-width: unset;
		height: auto;
	}
	.list_image_buttons__texts{
		max-width: unset;
		padding-left: 0;
	}
	.list_image_buttons__image img{
		margin: auto;
	}
	.list_image_buttons__list{
		margin-bottom: 24px;
	}
}
/*LIST IMAGE BUTTONS END*/