/* ============= */
/* Lets ROCK   */
/* ========  */
#mainav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	padding: 56px 0;
	color: white;
	transition: all .4s ease;
}
#mainav.temphide{
	transform: translateY(-105%);
}
.temphide-imp{
	transform: translateY(-105%) !important;
}
#mainav li a{
	transition: color .4s ease;
}
#mainav .container{
	align-items: center;
	justify-content: space-between;
	align-items: center;
	max-width: 1271px;
}
#mainav ul{
	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;
	padding: 30px 0;
	color: black;
}
.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{
	opacity: 1;
}
.god-hand .burgerblack,
.god-hand .burgerwhite{
	opacity: 0 ;
}
/* .logo{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(87deg) brightness(102%) contrast(103%);
	transition: filter .4s ease;
} */
/* #mainav.sage-mode .logo{
	filter: invert(0%) sepia(30%) saturate(7463%) hue-rotate(122deg) brightness(96%) contrast(108%);
} */
.rnav{
	align-items: center;
	gap: 34px;
}
#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{
	margin-bottom: 24px;
}
.autop p:last-child{
	margin-bottom: 0;
}
.helfcontent .arrow-btn{
	margin-top: 32px;
}
.bigcard{
	padding: 190px 0 133px;
}
.rach-bc{
	padding: 83px 0;
	background: linear-gradient(77.48deg, #8089CE 0%, #969EDA 100.81%);
	border-radius: 16px;
	max-width: var(--cont);
}
.rach-bc .wrap{
	justify-content: space-between;
	align-items: center;
}
.rach-bc figure{
	min-width: 412px;
	border-radius: 15px 0 0 15px;
	overflow: hidden;
	background-color: #C4C4C4;
	height: 336px;
}
.rach-bc figcaption{
	box-sizing: border-box;
	padding: 0 80px;
	color: white;
}
.rach-bc figcaption .wrap_{
	max-width: 425px;
	margin: 0 auto;
}
.rach-bc 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: white;
}
.helfcontent.black_ p{
	color: #7F7F7F;
}
.helfcontent.black_ p strong{
	color: white;
}
.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);
}
.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;
}
.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 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: white;
  }
.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(216, 216, 216, .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(216, 216, 216, .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: white;
}
.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: rgba(255, 255, 255, 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: 40px;
	font-weight: 600;
	line-height: 24px;
}
.lbtn.active{
	color: black;
	border-bottom: 1px solid black;
}
.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;
	overflow: hidden;
	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(3) span{
	transition-delay: .1s;
}
.word:nth-child(5) span{
	transition-delay: .2s;
}
.word:nth-child(7) span{
	transition-delay: .3s;
}
.word:nth-child(9) span{
	transition-delay: .35s;
}
.word:nth-child(11) span{
	transition-delay: .4s;
}
.word:nth-child(13) span{
	transition-delay: .45s;
}
.word:nth-child(15) span{
	transition-delay: .5s;
}
.word:nth-child(17) span{
	transition-delay: .55s;
}
.word:nth-child(19) span{
	transition-delay: .6s;
}

.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 .rach-bc{
	transform: translateX(300px);
	transition: transform 1s ease;
}
.bigcard.aos-init.aos-animate .rach-bc{
	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;
}
.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;
  }
  .singlecontent h1,
  .singlecontent h2,
  .singlecontent h3,
  .singlecontent h4{
	margin-bottom: 24px;
	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,
  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;
  }
  .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{
		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-dot: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;
	}

	.mobilemenus{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: black;
		z-index: 98;
		box-sizing: border-box;
		padding: 40px;
		padding-top: 170px;
		color: white;
		opacity: 0;
		visibility: hidden;
		display: none;
	}
	.primmn li{
		font-size: 28px;
		font-style: normal;
		font-weight: 300;
		line-height: 52px;
		list-style: none;
	}
	.primmn2{
		margin-top: 38px;
	}
	.primmn2 li{
		list-style: none;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 40px;
		text-transform: lowercase;
	}
	.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 .liquidgradient{
		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: white;
	}
	.fluentform .ff-el-input--label label{
		text-align: left;
	}
	.savingcalcform h2,
	.savingcalcform h3,
	.savingcalcform h4{
		color: white;
	}
	.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 white !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;
	}
	
	.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: white;
		width: 16px;
		height: 16px;
		border: 2px solid white;
		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 white;
	}
	.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 {
		-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);
	  }
	  .singlecontent h2{
		line-height: 60px;
	  }
	  .singlecontent h6,
	  .autop h6{
		font-size: 16px;
		color: black;
	  }
	  .singlecontent h4,
	  .autop h4{
		font-size: 32px;
		line-height: 40px;
		color: black;
		font-weight: 300;
	  }

	  .autop h4,
	  .autop h6{
		font-weight: 500;
	  }
	  .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;
	  }
/* ============= */
/* RESPONSIVE  */
/* ========  */


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

@media (max-width: 1024px) {
	.helfcontent .container{
		gap: 80px;
	}
	.rach-bc{
		max-width: calc(100% - 80px);
	}
	.helfcontent.offside_ figure{
		width: calc(100% + 40px);
	}
	.toplist .container{
		gap: 40px;
	}
	.each-arc figure{
		height: 250px;
	}
}

@media (max-width: 980px) {
	
	.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 .liquidgradient{
		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;
	}
	.rach-bc figcaption h3{
		font-size: 16px;
		line-height: 20px;
	}
	.rach-bc{
		border-radius: 10px;
		background: linear-gradient(234deg, #B1C0E9 0%, #958CBC 100%);
	}
	.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: block;
	}
	#mainav ul{
		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;
	}
	.rach-bc figcaption{
		padding: 0 45px;
	}
	.rach-bc figure{
		min-width: 300px;
	}
	.rach-bc{
		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);
	}
}

@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;
	}
}

/* mobile + landscape */
@media (max-width: 740px) {
	.fc-bot::before{
		display: none;
		visibility: hidden;
	}
	.verticalslider h2.z32{
		font-size: 18px;
		line-height: 24px;
	}
	.arrow-btn:hover svg{
		transform: unset;
		filter: unset;
	}
	.singlecontent h4,
	.autop h4{
		font-size: 28px;
		line-height: 30px;
	}
	.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{
		/* width: 100%;
		padding: 0 25px;
		box-sizing: border-box; */
	}
	.clientslider.container .swiper-wrapper{
		gap: 32px;
	}
	.swiper-pagination-vertical.swiper-pagination-bullets.vs-page{
		left: -28px;
		top: -17.5vh;
		transform: translateY(-50%) translateX(50%);
	}
	/* .wlottie .swiper-pagination-vertical.swiper-pagination-bullets.vs-page{
		top: -20vh;
	} */
	.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: 28px;
		line-height: 30px;
	}
	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 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;
	}
	.mobilemenus{
		padding: 28px;
		padding-top: 120px;
	}
	.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: 8px 22px;
		min-width: unset;
	}
	#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{
		margin-bottom: 20px;
	}
	.autop p:last-child{
		margin-bottom: 0;
	}
	.helfcontent h2{
		margin-bottom: 15px;
	}
	.helfcontent .arrow-btn{
		margin-top: 15px;
	}
	.rach-bc figure{
		display: none;
	}
	.each-cs,	
	.rach-bc {
		max-width: calc(100% - 56px);
		padding: 40px 0;
	}
	.each-cs{
		width: 252px;
		padding: 0;
	}
	.rach-bc 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));
	}
}

/* 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; */
  }