/* ============= */
/* Lets ROCK   */
/* ========  */
main {
	overflow: hidden;
}
#mainav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	padding: 56px 0;
	color: white;
	transition: background .4s ease, transform .4s ease;
}
#mainav.temphide{
	transform: translateY(-105%);
}
.temphide-imp{
	transform: translateY(-105%) !important;
}
#mainav li a{
	transition: color 0s ease;
}
#mainav .container{
	align-items: center;
	justify-content: space-between;
	align-items: center;
	max-width: 1271px;
}
#mainav ul.ff-menu {
	display: flex;
	gap: 33px;
}
#mainav li{
	list-style: none;
	font-size: 14px;
	font-weight: 500;
}
#mainav.actv.nohero_.sage-mode,
#mainav.sage-mode{
	/* background: rgba(255, 255, 255, 0.8); */
	background: white; 
	color: black;
}

#mainav .sub-menu a:hover {
	color: #9BA1CF;
}

#mainav .sub-menu .current_page_item > a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ff-menu > li:before,
.ff-menu > li.current_page_item:before,
.ff-menu > li.current_page_parent:before {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 2px;
	background: white; 
}

.nohero_ .ff-menu > li:before {
	background: black; 
}

.ff-menu > li:not(.current_page_item):not(.current_page_parent):before {
	transform: scaleX(0); 
	transition: transform 300ms ease;
	transform-origin: right;
}

.ff-menu > li:not(.current_page_item):not(.current_page_parent):hover:before {
	transform: scaleX(1);
	transform-origin: left;
}
 
.ff-menu > .menu-item-has-children {
	position: relative;
}

.ff-menu > .menu-item-has-children:after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M4.94 5.369 4 6.25 8 10l4-3.75-.94-.881L8 8.23 4.94 5.37Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 15V0h16v15z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	width: 16px;
	height: 15px;
	display: inline-block;
	position: absolute;
    top: 4px;
}

.ff-menu > .menu-item-has-children:hover > .sub-menu  {
	display: flex;
}

.ff-menu > .menu-item-has-children:not(.has-sub-sub-menu):hover > .sub-menu  {
	flex-direction: column;
}

.ff-menu > .menu-item-has-children > .sub-menu {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	column-gap: 70px;
	padding-top: 30px;
	padding-bottom: 32px;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	padding-left: 75px;
	padding-right: 75px;
}

.ff-menu > .menu-item-has-children > .sub-menu > li {
	transform: translate(0, 4px);
	transition: all 300ms ease; 
	will-change: transform;
}

.ff-menu > .menu-item-has-children > .sub-menu:after,
.lang-hovered .ff-select:after {
	content: "";
    position: absolute;
    background-color: white;
    left: -10vw;
    margin-left: -100vw;
    margin-right: -100vw;
    width: 220vw;
	height: calc(100% - 20px);
    z-index: -1; 
	pointer-events: none;
}

.language-selector-mobile {
	position: relative;
	display: flex;
} 

.language-mobile-select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding-right: 1rem;
	border: none;
	background: transparent;
	cursor: pointer;
	color: currentColor;
	transition: color .4s ease;
  }
  .language-mobile-select option {
	background-color: #000;
	color: #fff;
  }

.lang-hovered .ff-select:after {
	height: calc(100% + 140px);
}

.ff-menu > .menu-item-has-children > .sub-menu > .menu-item-has-children {
	display: flex;
	flex-direction: column;
	row-gap: 2px;
}

.ff-menu > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu {
	display: flex;
	flex-direction: column;
	gap: 0;
	row-gap: 2px;
}

.ff-menu > .menu-item-has-children > .sub-menu > .menu-item-has-children > .sub-menu a {
	font-size: 12px;
	font-weight: 400;
	white-space: nowrap;
}

.hovered,
.lang-hovered {
	background: white; 
    color: black !important;
	transition: all 0s ease !important;
}

.hovered .burgerwhite,
.hovered .logo.white_,
.lang-hovered .burgerwhite,
.lang-hovered .logo.white_ {
	opacity: 0;	
}
.hovered .burgerblack,
.hovered .logo.colored_,
.lang-hovered .burgerblack,
.lang-hovered .logo.colored_ {
	opacity: 1;
}

.hovered .nbtn.w_,
.lang-hovered .nbtn.w_ {
    color: white;
    background-color: #9BA1CF;
}

.hovered .ff-menu .current_page_item:before,
.lang-hovered .ff-menu .current_page_item:before,
.sage-mode .ff-menu .current_page_item:before { 
	background: black; 
}

.hovered .ff-menu > .menu-item-has-children > a {
	color: #9BA1CF;
}

.hovered .ff-menu .menu-item-has-children.current_page_item:before {
	background: #9BA1CF; 
}

.hovered .ff-menu > .menu-item-has-children:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.hovered .ff-menu > .menu-item-has-children > .sub-menu > li {
	transform: translate(0, 0); 
}

.pseudo {
	pointer-events: none;
}

.pseudo:after {
	content: '';
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-backdrop-filter: blur(1rem);
	backdrop-filter: blur(1rem);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 3;
	pointer-events: none;
	opacity: 0;
	transition: opacity 300ms ease;
}

.hovered ~ .pseudo:after,
.lang-hovered ~ .pseudo:after  {
	opacity: 1;
}

.sage-mode .ff-menu > .menu-item-has-children:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M4.94 5.369 4 6.25 8 10l4-3.75-.94-.881L8 8.23 4.94 5.37Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 15V0h16v15z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.hovered .ff-menu > .menu-item-has-children:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%239BA1CF' d='M4.94 5.369 4 6.25 8 10l4-3.75-.94-.881L8 8.23 4.94 5.37Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 15V0h16v15z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.lang-hovered .ff-menu > .menu-item-has-children:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000000' d='M4.94 5.369 4 6.25 8 10l4-3.75-.94-.881L8 8.23 4.94 5.37Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 15V0h16v15z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.lang-hovered .ff-menu > li.current_page_parent:before {
	background: black;
}

li.current_page_parent:hover:before {
	background-color: #9BA1CF;
}

.logowrap,
.ff-menu > li,
.ff-menu > li > a {
	position: relative;
	z-index: 2;
}


.mobilemenus{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	background-color: white;
	z-index: 98;
	box-sizing: border-box;
	padding-bottom: 28px;
	padding-top: 120px;
	color: black;
	opacity: 0;
	visibility: hidden;
	display: none;
	overflow: auto;
}
.primmn li{
	font-size: 22px;
	font-style: normal; 
	line-height: 60px;
	list-style: none;
}

.primmn__footer {
	margin-top: 2rem; 
}

.primmn__footer li:first-child a {
	position: relative; 
	padding-top: 0.75rem;
}

.primmn__footer li:first-child a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 24px;
	width: calc(100% - 48px);
	height: 1px;
	background-color: #e1ddd9;
}

.ff-menu-mobile a {
	display: block; 
	text-decoration: none; 
}

.ff-menu-mobile > li > a {
	font-weight: 500;
	padding-left: 24px;
	padding-right: 24px;
}

.ff-menu-mobile > li.current_page_item > a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

/* Hide all sub-menus by default */
.ff-menu-mobile .sub-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0; 
}

/* Style sub-menu items with indent */
.ff-menu-mobile > li > .sub-menu li a {
	padding-left: 8px;
}

.ff-menu-mobile > li > .sub-menu > li:not(.menu-item-has-children) {
	padding-left: 32px; 
}

.ff-menu-mobile .sub-menu > .menu-item-has-children {
	padding-left: 32px; 
}

.ff-menu-mobile .sub-menu > li {
	font-size: 20px;
}


/* Style second level sub-menu items with deeper indent */
.ff-menu-mobile .sub-menu .sub-menu li a { 
	font-size: 16px;
	font-weight: 300;
	padding-left: 16px;
}

.ff-menu-mobile .sub-menu .sub-menu li.current_page_item a { 
	text-decoration: underline;
	text-underline-offset: 6px;
}

.ff-menu-mobile .sub-menu .open {
	background-color: #9BA1CF0D;
}

.ff-menu-mobile > .open.menu-item-has-children > a {
	color: #9BA1CF;
	font-weight: 500;
}

/* Style for parent menu items with sub-menu */
.ff-menu-mobile .menu-item-has-children > a {
	position: relative;
}

/* Create dropdown toggle indicator */
.ff-menu-mobile .menu-item-has-children > a:after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M7.41 8.59 6 10l6 6 6-6-1.41-1.41L12 13.17 7.41 8.59Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 24V0h24v24z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	width: 24px;
	height: 24px;
	position: absolute;
	right: 29px;
	top: 50%;
	transform: translateY(-50%);  
}

.ff-menu-mobile .sub-menu .menu-item-has-children > a:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 15'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M4.94 5.369 4 6.25 8 10l4-3.75-.94-.881L8 8.23 4.94 5.37Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 15V0h16v15z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	width: 16px;
	height: 15px;
}

/* Style for open accordion items */
.ff-menu-mobile .menu-item-has-children.open > a:after {
	transform: translateY(-50%) rotate(180deg);
}

/* Highlight current menu items */
.ff-menu-mobile .current-menu-item > a,
.ff-menu-mobile .current-menu-ancestor > a {
	/* font-weight: bold;  */
}








.burger,
.logowrap{
	position: relative;
}
.burgerblack,
.logo.colored_,
.logo.black_{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
/* body.error404 #mainav:not(.sage-mode) .logo */
#mainav.nohero_.sage-mode .logo,
body.error404 #mainav .logo{
	opacity: 0;
}
/* body.error404 #mainav:not(.sage-mode) .logo.colored_ */
#mainav.nohero_.sage-mode .logo.colored_,
body.error404 #mainav .logo.colored_{
	opacity: 1;
}

.burger svg,
.logo{
	transition: opacity .6s ease;
}

.sage-mode .burgerwhite,
.sage-mode .logo.white_{
	opacity: 0;	
}
.sage-mode .burgerblack,
.sage-mode .logo.colored_{
	opacity: 1;
}
.burgerclose{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 32px;
	opacity: 0;
}
.god-hand .burgerclose, 
.god-hand .logo.colored_ {
	opacity: 1;
}
.god-hand .burgerblack,
.god-hand .burgerwhite, 
.god-hand .logo.white_ {
	opacity: 0 !important;
}
.god-hand #mainav {
	background-color: white;
}

@media (max-width: 980px) {
    .god-hand .nbtn {
        color: white !important;
		background-color: black !important;
    }
}

.rnav{
	align-items: center;
	gap: 34px;
}

@media (max-width: 1100px) {
	.rnav, 
	#mainav ul { 
		gap: 20px;
	}
}

#hero{
	height: 100vh;
	height: 100svh;
	background-color: #8089CE;
	color: white;
	text-align: center;
}
#hero hr{
	margin: 8px auto 28px;
}
#hero p{
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
}
.helfcontent .container{
	gap: 118px;
	justify-content: space-between;
}
.helfcontent figure{
	background: #D9D9D9;
	border-radius: 16px;
	overflow: hidden;
	min-width: 412px;
}
.helfcontent figure.square_{
	height: 412px;
}
.helfcontent figcaption{
	max-width: 540px;
	position: relative;
	z-index: 2;
}
.helfcontent h2{
	color: black;
	margin-bottom: 32px;
}
.autop p,
.autop ul,
.autop ol {
	margin-bottom: 24px;
}
.autop p:last-child,
.autop ul:last-child,
.autop ol:last-child {
	margin-bottom: 0;
}
.helfcontent .arrow-btn{
	margin-top: 32px;
}
.bigcard{
	padding: 190px 0 133px;
}
.bigcard .swiper-slide{
	padding: 83px 0;
	border-radius: 16px;
	max-width: var(--cont);
}
.bigcard .swiper-slide.rach-bc {
	background: linear-gradient(77.48deg, #8089CE 0%, #969EDA 100.81%);
}
.bigcard .swiper-slide .wrap{
	justify-content: space-between;
	align-items: center;
}
.bigcard .swiper-slide figure{
	min-width: 412px;
	border-radius: 15px 0 0 15px;
	overflow: hidden;
	background-color: #C4C4C4;
	height: 336px;
}
.bigcard .swiper-slide figcaption{
	box-sizing: border-box;
	padding: 0 80px;
	color: currentColor;
}
.bigcard .swiper-slide.rach-bc figcaption{
	color: white;
}
.bigcard .swiper-slide figcaption .wrap_{
	max-width: 425px;
	margin: 0 auto;
}
.bigcard .swiper-slide figcaption h3{
	margin-bottom: 28px;
}
.thebigcard-nav{
	padding-top: 22px;
	align-items: center;
	justify-content: space-between;
}
.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border-radius: 50%;
	border: 1px solid #000000;
	background-color: transparent;
	transform: scale(.5);
	transition: transform .6s ease;
	opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	transform: scale(1);
}
.helfcontent.black_{
	background-color: black;
	padding: 120px 0;
	color: white;
}
.helfcontent.black_ h2{
	color: currentColor;
}
.helfcontent.black_ p {
	opacity: 0.5;
}
.helfcontent.black_ p,
.helfcontent.black_ p strong{
	color: currentColor !important;
} 
.helfcontent.black_ .arrow-btn{
	color: white;
}
.helfcontent.black_ figure{
	height: 528px;
}
.helfcontent.black_ .container{
	align-items: center;
}
.autop{
	max-width: 432px;
}
ul.listCheckmarks li{
	list-style: none;
	display: flex;
	gap: 11px;
}
ul.listCheckmarks li::before{
	content: '';
	background-image: url('../images/checkmarks.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	min-width: 10px;
	height: 9px;
	margin-top: 8px;
}
.footerbanner{
	padding: 82px 0;
	text-align: center;
	color: white;
}
.footerbanner p{
	font-size: 24px;
	font-weight: 300;
	line-height: 28px
}
.eachdt .small{
	opacity: .5;
}
.cardstt{
	color: black;
	display: inline-block;
	margin-bottom: 8px;
}
.footerbanner hr{
	margin: 6px auto 20px;
}
.footerbanner .nbtn{
	margin-top: 42px;
	min-width: unset;
	width: max-content;
	border: 1px solid transparent;
	transition: all .6s ease;
}
.footerbanner .nbtn:hover{
	background-color: transparent;
	color: white !important;
	border: 1px solid white;
}
footer{
	padding: 75px 0 38px;
	background-color: #000000;
	color: rgba(255, 255, 255, 0.5);
}
footer li{
	list-style: none;
}
footer .container{
	/* max-width: ; */
	flex-wrap: wrap;
	justify-content: space-between;
}
.ftend{
	margin-top: 130px;
	width: 100%;
	justify-content: space-between;
	font-size: 12px;
}
.ftend ul{
	display: flex;
	gap: 25px;
}
.ftmenu{
	width: max-content;
}
.ftmenu p{
	margin-bottom: 21px;
	font-size: 14px;
	color: white;
}
.ftmenu li{
	margin-bottom: 12px;
	font-size: 14px;
}
.socmed{
	gap: 15px;
}
.socmed a{
	opacity: .5;
	transition: opacity .3s ease;
}
.socmed a:hover{
	opacity: 1;
}
.title h2{
	max-width: 520px;
}
.title{
	margin-bottom: 88px;
}
.title h2,.title h3{
	color: black;
}
.thecards{
	gap: 38px;
}
.each-tc{
	overflow: hidden;
	position: relative;
	background: #D9D9D9;
	border-radius: 16px;
	height: 468px;
	width: 100%;
	transition: transform .8s ease;
	transition-property: opacity ,transform;
	/* transform: translateY(180px); */
	transform: translateY(90px);
	opacity: 0;
}
.each-tc:nth-child(2){
	transition-delay: .2s;
}
.each-tc:nth-child(3){
	transition-delay: .3s;
}
.thecards.aos-animate .each-tc{
	transform: translateY(0%);
	opacity: 1;
}
.z1{
	position: relative;
	z-index: +1;
}

.each-tc::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(180deg, rgba(0, 0, 0, 0.6) -10.52%, rgba(0, 0, 0, 0) 54.51%);
}
.fc-top{
	box-sizing: border-box;
	padding: 32px;
	color: white;
}
.fc-top h3{
	font-weight: 400;
}
.fc-top span{
	font-size: 14px;
}
.fc-bot{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 33px 38px;
	overflow: hidden;
}
.fc-bot::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	transform: translateY(100%);
	transition: transform .8s ease;
}
.each-tc:hover .fc-bot::before{
	transform: translateY(0%);
}
.fc-bot *{
	position: relative;
	z-index: +1;
}
.fc-bot h4{
	color: white;
	margin-bottom: 22px;
	transform: translateY(20px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s ease;
	transition-property: opacity , visibility, transform;
	transition-delay: 0s;
}
.each-tc:hover .fc-bot h4{
	transition-delay: .15s;
	transition-duration: .6s;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.bigimg figure{
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 100%;
	width: 100%;
	max-width: var(--cont);
	max-height: calc(100% - 120px);
	background-color: black;
	transform: translateX(-50%) scale(.85);
	transform-origin: bottom;
	border-radius: 15px 15px 0px 0px;
	transition: all 1s ease;
	overflow: hidden;
}
.co2.aos-animate .bigimg figure{
	transform: translateX(-50%) scale(1);
}
.co2.theme-black .nbtn {
	background-color: #000 !important;
	color: #fff !important;
}
.co2.theme-black .nbtn:hover {
	background-color: #fff !important;
	color: #000 !important;
}
.co2.theme-black .range::-moz-range-thumb { 
	background-color: #7d7d7d;
}
.co2.theme-black .range::-webkit-slider-thumb { 
	background-color: #7d7d7d; 
}
.co2.theme-black .range::-ms-thumb {  
	background-color: #7d7d7d; 
}
.co2.theme-black output {
	border: 1px solid #7d7d7d;
    color: #7d7d7d;
}
.helfcontent.figurecontent figure{
	background-color: black;
	display: flex;
	align-items: center;
}
.bigimg figure .cover{
	transform: scale(1.5);
	transition: transform 1s ease;
	position: absolute;
	bottom: 0;
	left: 0;
}
.helfcontent.figurecontent h4{
	margin-bottom: 32px;
}
.figctn{
	box-sizing: border-box;
	padding: 30px 88px;
	color: white;
}
.figctn li{
	margin-bottom: 4px;
}
.co2.active .bigimg figure{
	max-width: 100%;
	max-height: 100%;
	border-radius: 0px;
}
.co2.active .bigimg figure .cover{
	transform: scale(1);
}
.co2content{
	z-index: 2;
	position: relative;
}
.afterslide{
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-40%);
	width: 100%;
	transition: transform 1s ease;
	transition-property: opacity , visibility , transform;
	opacity: 0;
	visibility: hidden;
  }
  .beforeslide{
	margin-top: 35px;
	transition: transform 1s ease;
	transition-property: opacity , visibility , transform;
  }
  .co2 .nbtn.fd-expand{
	max-width: unset;
	width: max-content;
  }
.coactive .beforeslide{
	transform: translateY(10%);
	opacity: 0;
	visibility: hidden;
}
  .coactive .afterslide{
	transform: translate(-50%,-50%);
	opacity: 1;
	visibility: visible;
  }
  .afterslide p{
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
  }
  .afterslide h2{
	font-weight: 400;
	line-height: 90px;
	letter-spacing: -2.2px;
	font-size: 88px;
  }
.bigimg.container{
	width: 100%;
	box-sizing: border-box;
	min-height: 706px;
	/* height: 100vh; */
	height: 810px;
	padding-top: 55px;
	padding-bottom: 196px;
	position: relative;
	color: white;
	max-width: unset;
	/* transition: max-width 1s ease; */
}
.helfcontent.liquidgradient{
	overflow: hidden;
}
.bigimg.container h2{
	max-width: 697px;
	text-align: center;
}
.afterslide h2{
	min-width: max-content;
	display: flex;
	gap: 25px;
	align-items: center;
}
.bigimg-nav{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 60px);
	max-width: 844px;
	background-color: white;
	border-radius: 15px 15px 0px 0px;
	height: auto;
	box-sizing: border-box;
	padding: 33px;
	color: black;
}
.helfcontent.bigbanner_{
	box-sizing: border-box;
	height: 720px;
}
.helfcontent.bigbanner_ .container{
	height: 100%;
	align-items: center;
}
.bodymovinanim{
	width: 448px;
	height: 414px;
	opacity: 0;
	transition: opacity .6s ease;
	position: relative;
}
.circleanim{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.helfcontent.bigbanner_.aos-animate .bodymovinanim{
	opacity: 1;
}
.heropage{
	height: 568px;
	color: white;
	overflow: hidden;
}

.heropage h1{
	margin-top: 8px;
}
.heropage::after,
.nestedlist::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.nestedlist{
	color: white;
	padding: 120px 0;
	background-color: #000000;
}
.nestedlist .title h2,
.nestedlist .title{
	color: white;
}
.nestedlist .title h2{
	font-weight: 300;
	max-width: 736px;
}
.nestedlist li{
	list-style: none;
	line-height: 30px;
	position: relative;
}
.nestedlist li a{
	display: flex;
	gap: 11px;
	align-items: center;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.nestedlist li a::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block;
	height: 1px;
	background-color: white;
	transform: translateX(-100%);
	transition: transform .6s ease;
}
.nestedlist li.active a::after{
	transform: translateX(0%);
}
.bigger_ li{
	font-size: 32px;
	line-height: 60px;
}
.bigger_ ul{
	transform: translateY(-16px);
}
.nestedlist .small{
	margin-bottom: 32px;
}
.nestedlist .container.flex{
	justify-content: space-between;
}
.mn-list.child_ li{
	margin-bottom: 32px;
}
.mn-list.child_ li:last-child{
	margin-bottom: 0;
}
.mnlist-content{
	max-width: 412px;
	height: max-content;
	overflow: hidden;
}
.mxbody,
.mxhead svg{
	display: none;
}
.dynm{
	transition: transform .3s ease;
	transition-property: transform , opacity;
}
.dynm.temphide{
	transform: translateY(-100%);
	opacity: 0;
}
.dynm.gdown{
	transition: unset !important;
	transform: translateY(100%) !important;
}
.dynm strong{
	color: white;
	font-weight: 600;
}
.dynm a{
	text-decoration: underline;
}
.subtitle{
	margin-bottom: 8px;
	width: 100%;
}
.title.flex{
	flex-wrap: wrap;
	justify-content: space-between;
}
.title .autop{
	max-width: 412px;
}
.ldt_{
	margin-top: 40px;
	gap: 45px;
	/* align-items: flex-end; */
}
.eachdt{
	width: 100%;
	transform: translateY(50px);
	opacity: 0;
	transition: transform .8s ease;
	transition-property: transform , opacity;
	position: relative;
}
.eachdt .small{
	position: absolute;
	bottom: 0px;
	left: 0;
	transform: translateY(100%);
}
.eachdt:nth-child(2){
	transition-delay: .2s;
}
.eachdt:nth-child(3){
	transition-delay: .3s;
}
.eachdt:nth-child(4){
	transition-delay: .4s;
}
.numeraldata.aos-animate .eachdt,
.ldt_.aos-animate .eachdt{
	opacity: 1;
	transform: translateY(0px);
}
.swiper-pagination-bullet{
	transform: scale(1);
	width: auto;
	height: auto;
	border: 0px;
	font-size: 12px;
	font-weight: 700;
	opacity: 0.20000000298023224;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	opacity: 1;
}
.eachdt h3{
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	padding-bottom: 10px;
	margin-bottom: 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.dt-content p:not(.small){
	font-weight: 500;
	font-size: 36px;
	line-height: 40px;
	/* or 111% */

	color: #B8A4C1;
	display: flex;
	align-items: flex-end;
	gap: 8px;
}
.spec .dt-content p:not(.small){
	color: currentColor !important;
}
.wrapval{
	align-items: center;
	
}
.dt-content p .xs_,
.dt-content p .big{
	font-weight: 400;
	/* font-size: 88px;
	line-height: 90px; */
	font-size: 72px;
	line-height: 82px;
	/* identical to box height, or 102% */

	letter-spacing: -0.025em;
}
.dt-content p{
	/* min-width: max-content; */
}
.dt-content p .xs_{
	font-size: 16px;
	line-height: 20px;
	transform: translateY(-17px);
}
.listnumber_ li{
	position: relative;
	display: flex;
	align-items: center;
	gap: 5px;
	color: #ABABAB;
	transition: color .6s ease;
}
.listnumber_ li.active{
	color: white;
}
.listnumber_ li::before{
	content: attr(number);
	width: 33px;
	font-size: 16px;
}

.heropage.adaptiveH{
	height: auto;
	padding: 175px 0 85px;
	transition: padding 1s ease;
	padding-bottom: 185px;
}
.heropage.adaptiveH.aos-animate{
	padding-bottom: 85px;
}
.heropage.adaptiveH h2{
	margin: 8px 0 24px;
	max-width: 766px;
}
.wrapbtn{
	margin-top: 24px;
	gap: 47px;
	align-items: center;
}
.profile{
	padding: 108px 0 65px;
	color: white;
	text-align: center;
}
.profile .nbtn{
	width: 170px;
	text-align: center;
	justify-content: center;
}
.profile h2{
	margin-bottom: 17px;
}
.dataprofile{
	margin: 32px auto 41px;
}
.dataprofile figure{
	width: 94px;
	height: 94px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 6px;
	background: #D9D9D9;
}
.profile .wrapbtn{
	margin: 0 auto 76px;
	justify-content: center;
}
.horizontalist{
	justify-content: center;
	gap: 32px;
	flex-wrap: wrap;
}
.horizontalist li{
	list-style: none;
	display: flex;
	gap: 8px;
	align-items: center;
}
.heropage h1,
.heropage h2{
	max-width: 844px;
}
.video,
.helfcontent figure.video{
	min-width: 412px;
	height: 258px;
}
.video{
	position: relative;
	cursor: pointer;
}
.video svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.figcapt{
	margin-top: 17px;
	position: absolute;
    bottom: -17px;
    transform: translateY(100%);
}
.spec.blackversion .eachdt h3,
.spec.blackversion .title h2,
.spec.blackversion{
	color: white;
}
.spec.blackversion .title p{
	opacity: .5;
}
.spec.blackversion .eachdt h3{
	border-color: rgba(255, 255, 255, 0.2);
}
.spec.blackversion{
	background-color: black;
}
.cardslider .swiper-slide img:not(.cover){
	max-width: 100%;
	height: auto;
}
/* .over-ons .helfcontent .container{ */
.helfcontent.offside_ .container,
.over-ons .helfcontent .container{
	align-items: center;
}
.each-cs{
	margin-right: 40px;
	width: 560px;
}
.each-cs figure{
	width: 100%;
	height: 400px;
	background: #D9D9D9;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.clientslider .swiper-slide a{
	display: flex;
	justify-content: center;
}
.verticalslider{
	/* padding: 180px 0; */
	padding: 30px 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	background-color: #F1F1F1;
}
.fig-verslide{
	height: 100%;
	width: 100%;
}
.capt-verslide{
	height: 480px;
}
.capt-verslide .swiper-slide{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.parentvs{
	position: relative;
}
.swiper-pagination-vertical.swiper-pagination-bullets.vs-page{
	position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}
.centertitle{
	text-align: center;
	margin-bottom: 120px;
	color: black;
}
.table-c{
	background-color: #9BA1CF;
	border-radius: 15px;
	overflow: hidden;
	color: white;
}
.intable{
	width: 100%;
}
.toptable,
.bottable{
	width: 100%;
	box-sizing: border-box;
	padding: 48px 45px;
}
.toptable h2{
	color: currentColor;
  }
.divtb{
	width: 100%;
	padding: 8px 0;
}
.divtb p{
	width: 100%;
	font-size: 14px;
	line-height: 15px;
}
.toptable .divtb:nth-child(2){
	padding-bottom: 16px;
}
blockquote {
	letter-spacing: 1px;
}
.autop blockquote strong{
	font-weight: 500;
}
.btl{
	padding: 15px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	justify-content: space-between;
	gap: 30px;
	font-size: 14px;
}
.btl p:last-child{
	min-width: 98px;
}
.btl:first-child{
	border-top: 1px solid rgba(255, 255, 255, .2);
}
.divtb p:first-child{
	width: 192px;
	min-width: 192px;
}
.divtb p:last-child{
	width: 98px;
	min-width: 98px;
}
.bottable{
	background-color: rgba(0, 0, 0, 0.1);
}
.partner-hm{
	background-color: black;
	color: white;
}
.partner-hm .title h2{
	max-width: 670px;
	color: currentColor;
}
.hmlist{
	gap: 46px;
}
.cardarticle{
	width: calc((100% - 92px) / 3);
}
.cardarticle figure{
	width: 100%;
	height: 200px;
	background-color: #D9D9D9;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 25px;
}
.cardarticle h3{
	font-weight: 600;
	margin-bottom: 8px
}
.partner-hm .cardarticle p{
	color: currentColor;
	opacity: 0.5;
}
.normal_ h3{
	color: black;
}
.flex.fw-wrap h3{
	opacity: .5;
}
.stepform h2,
.stepform{
	color: white;
	text-align: center;
}
.stepform h2{
	margin-bottom: 32px;
}
.stepform .container{
	max-width: 934px;
}
.taxo{
	margin-top: 50px;
	gap: 10px;
	flex-wrap: wrap;
}

body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label{
	border: unset !important;
}
.alle,
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper,
.taxo a{
	font-weight: 600;
	font-size: 14px;
	padding: 7px 14px;
	color: black;
	line-height: 1.3;
	border: 1px solid rgba(102, 102, 102, .2);
	border-radius: 100px;
	transition: color .3s ease;
	transition-property: color, background-color, border-color;
}
body .wpc-custom-selected-terms{
	position: absolute;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.wpc-edit-filter-set{
	display: none;
}
.alle{
	height: max-content;
	display: block;
	width: max-content;
	margin-right: 7px;
	margin-bottom: 10px;
}
body .wpc-filters-main-wrap ul.wpc-filters-ul-list{
	padding: 0;
}
.wrapalle {
	flex-wrap: wrap;
	align-items: center;
	margin-top: 50px;
}
body .wpc-filters-section{
	margin-bottom: 0;
}
body:not(.wpc_is_filter_request) .alle.active,
body main .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
.taxo a.active{
	background-color: black;
	color: white;
	border-color: black;
}
body main .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper{
	background-color: rgba(102, 102, 102, .2);
	color: black;
	
}
body main .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a{
	color: black;
}
body .wpc-filter-header{
	display: none;
}
.arclist{
	flex-wrap: wrap;
	justify-content: space-between;
}
.each-arc{
	width: calc((100% - 50px) / 2);
	max-width: 476px;
	margin-bottom: 110px;
}
.each-arc.bigger_{
	max-width: unset;
	width: 100%;
}
.each-arc b{
	font-weight: 600;
}
.each-arc .small span i:last-child{
	display: none;
}
.each-arc.bigger_ figure{
	height: 499.26px;
}
.nextop{
	min-width: 430px;
}
.nextop .each-arc{
	width: 100%;
	margin-bottom: 80px;
}
.nextop .each-arc:last-child{
	margin-bottom: 0;
}
.each-arc figure{
	background: #7D4040;
	border-radius: 10px;
	width: 100%;
	height: 322.84px;
	overflow: hidden;
	margin-bottom: 30px;
}
.each-arc h3{
	margin: 9px 0 18px;
	color: black;
	font-weight: 500;
	box-sizing: border-box;
	padding-right: 50px;
}
.each-arc .arrow-btn{
	margin-top: 32px;
}
.toplist .container{
	max-width: 1276px;
	justify-content: space-between;
	gap: 100px;
}
.icl-slide{
	max-width: 285.14px;
	margin: 0;
	margin-left: auto;
	overflow: visible;
}
.dynlogo .dfc:not(.active){
	display: none;
}

.icl-slide .swiper-wrapper{
	flex-wrap: wrap;
	gap: 110px;
	justify-content: space-between;
	align-items: center;
}
.icl-slide .swiper-slide{
	max-width: max-content;
	height: max-content;
	width: calc((100% - 110px) / 2);
}
.numeraldata .eachdt{
	margin-bottom: 64px;
}
.numeraldata .eachdt:last-child{
	margin-bottom: 0;
}
.numeraldata .dt-content p:not(.small) .big{
	background: linear-gradient(97.17deg, #B9B0C8 4.47%, #F9C7AD 106.69%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.quote{
	color: black;
}
.quote h2{
	margin-bottom: 39px;
}
.thevid.container{
	
	position: relative;
	height: 798.89px;
	background: #D9D9D9;
	border-radius: 10px;
	overflow: hidden;
	display: block;
}
.details.container,
.thevid.container{
	max-width: 1275.74px;
}
.dtl-figure svg,
.thevid svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: +1;
}
.dedetails{
	background-color: black;
	color: white;
}
.dedetails h2{
	color: white;
}
.details.container{
	gap: 60px;
	flex-wrap: wrap;
}
.each-dtls{
	width: calc((100% - 60px) / 2);
}
.each-dtls p{
	opacity: .5;
}
.dtl-figure{
	display: block;
	width: 100%;
	height: 412px;
	background: #7D4040;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 12px;
	position: relative;
}
.each-dtls:nth-child(5n+3),
.each-dtls:nth-child(5n+4),
.each-dtls:nth-child(5n+5){
	width: calc((100% - 120px) / 3);
}
.each-dtls:nth-child(5n+3) .dtl-figure,
.each-dtls:nth-child(5n+4) .dtl-figure,
.each-dtls:nth-child(5n+5) .dtl-figure{
	height: 261px;
}
.otherarticle .each-arc{
	max-width: unset;
	width: 100%;
	margin: 0;
}
.otherarticle .each-arc figure{
	height: 218px;
}
.clientslider{
	padding-top: 40px;
}
.wraplinebtn{
	margin-bottom: 65px;
	gap: 0px;
	font-weight: 600;
	line-height: 24px;
	border-bottom: 1px solid #00000033;
}
.lbtn {
	padding: 8px 20px;
	transform: translate(0, 1px);
	border: 1px solid transparent;
}
.lbtn.active{
	position: relative;
	color: #9BA1CF;
	border: 1px solid #00000033;
	border-bottom: 1px solid #fff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.lbtn.active:before {
	content: '';
	width: 9px;
	height: 9px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M9 0H0v9h9z'/%3E%3Cpath stroke='%23000' d='M182 8.5V-25a8 8 0 0 0-8-8H16.493a8 8 0 0 0-8 8V.5a8 8 0 0 1-8 8H-874' opacity='.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M9 0H0v9h9z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(-100%, 1px);
}
.lbtn.active:after {
	content: '';
	width: 9px;
	height: 9px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M0 0h9v9H0z'/%3E%3Cpath stroke='%23000' d='M-173 8.5V-25a8 8 0 0 1 8-8H-7.493a8 8 0 0 1 8 8V.5a8 8 0 0 0 8 8H883' opacity='.2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h9v9H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: cover;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(100%, 1px);
}
.lbtn:nth-child(1):before {
	display: none;
}
.b-btm{
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	align-items: center;
	gap: 9px;
	max-width: max-content;
}
.heropage p{
	margin: 16px 0;
}
.heropage p.herostt{
	/* margin-bottom: 24px; */
	margin-bottom: 8px;
}
.cardarticle .arrow-btn{
	margin-top: 20px;
}
.otherarticle .each-arc figure{
	height: 322.84px;
}
.p404{
	min-height: 100vh;
	box-sizing: border-box;
	padding: 80px 30px;
	color: white;
	background-color: #000000;
}
.p404 h1{
	font-weight: 400;
	font-size: 250px;
	line-height: 250px;
	letter-spacing: -0.025em;
	background: linear-gradient(230.16deg, #BDA7C7 20.81%, #EBBA9E 114.44%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	margin-bottom: 43px;
}
.p404 h2{
	font-weight: 500;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 16px;
}
.p404 h2,
.p404 p{
	max-width: 616px;
	text-align: center;
}
.p404 p{
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 34px;
}
.scrolldown{
	width: 61px;
	height: 61px;
	border-radius: 50%;
	background-color: rgba(217, 217, 217, .2);
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.radial-progress-bar {
	width: 200px;
	height: 200px;
	position: relative;
	border-radius: 50%;
	background-color: #ccc;
	overflow: hidden;
  }
  
  .progress {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	background-color: #ff5f6d;
	clip: rect(0, 100px, 200px, 0);
	transform: rotate(-90deg);
  }
  #circle-c{
	position: absolute;
	transform: translateY(2px);
  }

  .innerange input{
	width: 100%;
  }
  .range {
	-webkit-appearance: none;
	vertical-align: middle;
	outline: none;
	border: none;
	padding: 0;
	background: none;
  }
  
  .range::-webkit-slider-runnable-track {
	background-color: #d7dbdd;
	height: 6px;
	border-radius: 3px;
	border: 1px solid transparent;
  }
  
  .range[disabled]::-webkit-slider-runnable-track {
	border: 1px solid #d7dbdd;
	background-color: transparent;
	opacity: 0.4;
  }
  
  .range::-moz-range-track {
	background-color: #d7dbdd;
	height: 5px;
	border-radius: 3px;
	border: none;
  }
  
  .range::-ms-track {
	color: transparent;
	border: none;
	background: none;
	height: 5px;
  }
  
  .range::-ms-fill-lower { 
	background-color: #d7dbdd;
	border-radius: 3px;
  }
  
  .range::-ms-fill-upper { 
	background-color: #d7dbdd;
	border-radius: 3px;
  }
  
  .range::-ms-tooltip { display: none; /* display and visibility only */ }
  
  .range::-moz-range-thumb {
	border-radius: 20px;
	height: 19px;
	width: 19px;
	border: none;
	background: none;
	background-color: #9BA1CF;
  }
  
  .range:active::-moz-range-thumb {
	outline: none;
  }
  
  .range::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	border-radius: 100%;
	background-color: #9BA1CF;
	height: 18px;
	width: 18px;
	margin-top: -7px;
  }
  
  .range[disabled]::-webkit-slider-thumb {
	background-color: transparent;
	border: 1px solid #d7dbdd;
  }
  
  .range:active::-webkit-slider-thumb {
	outline: none;
  }
  
  .range::-ms-thumb { 
	border-radius: 100%;
	background-color: #9BA1CF;
	height: 18px;
	width: 18px; 
	border: none;
  }
  
  .range:active::-ms-thumb {
	border: none;
  }
  
  output {
	border: 1px solid #9BA1CF;
	color: #9BA1CF;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	padding: .4em .6em;
	border-radius: 10px;
	width: 60px;
	height: 30px;
	box-sizing: border-box;
	text-align: center;
	line-height: normal;
  }
  .outputrange{
	margin: 24px 0;
	gap: 8px;
	align-items: center;
  }
  .outputrange p{
	font-size: 14px;
	line-height: 20px;
	opacity: .5;
  }
  .innerange .flex{
	justify-content: space-between;
	box-sizing: border-box;
    /* padding: 0 5.1px; */
  }
  .innerange .flex span{
	transform: translateX(50%);
	font-size: 14px;
  }
  .innerange .flex span:last-child{
	transform: unset;
  }
  
  .btnlnd{
	margin-bottom: 38px;
	gap: 24px;
  }
  .btnlnd h4{
	transition: color .6s ease;
	padding-bottom: 7px;
	position: relative;
	overflow: hidden;
  }
  .btnlnd h4::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: black;
	transition: transform .6s ease;
	transform: translateX(-102%);
  }
  .btnlnd .active h4::after{
	transform: translateX(0%);
  }
  .btnlnd .active h4{
	color: black;
  }

  .bnarrow{
	display: flex;
	cursor: pointer;
	transition: opacity .6s ease;
	opacity: .4;
  }
  .bigcard-nav{
	gap: 15px;
	align-items: center;
	position: relative;
  }
  .bnarrow:hover{
	opacity: 1;
  }
  .bnarrow.swiper-button-disabled{
	opacity: .2;
  }
  
  .bnarrow.prev_{
	transform: rotate(180deg);
  }
  .bigcard-pagination.swiper-pagination-progressbar{
	position: relative;
	width: 60px;
	height: 1px;
  }
	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
		background: #333;
	}

/* animation */
.words .word{
	display: inline-block;
	clip-path: inset(0 0 -20% 0);
	padding: 5px 0;
}
.words .word span{
	display: block;
	opacity: 0;
	transform: translateY(100%);
	transition: transform .8s ease;
	transition-property: opacity, transform;
}
/* 1 3 5 7 9 11 13 15 .. */
.word:nth-child(2) span{
	transition-delay: .05s;
}
.word:nth-child(3) span{
	transition-delay: .1s;
}
.word:nth-child(4) span{
	transition-delay: .15s;
}
.word:nth-child(5) span{
	transition-delay: .2s;
}
.word:nth-child(6) span{
	transition-delay: .25s;
}
.word:nth-child(7) span{
	transition-delay: .3s;
}
.word:nth-child(8) span{
	transition-delay: .35s;
}
.word:nth-child(9) span{
	transition-delay: .4s;
}
.word:nth-child(10) span{
	transition-delay: .45s;
}
.word:nth-child(11) span{
	transition-delay: .5s;
}
.word:nth-child(12) span{
	transition-delay: .55s;
}
.word:nth-child(13) span{
	transition-delay: .65s;
}
.word:nth-child(14) span{
	transition-delay: .7s;
}
.word:nth-child(15) span{
	transition-delay: .75s;
}
.word:nth-child(16) span{
	transition-delay: .8s;
}
.word:nth-child(17) span{
	transition-delay: .85s;
}
.word:nth-child(18) span{
	transition-delay: .9s;
}
.word:nth-child(19) span{
	transition-delay: .95s;
}

.words.aos-animate .word span{
	opacity: 1;
	transform: translateY(0%);
}
.aos-init.fd-top,
.aos-init .fd-top{
	opacity: 0;
	transform: translateY(50px);
	transition: transform 1s ease;
	transition-property: opacity, transform;
	transition-delay: .3s;
}
.aos-init.aos-animate.fd-top,
.aos-init.aos-animate .fd-top{
	transform: translateY(0%);
	opacity: 1;
}
.bigcard.aos-init .bigcard .swiper-slide{
	transform: translateX(300px);
	transition: transform 1s ease;
}
.bigcard.aos-init.aos-animate .bigcard .swiper-slide{
	transform: translateX(0px);
}
.wrapfigure .fd-left,
.wrapfigure .fd-right{
	/* transform: scale(.5); */
	transform: translateY(20px);
    transform-origin: right bottom;
	transition: transform 1s ease;
}
.wrapfigure .fd-left{
	transform-origin: left bottom;
}
.wrapfigure.aos-animate .fd-left,
.wrapfigure.aos-animate .fd-right{
	/* transform: scale(1); */
	transform: translateY(0);
}
.nbtn.fd-expand{
	/* color: transparent; */
	overflow: hidden;
	max-width: 10px;
	opacity: 0;
	white-space: nowrap;
}
.aos-animate .nbtn.fd-expand{
	opacity: 1;
	transition: all 1.5s ease;
	transition-delay: .4s;
	max-width: 200px;
	/* color: white; */
}
.aos-animate .nbtn.fd-expand:not(.w_){
	color: white;
}
.liquidgradient{
	background: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686);
	background-size: 400% 400%;
	animation: liquid-gradient 1s ease-in-out 1, liquid-gradient2 8s linear infinite;
}
@keyframes liquid-gradient {
	0% {
	  background-position: 0% 50%;
	}
	50% {
	  background-position: 100% 50%;
	}
	100% {
	  background-position: 0% 50%;
	}
  }

  @keyframes liquid-gradient2 {
	0% {
	  background-position: 0% 50%;
	}
	50% {
	  background-position: 100% 50%;
	}
	100% {
	  background-position: 0% 50%;
	}
  }

  .liquidgradient,
  .footerbanner{
	animation: unset;
  }
  
  .liquidgradient.aos-animate,
  .footerbanner.aos-animate{
	animation: liquid-gradient 1s ease-in-out 1, liquid-gradient2 8s linear infinite;
  }
  .burger{
	display: none;
  }
  .singlecontent .container{
	max-width: 628px;
	position: relative;
  }
  .sharebtn{
	position: absolute;
	top: 0;
	left: calc(100% + (var(--contSpace) / 2));
	transform: translateX(100%);
  }
  .sharebtn .addtoany_list a{
	padding: 8px;
  }
  .singlecontent ul,
  .singlecontent .nbtn,
  .singlecontent p{
	margin-bottom: 24px;
  }
  .singlecontent .nbtn p{
	margin-bottom: 0;
  }
  
  	.autop h6,
	.autop h5,
	.autop h3,
	.autop h4,
	.autop h2,
	.autop h1,
	.c-wysiyg h6,
	.c-wysiyg h5,
	.c-wysiyg h3,
	.c-wysiyg h4,
	.c-wysiyg h2,
	.c-wysiyg h1,
	.singlecontent h1,
	.singlecontent h2,
	.singlecontent h3,
	.singlecontent h4,
	.singlecontent h5,
	.singlecontent h6 {
		margin-bottom: 1.25rem; 
		color: black; 
  	}

	.autop h6 strong,
	.autop h5 strong,
	.autop h3 strong,
	.autop h4 strong,
	.autop h2 strong,
	.autop h1 strong,
	.c-wysiyg h6 strong,
	.c-wysiyg h5 strong,
	.c-wysiyg h3 strong,
	.c-wysiyg h4 strong,
	.c-wysiyg h2 strong,
	.c-wysiyg h1 strong,
	.singlecontent h1 strong,
	.singlecontent h2 strong,
	.singlecontent h3 strong,
	.singlecontent h4 strong,
	.singlecontent h5 strong,
	.singlecontent h6 strong { 
		color: black !important;
		font-weight: 300 !important;
	}

	.singlecontent h1,
	.singlecontent h2,
	.singlecontent h3,
	.singlecontent h4,
	.singlecontent h5,
	.singlecontent h6 {  
		color: black;
	}

  .singlecontent td{
	box-sizing: border-box;
	padding-right: 30px;
  }
  .singlecontent p img{
	width: 844px;
	max-width: 100vw;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
  }
  .otherarticle .each-arc figure.rdc_{
	height: 218px;
  }
  .unipage strong,
  .unipage b{
	color: black;
  }
  .singlecontent ul{
	box-sizing: border-box;
	padding-left: 15px;
  }
  .clientslider img,
  .icl-slide img{
	max-width: 100%;
	/* max-height: 72px; */
	max-height: 55px;
	width: auto;
	height: auto;
  }
  .clientslider .swiper-slide{
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
  }
  .clientslider.container .swiper-wrapper{
	justify-content: space-between;
	gap: 30px;
	align-items: center;
  }
  .clientslider.container .swiper-slide{
	max-width: 107px;
  }
  .ecVal:not(.active){
	display: none;
  }
  .theforms{
	justify-content: space-between;
  }
  .formnya{
	width: 100%;
	max-width: 519px;
  }
  select:not(.language-mobile-select),
  textarea,
  input{
	border-radius: 10px;
	box-sizing: border-box;
	padding: 13px 20px;
	border: 1px solid #D2D2D2;
	width: 100%;
	font-family: var(--mainFont);
	font-size: 14px;
  }
  .ff-select {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 50px;
    height: 20px; 
  }
  .language-switcher,
  .language-mobile-select {
	padding-right: 1rem;
	border: none;
	background: transparent;
	cursor: pointer;
	/* color: transparent; */
	transition: color .4s ease;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 4px;
	font-size: 14px;
	font-weight: 500;
  }
  .language-mobile-select { 
	color: transparent;
  }
  .language-switcher a:hover {
	color: #9BA1CF;
  }
  .language-switcher .is-selected {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
  }
  .language-dropdown {
	display: none;
	flex-direction: column;
	position: absolute;
	padding-top: 32px;
	padding-bottom: 40px;
	/* position: absolute;
	left: 0;
	width: 100%;  */
  }

  .ff-select:hover .language-dropdown {
	display: flex;
  }

  .globe-button {
	position: relative;
	display: flex;
	align-items: center;
	left: 14px;
	pointer-events: none;
	height: 100%;
  }
  
  .ff-icon {
	display: flex;
	width: 0.5rem;
	height: 0.5rem;
	position: relative; 
	/* top: 50%;
	transform: translateY(-50%); */
	pointer-events: none;
	transition: color .4s ease;
	padding-left: 0.625rem;
  }
  .desktop-only {
    display: block;
}

.mobile-only {
    display: none;
}

  .lang-full {
		display: inline;
	}

	.lang-code {
		display: none;
	}

  .wrapinpt{
	margin-bottom: 27px;
	position: relative;
  }
  .wpcf7-not-valid-tip{
	position: absolute;
    top: -40px;
    right: 0;
  }
  .wrapinpt p{
	margin-bottom: 5px;
  }
  textarea{
	height: 140px;
  }
  .helfcontent.draganim_ .container,
  .helfcontent.luxanim .container{
	justify-content: space-between;
	align-items: center;
  }
  .roundrag,
  .luxround{
	min-width: 500px;
	min-height: 500px;
	border-radius: 50%;
	color: white;
	position: relative;
  }
  .luxround h3{
	margin: 19px auto 5px;
  }
  .luxoverlay{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	border-radius: 50%;
	background-color: rgba(77, 59, 126, .7);
  }
  .luxoverlay h3,
  .luxoverlay p,
  .luxoverlay,
  .wrapfct,
  .luxoverlay svg{
	transition: all 1s ease;
  }
  .luxround.active .luxoverlay{
	max-width: 60px;
	max-height: 60px;
	transform: translateY(-125%) translateX(-125%);
	transform-origin: bottom right;
  }
  .luxround.active .luxoverlay svg{
	transform: scale(0);
  }
  .wrapfct{
	transform: scale(0);
  }
  .luxround.active .wrapfct{
	transform: scale(1);
  }
  .luxround.active .luxoverlay p,
  .luxround.active .luxoverlay h3{
	font-size: 10px;
    line-height: 13px;
    margin: 0;
    transform: translateY(-15px);
  }
  .roundrag{
	border: 1px dashed rgba(174, 173, 171, .5);
	position: relative;
  }

  /*! roundSlider v1.6.1 | (c) 2015-2020, Soundar | MIT license | http://roundsliderui.com/licence.html */
	.rs-ie,.rs-edge,.rs-handle{-ms-touch-action:none;touch-action:none}.rs-control{position:relative;outline:0 none}.rs-container{position:relative}.rs-control *,.rs-control *:before,.rs-control *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.rs-animation .rs-transition{transition:all 0.5s linear 0s}.rs-bar{-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}.rs-control .rs-split .rs-path,.rs-control .rs-overlay1,.rs-control .rs-overlay2{-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}.rs-control .rs-overlay{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.rs-rounded .rs-seperator,.rs-split .rs-path{-webkit-background-clip:padding-box;background-clip:padding-box}.rs-disabled{opacity:.35}.rs-inner-container{height:100%;width:100%;position:absolute;top:0;overflow:hidden}.rs-control .rs-quarter div.rs-block{height:200%;width:200%}.rs-control .rs-half.rs-top div.rs-block,.rs-control .rs-half.rs-bottom div.rs-block{height:200%;width:100%}.rs-control .rs-half.rs-left div.rs-block,.rs-control .rs-half.rs-right div.rs-block{height:100%;width:200%}.rs-control .rs-bottom .rs-block{top:auto;bottom:0}.rs-control .rs-right .rs-block{right:0}.rs-block.rs-outer{border-radius:1000px}.rs-block{height:100%;width:100%;display:block;position:absolute;top:0;overflow:hidden;z-index:3}.rs-block .rs-inner{border-radius:1000px;display:block;height:100%;width:100%;position:relative}.rs-overlay{width:50%}.rs-overlay1,.rs-overlay2{width:100%}.rs-overlay,.rs-overlay1,.rs-overlay2{position:absolute;background-color:#fff;z-index:3;top:0;height:50%}.rs-bar{display:block;position:absolute;bottom:0;height:0;z-index:10}.rs-bar.rs-rounded{z-index:5}.rs-bar .rs-seperator{height:0;display:block;float:left}.rs-bar:not(.rs-rounded) .rs-seperator{border-left:none;border-right:none}.rs-bar.rs-start .rs-seperator{border-top:none}.rs-bar.rs-end .rs-seperator{border-bottom:none}.rs-bar.rs-start.rs-rounded .rs-seperator{border-radius:0 0 1000px 1000px}.rs-bar.rs-end.rs-rounded .rs-seperator{border-radius:1000px 1000px 0 0}.rs-full .rs-bar,.rs-half .rs-bar{width:50%}.rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar,.rs-quarter .rs-bar{width:100%}.rs-full .rs-bar,.rs-half.rs-left .rs-bar,.rs-half.rs-right .rs-bar{top:50%}.rs-bottom .rs-bar{top:0}.rs-half.rs-right .rs-bar,.rs-quarter.rs-right .rs-bar{right:100%}.rs-handle.rs-move{cursor:move}.rs-readonly .rs-handle.rs-move{cursor:default}.rs-classic-mode .rs-path{display:block;height:100%;width:100%}.rs-split .rs-path{border-radius:1000px 1000px 0 0;overflow:hidden;height:50%;position:absolute;top:0;z-index:2}.rs-control .rs-svg-container{display:block;position:absolute;top:0}.rs-control .rs-bottom .rs-svg-container{top:auto;bottom:0}.rs-control .rs-right .rs-svg-container{right:0}.rs-tooltip{position:absolute;cursor:default;border:1px solid transparent;z-index:10}.rs-full .rs-tooltip{top:50%;left:50%}.rs-bottom .rs-tooltip{top:0}.rs-top .rs-tooltip{bottom:0}.rs-right .rs-tooltip{left:0}.rs-left .rs-tooltip{right:0}.rs-half.rs-top .rs-tooltip,.rs-half.rs-bottom .rs-tooltip{left:50%}.rs-half.rs-left .rs-tooltip,.rs-half.rs-right .rs-tooltip{top:50%}.rs-tooltip .rs-input{outline:0 none;border:none;background:transparent}.rs-tooltip-text{font-family:verdana;font-size:13px;border-radius:7px;text-align:center;color:inherit}.rs-tooltip.rs-edit{padding:5px 8px}.rs-tooltip.rs-hover,.rs-tooltip.rs-edit:hover{border:1px solid #AAA;cursor:pointer}.rs-readonly .rs-tooltip.rs-edit:hover{border-color:transparent;cursor:default}.rs-tooltip.rs-center{margin:0px!important}.rs-half.rs-top .rs-tooltip.rs-center,.rs-half.rs-bottom .rs-tooltip.rs-center{transform:translate(-50%,0)}.rs-half.rs-left .rs-tooltip.rs-center,.rs-half.rs-right .rs-tooltip.rs-center{transform:translate(0,-50%)}.rs-full .rs-tooltip.rs-center{transform:translate(-50%,-50%)}.rs-tooltip.rs-reset{margin:0px!important;top:0px!important;left:0px!important}.rs-handle{border-radius:1000px;outline:0 none;float:left}.rs-handle.rs-handle-square{border-radius:0}.rs-handle-dot{border:1px solid #AAA;padding:6px}.rs-handle-dot:after{display:block;content:"";border:1px solid #AAA;height:100%;width:100%;border-radius:1000px}.rs-seperator{border:1px solid #AAA}.rs-border{border:1px solid #AAA}.rs-path-color{background-color:#FFF}.rs-range-color{background-color:#54BBE0}.rs-bg-color{background-color:#FFF}.rs-handle{background-color:#838383}.rs-handle-dot{background-color:#FFF}.rs-handle-dot:after{background-color:#838383}.rs-path-inherited .rs-path{opacity:.2}.rs-svg-mode .rs-path{stroke:#FFF}.rs-svg-mode .rs-range{stroke:#54BBE0}.rs-svg-mode .rs-border{stroke:#AAA}

	.rs-control,
	.rs-container{
		min-width: 500px;
		min-height: 500px;
	}
	.customtip,
	.rs-tooltip-text{
		color: black;
		font-size: 72px;
	}
	.rs-border{
		border: 0px;
	}
	.rs-border *{
		background: transparent !important;
	}
	.rs-range-color{
		background-color: transparent;
	}
	.rs-handle-dot,
	.rs-handle{
		background-image: url('../images/dots.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		border: none;
		transform: rotate(45deg) translateY(10px) translateX(-10px);
	}
	.rs-handle {
		height: 70px !important;
		width: 70px !important;
		margin: -35px 0px 0px -23px !important;
	}
	.rs-handle-dot:after,
	.rs-handle:after{
		display: none;
	}
	.hiddenelement{
		display: none;
	}
	.sidetime{
		position: absolute;
		display: inline-block;
		background-color: white;
		color: rgba(102, 102, 102, .5);
		font-size: 14px;
		z-index: 1;
		padding: 18px;
	}
	.icondl{
		opacity: .5;
	}
	.icondl svg{
		height: 22px;
	}
	.sidetime:nth-child(2){
		top: 0;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}
	.sidetime:nth-child(3){
		top: 50%;
		right: 0;
		transform: translateX(50%) translateY(-50%);
	}
	.sidetime:nth-child(4){
		bottom: 0;
		left: 50%;
		transform: translateX(-50%) translateY(50%);
	}
	.sidetime:nth-child(5){
		top: 50%;
		left: 0;
		transform: translateX(-50%) translateY(-50%);
	}
	.customtip{
		position: absolute;
		z-index: 99;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.rs-tooltip.rs-edit{
		background-color: transparent;
		position: absolute;
		color: black;
		font-size: 72px;
		font-style: normal;
		font-weight: 400;
		line-height: 72px;
		letter-spacing: -1.8px;
	}
	.overlaydl{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: calc(100% - 90px);
		height: calc(100% - 90px);
		z-index: 2;
		border-radius: 50%;
		background-color: #F7C1A4;
		transition: background-color .3s linear;
	}
	.insidedl{
		background-color: white;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: calc(100% - 80px);
		height: calc(100% - 80px);
		border-radius: 50%;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 30px;
		color: rgba(0, 0, 0, .5);
	}
	.jam{
		color: #9BA1CF;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
	}


	.nolink_.nestedlist .container.flex{
		justify-content: flex-start;
		gap: 180px;
	}
	.projectberekening .autop h3{
		color: black;
	}
	body .co2 .odometer-value{
		color: white;
    background: unset !important;
    -webkit-text-fill-color: white !important;
	}
	.confaq{
		gap: 100px;
	}
	.faqcard .wrap_{
		position: relative;
		z-index: 2;
	}
	.faqcard{
		min-width: 264px;
		border-radius: 15px 0px 0px 15px;
		height: max-content;
		box-sizing: border-box;
		padding: 38px;
		position: relative;
	}
	.faqcard .ff-card {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: calc(100% + 30vw);
		border-radius: 15px 0px 0px 15px;
	}
	.faq{
		overflow: hidden;
	}
	.faqcard h4{
		color: white;
		font-weight: 300;
		max-width: 340px;
	}
	.faqcard .nbtn{
		margin-top: 18px;
	}
	.listfaq{
		width: 100%;
	}
	.headfaq{
		justify-content: space-between;
		align-items: center;
		gap: 45px;
		padding: 23px 0;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px;
		color: black;
		cursor: pointer;
	}
	.innerfaq{
		padding-bottom: 23px;
	}
	.innerfaq .autop{
		max-width: 648px;
	}
	.innerfaq ul{
		padding-left: 15px;
	}
	.innerfaq .autop a{
		text-decoration: underline;
		font-weight: 600;
	}
	.eachfaq{
		border-bottom: 1px solid rgba(0, 0, 0, .1);
	}
	.eachfaq:first-child{
		border-top: 1px solid rgba(0, 0, 0, .1);
	}
	.bodyfaq{
		max-height: 0px;
		overflow: hidden;
		transition: max-height .6s ease;
	}
	.eachfaq .headfaq svg{
		transition: transform .6s ease;
		min-width: 12px;
	}
	.eachfaq.active .headfaq svg{
		transform: rotate(180deg);
	}
	.savingcalcform{
		padding: 100px 0;
		color: currentColor;
	}
	.fluentform .ff-el-input--label label{
		text-align: left;
	}
	.savingcalcform h2,
	.savingcalcform h3,
	.savingcalcform h4{
		color: currentColor;
	}
	.savingcalcform .container{
		max-width: 934px;
	}
	.formcontentwrapper{
		text-align: center;
		margin-bottom: 64px;
	}
	.formcontentwrapper h2{
		margin-bottom: 32px;
	}
	.formwrapper{
		margin: 0 auto;
		max-width: 628px;
		margin-bottom: 48px;
	}
	.formwrapper.radiocon{
		max-width: 412px;
	}
	.stepcontent{
		text-align: center;
		margin: 0 auto 32px;
		max-width: 412px;
	}
	.stepcontent p{
		margin-top: 16px;
	}
	.fluentform .stepTwo .boxGroup,
	.fluentform .ff-el-form-check,
	.groupfld:last-child,
	.radiocon .wpcf7-list-item{
		margin: 0;
		width: 100%;
		border-bottom: 1px solid rgba(217, 217, 217, .5);
	}
	.fluentform .stepTwo .boxGroup:first-child,
	.fluentform .ff-el-form-check:first-child,
	.groupfld,
	.radiocon .wpcf7-list-item.first{
		border-top: 1px solid rgba(217, 217, 217, .5);
	}
	.fluentform .stepTwo .boxGroup,
	.groupfld{
		padding: 10px 0;
	}
	.fluentform .stepTwo .boxGroup{
		width: 100%;
		display: flex;
		align-content: center;
		justify-content: space-between;
	}
	.groupfld select,
	.groupfld input{
		width: 80px;
	}
	.radiocon .wpcf7-list-item input{
		width: max-content;
	}
	
	.boxGroup,
	.dynRadio{
		margin: 0 auto !important;
		max-width: 412px;
	}
	.stepThree .ff-el-group{
		max-width: 628px;
		margin: 0 auto 26px;
	}
	.fluentform .boxGroup.ff-el-group.ff-el-form-right .ff-el-input--label{
		width: auto !important;
	}
	.ff_step_nav_last{
		justify-content: center;
		display: flex;
		gap: 10px;
		margin-top: 40px;
	}
	body .fluentform .ff-btn-secondary.ff-btn-next{
		background-color: white;
		color: #9BA1CF;
	}
	body .fluentform .ff-btn-secondary.ff-btn-next:hover{
		background-color: #9BA1CF;
		color: white;
	}
	body .fluentform .ff-btn-secondary.ff-btn-prev{
		background-color: transparent;
		border: 1px solid white;
	}
	body .fluentform .ff-btn-secondary.ff-btn-prev:hover{
		background-color: white;
		color: #9BA1CF;
		border-color: white;
	}
	body .fluentform .ff-btn-secondary{
		transition: all .3s ease;
	}
	 .fluentform .stepThree .ff-step-t-container{
		flex-direction: column;
	 }
	 .fluentform .stepThree .ff-step-t-container.ff-inner_submit_container{
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		margin-top: 40px;
		flex-direction: row;
	 }
	 .ff-inner_submit_container .ff_step_nav_last{
		margin: 0;
	 }
	 .fluentform .ff-step-t-container.ff-inner_submit_container .ff-t-cell{
		display: flex;
		width: auto;
		min-width: unset;
		flex-grow: unset;
	 }
	 .fluentform .ff-step-t-container.ff-inner_submit_container .ff-el-group{
		width: max-content;
		text-align: left;
		display: flex;
		margin: 0;
	 }
	.fluentform .ff-el-group.boxGroup:after,
	.fluentform .ff-el-group.boxGroup:before{
		display: none;
	}
	.formcontentwrapper h4{
		margin-bottom: 16px;
	}
	.formcontentwrapper{
		margin-bottom: 85px;
	}
	.fluentform .ff-step-titles li:after{
		display: none !important;
	}
	.fluentform .ff-step-titles li{
		display: block !important;
	}
	
	.fluentform .ff-step-titles{
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}
	.fluentform .ff-step-titles li:before{
		font-size: 0px !important;
		background-color: transparent !important;
		border: 2px solid currentColor !important;
		border-radius: 50% !important;
		width: 5px !important;
		line-height: 5px !important;
	}
	.fluentform .ff-step-titles li.ff_active:before{
		width: 10px !important;
		line-height: 10px !important;
	}

	.fluentform .ff-step-titles li.ff_active, .fluentform .ff-step-titles li.ff_completed,
	.fluentform .ff-step-titles li.ff_active:before, .fluentform .ff-step-titles li.ff_completed:before {
		color: currentColor !important;
	}
	
	.boxGroup{
		max-width: 628px !important;
	}
	.blogpagination{
		display: flex;
		justify-content: center;
		padding-bottom: 120px;
		width: 100%;
	}
	.nav-links{
		display: flex;
		gap: 28px;
		align-content: center;
		color: black;
	}
	.nav-links .current{
		position: relative;
	}
	.page-numbers{
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.nav-links .current::before{
		content: '';
		border-radius: 6px;
		opacity: 0.029999999329447746;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background: black;
	}
	.dynRadio label,
	.radiocon .wpcf7-list-item label{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 0 !important;
		cursor: pointer;
	}
	.dynRadio label{
		flex-direction: row-reverse;
	}
	.fluentform .dynRadio .ff-el-form-check-label input,
	.savingcalcform input[type="radio"]{
		-webkit-appearance: none;
		appearance: none;
		background-color: transparent;
		margin: 0;
		
		/* font: inherit; */
		color: currentColor;
		width: 16px;
		height: 16px;
		border: 2px solid currentColor;
		border-radius: 50%;
		padding: 0;
		cursor: pointer;

		display: grid;
  		place-content: center;
	}
	.fluentform .dynRadio .ff-el-form-check-label input::before,
	.radiocon input[type="radio"]::before {
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		transform: scale(0);
		transition: 120ms transform ease-in-out;
		box-shadow: inset 1em 1em currentColor;
	}
	.fluentform .dynRadio .ff-el-form-check-label input:checked::before,
	.radiocon input[type="radio"]:checked::before {
		transform: scale(1);
	}
	.wrapfig {
		position: relative;
	}
	.savingcalcform .nbtn,
	.savingcalcform button{
		background-color: white;
		color: #9BA1CF;
		padding: 15px 26px;
		border-radius: 26px;
		font-size: 14px;
		font-weight: 500;
		cursor: pointer;
		width: 110px;
	}
	.uacf7-step.step-content button.uacf7-prev, .uacf7-step.step-content button.uacf7-next{
		margin-top: 0;
	}
	button.uacf7-prev{
		color: white;
		border: 1px solid white;
		background-color: transparent;
		font-size: 0;
	}
	button.uacf7-next{
		font-size: 0;
	}
	button.uacf7-next::after,
	button.uacf7-prev::after{
		content: 'Vorige';
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	button.uacf7-next::after{
		content: 'Verder';
	}
	.uacf7-step p:last-child{
		display: flex;
		justify-content: center;
		gap: 10px;
	}
	/* .savingcalcform .wpcf7-spinner{
		display: none;
	} */
	.savingcalcform input{
		background-color: white;
	}
	.groupfld{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.fluentform .stepTwo .ff-el-group input,
	.fluentform .stepTwo .ff-el-group select,
	.groupfld input{
		width: 79px;
		background-color: white;
	}
	.fluentform .stepTwo .ff-el-group input,
	.fluentform .stepTwo .ff-el-group select{
		text-align: center;
	}
	.fluentform .stepTwo .ff-el-group select{
		background-position-x: calc(100% - 10px);
	}
	.fluentform .stepTwo .ff-el-group input[type="number"]{
		padding-right: 2px;
	}
	
	.step-end{
		margin: 0 auto;
		max-width: 519px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.groupifld{
		width: 100%;
		margin-bottom: 27px;
	}
	.savingcalcform .nbtn{
		margin-left: 10px;
	}
	.step-end p > button{
		display: none;
	}

	.steps-form .steps-row:before{
		display: none;
	}
	.steps-form .steps-row{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 25px;
		margin-bottom: 40px;
	}
	.steps-form .steps-row .steps-step .btn-circle{
		font-size: 0;
		border: 1px solid white;
		background-color: transparent !important;
		width: 5px;
		height: 5px;
	}
	.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active{
		background-color: transparent !important;
		width: 10px;
		height: 10px;
	}
	.steps-form .steps-row .steps-step{
		display: flex;
	}
	.foldedmenu .menu-item-has-children > a{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 88px;
		background-image: url('../images/Arrow.png');
		background-position: center right;
		background-repeat: no-repeat;
	}
	.foldedmenu .menu-item-has-children.active > a{
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}
	
	.foldedmenu .menu-item-has-children{
		/* position: relative; */
	}
	.foldedmenu{
		position: relative;
		min-height: 100px;
	}
	.foldedmenu .sub-menu{
		position: absolute;
		right: -15px;
		transform: translateX(100%);
		top: 0;
		display: none;
	}
	.foldedmenu .menu-item-has-children.active .sub-menu{
		display: block;
	}
	/* menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1001 */

	.renest .listnumber_ li::before{
		display: none;
	}
	.nl-child .mxhead svg{
		display: block;
		margin-left: 6px;
		opacity: .5;
		transition: color .6s ease;
	}
	.listnumber_ .nl-child li.active .mxhead svg{
		opacity: 1;
	}
	.nl-child li{
		margin-bottom: 32px;
		cursor: pointer;
	}
	.container-lchild ul:first-child{
		display: block;
	}
	.container-lchild ul{
		display: none;
	}
	.renest .small{
		display: block;
		margin-bottom: 32px;
	}
	.wpcf7-spinner{
		display: none;
	}
	.nbtn.withicon{
		min-width: max-content;
		align-items: center;
		display: flex;
		gap: 15px;
	}
	.wlottie .helfcontent.offside_.rvs_ figure{
		background-color: transparent;
	}
	.lottiewrapper{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		height: 480px;
		width: 480px;
		border-radius: 50%;
		background-color: white;
		/* overflow: hidden; */
	}
	.loadcirc{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translate(-50%,-50%);
		z-index: 2;
	}
	.loadcirc canvas{
		max-width: 100%;
    	max-height: 100%;
	}
	.wlottie .offside_{
		overflow: visible;
	}
	.wlottie{
		overflow: hidden;
	}
	.lottiewrapper .liquidgradient{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		z-index: 9;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: opacity .6s ease;
		border-radius: 50%;
	}	
	.lottiewrapper .liquidgradient.actv{
		opacity: 1;
	}
	.lottiewrapper .liquidgradient img{
		width: 218px;
	}
	.customtip::after,
	.rs-tooltip::after{
		content: 'k';
		font-size: 32px;
	}
	.rs-full .rs-tooltip{
		visibility: hidden;
		opacity: 0;
	}
	.rs-tooltip.rs-hover, .rs-tooltip.rs-edit:hover{
		border: 0px;
	}
	.snapd{
		position: absolute;
		right: 0;
		bottom: 0;
		transform: translate(28px, 10px);
		transition: opacity .4s ease;
		opacity: 0;
		transition-delay: 0s;
	}
	.bodymovinanim.actv .snapd{
		transition-delay: .3s;
		opacity: 1;
	}
	.snapd svg{
		position: absolute;
		left: 0;
		top: 0;
		transform: translate(-100% , -100%);
	}
	.snapd:nth-child(2){
		right: auto;
		left: 0;
		transform: translateX(-75%) translateY(45px);
	}
	.snapd:nth-child(2) svg{
		left: auto;
		right: 0;
		transform: translate(105%, -85%);
	}
	form .nbtn{
		width: auto;
		cursor: pointer;
		border: 1px solid #9BA1CF;
	}
	form .nbtn:hover{
		color: #9BA1CF;
		border-color: #9BA1CF;
	}
	select:not(.language-mobile-select) {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: transparent;
		background-image: url("../images/arrowselect.svg") !important;
		background-repeat: no-repeat;
		background-position-x: calc(100% - 15px);
		background-position-y: center;
		cursor: pointer;
	  }
	  body .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{
		color: rgba(0, 0, 0, .5)
	  }
	  body .iti--allow-dropdown input, .iti--allow-dropdown input[type=tel]{
		padding-left: 60px !important;
	  }
	  body .ff-message-success{
		border: 0;
		padding: 0;
		box-shadow: unset;
	  }
	  body .ff-message-success h3{
		color: black;
		margin-bottom: 18px;
	  }
	  body .savingcalcform .ff-message-success h3{
		color: white;
	  }
	  body .fluentform .ff-el-is-error .ff-el-form-control{
		border-color: #F8B686;
	  }
	  .fluentform .ff-el-group{
		position: relative;
	  }
	  body .fluentform .ff-el-is-error .text-danger{
		position: absolute;
		margin: 0;
		right: 0;
		top: 0;
		color: #F8B686;
	  }
	  .dynbackground{
		z-index: 1;
	  }
	  .nestedlist .container{
		z-index: 3;
	  }
	  .nestedlist::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: .6;
		z-index: 2;
	  }

	  .bulet .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		box-sizing: border-box;
		border-radius: 50%;
		border: 1px solid #808080;
		cursor: pointer;
		opacity: 1;
		transition: transform .4s ease;
	  }
	  .bulet .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
		transform: scale(.5);
	  }
	  .fcs svg,
	  .fcs{
		position: absolute;
		z-index: 5;
		font-size: 14px;
		font-weight: 600;
		color: black;
	  }

	  .fcs{
		opacity: 0;
		transition: opacity .4s ease;
		transition-delay: 0s;
	  }
	  .fcs.actv{
		opacity: 1;
		transition-delay: 1.5s;
	  }
	  
	  .fcs1{
		top: 8%;
		left: 0;
	  }
	  .fcs1 svg{
		top: 80%;
	  }

	  .fcs2{
		bottom: 8%;
    	right: -8%;
	  }
	  .fcs2 svg{
		right: 100%;
		bottom: 80%;
	  }
	  
	  .fcs3{
		bottom: 25%;
		left: 10%;
	  }
	  .fcs3 svg{
		bottom: 50%;
    	left: 105%;
	  }

	  .page-id-827 .displaycard .title h2{
		max-width: unset;
	  }
	  .thecards a{
		display: inline;
	  }
	  .prp_{
		transform: translateY(-2px);
	  }

	.h1h2 {
		line-height: 0.8928571429;
	}

	.helfcontent h2 {
		line-height: 0.8928571429;
	}

	.c-wysiwyg p,
	.c-wysiwyg ul,
	.c-wysiwyg ol {
		margin-bottom: 1.5rem;
	}

	.c-wysiwyg p:last-child,
	.c-wysiwyg ul:last-child,
	.c-wysiwyg ol:last-child {
		margin-bottom: 0;
	}

	.autop h1,
	.c-wysiwyg h1,
	.singlecontent h1,
	.h1h2 {
		font-size: 66px;
		font-weight: 300;
	}
		
	.autop h2,
	.c-wysiwyg h2,
	.singlecontent h2,
	.helfcontent h2,
	.title h2 {
		font-size: 42px;
	}
		
	.autop h3,
	.c-wysiwyg h3,
	.singlecontent h3 {
		font-size: 24px;
	}
		
	.autop h4,
	.c-wysiwyg h4,
	.singlecontent h4 {
		font-size: 18px;
	}
		
	.autop h5,
	.c-wysiwyg h5,
	.singlecontent h5 {
		font-size: 14px;
	}
	
	.autop h6,
	.c-wysiwyg h6,
	.singlecontent h6 {
		font-size: 12px;
		color: #000;
		font-weight: 300;
	}
	
	.autop h6,
	.autop h5,
	.autop h3,
	.autop h4,
	.autop h2,
	.autop h1,
	.c-wysiyg h6,
	.c-wysiyg h5,
	.c-wysiyg h3,
	.c-wysiyg h4,
	.c-wysiyg h2,
	.c-wysiyg h1,
	.singlecontent h6,
	.singlecontent h5,
	.singlecontent h3,
	.singlecontent h4,
	.singlecontent h2,
	.singlecontent h1 {
		line-height: 1.25;
	}

	  .dynRadio.child_ .ff-el-input--content{
		display: flex;
		gap: 30px;
		justify-content: flex-start;
		border-bottom: 1px solid rgba(217, 217, 217, .5);
	  }
	  .dynRadio.child_ label{
		padding-top: 0 !important;
		flex-direction: row;
		justify-content: flex-start;
		gap: 20px;
	  }
	  .fluentform .dynRadio.child_ .ff-el-form-check{
		border: 0px !important;
	  }
	  .fluentform .ff-el-form-check{
		transition: border .3s ease;
	  }
	  .fluentform .ff-el-form-check.megz{
		transition: border .1s ease;
		border-bottom: 1px solid rgba(217, 217, 217, 0);
	  }

	  .verticalslider .swiper-wrapper{
		flex-direction: column;
	  }
.section-interactive-infographic:not(.is-active) .ii-bar .ii-bar__tooltip__before {
	/* pointer-events: none; */
}

.ff-cut-both {
	clip-path: inset(0 0 0 0);
}

.ff-cut-top {
	clip-path: inset(0 0 -100% 0);
}

.ff-cut-bottom {
	clip-path: inset(-100% 0 0 0);
}

.section-interactive-infographic h3 {
	font-size: 56px;
	line-height: 60px;
	font-weight: 300;
	margin-bottom: 18px;
}
.ii-buttons__container {
	display: flex;
	justify-content: center !important;
	flex-direction: row !important;
}

.ii-buttons {
	position: relative;
	display: inline-flex;
	padding: 3px 4px;
	border: 1px solid #00000033;
	border-radius: 9999px;
	background: #0000000D;
	margin-top: 32px;
}

.ii-button {
	font-size: 16px;
	padding: 11px 24px;
	border-radius: 9999px;
	cursor: pointer;
	flex: 0 0 auto;
}

.ii-button-bg {
	position: absolute;
	top: 3px;
	left: 0;
	height: calc(100% - 6px);
	border-radius: 9999px;
	background: rgba(0, 0, 0, 0.5);
	transform: translate(5px, 0);
	transition:	background 300ms;
	pointer-events: none;
}

.ii-buttons .ii-button-without,
.ii-buttons .ii-button-with {
	position: relative;
}

.ii-buttons .ii-button-without {
	color: #FFFFFF;
}

.ii-buttons .ii-button-with {
	color: #00000054;
} 

.ii-buttons.is-active .ii-button-without {
	color: #00000054;
}

.ii-buttons.is-active .ii-button-with {
	color: #FFFFFF;
}

.ii-buttons.is-active .ii-button-bg {
	background: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686);
	background-size: 400% 400%;
}

.ii-header__mobile {
	display: none;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	background: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686);
  	background-size: 300%;
	margin-bottom: 8px;
	overflow: hidden;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding-top: 13px;
	padding-bottom: 12px;
	color: #fff;
	margin-top: 32px;
}

.section-interactive-infographic:not(.is-active) .ii-header__mobile {
	background: #7F7F7F;
}

.ii-header {
	text-align: center;
	padding: 10px 0;
	font-weight: 600; 
	background: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686);
  	background-size: 300%;
	background-position: center;
	color: #fff; 
	/* transition: background 300ms ease; */
}

.ii-header__left {
	border-top-left-radius: 15px;
	background-position: left;
}

.ii-header__right {
	border-top-right-radius: 15px;
	background-position: right;
}

.ii-bars {
	position: relative;
	display: flex;
	justify-content: center;
	background: #0000000D;
	height: 240px;
	padding-top: 32px;
	column-gap: 40px;
	margin-top: 10px;
	pointer-events: none;
}

.ii-bar {
	position: relative;
	width: 88px;
	height: 100%; 
	
}

.ii-bar__old {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FFF; 
	overflow: hidden;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 0px solid transparent;
	cursor: pointer;
	pointer-events: all;
}

.ii-bar__new {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #9BA1CF; 
	transform-origin: bottom;
	height: 100%;
	transition: background-color 300ms ease;
	cursor: pointer;
}

.ii-bar__tooltip {
	position: absolute;
	left: 50%;
	bottom: 25%;
	background-color: #FFFFFF;
	width: 300px; 
	border-radius: 10px;
	border-bottom-right-radius: 0;
	box-shadow: 2px 4px 4px 0px #00000029;
	overflow: hidden;
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transform: translate(-100%, 16px);
	transition: all 300ms ease;
}

.ii-bar__left .ii-bar__tooltip {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 0;
	transform: translate(0, 10px);
}

.section-interactive-infographic.is-active .ii-bar.is-active .ii-bar__tooltip:not(.ii-bar__tooltip__before),
.section-interactive-infographic:not(.is-active) .ii-bar.is-active .ii-bar__tooltip__before {
	opacity: 1;
	pointer-events: all;
	transform: translate(-100%, 0); 
}

.ii-bar.is-inactive .ii-bar__new {
	background-color: #C7C9E1;
}

.section-interactive-infographic.is-active .ii-bar.ii-bar__left.is-active .ii-bar__tooltip:not(.ii-bar__tooltip__before),
.section-interactive-infographic:not(.is-active) .ii-bar.ii-bar__left.is-active .ii-bar__tooltip__before { 
	transform: translate(0, 0);
}

.ii-bar__tooltip__top {
	position: relative;
	background-color: #9BA1CF;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 26px;
	padding-right: 36px;
	color: #fff;
}

.ii-bar__tooltip__close {
	display: flex;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
}

.ii-bar__tooltip__close svg {
	pointer-events: none;
}

.ii-bar__tooltip__top__before {
	color: #000000;
	background-color: #0000001A;
}

.ii-bar__tooltip__body {
	padding: 10px 16px;
}

.ii-bar__tooltip__bullet {
	position: relative;
	padding-left: 12px;
}

.ii-bar__tooltip__bullet:before {
	content: '';
	position: absolute;
	display: flex;
	top: 8px;
	left: 0; 
	width: 4px;
	height: 4px;
	border-radius: 9999px;
	background-color: #9BA1CF;
	margin-right: 4px;
}

.ii-bar__tooltip__link {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 10px;
	margin-top: 16px;
	cursor: pointer;
}

.ff-button-circle-back {
	justify-content: flex-start;
}

.ii-bar__tooltip__generic {
	position: absolute;
    top: 50%;
    left: 50%;
    z-index: 11;
    transform: translate(-50%, calc(-50% + 16px));
	border-radius: 10px; 
	box-shadow: 2px 4px 4px 0px #00000029;
	background-color: #FFFFFF;
	overflow: hidden;
	width: 300px;
	opacity: 0;
}

.ii-lines {
	position: absolute;
	top: 32px;
	bottom: 0;
	left: 0;
	width: 100%;
	pointer-events: none; 
}

.ii-line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.2);
}

.ii-line:nth-child(5) {
	top: 0;
}

.ii-line:nth-child(4) {
	top: 25%;
}

.ii-line:nth-child(3) {
	top: 50%;
}

.ii-line:nth-child(2) {
	top: 75%;
}

.ii-line:nth-child(1) {
	top: 100%;
}

.ii-line__prefix {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(calc(-100% - 5px), -55%);
}

.ii-line__prefix__time {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(calc(-100% - 5px), 170%);
}

.ii-footer {
	display: grid;
	text-align: center;

	background: #0000000D;
	padding-top: 15px;
	padding-bottom: 13px;
	padding-left: 30px;
	padding-right: 30px;

	column-gap: 1rem;
}

.ii-footer__left,
.ii-footer__right {
	grid-template-columns: repeat(2, 1fr);
}

.ii-footer__center { 
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ii-footer.ii-bars-1,
.ii-footer__center.ii-bars-2 {
	display: flex;
	justify-content: center;
	column-gap: 8px;
}

.ii-footer__center.ii-bars-2 .ii-footer__item {
	width: 33%;
}

.ii-footer__left {
	border-bottom-left-radius: 15px;
}

.ii-footer__right {
	border-bottom-right-radius: 15px;
}

.ii-footer__mobile {
	display: none;
}

.ii-grid {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	column-gap: 10px;
	width: 100%; 
	margin-top: 32px;
}
.section-interactive-infographic.theme-light h3 {
	color: #000;
}
.section-interactive-infographic.theme-colour {
	background: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686);
    background-size: 400% 400%;
	animation: liquid-gradient 1s ease-in-out 1, liquid-gradient2 8s linear infinite;
	/* padding-bottom: 80px;
	margin-top: 80px;
	padding-top: 70px; */
}

.section-interactive-infographic.theme-colour h3,
.section-interactive-infographic.theme-colour .ii-intro {
	color: #fff;
}

.section-interactive-infographic.theme-colour .ii-buttons {
	border: 1px solid #FFFFFFA8;
	background: #FFFFFF80;
}

.section-interactive-infographic.theme-colour .ii-buttons.is-active .ii-button-bg {
	background: #FFFFFF;
}

.section-interactive-infographic.theme-colour .ii-buttons:not(.is-active) .ii-button-bg {
	background: #FFFFFF;
	opacity: 0.66;
}


.section-interactive-infographic.theme-colour .ii-buttons .ii-button-without {
	color: #00000054;
}

.section-interactive-infographic.theme-colour .ii-header {
	color: #8089CE;
	background: #FFFFFF;
}

.section-interactive-infographic.theme-colour:not(.is-active) .ii-header {
	color: #fff;
	background: #7F7F7F;
}

.section-interactive-infographic.theme-light:not(.is-active) .ii-header {
	color: #fff;
	background: #7F7F7F;
}

.section-interactive-infographic.theme-colour .ii-bars {
	background: #FFFFFF4D;
}

.section-interactive-infographic.theme-colour .ii-bar__old {
	border: none; 
}

.section-interactive-infographic.theme-colour .ii-footer {
	background-color: #fff;
}

.section-interactive-infographic.theme-colour .ii-line { 
	background-color: #FFFFFFA8; 
}

.section-interactive-infographic.theme-colour .ii-line__prefix,
.section-interactive-infographic.theme-colour .ii-line__prefix__time {
	color: #fff;
}

.section-interactive-infographic.theme-colour .ii-buttons.is-active .ii-button-with {
    color: #9BA1CF;
}

.section_top-5 .top-5__list__title {
	color: currentColor;
}

.section_top-5:not(.theme-light):not(.theme-dark):not(.theme-colour) .top-5__list__number {
	background-image: linear-gradient(-45deg, currentColor, currentColor, currentColor, currentColor);
 }

.section_top-5.theme-dark {
	background-color: #000000;
	padding-bottom: 120px;
	margin-top: 127px;
}

.section_top-5.theme-dark .top-5__prefix,
.section_top-5.theme-dark h3,
.section_top-5.theme-dark .top-5__intro,
.section_top-5.theme-dark .top-5__list__title,
.section_top-5.theme-dark .top-5__list__text {
	color: #fff
}

.section_top-5.theme-colour {
	background: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686);
    background-size: 400% 400%; 
	animation: liquid-gradient 1s ease-in-out 1, liquid-gradient2 8s linear infinite;
}

.section_top-5.theme-colour .top-5__prefix,
.section_top-5.theme-colour h3,
.section_top-5.theme-colour .top-5__intro,
.section_top-5.theme-colour .top-5__list__title,
.section_top-5.theme-colour .top-5__list__text {
	color: #fff
}

.section_top-5.theme-colour .top-5__list__number {
	background-image: linear-gradient(-45deg, #FFF, #FFF, #FFF, #FFF);
}

.section_top-5.theme-light h3 {
	color: #000;
}

.section_top-5.theme-light .top-5__prefix {
	color: #9BA1CF;
}

.section_gbs-infographic {
	/* overflow: hidden; */
}

.gbs-infographic__grid,
.pre-com__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: 20px;
}

.gbs-infographic__left {
	grid-column-start: 2;
	grid-column-end: 7; 
	display: flex;
	align-items: center;
}

.gbs-infographic__right {
	grid-column-start: 8;
	grid-column-end: 13;
}

.ff-switch .gbs-infographic__right {
	display: flex;
	align-items: center;
}

.section_gbs-infographic .svg__2 {
	display: none;
}

.gbs-infographic__circle {
	background: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686);
	background-size: 400%;
	border-radius: 9999px;
	width: 100%;
	padding-bottom: 100%;
	position: relative;
}

.gbs-infographic__circle svg {
	position: absolute;
    top: 50%;
    left: 50%;
    width: 185%;
    height: 185%;
    transform: translate(-50%, -50%);
	pointer-events: none;
}

.gbs-infographic__circle-center {
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 45%;
	height: 45%;
	border-radius: 9999px;
}

.gbs-infographic__circle-center img { 
	width: 55%;
	height: auto;
}

.gbs-infographic__item {
	position: absolute;
	width: 60px;
	height: 60px; 
	border-radius: 50%; 
	transform: translate(-50%, -50%);
}
.gbs-infographic__item img {
	width: 100%;
	height: auto;
}

.pre-com__heading {
	grid-column-start: 2;
	grid-column-end: 13;
	margin-bottom: 28px;
}

.pre-com__heading figcaption {
	max-width: 100%;
}

.pre-com__left {
	grid-column-start: 2;
	grid-column-end: 6;  
}

.pre-com__left__inner {
	display: flex;
	flex-direction: column;
	row-gap: 26px;
	background-color: #D9D9D980;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-right: 33px;
	padding-left: 106px;
}

.pre-com__list {
	display: grid;
	row-gap: 14px;
}

.pre-com__title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
	color: #000;
	margin-bottom: 11px;
}

.pre-com__list ul {
	list-style-type: none;
}
.pre-com-item {
	display: flex;
	align-items: center;
	column-gap: 16px;
}

.pre-com__li {
	display: flex;
	align-items: center;
	column-gap: 6px;
}

.pre-com-item {
	cursor: pointer;
	color: rgba(33, 33, 33, 0.35);
	transition: color 300ms ease;
}

.pre-com-item svg {
	transition: transform 300ms ease;
}


@media (hover: hover) {
	.pre-com-item.c-purple:hover {
		color: #9BA1CF;
	}
	.pre-com-item.c-softorange:hover {
		color: #f8b686;
	}
	
	.pre-com-item:hover svg {
		transform: translateX(5px);
	}	
}

.counter-dot span {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
 
.pre-com-item.is-active.c-purple {
	color: #9BA1CF;
}
.pre-com-item.is-active.c-softorange {
	color: #f8b686;
}

.counter-dot {
	font-size: 12px;
	width: 20px;
	height: 20px;
	border-radius: 9999px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: currentColor; 
	flex: 0 0 auto;
}

.pre-com__right {
	grid-column-start: 7;
	grid-column-end: 12;

	display: flex;
	flex-direction: column;
}

.pre-com-text-mobile {
	display: none;
}

.pre-com-text-container {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;

}

.pre-com__image {
	position: relative;
	height: 0; 
	border-top-right-radius: 16px;
	overflow: hidden;
	margin-bottom: 32px;
	flex: 1 1 auto;
	max-height: 330px;
} 

.pre-com__right img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pre-com__header {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 16px;
}

.section_pre-com .accordion-wrapper {
	display: none;
}

.accordion-group {
	padding: 32px 0 16px;
}

.accordion__heading {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 13px;
	color: #000;
}

.accordion-item-title {
	display: flex;
	align-items: center;
	column-gap: 16px;
}

.accordion-item {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion-item:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.accordion-item__heading {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	padding: 16px 0;
}

.accordion-item-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.accordion-item-chevron {
	width: 25px;
	height: 24px;
	transition: transform 400ms ease;
}

.accordion-item-content {
	display: grid;
	grid-template-rows: 0fr;
    transition: grid-template-rows 500ms;
    transition: grid-template-rows 500ms, -ms-grid-rows 500ms;
	
}

.accordion-item-content > div {
	overflow: hidden;
}

.accordion-item-content > div > .inner {
	padding: 2px 0 24px;
}

.accordion-item.is-active .accordion-item-content {
	grid-template-rows: 1fr; 
}

.accordion-item.is-active .accordion-item-chevron {
	transform: rotate(180deg);
}

.top-5__grid {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	column-gap: 20px;
}

.top-5__left {
	grid-column-start: 1;
	grid-column-end: 6;
	position: sticky;
	top: 20px;
	align-self: start;
}

.top-5__prefix,
.ff-subheader {
	font-weight: 600;
	margin-bottom: 8px;
}

.ff-subheader.fade-top.aos-init  {
	transform: translateY(16px) !important;
	transition-delay: 0.3s !important;
	opacity: 0;
	transition: all 300ms ease;
}

.ff-subheader.aos-init.aos-animate.fade-top {
	transform: translateY(0) !important;
	opacity: 1;
}

.top-5__left h3 {
	font-size: 56px;
	line-height: 56px;
	font-weight: 300;
	margin-bottom: 0;
}

.top-5__right {
	grid-column-start: 6;
	grid-column-end: 11;
}

.top-5__right .top-5__intro {
	margin-top: 16px;
	margin-bottom: 100px;
}

.top-5__list {
	display: flex;
	flex-direction: column;
	row-gap: 36px;
}

.top-5__list__number {
	font-size: 88px;
	line-height: 90px;
	padding-right: 32px;
    width: 64px;
    flex: 0 0 auto;
    text-align: center; 
	background-image: linear-gradient(-45deg, #9BA1CF, #F8B686, #9BA1CF, #F8B686); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 300%;
}

.top-5__list__content {
	padding-top: 9px;
}

.top-5__list__title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 8px;
}

.top-5__list__text {
	font-size: 16px;
	line-height: 24px;
}

.biodynamic figcaption {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.biodynamic__container {
	position: relative;
	z-index: 4;
}

.biodynamic figcaption.ff-switch {
	flex-direction: row-reverse;
}

.biodynamic figcaption h2 {
	max-width: 442px;
}

.biodynamic figcaption .c-wysiwyg {
	max-width: 412px;
}

.biodynamic__circle-wrapper {
	position: relative;
	width: 100%;
	height: 0; 
	padding-top: 50%; 
}

.biodynamic__circle {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	border: 1px dashed rgba(174, 173, 171, .5);
	border-bottom: 0px solid transparent;
	border-radius: 9999px 9999px 0 0; 
	box-sizing: border-box;
}

.biodynamic__circle__dot {
	position: absolute;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 9999px;
	background-color: #000;
	opacity: 0.5;
	pointer-events: none;
}

.biodynamic__circle__dot:nth-child(1) {
	left: 0;
	bottom: 0;
	transform: translate(-50%, 0);
}

.biodynamic__circle__dot:nth-child(2) {
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
}

.biodynamic__circle__dot:nth-child(3) {
	bottom: 0;
	right: 0;
	transform: translate(50%, 0);
}

.biodynamic .roundrag, .biodynamic .luxround {
	min-height: auto;
}

.biodynamic .roundrag {
	border: 0;
}

.biodynamic .rs-control,
.biodynamic .rs-container {
    min-width: 100%;
	width: 100%;
}

.biodynamic__gradient {
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    bottom: 0;
    border-radius: 9999px 9999px 0 0;
    box-sizing: border-box;
    overflow: hidden;
	pointer-events: none;
}

.biodynamic__gradient::before {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    right: -50px;
    height: calc(100% + 50px);
    border-radius: inherit;
    background: linear-gradient(90deg, #FFB46B 0%, #FFD8B4 24.55%, #FFEFE6 50%, #FFD8B4 74.82%, #FFB46B 100%);
    /* background: linear-gradient(90deg, #bb6746 0%, #f5f5dc 30%, #f5f5dc 50%, #f5f5dc 70%, #bb6746 100%); */
    z-index: -1;
}

.biodynamic__gradient::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    height: calc(100% - 50px);
    border-radius: inherit;
    background: #fff;
    z-index: -1;
}

.biodynamic__content {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #000;
	display: flex;
	justify-content: center;
}

.biodynamic__content__inner {
	max-width: 380px;
	text-align: center;
}

.biodynamic__content__seperator {
	width: 100%;
	height: 2px;
	background: #FFB46B;
	margin-bottom: 25px;
}

.biodynamic__slider {
	position: absolute;
	bottom: 0;
}

.biodynamic__number {
	font-size: 56px;
	line-height: 1.5;
}

.biodynamic__number::after {
    content: attr(data-suffix);
	font-size: 28px;
}

.biodynamic__heading {
	font-weight: 600;
	margin-bottom: 5px;
}

.biodynamic__text {
	opacity: 0.5;
}

.biodynamic__slider .rs-handle {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M40 80c22.091 0 40-17.909 40-40S62.091 0 40 0 0 17.909 0 40s17.909 40 40 40Zm-.08-18.16c12.106 0 21.92-9.814 21.92-21.92C61.84 27.814 52.026 18 39.92 18 27.814 18 18 27.814 18 39.92c0 12.106 9.814 21.92 21.92 21.92Z' clip-rule='evenodd'/%3E%3Ccircle cx='40' cy='40' r='25.663' stroke='url(%23a)' transform='rotate(45 40 40)'/%3E%3Cpath fill='%23fff' d='M28 39a1 1 0 1 0 0 2v-2Zm0 2h4.09v-2H28v2ZM52 41a1 1 0 1 0 0-2v2Zm0-2h-4.09v2H52v-2ZM41 28a1 1 0 1 0-2 0h2Zm-2 0v4.09h2V28h-2ZM39 52a1 1 0 1 0 2 0h-2Zm2 0v-4.09h-2V52h2ZM32.223 30.808a1 1 0 0 0-1.415 1.414l1.415-1.415Zm-1.415 1.414 2.893 2.892 1.414-1.414-2.892-2.893-1.415 1.415ZM47.777 49.193a1 1 0 0 0 1.414-1.415l-1.414 1.415Zm1.414-1.415L46.3 44.886 44.885 46.3l2.892 2.893 1.414-1.415ZM49.191 32.222a1 1 0 0 0-1.414-1.415l1.414 1.415Zm-1.414-1.415L44.885 33.7l1.414 1.414 2.892-2.892-1.414-1.415ZM30.808 47.778a1 1 0 0 0 1.415 1.415l-1.415-1.415Zm1.415 1.415 2.892-2.893-1.414-1.414-2.893 2.892 1.415 1.415Z'/%3E%3Ccircle cx='39.999' cy='40' r='3.909' stroke='%23fff' stroke-width='2'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='3.938' x2='74.295' y1='37.879' y2='41.768' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239BA1CF'/%3E%3Cstop offset='.438' stop-color='%239BA1CF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239BA1CF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
	background-size: 102%;
	background-position: center center;
	transition: background-color 300ms ease;
}

.biodynamic__slider.rs-animation .rs-handle.rs-move {
	background-color: #9BA1CF !important;
}

/* ============= */
/* RESPONSIVE  */
/* ========  */


@media (max-width: 1280px) {
	.lottiewrapper{
		height: 412px;
		width: 412px;
	}

	.pre-com__left__inner {
		padding-left: 40px;
	}
}

@media (max-width: 1024px) {
	.helfcontent .container{
		gap: 80px;
	}
	.bigcard .swiper-slide{
		max-width: calc(100% - 80px);
	}
	.helfcontent.offside_ figure{
		width: calc(100% + 40px);
	}
	.toplist .container{
		gap: 40px;
	}
	.each-arc figure{
		height: 250px;
	}
	.ii-bars {
		column-gap: 30px;
	}
	.ii-footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	.pre-com__left__inner {
		padding-left: 32px;
	}
}

@media (max-width: 980px) {
	#mainav .ff-select,
	.language-selector-mobile {
		color: currentColor;
		border: 1px solid currentColor;
		border-radius: 10px;
	}
	.language-selector-mobile {
		position: relative;
		display: flex;
		align-items: center;
		width: 56px;
		height: 26px;
	}
	.language-selector-mobile .globe-icon.mobile {
		position: relative;
		display: flex;
		left: 14px;
		pointer-events: none;
	}
	.language-selector-mobile .ff-icon {
		display: flex ;
			width: 0.5rem;
			height: 0.5rem;
			position: absolute;
			right: 10px;
			top: 50%;
			transform: translateY(-50%);
			pointer-events: none;
			transition: color .4s ease;
	}
	.desktop-only {
        display: none;
    }
    
    .mobile-only {
        display: flex;
    }
	.lang-full {
        display: none;
    }
    
    .lang-code {
        display: inline;
    }
	.god-hand .rnav {
		color: #000;
	}
	.biodynamic figcaption {
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		margin-bottom: 40px;
	}
	.biodynamic figcaption.ff-switch {
		flex-direction: column;
	}
	.biodynamic figcaption h2,
	.biodynamic figcaption .c-wysiwyg  {
		max-width: max-content;
	}
	.biodynamic__heading {
		font-size: 18px;
		font-weight: 400;
		line-height: 1.5;
	}
	.biodynamic__content {
		position: relative;
	}
	.biodynamic__content__inner {
		max-width: 100%;
		margin-top: 20px;
	}
	.biodynamic__number {
		font-size: 44px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -140%);
		font-weight: 500;
	}
	.biodynamic__number::after { 
		font-size: 44px;
		font-weight: 500;
	}
	.biodynamic__slider .rs-handle {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 43 43'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M21.29 42.281c11.32 0 20.5-9.402 20.5-21s-9.18-21-20.5-21c-11.323 0-20.5 9.402-20.5 21s9.177 21 20.5 21Zm-8.974-12.204c4.904 4.904 12.855 4.904 17.759 0 4.904-4.905 4.904-12.856 0-17.76-4.904-4.904-12.855-4.904-17.76 0-4.903 4.904-4.903 12.855 0 17.76Z' clip-rule='evenodd'/%3E%3Ccircle cx='21.195' cy='21.197' r='14.488' stroke='url(%23a)' transform='rotate(45 21.195 21.197)'/%3E%3Cpath fill='%23fff' d='M14 20.75a.75.75 0 0 0 0 1.5v-1.5Zm0 1.5h2.557v-1.5H14v1.5ZM29 22.25a.75.75 0 0 0 0-1.5v1.5Zm0-1.5h-2.557v1.5H29v-1.5ZM22.25 14a.75.75 0 0 0-1.5 0h1.5Zm-1.5 0v2.557h1.5V14h-1.5ZM20.75 29a.75.75 0 0 0 1.5 0h-1.5Zm1.5 0v-2.557h-1.5V29h1.5ZM16.726 15.666a.75.75 0 0 0-1.061 1.061l1.06-1.06Zm-1.061 1.061 1.808 1.808 1.06-1.06-1.807-1.809-1.061 1.061ZM26.27 27.334a.75.75 0 0 0 1.061-1.061l-1.06 1.06Zm1.061-1.061-1.808-1.808-1.06 1.06 1.807 1.809 1.061-1.061ZM27.335 16.727a.75.75 0 0 0-1.06-1.06l1.06 1.06Zm-1.06-1.06-1.809 1.807 1.061 1.061 1.808-1.808-1.06-1.06ZM15.669 26.273a.75.75 0 0 0 1.06 1.06l-1.06-1.06Zm1.06 1.06 1.809-1.807-1.061-1.061-1.808 1.808 1.06 1.06Z'/%3E%3Ccircle cx='21.502' cy='21.5' r='2.318' stroke='%23fff' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.536' x2='40.842' y1='19.982' y2='22.209' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%239BA1CF'/%3E%3Cstop offset='.438' stop-color='%239BA1CF' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%239BA1CF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
		width: 36px !important;
		height: 36px !important;
		background-size: 107%;
		margin: -18px 20px 20px -5px !important;
	}
	.biodynamic__circle__dot {
		width: 0.25rem;
		height: 0.25rem;
	}
	.biodynamic__circle__dot:nth-child(1) { 
		transform: translate(-60%, 0);
	}
	
	.biodynamic__circle__dot:nth-child(2) { 
		transform: translate(-60%, -60%);
	}
	
	.biodynamic__circle__dot:nth-child(3) { 
		transform: translate(60%, 0);
	}
	.biodynamic__gradient::after {
		top: 20px;
		left: 20px;
		right: 20px;
		height: calc(100% - 20px);
	}
	.biodynamic__content__seperator {
		margin-bottom: 1rem;
	}
	.biodynamic__text {
		font-size: 14px;
		line-height: 1.4285714286;
	}
	.ff-padding {
		padding: 80px 0;
	}
	.verticalslider .helfcontent.offside_ .container{
		gap: 0;
	}
	.dfc img{
		max-width: 100%;
		height: auto;
		max-height: 58px;
	}
	.swiper-pagination-vertical.swiper-pagination-bullets.vs-page{
		right: auto;
		left: -12px;
		top: -80px;
		transform: translateY(-100%) translateX(-100%);
	}
	.verticalslider .helfcontent.offside_.rvs_ figure{
		border-radius: 5px 0px 0px 5px;
		right: auto;
		left: 0;
	}
	.dfc{
		margin: 0 15px;
	}
	
	.sharebtn{
		left: calc(100% + 20px);
	}
	.snapd:nth-child(2){
		max-width: 170px;
		transform: translateX(-53%) translateY(45px);
	}
	.snapd:nth-child(2) svg{
		transform: translate(105%, -85%) scale(.8);
		transform-origin: left bottom;
	}
	:root {
		--mainFont: 'Albert Sans', sans-serif;
		--cont: 676px;
		--navHeight: 160px;
		--contSpace: calc((100svw - var(--cont)) / 2 );
	}
	.mobilemenus{
		display: block;
		transition: opacity 1s ease;
		transition-property: opacity, visibility;
	}
	.mobilemenus.active{
		opacity: 1;
		visibility: visible;
	}
	.section{
		padding-top: 80px;
	}
	.helfcontent.black_,
	.padding-tb{
		padding: 80px 0;
	}

	/* === end gneral == */
	.faqcard .ff-card {
		border-radius: 0;
		width: 100%;
	}
	.faqcard h4{
		margin: 0 auto;
	}
	.lottiewrapper{
		position: absolute;
		right: 50%;
		top: 50%;
		transform: translateY(-50%) translateX(50%);
		height: 480px;
		width: 480px;
	}

	.thebigcard .arrow-btn{
		min-width: unset;
		max-width: 220px;
	}
	.confaq{
		flex-direction: column;
	}
	.confaq .wrap_{
		text-align: center;
	}
	.faqcard{
		min-width: unset;
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 0;
	}
	.bigcard .swiper-slide figcaption h3{
		font-size: 16px;
		line-height: 20px;
	}
	.bigcard .swiper-slide{
		border-radius: 10px;
		background: linear-gradient(234deg, #B1C0E9 0%, #958CBC 100%);
	}
	.bigcard .swiper-slide.cc-unset{
		background: unset;
	}
	.eachdt .small{
		font-size: 10px;
		opacity: 0.5;
		font-weight: 400;
	}
	#mainav .nbtn{
		color: black;
	}
	.wrapfigure,
	.capt-verslide{
		/* height: 350px; */
		height: 35vh;
	}
	.verticalslider{
		padding: 65px 0 0;
		justify-content: flex-start;
	}
	.verticalslider .centertitle{
		margin-bottom: 40px;
	}
	.otherarticle.container{
		width: 100%;
		max-width: unset;
	}
	.otherarticle .swiper-slide{
		width: 352px;
	}
	.otherarticle .swiper-slide:last-child{
		margin-right: var(--contSpace);
	}
	.otherarticle .swiper-slide:first-child{
		margin-left: var(--contSpace);
	}
	.burger{
		display: flex;
	}
	#mainav ul.ff-menu {
		display: none;
	}
	.helfcontent.bigbanner_{
		height: auto;
	}
	.bigimg figure{
		max-width: calc(100% - 60px);
	}
	.bigimg.container{
		max-height: 1024px;
	}
	.helfcontent.rvs_ .container,
	.helfcontent .container{
		flex-direction: column;
	}
	.helfcontent .container:not(.theforms){
		/* flex-direction: column-reverse; */
	}
	.helfcontent figure.square_,
	.helfcontent.black_ figure,
	.helfcontent figure{
		height: 375px;
		min-width: unset;
	}
	.helfcontent figure.square_{
		width: 100%;
	}
	.title h2,
	.helfcontent.offside_ figcaption,
	.autop,
	.helfcontent figcaption{
		max-width: unset;
	}
	.title{
		margin-bottom: 60px;
	}
	.thecards{
		flex-direction: column;
	}
	.wrapfigure{
		width: 100%;
	}
	.helfcontent.offside_ figure{
		width: calc(100% + var(--contSpace));
	}
	.helfcontent.black_ figure{
		min-width: unset;
		width: 100%;
	}
	.bigcard{
		padding: 120px 0 90px;
	}
	.bigcard .swiper-slide figcaption{
		padding: 0 45px;
	}
	.bigcard .swiper-slide figure{
		min-width: 300px;
	}
	.bigcard .swiper-slide{
		padding: 55px 0;
	}
	.helfcontent.offside_ .container{
		flex-direction: column-reverse;
	}
	.co2.section{
		padding-top: 0;
	}
	.co2 .bigimg.container{
		max-width: unset;
		border-radius: 0;
	}
	.bigimg-nav{
		max-width: var(--cont);
	}
	.mnlist-content{
		max-width: 260px;
	}
	.title .autop{
		margin-top: 45px;
	}
	.ldt_{
		flex-wrap: wrap;
	}
	.eachdt{
		width: calc((100% - 45px) / 2);
	}
	.m-figbtm.helfcontent.rvs_ .container{
		flex-direction: column-reverse;
	}
	.video, .helfcontent figure.video{
		min-width: unset;
	}
	.icl-slide{
		max-width: unset;
		width: 100%;
	}
	.icl-slide .swiper-wrapper{
		gap: 30px;
		justify-content: space-between;
	}
	.nextop{
		min-width: calc(50% - 45px);
	}
	.ii-bars { 
		justify-content: space-evenly;
		column-gap: 36px; 
	}
	.ii-bar {
		width: 64px;
	}

	.top-5__left h3 {
		font-size: 28px;
		line-height: 30px; 
		margin-bottom: 16px;
	}

	.section_top-5.theme-dark,
	.section_top-5.theme-colour {
		padding-bottom: 65px;
		margin-top: 65px;
	}

	.section_top-5 .top-5__left {
		position: relative;
	}

	.section_top-5 .top-5__left,
	.section_top-5 .top-5__right,
	.section_gbs-infographic .gbs-infographic__left,
	.pre-com__heading,
	.pre-com__right {
		grid-column-start: 1;
		grid-column-end: 13;
	} 

	.section_gbs-infographic .gbs-infographic__right {
		grid-column-start: 2;
		grid-column-end: 12;
	}

	.section_gbs-infographic .gbs-infographic__right {
		margin-top: 52px;
	}

	.gbs-infographic__item { 
		width: 10%;
		height: 10%;  
	}

	.pre-com__heading { 
		margin-bottom: 25px;
	}

	.pre-com__left,
	.pre-com-text-desktop {
		display: none;
	}

	.pre-com__right {
		padding-bottom: 40px;
	}

	.pre-com-text-mobile {
		display: block;
	}

	.pre-com__image {
		margin-right: -40px;
		border-top-right-radius: 0;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
		padding-bottom: 63%;
		max-height: fit-content;
		margin-bottom: 18px;
	}

	.section_pre-com .accordion-wrapper {
		display: block;
	}

	.top-5__right .top-5__intro { 
		margin-bottom: 36px;
	}

	.top-5__list {
		row-gap: 12px;
	}

	.top-5__list__number {
		font-size: 56px; 
		line-height: 1.2;
		width: 64px; 
		padding-right: 8px;
	}

	.top-5__list__title {
		font-size: 14px;
		line-height: 20px;
		font-weight: 600; 
		margin-bottom: 4px;
	}

	.top-5__list__text {
		font-size: 14px;
		line-height: 20px;
	}

	.section-interactive-infographic__container {
		max-width: 100%;
	}

	.ii-footer {
		padding-right: 30px;
		padding-left: 30px;
		column-gap: 12px;
	}

	.ii-footer__headline {
		font-size: 12px;
	}

	.ii-footer__copy {
		display: none;
	}

	.ii-footer__center {
		padding-right: 16px;
        padding-left: 16px; 
	}

	.ii-footer__center.ii-bars-2 {
		justify-content: space-evenly;
    	column-gap: 36px;
	}

	.ff-switch .gbs-infographic__left {
		order: 2;
		margin-top: 52px;
	}

	.ff-switch .gbs-infographic__right { 
		margin-top: 0;
	}

}

@media (max-width: 890px){
	.sharebtn{
		position: static;
		transform: translateX(-8px);
	}
	.sharebtn span{
		display: none;
	}
	.sharebtn .addtoany_list a{
		font-size: 24px;
	}
	.sharebtn .addtoany_list a span{
		width: 24px !important;
		height: 24px !important;
	}
}

@media (max-width: 800px) {
	.ii-bars {
		column-gap: 18px;
	}
	
    .ii-footer {
        padding-right: 20px;
        padding-left: 20px; 
    }

	
}

/* mobile + landscape */
@media (max-width: 740px) {
	#hero h1 {
		font-size: 32px;
		line-height: 0.7;
	}
	.ii-footer__mobile__headline .ii-bar__tooltip__close {
		display: none;
	}
	.rnav{ 
		gap: 16px;
	}
	.fc-bot::before{
		display: none;
		visibility: hidden;
	}
	.verticalslider h2.z32{
		font-size: 18px;
		line-height: 24px;
	}
	.arrow-btn:hover svg{
		transform: unset;
		filter: unset;
	} 
	.icl-slide.dynlogo{
		width: 100vw;
		overflow: hidden;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 26px;
	}
	.icl-slide .swiper-slide{
		max-width: unset;
		width: calc(100vw / 3);
		padding: 0 26px;
		margin: 0;
		box-sizing: border-box;
	}
	.dfc img{
		margin: 0 auto;
	}
	.icl-slide .swiper-wrapper{
		gap: unset;
		flex-wrap: nowrap;
		justify-content: unset;
	}
	.each-tc:hover .fc-bot h4,
	.each-tc:hover .fc-bot::before{
		display: none;
	}
	.cardslider.swiper{
		padding-right: 26px;
	}
	
	.fcs1 {
		top: 7%;
    	left: 13%;
	}
	.fcs1 svg {
		top: 100%;
		transform-origin: top left;
		transform: scale(.8) rotate(13deg);
		left: 5px;
	}
	.fcs3 svg{
		transform-origin: left bottom;
		transform: scale(.5) rotate(328deg);
		bottom: 75%;
	}
	.fcs2 {
		bottom: 17%;
    	right: 10%;
	}
	.fcs2 svg {
		right: 9px;
		bottom: 100%;
		transform: scale(.6);
		transform-origin: right bottom;
	}
	.clientslider .swiper-slide{
		box-sizing: border-box;
		padding: 0 26px;
	} 
	.clientslider.container .swiper-wrapper{
		gap: 32px;
	}
	.swiper-pagination-vertical.swiper-pagination-bullets.vs-page{
		left: -28px;
		top: -17.5vh;
		transform: translateY(-50%) translateX(50%);
	} 
	.clientslider{
		padding-top: 0;
	}
	.clientslider.container .swiper-slide{
		width: calc((100% - 64px) / 3);
		max-width: unset;
		padding: 0;
	}
	
	.snapd{
		bottom: auto;
		top: 0;
		right: calc(50% + 100px);
		width: 150px;
	}
	.snapd:first-child{
		text-align: right;
		right: auto;
		left: 0;
		transform: unset;
		width: max-content;
	}
	.rs-tooltip::after,
	.rs-tooltip-text{
		font-size: 40px;
	}
	.snapd:nth-child(2){
		left: calc(50% + 100px);
		transform: translateX(-50%) translateY(25px);
		width: 150px;
		top: auto;
		bottom: 0;
	}
	.snapd svg{
		left: auto;
		right: 0;
		top: auto;
		transform: translate(100% , 100%) scale(.5);
		bottom: 0;
		transform-origin: top;
	}
	.snapd:nth-child(2) svg{
		right: auto;
		left: 0;
		bottom: 100%;
		transform: rotate(-108deg) scale(.5);
	}
	body{
		font-size: 14px;
		line-height: 20px;
	}
	.container, .navcontainer{
		width: calc(100% - 56px);
	}
	.displaycard .title{
		margin-bottom: 32px;
	}
	.horizontalist{
		gap: 16px;
	}
	.horizontalist li{
		width: 100%;
		justify-content: center;
	}
	
	.each-tc,
	.helfcontent figure{
		border-radius: 5px;
	}
	.helfcontent.offside_.rvs_ figure{
		border-radius: 0px 5px 5px 0px;
	}
	.helfcontent.offside_ figure{
		border-radius: 5px 0px 0px 5px;
	}
	.bigimg-nav{
		border-radius: 5px 5px 0px 0px;
	}
	.capt-verslide .swiper-slide{

	}
	
	.luxround.active .luxoverlay{
		transform: translateY(-13vw) translateX(-13vw);
	}
	/* heading */
	h1,h2,h3,h4,h5{
		font-weight: 300;
	}

	h1{
		font-size: 44px;
		line-height: 48px;
	}
	h1.words{
		line-height: 30px;
	}
	/* h1.words .word{
		padding: 5px 0 15px;
	} */
	h1.z72{
		font-size: 32px;
		line-height: 40px;
	}

	h2{
		font-size: 32px; 
	}
	h2.words{
		line-height: 25px;
	}
	output{
		color: black;
	}
	h2.z32,
	h3{
		/* font-size: 16px;
		line-height: 20px; */
		font-size: 28px;
		line-height: 30px;
	}
	h2.z24,
	h3.z24{
		font-size: 24px;
		line-height: 28px;
	}

	h4{
		font-weight: 400;
		font-size: 24px;
		line-height: 28px;
	}
	body .defaultext{
		font-size: 16px;
		line-height: 24px;
	}
	
	.heropage h1,
	.heropage h2{
		font-size: 44px;
		line-height: 48px;
	}
	/* ==== end general == */
	.bigimg.container{
		height: 634px;
		min-height: unset;
	}
	.co2 .bigimg-nav p,
	.co2 .bigimg-nav h4{
		font-size: 12px;
		line-height: 14px;
	}
	.outputrange{
		justify-content: space-between;
	}
	.bigimg.container{
		padding-top: 0;
	}
	.co2content{
		box-sizing: border-box;
		padding: 0 28px;
		max-width: 330px;
	}
	.lottiewrapper{
		height: 31vh;
		width: calc(100% + 28px);
		border-radius: 5px 0px 0px 5px;
		position: static;
		transform: unset;
	}
	.lottiewrapper .loadcirc,
	.lottiewrapper .circleanim{
		display: none !important;
		opacity: 0;
		
	}
	.lottiewrapper .liquidgradient{
		border-radius: unset;
		width: calc(100vw - 25px);
	}
	.fcs{
		transition-duration: .1s;
	}
	.wlottie .wrapfigure{
		height: 35vh;

	}
	.container-lchild{
		width: 50%;
	}
	.renest.nestedlist li a{
		padding: 0;
	}
	.nl-child li,
	.listnumber_ li.active{
		margin-bottom: 10px;
	}
	.heropage::after, .nestedlist::after{
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
	}
	.nestedlist .nl-child li,
	.nolink_ .listnumber_ li{
		color: white;
	}
	.mnlist-content{
		display: none;
	}
	.mobile-excol{
		width: 100%;
	}
	.nestedlist li{
		display: block;
	}
	.nestedlist .nl-child li a::after,
	.nolink_.nestedlist li a::after{
		display: none;
	}
	.mxinner{
		padding-bottom: 26px;
	}
	.mxinner .autop strong{
		color: white;
	}
	.nestedlist{
		padding: 48px 0;
	}
	.listnumber_ li::before,
	.nestedlist .mobile-excol li a{
		font-size: 14px;
		font-style: normal;
		font-weight: 600;
		line-height: 20px;
	}
	.mxbody, .mxhead svg{
		display: block;
	}
	.mxbody{
		overflow: hidden;
		max-height: 0px;
		transition: max-height .6s ease;
	}
	.mobile-excol li{
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	.mobile-excol li:first-child{
		border-top: 1px solid rgba(255, 255, 255, .2);
	}
	.mxinner p{
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
		opacity: .5;
	}
	.mxhead{
		padding: 16px 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		padding-left: 24px;
	}
	.listnumber_ li::before{
		position: absolute;
		top: 18px;
		left: 0;
	}
	.figctn{
		padding: 40px 30px 45px;
	}
	.footerbanner p{
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}
	.ldt_{
		gap: 30px;
	}
	.helfcontent.intro_ h2{
		margin-bottom: 0;
	}
	.eachdt {
		width: calc((100% - 30px) / 2);
	}
	.eachdt h3{
		/* min-width: max-content; */
		font-size: 14px;
		line-height: 10px;
	}
	.divtb p:nth-child(2){
		min-width: 90px;
	}
	.divtb p:first-child{
		width: 150px;
		min-width: 150px;
	}
	.roundrag{
		margin-top: 50px;
	}
	.roundrag,
	.rs-control,
	.rs-container,
	.luxround{
		min-width: calc(100vw - 70px);
		min-height: calc(100vw - 70px);
	}
	.rs-handle-dot{
		transform: rotate(45deg) translateY(10px) scale(.8);
	}
	.overlaydl{
		width: calc(100% - 65px);
    	height: calc(100% - 65px);
	}
	.insidedl{
		width: calc(100% - 40px);
    	height: calc(100% - 40px);
		padding: 20px;
	}
	.rs-tooltip.rs-edit{
		font-size: 42px;
		line-height: 42px;
	}

	.otherarticle .swiper-slide:last-child{
		margin-right: 28px;
	}
	.otherarticle .swiper-slide:first-child{
		margin-left: 28px;
	}
	.otherarticle .swiper-slide{
		width: 252px;
	}
	.otherarticle .each-arc figure.rdc_{
		height: 160px;
	}
	.otherarticle .each-arc h3{
		font-size: 18px;
	}
	.singlecontent p img{
		width: 100%;
		border-radius: 5px;
	}
	.afterslide h2{
		font-size: 44px;
		line-height: 48px;
		gap: 12px;
	}
	.afterslide p{
		font-size: 14px
	}
	.bigimg figure{
		max-width: 100%;
		border-radius: 0;
		max-height: unset;
	}
	.innerange .flex span{
		font-size: 14px;
	}
	.innerange .flex span:nth-child(2),
	.innerange .flex span:nth-child(3){
		display: none;
	}
	.bigimg-nav{
		padding-left: 22px;
		padding-right: 22px;
	}
	.bnarrow{
		display: none;
	}
	#mainav .nbtn span{
		display: none;
	}
	#mainav .nbtn{
		width: auto;
		padding: 6px 11px;
		min-width: unset;
		border-radius: 10px;
	}
	#mainav{
		padding: 28px 0;
	}
	.bodymovinanim{
		width: 100%;
		margin-bottom: 40px;
	}
	.table-c{
		width: 100vw;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 5px;
	}
	.projectberekening .figcapt{
		display: block;
		position: static;
		transform: unset;
	}
	.helfcontent.projectberekening .container{
		flex-direction: column;
	}
	.toptable, .bottable{
		padding: 40px 28px;
	}
	.divtb p:last-child{
		min-width: 75px;
	}
	#hero p{
		font-size: 18px;
		line-height: 24px;
	}
	.each-arc figure,
	.each-arc.bigger_ figure,
	.helfcontent figure.square_,
	.helfcontent.black_ figure, .helfcontent figure{
		height: 191px;
	}
	.each-arc{
		width: 100%;
		margin-bottom: 40px;
	}
	/* gap: 32px; */
	.helfcontent .container{
		gap: 15px;
	}
	.autop p,
	.autop ul,
	.autop ol{
		margin-bottom: 20px;
	}
	.autop p:last-child{
		margin-bottom: 0;
	}
	.helfcontent h2{
		margin-bottom: 15px;
	}
	.helfcontent .arrow-btn{
		margin-top: 15px;
	}
	.bigcard .swiper-slide figure{
		display: none;
	}
	.each-cs,	
	.bigcard .swiper-slide {
		max-width: calc(100% - 56px);
		padding: 40px 0;
	}
	.each-cs{
		width: 252px;
		padding: 0;
	}
	.bigcard .swiper-slide figcaption{
		width: 100%;
		padding-left: 32px;
		padding-right: 56px;
	}
	.bigcard{
		padding: 80px 0;
	}
	.wrapfigure{
		/* height: 243px; */
	}
	.helfcontent.offside_ figure {
		width: calc(100% + 28px);
	}
	.rbc_.helfcontent.offside_ figure{
		position: static;
	}
	.rbc_ .wrapfigure{
		height: auto;
	}
	.footerbanner,
	.helfcontent.black_, .padding-tb{
		padding: 65px 0;
	}
	.each-tc{
		height: 184px;
	}
	/* .fc-top h3{
		font-size: 32px;
		line-height: 40px;
	} */
	.fc-top{
		padding: 24px;
	}
	.fc-bot{
		padding: 0;
	}
	.fc-bot .arrow-btn{
		padding: 24px;
	}
	.fc-bot h4{
		display: none;
	}
	.heropage{
		max-height: 424px;
	}
	/* .mnlist-content{
		display: none;
	} */
	.nolink_.nestedlist .container.flex{
		gap: 80px;
	}
	.mn-list.child_{
		width: 133px;
	}
	.mn-list.child_ a{
		width: 100%;
		justify-content: space-between;
		box-sizing: border-box;
		padding-right: 5px;
	}
	.dt-content p:not(.small){
		font-size: 24px;
		line-height: 28px;
		position: relative;
		/* width: max-content; */
	}
	.dt-content p .big{
		/* font-size: 64px; */
		font-size: 44px;
		line-height: 54px;
	}
	.dt-content p .big:not(.odometer){
		line-height: 58px;
		transform: translateY(-1px);
	}
	.numeraldata .dt-content p:not(.small) .big{
		font-size: 72px;
	}
	.dt-content p .xs_{
		font-size: 12px;
    	transform: translateY(-12px);
	}
	.numeraldata .dt-content p:not(.small) .xs_{
		font-size: 24px;
		transform: translateY(-14px);
	}
	.section{
		padding-top: 65px;
	}
	.title .autop{
		margin-top: 32px;
	}
	.padding-b{
		padding-bottom: 65px;
	}
	.sectiontop{
		padding-top: 144px;
	}
	.heropage.adaptiveH{
		min-height: 647px;
		box-sizing: border-box;
		padding: 158px 0 40px;
	}
	.heropage.adaptiveH h2{
		font-size: 28px;
		line-height: 30px;
	}
	.wrapbtn{
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}
	.autop ul{
		box-sizing: border-box;
		padding-left: 15px;
	}
	.profile .wrapbtn{
		align-items: center;
	}
	.each-cs figure{
		height: 160px;
	}
	.pleft-container .swiper-slide:first-child{
		margin-left: 28px;
	}
	.cardslider .each-cs{
		margin-right: 0;
		margin-left: 28px;
	}
	.hmlist{
		flex-direction: column;
	}
	.cardarticle{
		width: 100%;
	}
	.toplist .container{
		flex-direction: column;
		gap: 0;
	}
	.each-arc.bigger_,
	.nextop .each-arc{
		margin-bottom: 40px;
	}
	.numeraldata .eachdt{
		width: 100%;
	}
	.numeraldata .eachdt{
		margin-bottom: 45px;
	}
	.each-dtls:nth-child(5n+3) .dtl-figure, .each-dtls:nth-child(5n+4) .dtl-figure, .each-dtls:nth-child(5n+5) .dtl-figure,
	.dtl-figure,
	.thevid.container{
		height: 184px;
	}
	.dtl-figure svg, .thevid svg{
		width: 60px;
		height: 60px;
	}
	.details.container{
		flex-direction: column;
		gap: 40px;
	}
	.each-dtls:nth-child(5n+3), .each-dtls:nth-child(5n+4), .each-dtls:nth-child(5n+5),
	.each-dtls{
		width: 100%;
	}
	.ftmenu{
		width: calc((100% - 23px) / 2);
		margin-bottom: 60px;
	}
	.foldedmenu .sub-menu{
		right: auto;
		left: calc((100% + 28px) / 2);
		transform: unset;
	}
	.foldedmenu .menu-item-has-children > a{
		width: calc((100% - 23px) / 2);
	}
	.ftmenu:nth-child(3){
		width: 100%;
	}
	.ftend{
		margin-top: 0;
		flex-direction: column;
		gap: 15px;
	}
	.p404 h1{
		font-size: 180px;
	}

	/* update */
	.verticalslider .centertitle{
		margin-bottom: 30px;
	}
	.wlottie .wrapfigure,
	.wrapfigure{
		height: 220px;
	}
	.lottiewrapper{
		height: 100%;
	}
	.swiper-pagination-vertical.swiper-pagination-bullets.vs-page{
		top: -110px;
	}
	.capt-verslide .swiper-slide{
		justify-content: flex-start;
    	padding-top: 30px;
		box-sizing: border-box;
	}
	.capt-verslide{
		height: calc(100vh - (220px + 80px + 65px + 30px));
	}
	.section-interactive-infographic.theme-colour { 
		/* padding-bottom: 65px;
		margin-top: 65px; */
	}
	.section-interactive-infographic h3 {
		font-size: 44px;
		line-height: 48px; 
	}
	.ii-buttons__container {
		flex-direction: row !important; 
	}
	.ii-header__mobile {
		display: block;
	}
	.ii-grid {
		column-gap: 0;
		margin-top: 0;
	}
	.ii-header {
		font-size: 12px;
		font-weight: 400;
		padding: 3px 0;
		background: #0000000D;
	}
	.section-interactive-infographic.theme-colour:not(.is-active) .ii-header {
		color: #7F7F7F; 
		background: #FFFFFF;
	}
	
	.ii-header__left {
		border-top-left-radius: 0;
	}
	.ii-header__right {
		border-top-right-radius: 0;
	}
	.ii-bars { 
		column-gap: 4px;
		margin-top: 0;
		padding-top: 0;
	}
	.ii-bar {
		width: 27px;
	}
	.ii-bar__old {
		border-top-right-radius: 5px;
    	border-top-left-radius: 5px;
	}
	.ii-lines {
		top: 0;
	}
	.ii-line__prefix,
	.ii-line__prefix__time,
	.ii-footer,
	.ii-bar__tooltip {
		display: none !important;
	}
	.ii-footer__mobile {
		display: flex;
		flex-direction: column;
		margin-top: 8px;
	}
	.ii-footer__mobile__headline {
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		background-color: #949CD9;
		padding: 6px 16px;
	}
	.ii-footer__mobile__body {
		padding: 11px 16px;
		background-color: #F2F2F2;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		min-height: 84px;
	}
	.ii-footer__mobile__body .ff-button-circle {
		pointer-events: none;
	}
	.section-interactive-infographic.theme-light.is-active .ii-header {
		color: #00000080;
	}

	.section-interactive-infographic:not(.is-active) .ii-header {
		color: #00000080;
	}

	.section_gbs-infographic .svg__1 {
		display: none;
	}

	.section_gbs-infographic .svg__2 {
		display: flex;
		width: 150%;
    	height: 150%;
	}

	.gbs-infographic__item { 
		width: 12.5%;
		height: 12.5%;  
	}

	.pre-com__image {
		margin-right: -28px; 
	}
	.autop h1,
	.c-wysiwyg h1,
	.singlecontent h1,
	.h1h2 {
		font-size: 42px;
	}

	.autop h2,
	.c-wysiwyg h2,
	.singlecontent h2,
	.helfcontent h2,
	.title h2 {
		font-size: 32px;
	}

	.autop h3,
	.c-wysiwyg h3,
	.singlecontent h3 {
		font-size: 20px;
	}

	.autop h4,
	.c-wysiwyg h4,
	.singlecontent h4 {
		font-size: 16px;
	}

	.autop h5,
	.c-wysiwyg h5,
	.singlecontent h5 {
		font-size: 12px;
	}

	.autop h6,
	.c-wysiwyg h6,
	.singlecontent h6 {
		font-size: 10px;
	}

	.c-wysiwyg p,
	.c-wysiwyg ul,
	.c-wysiwyg ol {
		margin-bottom: 1.25rem;
	}

	.biodynamic .roundrag, 
	.biodynamic .rs-control, 
	.biodynamic .rs-container, 
	.biodynamic .luxround{
		min-height: calc(50vw - 70px);
	}

	.biodynamic figcaption {
		margin-bottom: 0;
	}
}

/* odomater custom */
  
  .odometer-formatting-mark {
	display: none;
  }
  
  .odometer.odometer-auto-theme,
  .odometer.odometer-theme-minimal {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
  }
  
  .odometer.odometer-auto-theme .odometer-digit,
  .odometer.odometer-theme-minimal .odometer-digit {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	position: relative;
  }
  
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	visibility: hidden;
  }
  
  .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
	text-align: left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
  
	/* text-align: center;
	width: max-content;
	left: 50%;
	transform: translateX(-50%); */
  }
  
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
	display: block;
  }
  
  .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
	display: block;
	-webkit-backface-visibility: hidden;
  }
  
  .odometer.odometer-auto-theme .odometer-digit .odometer-value,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
	display: block;
	-webkit-transform: translateZ(0);
	
	background: linear-gradient(282.77deg, #B8A4C1 18.81%, #C8A1BB 97.69%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	/* text-align: center; */
	/* margin: 0 auto; */
  }
  
  .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
  .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
	position: absolute;
  }
  
  .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
  }
  
  .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
  }
  
  .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
  }
  
  .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
  .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	-webkit-transition: -webkit-transform 2s;
	-moz-transition: -moz-transform 2s;
	-ms-transition: -ms-transform 2s;
	-o-transition: -o-transform 2s;
	transition: transform 2s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
  }
  /* .odometer-value */
  .odometer-value{
	width: 100%;
	text-align: center;
  }
  #wrapodo {
	overflow: hidden;
  }
  
  #wrapodo .odometer-digit {
	transition: transform .6s;
	transform: translateY(100%);
  }
  
  #wrapodo .odometer-digit:nth-last-child(3) {
	transition-delay: .1s;
  }
  
  #wrapodo .odometer-digit:nth-last-child(2) {
	transition-delay: .2s;
  }
  
  #wrapodo .odometer-digit:last-child {
	transition-delay: .3s;
  }
  
  #wrapodo.active .odometer-digit {
	transform: translateY(0%);
  }
  
  #wrapodo.active.done .odometer-digit {
	transform: translateY(-100%);
  }
  
  .feedata .odometer-digit:first-child {
	display: none;
  }
  
  .feedata .odometer-digit:nth-child(3)::after {
	display: inline-block;
	content: '.';
	/* position: relative;
  right: -2.5px; */
  }


.ff-btn-black .nbtn.w_,
.ff-btn-black .fluentform .ff-btn-secondary.ff-btn-next {
	color: #000 !important;
}

.ff-btn-black .nbtn.w_:hover,
.ff-btn-black .fluentform .ff-btn-secondary.ff-btn-next:hover {
	color: #fff !important;
	background-color: #000 !important;
}

.ff-btn-black .fluentform .ff-btn-secondary.ff-btn-prev:hover { 
    color: #000; 
}

.ff-btn-black .fluentform form.ff-form-has-steps .ff-btn-submit:hover {
    color: #fff; 
	background-color: #000;
}

.ff-btn-black .separator {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 10.54%, currentColor 49.26%, rgba(255, 255, 255, 0) 90.48%);
}

.logo-custom {
	width: 120px;
	height: auto;
}

.logo-loader {
	width: 200px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.wpml-ls-statics-footer {
	display: none;
}