/*
Theme Name: Atmosic
Theme URI: 
Author: Nika Agency
Author URI: https://nika.agency
Description: Atmosic theme
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 1.0
*/

/*
RESET FROM https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,body{margin:0}*,::after,::before{box-sizing:border-box !important;}*{scroll-behavior:smooth}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul li{list-style-type:none}a{text-decoration:none;color:inherit}body{line-height:normal}::-webkit-scrollbar{display:none}

:root {
    /* fonts */
    --font-Geist:  'Geist', sans-serif;

    /* colors */
    --brand: #7DCC1A;
    --brandBlue: #092E6E;
    --white: #FFFFFF;
    --black: #1B1B1B;
    
    --backgroundGrey: #191919;

    /* sizes */
    --font-size-h1-clamp: clamp(45px, 5vw, 70px); /* h1 */
    --font-size-h2-clamp: clamp(20px, 4vw, 29px); /* h2 */
    --font-size-p: 16px;
    --font-size-p-clamp: clamp(14px, 2vw, 16px); /* p */

	/* clip paths */
	--clipOpen: 'polygon(0 0, 100% 0, 100% 100%, 0 100%)';
	--clipClosed: 'polygon(0 0, 100% 0, 100% 0, 0 0)';


}
    
/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- HELPERS CSS ---------------------------------- */
/* ---------------------------------------------------------------------------------- */
.overflowHidden{overflow:hidden}.flex{display:flex}.grid{display:grid}.gap05{gap:.5rem}.gap1{gap:1rem}.gap15{gap:1.5rem}.gap2{gap:2rem}.gap3{gap:3rem}.gap4{gap:4rem}.gap5{gap:5rem}.gap6{gap:6rem}.column{flex-direction:column}.row{flex-direction:row}.alignCenter{align-items:center}.alignEnd{align-items:flex-end}.justifyBetween{justify-content:space-between}.justifyCenter{justify-content:center}.justifyAround{justify-content:space-around}.marginInline{margin-inline:auto}.textCenter{text-align:center}.cover{object-fit:cover}.height100{height:100%}.absolute{position:absolute}.relative{position:relative}.width20{width:20%}.width25{width:25%}.width30{width:30%}.width35{width:35%}.half,.width50{width:50%}.width40{width:40%}.width45{width:45%}.width55{width:55%}.width60{width:60%}.width80{width:80%}.width85{width:85%}.width90{width:90%}.showOnlyMobile,.showOnlyMobileBlock,.showOnlyPc,.showOnlyPcBlock,.showOnlyTablet,.showOnlyTabletBlock,.showTabletMobile,.showTabletMobileBlock{display:none}@media(min-width:800px){.max10ch{max-width:10ch}.max15ch{max-width:15ch}.max20ch{max-width:20ch}.max25ch{max-width:25ch}.max30ch{max-width:30ch}.max35ch{max-width:35ch}.max40ch{max-width:40ch}.max45ch{max-width:45ch}.max50ch{max-width:50ch}.max55ch{max-width:55ch}.max60ch{max-width:60ch}.max65ch{max-width:65ch}.max70ch{max-width:70ch}.max75ch{max-width:75ch}.max80ch{max-width:80ch}.max90ch{max-width:90ch}.max100ch{max-width:100ch}.showOnlyPc{display:flex}.showOnlyPcBlock{display:block}}@media(max-width:800px) and (min-width:600px){.showOnlyTablet{display:flex}.showOnlyTabletBlock{display:block}}@media(max-width:600px){.showOnlyMobile{display:flex}.showOnlyMobileBlock{display:block}}.grid-2,.grid-3,.grid-4,.grid-5, .grid-6{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media(max-width:1000px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.md-absolute{position:absolute}.md-relative{position:relative}.md-alignBaseline{align-items:baseline}.showTabletMobile{display:flex}.showTabletMobileBlock{display:block}.md-full{width:100%!important;max-width:100%!important}.md-80{width:85vw!important;margin-inline:auto!important}.md-90{width:90%!important;margin-inline:auto}.md-95{width:95%}.md-column{flex-direction:column!important}.md-column-reverse{flex-direction:column-reverse!important}.md-justifyCenter{justify-content:center}.md-gap05{gap:0.5rem}.md-gap0{gap:0rem}.md-gap1{gap:1rem}.md-gap2{gap:2rem}.md-gap3{gap:3rem}.half,.width20,.width25,.width30,.width35,.width40,.width45,.width50,.width55,.width60,.width80,.width85,.width90{width:100%}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{display:grid;grid-template-columns:1fr}}.bold,.fontWeight500{font-weight:500!important}.bolder,.fontWeight700{font-weight:700!important}.fontWeight300{font-weight:300!important}.fontWeight400{font-weight:400!important}.fontWeight600{font-weight:600!important}.fontWeight800{font-weight:800!important}.fontWeight900{font-weight:900!important}

html,body{overscroll-behavior: none;}

.container{
    width: var(--width-mobile, 95vw);
    margin-inline: auto;
    max-width: var(--max-width, 1400px); 

	width: var(--width-mobile, 98vw);
	max-width: var(--max-width, 1600px);
	padding-left: min(3vw,4rem);
	padding-right: min(3vw,4rem);
}

.containerFull{
    max-width: 1800px;
    width: 100%;
    margin-inline: auto;
}	

.white{
	color: white !important;
}

/* marque */
.container-marquee{
	overflow: hidden;
	padding-top: 3rem;
	padding-bottom: 6rem;
	background-color: transparent;
}

.marquee-container{
	animation: marquee 80s linear infinite;
}

@media(min-width:800px){
	.marquee-container{
		animation: marquee 150s linear infinite;
	}
}

.marquee-container p{
	font-weight: 400;
	font-size: 100px;
	line-height: 74px;
	letter-spacing: -3.94px;
	color: #EAEAEA;
	opacity: 0.1;
	user-select: none;
	text-wrap: nowrap;
	flex: 1 0 auto; /* fix for safari */
}

.marquee-container svg{
	min-width: 16px;
  min-height: 16px;
}

@keyframes marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

.breadcrumps *{
	opacity: 0.6 !important;

	font-weight: 400;
	font-size: 16px;
	line-height: 52.5px;
	letter-spacing: 0px;

}

.breadcrumps a:hover,
.breadcrumps span.current,
.breadcrumps a.current{
	opacity: 1 !important;
}

/* PAGE TRANSITION  */
html.is-changing .transition-fade {   
    transition: all 0.25s;
    transform: translateY(0);
    filter: blur(0);  
    opacity: 1; 
} 
html.is-animating .transition-fade { 
    transform: translateY(50px);  
    filter: blur(10px); 
    opacity: 0; 
}

/* FIRST LOADING ANIMATION */
.preloader{
	height: 0;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
	z-index: -1;
}
.preloader.show{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #191919;
    z-index: 9999;
    opacity: 1;
    pointer-events: none;
    transition: opacity 0.3s ease;	

	display: flex;
	justify-content: center;
	align-items: center;
}

.preloader.show .svg-container{
	overflow: hidden;
}
.preloader.show svg{
	max-width: 90vw;
	height: 5rem;
	width: 15rem;

	transform: translateX(-50px)

}

.preloader.show svg path:not(.circle) {
  opacity: 0;
  transform: translateY(30px);
}

body:has(.preloader.show){
    overflow: hidden;
}

.layout:has(.preloader.show) main{
	pointer-events: none;
}

/* MAIN ELEMENTS */
body{
	overflow-x: hidden;
	background-color: #191919;
}

body.fl-builder{
	overflow: hidden;
}
/*
body.fl-builder .fl-button-group a.fl-button > span,
body.fl-builder a span,
body.fl-builder a.a.fl-button span{
	color: white !important;
	margin: 0 !important;
}
*/

body, h1, h2, h3, h4, h5, h6, p, li, span, a, button{
    margin: 0;
    font-family: var(--font-Geist);
}

h1{
    font-size: var(--font-size-h1-clamp);
    line-height: 121.035%; /* 47.204px */
    font-weight: 400;
    color: var( --black, #222);

	line-height: 66px;
	line-height: clamp( 40px, 4vw, 66px);
	letter-spacing: -2px;
}
/*
body.fl-builder main .fl-builder-content h1,
body.fl-builder main .fl-builder-content h2,
body.fl-builder main .fl-builder-content h3,
body.fl-builder main .fl-builder-content h4,
body.fl-builder main .fl-builder-content h5,
body.fl-builder main .fl-builder-content h6,
body.fl-builder main .fl-builder-content p,
body.fl-builder main .fl-builder-content li,
body.fl-builder main .fl-builder-content span,
body.fl-builder main .fl-builder-content a{
	color: white !important;
	margin-bottom: .5em !important;
}

body.fl-builder main#single-portal-pages .fl-builder-content h4{
	color: black !important;
}

body.fl-builder main .fl-builder-content{
	padding-top: 6rem;
}

body.fl-builder main .fl-builder-content li{
	list-style-type: disc !important;
}

body.fl-builder main .fl-builder-content li::marker{
	color: var(--brand, #7DCC1A) !important;
}

body.fl-builder main .fl-builder-content a{
	color: var(--brand) !important;
}

body.fl-builder main .fl-builder-content button:not(.swiper-pagination-bullet),
body.fl-builder main .fl-builder-content .fl-button:not(.swiper-pagination-bullet){

	background-color: var(--brand, #7DCC1A) !important;
	border: 1px solid var(--brand, #7DCC1A) !important;
	padding: 1em 4em !important;
	min-height: 40px !important;
	display: flex !important;
	justify-content: center !important;
	border-radius: 6px !important;
	font-family: 'Geist' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 15px !important;
	letter-spacing: -0.01em !important;
	text-transform: uppercase !important;
	color: #030F24 !important;
	position: relative !important;
}

body.fl-builder main .fl-builder-content figure,
body.fl-builder main .fl-builder-content img{
	max-width: 100% !important;
	height: 100% !important;
}
*/
h2.h1{
	font-size: var(--font-size-h1-clamp);
    line-height: 121.035%; /* 47.204px */
    font-weight: 400;
    color: var( --black, #222);

	line-height: 66px;
	line-height: clamp( 40px, 4vw, 66px);
	letter-spacing: -2px;
}


h3.h1{
	font-size: var(--font-size-h1-clamp);
    line-height: 121.035%; /* 47.204px */
    font-weight: 400;
    color: var( --black, #222);

	line-height: 66px;
	line-height: clamp( 40px, 4vw, 66px);
	letter-spacing: -2px;
}

h1.main{
    font-size: clamp(35px, 4vw, 42px); 
    font-weight: 700;
}

@media(max-width:800px){
	h1, h2.h1, h3.h1{
		line-height: 41px !important;
	}

	h2{
		line-height: 38px !important;
	}
}

@media(min-width:1800px){
	h1{
		font-size: 90px !important;
		line-height: 80px !important;
	}
}
  
h2{
    font-family: var(--font-inter);
    font-size: var(--font-size-h2-clamp);
    line-height: 121.035%; /* 47.204px */
    font-weight: 400;
    color: var( --black, #222);
}
  
p{
    color: var(--black, #222);
    font-size: 15px;
    font-family: var(--font-inter);
    font-weight: 400;
    line-height: 21px;
}

p + p,  p + img, img + p{
    /*margin-top: 2rem;*/
}

a{
    color: var(--black, #222);
    font-size: 15px;
    font-family: var(--font-inter);
    font-weight: 400;
    line-height: 21px;
	text-decoration: none;
}

a:hover, a:active{
    text-decoration: none;
	/*background-color: var(--white, #fff);
    color: var(--black, #222);*/
}

.accent{
	color: var(--brand, #7DCC1A) !important;
}

a.btn{
	border: 1px solid #FFFFFF1C;

	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 25.2px;
	text-align: right;

	text-transform: uppercase;
	width: fit-content;

	color: #FFFFFF;
	padding: 0.8em 2.2em;
	padding: 0.8em 1.8em;

	/*transition: all 500ms ease;*/
}
.hero a.btn{
	transition: none;
}

a.btn .svg-container{
	background-color: var(--brand, #7DCC1A);
	padding: 0.6em;
	border-radius: 50%;
}

a.btn .svg-container svg{
	width: 15px;
  	height: 15px;
  transition: all 500ms ease;
}

a.btn:hover{
	border: 1px solid #FFFFFF47;
	transition: all 500ms ease;
}

a.btn:hover .svg-container svg{
	transform: rotate(-30deg);
}

a.btn.btn-dark{
	background-color: #191919;
	color: white;

	padding: 0.5em 1em;
	height: fit-content;
}

a.btn.btn-dark:hover{
	color: var(--brand, #7DCC1A);
	border: 1px solid var(--brand, #7DCC1A);
}

/* slides */
a.btn.btn-black {
	border: 1px solid transparent;
	padding-left: 0;
}
a.btn.btn-black .svg-container{
	background-color: rgba(37, 37, 37, 1);
}

a.btn.btn-black svg path{
	fill: rgba(118, 189, 29, 1);
}

section[data-overlap]{
	padding-bottom: 20rem;
}

button.btn{
	outline: none;
	border: 0;
	cursor: pointer;

	border: 1px solid #FFFFFF1C;

	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
	text-align: right;

	text-transform: uppercase;
	width: fit-content;

	color: #FFFFFF;
	padding: 0.8em 2.2em;

	background-color: transparent;
}


button.btn .svg-container{
	background-color: var(--brand, #7DCC1A);
	padding: .8em;
	border-radius: 50%;
	min-width: 35px;
}

footer button.btn .svg-container{
	padding: 1.2em;
}

button.btn .svg-container svg{
	width: 15px;
  	height: 15px;
  transition: all 500ms ease;
}

button.btn:hover{
	border: 1px solid #FFFFFF47;
	transition: all 500ms ease;
}

button.btn:hover .svg-container svg{
	transform: rotate(-30deg);
}

/*
.grow-from-top-loading,
.grow-from-top{
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.grow-from-bottom-loading,
.grow-from-bottom{
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

 
.reveal-hover {
	position: relative;
	display: inline-block;
	color: black;
	text-decoration: none;
	overflow: hidden;

	padding: 1em 1.2em;
	box-shadow: 0 0 10px 1px #00000026;

	width: 100%;
	padding: 1em;
	cursor: pointer;
	background: white;
	color: #222;
	text-transform: uppercase;
	font-size: 13px;
	min-height: 40px;
	max-width: 30ch;
	display: flex;
	justify-content: center;
}

.reveal-hover::after {
	content: attr(data-hover);
	position: absolute;
	top: 0;
	left: 0;
	color: var(--black, #222);
	width: 100%;
	height: 100%;

	pointer-events: none;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);

	background-color: var(--black, #222);;
	color: white;
	padding: 1em 1.2em;

	min-height: 40px;
	max-width: 30ch;
	display: flex;
	justify-content: center;


	transition: all 1000ms ease;
}

.reveal-hover:hover::after {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		transition: all 1000ms ease;
}
*/

/* HEADER */
header{
    position: fixed;
    top: 1rem;
    left: 50%;
	transform: translate(-50%, 0);
	margin-inline: auto;

    background-color: var(--backgroundGrey, #f3f3f3);
    z-index: 50;
    
    clip-path: initial;
    pointer-events: all;
    opacity: 1;

    padding-top: 10px;
    padding-bottom: 10px;

	color: white;

	border: 1px solid #242424;
	transition: all 800ms ease;
}

header.full-width{
	top: 0;
	width: 100%;
	transition: all 800ms ease;
}


@media(max-width:800px){
	header{
		left: 0;
		transform: none;
		width: 100% !important;
		max-width: 100vw !important;
	}
	header .container{
		all: unset;
		padding: 10px;
	}
	
	header.full-width{
		top: 0;
		transform: none;
		/*width: 100vw;*/
		transition: all 800ms ease;
	}
}


header nav{
	width: 100%;
	margin-inline: auto;
}


header a.logo{
    overflow: hidden; 
}

header a{
    text-transform: uppercase;
	color: white;
}

header nav ul.mainLinks a{
	position: relative;

	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	text-transform: uppercase;

	color: #FFFFFF;

	opacity: 0.8;

}

header nav ul.mainLinks a:not(.cta)::after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--black, #222);
	transform-origin: left;
	transform: scaleX(0);
	transition: transform 500ms ease;
}

header nav ul.mainLinks  a:not(.cta):hover::after{
	transform-origin: left;
	transform: scaleX(1);
}

header nav ul.mainLinks a:not(.cta) {
  opacity: 1;
  transition: opacity 0.3s ease;

  font-size: 14px;
  position:relative;

}

header nav ul.mainLinks > li > a:not(.cta){
  padding: 1em 0;
} 

header nav ul.mainLinks > li:not(.cta) > a{
	cursor:default;
}

@media(max-width:1000px){
	header nav ul.mainLinks > li:not(.menu-item-has-children, .cta) > a{
		width: 90%;
		display: flex;
		padding: 0;
	}
}

header nav ul.mainLinks a:not(.cta)::before{
	content: '';
	position: absolute;
	bottom: -0.6rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0%;
	height: 5px;
	background-color: var(--brand, #7DCC1A);
	transform-origin: right;
	/*transform: scaleX(1);*/
	transition: all 500ms ease;
}

/*make the line smaller on submenus */
header nav ul.mainLinks .submenu a::before {
	height: 2px;
} 

header nav ul.mainLinks a:not(.cta):hover::before,
header nav ul.mainLinks a:not(.cta).active::before{
	width: 100%;
}

header .container{
	min-height: 3rem;
}

header nav ul.mainLinks li.cta a{
	background-color: var(--brand, #7DCC1A);
	border: 1px solid var(--brand, #7DCC1A);

	padding: 1em 4em;
	min-height: 40px;
	max-width: 30ch;
	display: flex;
	justify-content: center;
	border-radius: 6px;

	/* Contact */

	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -0.01em;
	text-transform: uppercase;

	color: #030F24;

	position:relative;
	overflow: hidden;

}

header nav ul.mainLinks li.cta a *,
header nav ul.mainLinks li.cta a::before,
header nav ul.mainLinks li.cta a{
	transition: all 200ms ease;
}
header nav ul.mainLinks li.cta a::after{
	content: none !important;
}
header nav ul.mainLinks li.cta a{	color: white;}

header nav ul.mainLinks li.cta a::before{
	content: 'Contact';
	color:white;

	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(34, 34, 34, 1);
	transform: translate(0,0);

	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	

	transition: all 0.3s cubic-bezier(0.7, 0, 0.2, 1);
}

header nav ul.mainLinks li.cta a:hover::before{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	transition: all 0.3s cubic-bezier(0.7, 0, 0.2, 1);

}


/* ---------------------------- MENU TOGGLE -------------------------- */
.menu-toggle button{
	all: unset;
	cursor: pointer;
	padding: 1em;

    z-index: 999;	
	position: relative;
	overflow: hidden;

	display: flex;
	justify-content: center;
	align-items: center;
}

.menu-toggle button svg{
	position: absolute;
	/*top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); */
}
.menu-toggle button svg.close{
	/*clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);*/
	transform: translateY(5rem);
}

.menu-toggle button svg{
	min-width: 24px;
	min-height: 24px;

	transition: all 100ms ease;
}

.menu-toggle.show button{
	display: block;
}

.menu-toggle.open{

}

/* submenu */
nav ul {
	padding: 0;
}
nav ul li .has-submenu{
	position: relative;
}

nav ul li .submenu a.has-submenu{
	position: relative;
}
@media(min-width:1000px){
	nav ul li .submenu a.has-submenu::after{
		content: url(/wp-content/uploads/2025/07/Polygon-3.svg) !important;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%) !important;
		width: 20px;
		left: unset;
		bottom: unset;
		height: auto !important;
		background: transparent;
	}

}

nav ul li .submenu{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	/*border-radius: 6px;*/

	display: none;

	width: max-content;
	background: #191919;
	box-shadow: none;
	top: 200%;
	left: 50%;
	transform: translateX(-50%);
	min-width: 10rem;
	
}
nav ul li .submenu::before{
	/* just for the gap between menu item and submenu */
	content: '';
	position: absolute;
	top: -1rem;
	left: 0;
	width: 100%;
	height: 20px;
}

nav ul li .submenu li{

	position:relative;
}

nav ul li .submenu li a{
	text-transform: capitalize;
	width: 100%;
	display: flex;
	padding: .8em;
	padding-left: 1em;
	padding-right: 1em;
}
nav ul li .submenu li a:hover{
	background-color: #111111;
}

nav ul li .submenu li a::after,
nav ul li .submenu li a::before{
	background-color: transparent;
	height: 0 !important;
}

nav ul li .submenu li .submenu{
	top: 0;
	left: 100%;
	transform: translateX(0);
	min-width: 10rem;
}

@media(max-width:1000px){
	nav ul li.cta{
		margin-top: 1.5rem;
	}
	nav ul li:has(.submenu)::before{
		position: absolute;
		top: 12px;
		right: 0;
		height: 100%;
		content: url(/wp-content/uploads/2025/06/ic-round-arrow-drop-down.svg);
		color: var(--brand, #7DCC1A);
		pointer-events: none;
		opacity: 0.5;
		transform: all 200ms ease;
	}

	nav ul li:has(.submenu).open::before{
		opacity: 1;
		height: 24px;
		transform: rotate(180deg);
	}

	nav ul li:not(.cta, .submenu li){
		padding-top: .7em;
		padding-bottom: .7em;
		border-bottom: 1px solid #7DCC1A1C;

	}
	nav ul li,
	nav ul li .submenu{
		width: 100%;
	}
	nav ul li .submenu{
		position:relative;
	}

	nav ul li .submenu.open{
		display: flex;
		margin-top: 1rem;
	}

	
	nav ul li .submenu li .submenu{
		position:relative;
		top: unset;
		left: unset;
		transform: translateX(0);
		/*min-width: 10rem;*/
	}
}

nav ul li:hover > .submenu{
	display: flex;
}

/* nested submenus */
nav ul li:hover > .submenu > .submenu{
	display: none;
}

nav ul li:hover > .submenu:hover > .submenu{
	display: flex;
}


@media(min-width:1000px){
	.menu-toggle button{
		display:none;
	}
}

@media(max-width:1000px){
	header nav ul.mainLinks a:not(.cta)::before{
		bottom: 0;
	}
	header .container{
		display: flex;
  		justify-content: center;
	}
	ul.mainLinks{
		position: absolute;
		top: 0;
		right: 0;
		background: #191919;
		width: 100%;
		padding: 6rem 2em;
		align-items: start;

		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		transition: all 500ms ease;

		flex-direction: column !important;
		pointer-events: none;
	}

	ul.mainLinks > li > a{
		clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
		transition: all 500ms ease;
	}

}

/*---------------------------- FOOTER -------------------------- */
footer{
	background-color: rgba(9, 46, 110, 1);
	padding-top: 2rem;
}

footer .footerColumnTitle{
	padding-bottom: 10px;
	border-bottom: 1px solid #ffffff2b;
	color: white;
	margin-bottom: -5px;
}

footer ul{
	padding: 0;
}

footer h2, 
footer h4,
footer p,
footer a,
footer li{
	color: #fff;
}

footer h2{
	font-weight: 400;
	font-size: 80px;
	font-size: clamp(40px, 5vw, 80px);
	line-height: 74px;
	line-height: clamp(40px, 5vw, 74px);
	letter-spacing: -3.94px;
	color: #FFFFFF;
}
footer .footer-start .logo{min-width: 150px;}
footer .footer-start .socials a svg path{transition: all 200ms ease;}
footer .footer-start .socials a:hover svg path{
	fill: var(--brand);
}

footer .footer-start li a{
	color: #FBFBFB;
   opacity: 0.6;
   text-wrap: nowrap;
   transition: opacity 200ms ease;
}
footer .footer-start a:hover{
	opacity: 1;
}


footer .container{
	padding-top: 4rem;
	padding-bottom: 4rem;
}

footer .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	flex-wrap: wrap;
}

footer .overlay img,
footer .overlay video{
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}


footer .container .content{
	position: relative;
	z-index: 1;
}
footer .footer-end, 
footer .footer-end .content{
	flex: 1;
	/*max-height: 600px;*/
	position: relative;
	z-index: 1;
}

footer .footer-end .content{
	padding-bottom: 0;
}

footer .footer-end{
	padding-bottom: 2rem;
	overflow: hidden;
}

footer .footer-end .overlay img{
	width: 100%;
	/*height: 110%;*/
	object-fit: cover;
	transform: translateY(-3rem);
}

@media(min-width:800px){
	footer .footer-end{
		flex: 1;
	}
	footer .footer-content{
		min-height: 100vh;
		/*max-height: 800px;*/
	}

	footer .footer-content .content{
		/*height: 100%;*/
		min-height: 500px;
		flex: 1;
	}

	section.bottom-footer{
		flex: 1;
		display: flex;
	}
}


footer .go-to-top a.btn{
  padding: 0;
  border: 0;
}
footer .go-to-top a.btn .svg-container{	transition: transform 500ms ease; padding: 1em;}
footer .go-to-top a.btn:hover .svg-container{transform: scale(1.3);}
footer .go-to-top a.btn svg{transform: none !important;}


footer{
  position: relative;
  margin-top: -30vh;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  /*max-height: 1000px;*/
}

@media(max-width:1200px){
	footer .overlay img,
	footer .overlay video{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


}

@media(min-width:1200px){
	.footer-1{min-width: 13rem;}
}

@media(max-width:1000px){
	footer{
		position: relative;
		margin-top: -30vh;
		width: 100%;
		min-height: 100vh;
		/*padding-bottom: 120vh;*/
		overflow: hidden;
		/*max-height: 800px;*/
	}

	footer .footer-end .content .copy{
		margin-top: 3rem;
	}

	footer .footer-end .content .copy p{
		font-size: 14px;
		opacity: 0.5;
	}


}

@media (min-width: 400px) and (max-width: 800px) {
	footer .footer-start .right{
		grid-template-columns: repeat(2,1fr) !important;
	}

}

@media (max-width: 600px){
	footer{
		position: relative;
		margin-top: -30vh;
		width: 100%;
		height: 100%;
		/*padding-bottom: 150vh;*/
		padding-bottom: 0;
		overflow: hidden;
		max-height: 100%;
		min-height: 100vh;
	}
	footer .footer-content{
		height: 100%;
		max-height: 100%;
	}

	footer .footer-end{
		overflow: visible;
	}
}

@media(min-width:1800px){
	footer{
		max-height:1200px;
		min-height: 100%;
	}

	footer .footer-content {
		min-height: 100%;
		max-height: 800px;
	}
	 footer .footer-content .content {
		 height: 100%;
		 min-height: 400px;
		 flex: 1;
	}
	
}

/* ------------------------ MAIN ------------------------ */
main{
	min-height: 100vh;
	min-height: 100dvh;
	opacity: 1;
}

/* ---------------------------- HOMEPAGE --------------------------  */
.front-page-hero{
	background-color: #222;
	min-height: 100vh;
	min-height: 100dvh;	
	position: relative;
}

.front-page-hero h1{
	line-height: 66px;
	letter-spacing: -2px;

	line-height: 55px;
}

@media(min-width:800px){
	.front-page-hero h1 span:not(.accent){
		font-size: 40px;
		display: inline-flex;

	}
	.front-page-hero h1 span:not(.accent) > div{
		margin-right: 7px;
	}

}




.front-page-hero h1 svg{
	min-width: 20px;
	min-height: 20px;
}

.front-page-hero h1 span{
	/*display: inherit;*/
}

@media(min-width:1000px){
	.front-page-hero .container{
		padding-bottom: 6rem;
	}

}

.front-page-hero .video-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.front-page-hero .video-overlay video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.front-page-hero .container{
	position:relative;
	z-index: 1;
}

.front-page-hero h1{
	color:white;
}

.front-page-hero .videoHero{
	position: absolute;
	bottom: 6rem;
	right: 3rem;
	width: 10rem;
	height: 6rem;
	object-fit: cover;
	z-index: 10;

	border: 1px solid #FFFFFF1C;
	
	transition: all 500ms ease;

	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.front-page-hero .videoHero img{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 90%;
	object-fit: cover;
	opacity: 0.5;

	transition: all 500ms ease;
}

.video-container{
	position:absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);

	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	z-index: 60;

	transition: all 500ms ease;

	display: flex;
    background: #ffffff3d;
	background: #0b4000b2;

	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.video-container video{
	width: 80%;
	height: 80%;
	object-fit: cover;
	aspect-ratio: 16/9;
	margin: auto;

	transition: all 500ms ease;
	opacity: 0;
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

.video-container button.close-video{
	cursor: pointer;
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 3rem;
	height: 3rem;
	background-color: white;
	border-radius: 50%;
    border: 1px solid var(--brand);

	display: flex;
	justify-content: center;
	align-items: center;
}

.video-container button.close-video svg{
	min-width: 24px;
	min-height: 24px;
	transition: all 500ms ease;
}

.video-container button.close-video:hover svg{
	 transform: rotate(45deg);
}

.videoHero button{
	all: unset;

	height: 100%;
	width: 100%;
	cursor: pointer;

	color: var(--white);
	font-size: 15px;
	z-index: 5;
	text-align: center;
    position: relative;
}

.front-page-hero .videoHero:has(button:hover){
	border: 1px solid #FFFFFF47;
}
.front-page-hero .videoHero:has(button:hover) img {
	width: 100%;
	height: 100%;
}

.front-page-hero .scroll{
	/*position:absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%); */

	animation: 3s infinite;

	margin-top: auto;
  	margin-left: auto;
}

.front-page-hero .scroll.heartbeat{
	animation-name: heartbeat;
}

.front-page-hero .scroll p{
	color: white;
}

@keyframes heartbeat {
	0% { opacity: 1; }
	80% { opacity: 0.2;}
	90% { opacity: 1; }
}

@media(max-width:800px){
	.front-page-hero h1{
		line-height: 41px;
	}

	.front-page-hero h1 svg{
		min-width: 16px;
		min-height: 16px;
	}
	.front-page-hero .scroll{
		margin: auto;
		padding-bottom: 1rem;
		margin-top: 4rem;
	}
}



/* HOMEPAGE SOLUTIONS SECTION */
.home-solutions{
	padding: 1rem;	
	background-color: #191919;
	background-color: #242424;

	overflow: hidden;
}

.home-solutions .overlay{
	position: absolute;
	/*content: url('/wp-content/uploads/2025/06/bg-dots.svg');
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.home-solutions .overlay img, 
.home-solutions .overlay svg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-solutions .overlay {
	flex-wrap: wrap;
}
.home-solutions .overlay .dot,
#single-solutions .solutions-description .overlay .dot,
footer .overlay .dot{
	width: 4px;
	height: 4px;
	background-color: #ffffff14;
	border-radius: 50%;
	border: 3px solid transparent;
	margin: 30px;
	position:relative;
	opacity: .8;
}

footer .overlay .dot{
	background-color: #2159bb85;
}

.home-solutions .overlay .dot::after,
#single-solutions .solutions-description .overlay .dot::after,
footer .overlay .dot::after{
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	border: 2px solid transparent;
	border-radius: 50%;
	top: -7px;
	left: -7px;
	transition: all 1000ms ease;
}

.home-solutions .overlay .dot.active::after,
#single-solutions .solutions-description .overlay .dot.active::after,
footer .overlay .dot.active::after{
	border-color: var(--brand, #7DCC1A);
	transition: all 1000ms ease;
}

.home-solutions .container{
	/*background-color: #242424;*/
	/*background-image: url('/wp-content/uploads/2025/06/bg-dots.svg');*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	padding-top: 8rem;
	padding-bottom: 8rem;

	position: relative;
	z-index: 1;
}
.home-solutions .left span{
	font-weight: 400;
	font-size: 18px;
	line-height: 52px;
	letter-spacing: -1px;

	color: #FFFFFF;
	opacity: 0.6;

}

.home-solutions h2{
	font-weight: 400;
	font-size: 70px;
	line-height: 72px;
	letter-spacing: -2px;

	color: white;
	/*line-height: 60px;*/
	font-size: clamp(40px, 4vw,70px);
}

/* home-solutionsSlides 
* changed to home-solutionsSlidesTwo-changed
*
*/
.home-solutionsSlides .container,
.home-solutionsSlidesTwo-changed .container{
	padding: 0;
}

.home-solutionsSlides .slide .right,
.home-solutionsSlidesTwo-changed .slide .right{
	padding: min(5vw,3em);
	padding-top: 1rem;
}

@media(min-width:1800px){
	.home-solutionsSlides .slide .right,
	.home-solutionsSlidesTwo-changed .slide .right{
		padding-top: 2rem;
	}
}

.home-solutionsSlides video,
.home-solutionsSlidesTwo-changed video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media(min-width:800px){
	.home-solutionsSlides .slide .left .icon,
	.home-solutionsSlidesTwo-changed .slide .left .icon{
		position: absolute;
		left: min(4vw, 3rem);
		top: 1.5rem;
	}

}


.home-solutionsSlides .slide .left .icon,
.home-solutionsSlidesTwo-changed .slide .left .icon{
	position: absolute;
	left: min(4vw, 3rem);
	top: 2rem;
}


.home-solutionsSlides .slide h3,
.home-solutionsSlidesTwo-changed .slide h3{
	font-weight: 500;
	/*font-size: 41px;*/
	line-height: 52px;
	letter-spacing: -1px;
	color: #FFFFFF;

	/*font-size: clamp(25px, 4vw, 42px);*/
	font-size: clamp(32px, 2.5vw, 42px);
}


.home-solutionsSlides .slide .black,
.home-solutionsSlidesTwo-changed .slide .black{
	color: rgba(27, 27, 27, 1) !important;
}

.home-solutionsSlides .slide p,
.home-solutionsSlidesTwo-changed .slide p{
	font-weight: 400;
	font-size: 20px;
	font-size: clamp(16px, 4vw, 20px);
	line-height: 26px;
	line-height: clamp(24px, 4vw, 26px);
	color: #fff;
}



@media(max-width:800px){
	.home-solutionsSlides .slide h3,
	.home-solutionsSlidesTwo-changed .slide h3{
		margin-bottom: 3rem;
		margin-top: 1rem;
		font-size: 32px;
	}
	/*
	.home-solutionsSlides .slide p,
	.home-solutionsSlidesTwo-changed .slide p{
		font-size: 16px;
  		line-height: 24px;
	}
		*/
}

@media (max-width: 1000px) {
  #solutions .md-column {
    flex-direction: column !important;
  }

   #solutions .md-gap1 {
    gap: 1rem;
  }
   #solutions .md-full {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* gsap */
.home-solutionsSlides {
    position: relative;
    overflow: hidden;
}
.home-solutionsSlides .slide,
.home-solutionsSlidesTwo-changed .slide {
    height: 80vh;
	max-height: 750px;
}
@media(max-width:1000px){
	.home-solutionsSlides .slide,
	.home-solutionsSlidesTwo-changed .slide {
		height: 100%;
		max-height: 100%;
	}
}
.home-solutionsSlides .slide .content-wrapper,
.home-solutionsSlidesTwo-changed .slide .content-wrapper {
    width: 100%;
    height: 100%;
    /*/perspective: 250vw;*/
}
@media(min-width:1000px){
	.home-solutionsSlides .slide .content,
	.home-solutionsSlidesTwo-changed .slide .content {
		position: absolute;
		inset: 0;
		transform-style: preserve-3d; /* inherits the perspective from the parent*/
		transform-origin: 50% 10%;
	}

}

.home-solutionsSlides .slide:last-child{
	margin-bottom: 2rem;
}
.home-solutionsSlidesTwo-changed{
	padding-bottom: 1rem;
	background-color: #191919;
}


/* HOME - FOREVER */
.home-forever{

	height: 100dvh;
	height: 100vh;
	position: relative;
	max-height: 800px;
}

@media(max-width:800px){
	.home-forever{
		min-height: 100dvh;
		min-height: 100vh;

		height: 100%;
		position: relative;
		max-height: 800px;
	}
}

.home-forever .overlay, 
.home-forever .overlayVideo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;	
}

.home-forever .overlayVideo video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-forever .overlay{
	background-color: var(--brand, #7DCC1A);
	opacity: 0.6;
	z-index: 1;	
}

.home-forever .container{
	position: relative;
	z-index: 2;

  padding-top: 4rem;
  padding-bottom: 4rem;
}

.home-forever h3{
	font-weight: 400;
	font-size: clamp(40px, 5vw, 70px);
	line-height: 74px;
	line-height: clamp(41px, 5vw, 74px);
	/* or 106% */
	letter-spacing: -3.94px;

	color: #FFFFFF;

}


.home-forever p{
	color: #FFFFFF;
	opacity: 0.8;
}

.home-forever button{
	cursor: pointer;
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	
}

.home-forever button.btn{
	border: 1px solid #FFFFFF1C;

	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 25px;
	text-align: right;

	text-transform: uppercase;
	width: fit-content;

	color: #FFFFFF;
	padding: 0.6em 2.2em;

	transition: all 500ms ease;
}

.home-forever button.btn .svg-container{
	background-color: var(--brand, #7DCC1A);
	padding: 0.6em;
	border-radius: 50%;
}

.home-forever button.btn .svg-container svg{
	width: 15px;
  	height: 15px;
  transition: all 500ms ease;
}

@media(max-width:800px){
	button.btn .svg-container{
		min-width: 35px;
		min-height: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 !important;
	}
}

.home-forever button.btn:hover{
	border: 1px solid #FFFFFF47;
	transition: all 500ms ease;
}

.home-forever button.btn:hover .svg-container svg{
	transform: rotate(-30deg);
}

.home-forever button.btn.btn-dark{
	background-color: #191919;
	color: white;

	padding: 0.5em 1em;
	height: fit-content;
}

.home-forever button.btn.btn-dark:hover{
	color: var(--brand, #7DCC1A);
	border: 1px solid var(--brand, #7DCC1A);
}


/* awards */
.home-awards{
	background-color: #141414;
}
.home-awards .container{
	padding-top: 6rem;
	padding-bottom: 6rem;
}


.home-awards h3{

	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-size: 31px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;


}
.home-awards .swiper-wrapper{
	align-items: center;
}
.home-awards .swiper-slide{
	 /*width: auto;*/
}


.home-awards .award-item img {
  width: 100%;
  height: auto;
  display: block;
}

.home-awards .award-item a{
	display: block;
}

.home-awards .award-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-awards .award-item {
  transition: opacity, scale 0.3s ease;
}
.home-awards .award-item.opacity-100 { opacity: 1; scale: 1;}
.home-awards .award-item.opacity-80 { opacity: 0.8; scale: 0.8; }
.home-awards .award-item.opacity-50 { opacity: 0.5; scale: 0.5; }
.home-awards .award-item.opacity-20 { opacity: 0.2; scale: 0.4; }


/* insights */
.home-insights{
	padding-top: 6rem;
	background-color: rgba(25, 25, 25, 1);
}
@media(min-width:1800px){
	.home-insights{
		padding-bottom: 12rem;
	}
}

@media(min-width:2200px){
	.home-insights{
		padding-bottom: 15rem;
	}
}

.home-insights .container:first-child{
	padding-top: 3rem;
	padding-bottom: 4rem;
}

.home-insights .container:first-child h3{
	font-weight: 400;
	font-size: 70px;
	font-size: clamp(34px, 4vw, 70px);
	line-height: 52px;
	line-height: clamp(30px, 4vw, 52px);
	letter-spacing: -1.5px;
	color: #FFFFFF;

}

.home-insights a,
.home-insights h3,
.home-insights p{
	color: #FFFFFF;
}

.home-insights .filters-button-group button{
	cursor: pointer;
	border: 0;
	padding: 0;
	outline: none;
	background-color: transparent;
	color: #FFFFFF;
	position:relative;
	opacity: 0.5 !important;
}

.home-insights .filters-button-group button.active,
.home-insights .filters-button-group button:hover{
	opacity: 1 !important;
}

.home-insights a.category{
	padding: 0.5em 1em;
}

.home-insights  .post-item a:has(img){
	display: block;
	/*max-width: 450px;*/
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.home-insights .post-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 500ms ease;

	/*max-width: 450px;*/
}

.home-insights .post-item h4{text-wrap: wrap;}

.home-insights .post-item a:has(img):hover img{
	transform-origin: left center;
	transform: scale(1.1);
}
.home-insights .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 1rem;

  display: grid;
  grid-template-rows: 300px 40px auto;
  grid-template-rows: 400px 40px auto;


  transition: width 0.3s ease;

}

@media(min-width:800px){
	.home-insights .swiper-slide{
		  width: 450px;
	}

	.home-insights .swiper-slide.swiper-slide-active{
		width: 600px !important;
	}

}

@media(max-width:800px){
	.home-insights .swiper-slide.showOnlyPc{
		display: none !important;
	}

}

.home-insights .swiper-slide.swiper-slide-prev{
	animation: slidePrev 0.3s ease forwards;
	animation-delay: 500ms;
}

@keyframes slidePrev {
  from {
	opacity: 1;
  }
  to {
	opacity: 0.5;
  }
}

.home-insights .mySwiper {
  width: var(--width-mobile, 98vw);
  max-width: var(--max-width, 1600px);
  padding-bottom: 40px;
  padding-left: 3rem;
  padding-right: 3rem;
}
@media(max-width:800px){
	.home-insights .mySwiper{
		padding-left: 1rem;
	}
}

.home-insights .mySwiper  .image-container{
	/*max-width: 400px;*/
	display: grid;
    /*grid-template-columns: 450px 1fr;*/
	/*/transition: all 500ms ease;*/
}

.home-insights .swiper-slide{
	/*max-width: 400px;*/
	/*flex: 0 0 auto;*/
}
.home-insights .swiper-slide-active.grow{
	/*width: 600px !important;*/
  	margin-right: 2rem;

}

.home-insights .mySwiper .swiper-slide-active.grow .image-container{
	/*grid-template-columns: 1fr;*/
}

/* ----------------------------------------------- ABOUT PAGE ----------------------------------------------- */ 
/* ----------------------------------------------- ABOUT PAGE ----------------------------------------------- */ 
/* ----------------------------------------------- ABOUT PAGE ----------------------------------------------- */
.about-page-hero{
	background-color: #141414;

	min-height: 550px;
	position: relative;
	overflow: hidden;
} 

@media(min-width:1800px){
	.about-page-hero{
		min-height: 700px;
	}

}

.about-page-hero .overlay-gradient,
.about-page-hero .overlay-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.about-page-hero .overlay-gradient img,
.about-page-hero .overlay-gradient svg{
	position: absolute;
	bottom: 0;
	right: -1rem;
	width: 100%;
	height: 100%;

	bottom: -4rem;
  right: -10rem;

}

.about-page-hero .overlay-background{
	z-index: 2;
}

.about-page-hero .overlay-background img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-page-hero .container{
	min-height: 450px;
	position: relative;
	z-index: 3;
}

/*  QA NAV */
.about-page-hero .container .content p{
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	opacity: 0.8;
}
@media(min-width:800px){
	.about-page-hero .container .breadcrumps{
		position: absolute;
  		top: 3rem;
	}	

	.about-page-hero .container .content{
		position: absolute;
 		 bottom: 4rem;
	}
}


@media(min-width:1800px){
	.about-page-hero .container{
		min-height: 600px;
	}
}

@media(min-width:1000px){
	.about-page-hero .container .content{
		/*padding-bottom: 3rem;
  		padding-top: 6rem;*/
	}

}

@media(max-width:800px){

	.about-page-hero .container .left{
		min-height: 400px;
   		margin-top: auto;
	}

	.about-page-hero .container .left .content{
		margin-top: auto;
		margin-bottom: 6rem;
		gap: 2rem;
	}
}

.about-mission .left{
	background-image: url(/wp-content/uploads/2025/06/Vector1.png);
	background-position-y: 10rem;
	background-repeat: no-repeat;
	background-size: cover;
}

@media(min-width:800px){
	.abouyt-mission .right,
	.about-mission .left{
		min-height: 650px;
	}

}

@media(min-width:1800px){
.about-mission .right,
.about-mission .left{
		min-height: 750px;
		
	}
}

.about-mission video{
	object-fit: cover;
	width: 100%;
	height: 100%;
	mix-blend-mode: luminosity;
}
.about-mission .right{
	padding: min(5vw, 5em);
	position: relative;
}

@media(min-width:800px){
	.about-mission .right{
		padding-left: 8em;
	}
}

@media(max-width:800px){
	.about-mission .right{
		padding-top: 4em;
		padding-bottom: 4em;
	}
}

.about-mission .right .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.about-mission .right .overlay img,
.about-mission .right .overlay video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-mission .right .content{
	position: relative;
	z-index: 2;
	height: 100%;
}
.about-mission h4{
	font-weight: 400;
	font-size: 31px;
	line-height: 36px;
	letter-spacing: -1px;

	color: #FFFFFF;
}

.about-mission  p{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	opacity: 0.8;
}

p.secondary{
	font-weight: 400;
	font-size: 18px;
	line-height: 52px;
	letter-spacing: -1px;
	color: #FFFFFF;
	opacity: 0.6;
}


.about-leadership{
	background-color: rgba(20, 20, 20, 1);
	padding-top: 6rem;
	padding-bottom: 6rem;

	position:relative;
	overflow: hidden;
}

.about-leadership .overlay img{
	position: absolute;
	bottom: -40rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}

.about-leadership .container{
	position: relative;
	z-index: 2;
}

.about-card{
	background-color: rgba(47, 47, 47, 1);
	border: 1px solid rgba(47, 47, 47, 1);

	display: grid;
    grid-template-rows: 330px 120px;

	background-color: rgba(35, 35, 35, 1);
}

.about-card .image{
	background: linear-gradient(180deg, #252525 0%, #020202 100%);

}
/*
.inner-card{grid-template-columns: repeat(2,1fr) !important;}
*/
.inner-card p.secondary{line-height: normal; }
.inner-card .left{background: #222;}
.about-card .image .overlay{ 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.about-card .image .overlay svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	transition: all 500ms ease;
}

.about-card .image .overlay svg.hover{	opacity: 0;}
.about-card:hover .image .overlay svg.hover{ opacity: 1;}
.about-card:hover .image .overlay svg.default{ opacity: 0;}


.about-card .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
	position: relative;
}
.about-card h4{
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;
	color: #FFFFFF;

}

.about-card .content{
	padding: 1em;
	z-index: 10;
	background: #232323;
}

.about-card .content .info{
	margin-top: auto;
}

.about-card .content .info p{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;

}

.about-card .content .info button{
	background: transparent;
	border: 0;
	padding: 0;
	outline: 0;
	cursor: pointer;
	color: white;

	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -1px;

	color: #FFFFFF;
	opacity: 0.6;
	text-transform: uppercase;

}

.about-card .content .info button:hover{
	opacity: 1;
}

/* lity */
.lity-close{
	top: 1rem !important;
	right: 1rem !important;
}

.lity-content:has(.inner-card){
  /*height: 60vh;*/
  margin: auto;
  max-width: 800px;
  overflow: hidden;
  border: 1px solid #f0f0f03d;
  border-radius: 6px;
  max-height: 800px;

}
@media(max-width:800px){
	.lity-content:has(.inner-card){
		height: 90vh;
		overflow-y: scroll;
		width: 80vw;
	}

	.lity-content:has(.inner-card) .right{background: #222;}

}
.lity-content:has(.inner-card) img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.lity-content:has(.inner-card) .inner-card .bio *{color: white !important;}
.lity-content:has(.inner-card) .inner-card .bio{
	max-height: 15rem;
	overflow-y: scroll;
	padding: 1em;
	padding-left: 0;
	height: 30vh;
}

.about-directors{
	background-color: rgba(20, 20, 20, 1);
	padding-top: 3rem;
	padding-bottom: 1.5rem;
}

.about-board,
.about-advisors{
	background-color: rgba(20, 20, 20, 1);
}

.about-board{
	padding-top: min(10vw, 5rem);
	padding-bottom: 1.5rem;
}

.about-advisors{
	padding-top: 1.5rem;
	padding-bottom: 6rem;
}

.about-board h3,
.about-advisors h3{
	font-weight: 400;
	font-size: 31px;
	line-height: 58px;
	letter-spacing: -2px;
	color: #FFFFFF;

	margin-top: 2rem;

	font-size: clamp(25px, 4vw, 31px);

}

.about-card-small{
	padding: 1em;
	border: 1px solid rgba(47, 47, 47, 1);
	border-radius: 2px;
	position:relative;

	background-color: rgba(35, 35, 35, 1);
}

.about-card-small h4{
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;
	color: #FFFFFF;

}

.about-card-small svg{margin-top: 5px;}

.about-card-small .overlay{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
border-radius: 2px;
	opacity: 0;
	transition: all 500ms ease;
}

.about-card-small:hover .overlay{
	opacity: 1;
}

.about-card-small .overlay img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 2px;
}


.about-card-small .content{
	position: relative;
	z-index: 2;
}
.about-card-small svg{min-width: 7px;}

/* about-investors*/
.about-investors{
	min-height: 100dvh;
	min-height: 100vh;

	position: relative;
}

@media(min-width:1000px){
	.about-investors{
		min-height: auto;
		height: 100dvh;
		height: 100vh;
		max-height: 1000px;
	}

}

.about-investors .overlay, 
.about-investors .overlayVideo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;	
}

.about-investors .overlayVideo video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-investors .overlay{
	background-color: var(--brandBlue, #222);
	opacity: 0.8;
	z-index: 1;	
}

.about-investors .container{
	position: relative;
	z-index: 2;

  padding-top: 4rem;
  padding-bottom: 4rem;
}

.about-investors h3{
	font-weight: 400;
	font-size: var(--font-size-h1-clamp);
	line-height: 74px;
	/* or 106% */
	letter-spacing: -3.94px;

	color: #FFFFFF;

	font-weight: 400;
	font-size: 31px;
	font-size: clamp(25px, 4vw, 31px);
	line-height: 58px;
	letter-spacing: -2px;
	color: #FFFFFF;

	font-family: Geist;
	font-weight: 400;
	font-size: 18px;
	line-height: 52.5px;
	letter-spacing: -1px;

	opacity: .6;


}

.about-investors p{
	color: #FFFFFF;
	opacity: 0.8;
}

.about-investors h4{
	font-weight: 400;
	font-size: 31px;
	line-height: 36px;
	letter-spacing: -1px;

	color: #FFFFFF;

}

.about-investors .about-brands .img-container{
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	min-height: 10rem;

	overflow: hidden;
}
.about-investors .about-brands .img-container img{
	width: 70%;
	transition: all 500ms ease;
}
.about-investors .about-brands .img-container:hover img{
	transform: scale(1.1);
}


.about-pdf .left{
	/*background-image: url(/wp-content/uploads/2025/06/Vector1.png);*/
	background-position-y: 10rem;
	background-repeat: no-repeat;
	background-size: cover;
}

.about-pdf .grid-2{
	/*min-height: 650px;*/
	overflow: hidden;
}

.about-pdf  video{
	object-fit: cover;
	width: 100%;
	height: 100%;
	mix-blend-mode: luminosity;
}
.about-pdf .right,
.about-pdf .left{
	min-height: 650px;
}

@media(min-width:1800px){
	.about-pdf .right,
	.about-pdf .left{
		min-height: 750px;
		
	}
}

@media(max-width:800px){
	.about-pdf .right,
	.about-pdf .left{
		min-height: 550px;
		
	}
}
.about-pdf .right,
.about-pdf .left{
	height: 100%;
	padding: min(5vw, 5em);
	position: relative;
}

.about-pdf .right .overlay,
.about-pdf .left .overlay,
.about-pdf .left video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.about-pdf .left .overlay{
	z-index: 2;
	bottom: 0;
	top: unset;
	display: flex;
}

.about-pdf .left .overlay video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-pdf .left .overlay img{
	width: 100%;
	height: 100%;
	object-fit: cover;

	margin-top: auto;
	transition: all 1000ms ease;
}

.about-pdf .right .overlay img{
	position: absolute;
	right: 0;
	bottom: 0;
}

.about-pdf .left a{
	z-index: 3;
  	position: relative;
}

.about-pdf .left:has(a:hover) .overlay img{
	height: 80%;	
	transition: all 1000ms ease;
}

.about-pdf .left a img{max-width: 300px;}
.about-pdf .right .content{
	position: relative;
	z-index: 2;
	height: 100%;
}
.about-pdf h4{
	font-weight: 400;
	font-size: 31px;
	line-height: 36px;
	letter-spacing: -1px;

	color: #FFFFFF;

	font-weight: 400;
	font-size: 41px;
	line-height: 60px;
	letter-spacing: -1px;
	color: #FFFFFF;


}

.about-pdf  p{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	opacity: 0.8;

	margin-bottom: 2rem;
}

.about-careers{
	background-color: rgba(25, 25, 25, 1);
	padding-top: 6rem;
	padding-bottom: 6rem;
	overflow: hidden;
	/*
	min-height: 80vh;
	min-height: 80dvh;
	*/
	height: 80vh;
	height: 80dvh;
	max-height: 1000px;

}

.about-careers .container{
	position: relative;
	z-index: 2;
}

@media(min-width:800px){
	.about-careers .container{
		padding-top: 3rem;
	}

}

@media(min-width:1800px){
	.about-careers .container{
		padding-top: 8rem;
	}
}


.about-careers .container p.secondary{line-height: 20px;}

.about-careers .overlay{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	z-index: 0;
	bottom: -20%;
}

.about-careers .overlay img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.about-careers .overlay.overlay-lines{
	top: 0;
	bottom: unset;
	height: 100%;
}

@media(max-width:800px){
	.about-careers .overlay.overlay-lines{
		top: -3rem;
	}
	.about-careers .overlay{
		bottom: -10rem;
	}
}


/* SINGLE PRODUCT */

.single-product-mission .left{
	/*background-image: url(/wp-content/uploads/2025/06/Vector1.png);*/
	background-position-y: 10rem;
	background-repeat: no-repeat;
	background-size: cover;
}

@media(min-width:800px){
	.single-product-mission .right,
	.single-product-mission .left{
		min-height: 550px;
	}

}

@media(min-width:1800px){
.single-product-mission .right,
.single-product-mission .left{
		min-height: 650px;
		
	}
}

.single-product-mission .right{
	padding: min(5vw, 5em);
	position: relative;
}

@media(min-width:800px){
	.single-product-mission .right{
		padding-left: 8em;
	}
}

@media(max-width:800px){
	.single-product-mission .right{
		padding-top: 4em;
		padding-bottom: 4em;
	}
}

.single-product-mission .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	background-image: url(/wp-content/uploads/2025/06/bg-dots.svg);
	background-repeat: repeat;
	background-size: contain;
	opacity: 0.3;
}

.single-product-mission .grid-2{
	position: relative;
	z-index: 2;
}
.single-product-mission .right .overlay img,
.single-product-mission .right .overlay video{
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.single-product-mission .right .content{
	position: relative;
	z-index: 2;
	height: 100%;

	margin-top: auto;
}
.single-product-mission h4{
	font-weight: 400;
	font-size: 31px;
	line-height: 36px;
	letter-spacing: -1px;

	color: #FFFFFF;
}

.single-product-mission  p{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	opacity: 0.8;
}

/* single product features */
.single-product-features{
	padding-top: 6rem;
	padding-bottom: 6rem;

	height: 150vh;
	height: 150dvh;
	/*max-height: 1200px;*/
}

@media(max-width:800px){
	.single-product-features{
		padding-top: 3rem;
		
		min-height: 100%;
		max-height: 100%;
		padding-bottom: 6rem;
	}
}
.single-product-features .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
.single-product-features .overlay img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.single-product-features .container{
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative;
	z-index: 2;
}

.single-product-features .sp-flickity-container {
	/*min-height: 800px;*/
	height: 100%;
	width: 100%;
}
.single-product-features .sp-flickity-container .buttons-container{
	background-color: #242424;
	padding: 0.5em;
}
.single-product-features .sp-flickity-container button{
	outline: none;
	border: 0;
	background-color: transparent;
	cursor: pointer;

	background-color: #242424;
	color: white;
	padding: 1.5em 1em;

	/* Heading 2 → News */
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;

	color: #FFFFFF;
	opacity: 0.7;
}

.single-product-features .sp-flickity-container button svg{
	height: 0px;
	width: 0px;

	opacity: 0;
	transition: all 500ms ease;
}

.single-product-features .sp-flickity-container button.active,
.single-product-features .sp-flickity-container button:hover {
	background-color: #141414;
}
.single-product-features .sp-flickity-container button.active svg{
	height: 24px;
	width: 24px;
	opacity: 1;
}


.single-product-features .sp-flickity-container .sp-slider{
	background-color: #232323;
	/*padding: 0.5em;*/
}

.single-product-features .sp-flickity-container .sp-slider .sp-slider-item{
	color: white;
	width: 100%;
	height: fit-content;
}

/* learn more pop up */
.product-read-more-content{
	background-color: #252525;
	
}
.lity-content:has(.product-read-more-content){
	width: 90vw;
	max-width: 1600px;
	height: 90vh;
	max-height: 1000px;
}
@media(max-width:800px){
	.lity-content:has(.product-read-more-content){
		overflow-y: scroll;
	}

}
.product-read-more-content .left,
.product-read-more-content .right{
	padding: min(10vw, 4em);
	background-color: #222;
}

.product-read-more-content .right{
	background-color: #141414;
}

@media(min-width:800px){
	.product-read-more-content-inner-content{
		max-height: 20rem;
		overflow-y: auto;
		padding-right: 4em;
	}
}

@media(max-width:800px){
	.product-read-more-content .right{
		padding-left: 0;
  		padding-right: 0;
	}
}
.product-read-more-content .right .img-container{
	overflow: hidden;
}
.product-read-more-content .right .img-container a{
	border: 1px solid gray;
	padding: 0.2em 0.5em;
	border-radius: 6px;
	background: black;
	margin-right: 10px;
	transition: all 500ms ease;	
}

.product-read-more-content .right .img-container:hover a{
	bottom: 10px;
}

.product-read-more-content .right .img-container a:hover{
	opacity: 1;
}

@media(min-width:800px){
	.product-read-more-content .right .img-container a{
		position: absolute;
		right: 10px;
		bottom: -50px;
		opacity: 0.5;
		margin: 0;
	}
}


.product-read-more-content-inner-content p,
.product-read-more-content-inner-content li{
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
	opacity: 0.8;

}
.product-read-more-content-inner-content h2{
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -1px;
	color: #FFFFFF;
}

@media (max-width: 800px) {
  .product-read-more-content h2{
    line-height: 28px !important;
  }
}

.product-read-more-content h4{
	font-weight: 400;
	font-size: 31px;
	line-height: 27px;
	letter-spacing: -1px;
	color: #FFFFFF;
	text-transform: uppercase;
	opacity: 0.8;
}


/* features slides */
.sp-slider-item ul li{
	position: relative;
}
.sp-slider-item ul li::before{
	content: '';
	width: 8px;
	height: 8px;
	background-color: #fff;

	position: absolute;
	top: .4em;
	left: -1em;
	opacity: 1;
	
}
.sp-slider-item  h3{
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;
	color: #FFFFFF;
}

.sp-slider-item li, 
.sp-slider-item p{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;

	color: #FFFFFF;
	opacity: 0.7;
}
.sp-slider-item li{
	color: #FFFFFF91;
	opacity: 1;
}
.sp-slider-item a{
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	text-decoration-line: underline;
	color: #76BD1D;
	text-underline-offset: 3px;
}

.sp-slider-item ul{
	display: grid;
	gap: .5rem;
}
.sp-slider-item ul ul{
	margin-top: 1em;
}
.sp-slider-item ul ul li{
	list-style-type: disc;
	color: #FFFFFF91;
	/*opacity: 1;*/
}
.sp-slider-item ul ul li::before{
	content: none;
	display: none;
}

.sp-slider-item .grid-3 > div:has(:not(img)){
	padding: 3em;
}

.sp-slider-item img{
	height: 100%;
  object-fit: cover;
}

@media(min-width:800px){
	.sp-slider-item .grid-3 > div:has(:not(img)){
		/*padding-bottom: 0;*/
	}
}

.sp-slider-item.features .grid-3 > div:first-child{
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.sp-slider-item.devices{
	background-color: #2F2F2F;
	padding: min(5vw, 3em);
	padding-bottom: 2rem;
	/*min-height: 20rem;*/
}

.sp-slider-item.devices .notice{
	margin-top: auto;
	padding-top: 2rem;
}

/* dataTables */
.wpDataTablesWrapper .dataTables_filter,
.wpDataTables .dt-buttons span{display:none !important;}

.wpDataTables .dt-buttons button{color: white !important;}

.wpDataTablesWrapper .DTTT_button.DTTT_button_print::before {
  content: url(/wp-content/uploads/2025/07/printer.svg) !important;
}

.wpDataTablesWrapper .DTTT_button.DTTT_button_xls::before{
	content: url(/wp-content/uploads/2025/07/pdf-02.svg) !important;
}

.wpDataTablesWrapper .DTTT_button.DTTT_button_pdf::before {
  content: url(/wp-content/uploads/2025/07/pdf-021.svg) !important;
}


.wpDataTables .wpdt-c.wpDataTablesWrapper table.wpdtSimpleTable.bt[data-has-header="1"] td.wpdt-header-classes, .wpdt-c.wpDataTablesWrapper table#wpdtSimpleTable-12 thead th, .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTableID-12 > thead > tr > th, .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTableID-12 thead th, .wpdt-c .wpDataTablesWrapper table.wpDataTable.wpDataTableID-12 thead th.sorting{
   background-color:rgba(20, 20, 20, 1) !important;
}
.wpDataTables table th,
.wpDataTables table td{
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	text-align:center !important;
}

.wpDataTables table th a,
.wpDataTables table td a{
	color: var(--brand, #7DCC1A) !important;
}

.wpDataTables table th{
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	border: none !important;
}

@media(max-width:1000px){
	.wpDataTables.wpDataTablesWrapper{
		overflow-x: scroll;
	}
}

/*sp-slider-item  documentation */
.sp-slider-item.documentation .content{
	padding: min(5vw, 3em);

	color: white;

	grid-column-start: 1;
	grid-column-end: 3;
	height: fit-content;
}

.sp-slider-item.documentation .content h2{
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;
	color: #FFFFFF;
}

.sp-slider-item.documentation .content p,
.sp-slider-item.documentation .content span{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	opacity: 0.7;
}
.sp-slider-item.documentation .content .content-item{
	padding-bottom: 2rem;
	border-bottom: 1px solid #80808038;
	width: 100%;
}

@media(min-width:800px){
	.sp-slider-item.documentation .content .content-item{
		padding-right: 3rem;
	}
}


.sp-slider-item.evaluation{
	background-color: #2F2F2F;
	padding: min(5vw, 3em);
	padding-bottom: 2rem;
	/*min-height: 20rem;*/
}

/*Vishal Nika*/

.technology-slides {
	position: relative;
	overflow: hidden;
	padding-bottom: 1rem;
	background-color: #191919;
}
.technology-slides .slide{
	height: 80vh;
	max-height: 750px;
}
.technology-slides .slide h1{
	font-size: clamp(28px, 6vw, 70px);
}
.technology-slides .content-wrapper {
	width: 100%;
	height: 100%;
}
.technology-slides .slide .left .icon {
	position: absolute;
	right: 0;
	bottom: 0rem;
	z-index: 1;
}
.technology-slides .slide .left .flex{
	z-index: 2;
	position: relative;
}
.technology-slides .slide .right .icon {
	position: absolute;
	left: 0;
	bottom: 0rem;
}
.technology-slides .slide .right,.technology-slides .slide .left{
	padding:min(10vw, 10em);
	position: relative;
	z-index: 1;
	padding-top: 6rem;
}
.technology-slides .slide h3 {
	font-weight: 400;
	font-size: clamp(25px, 2.5vw, 30px);
	line-height: 52px;
	letter-spacing: -1px;
	color: #fff;
}

.technology-slides .slide p {
	font-weight: 400;
	font-size: 14px;
	line-height: 26px;
	color: #FFFFFF;
	opacity: 0.8;
}
.technology-slides .slide:last-child {
	margin-bottom: 2rem;
}
.technology-slides video.background-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	mix-blend-mode: luminosity;
}
.technology-slides .video-bg-wrapper {
	position: relative;
	overflow: hidden;
}
.technology-slides .video-bg-wrapper .inner-content {
	position: relative;
	z-index: 2;
}
/*Video*/
.technology-slides .video-bg-wrapper {
	position: relative;
	overflow: hidden;
}
.technology-slides .background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	opacity: 0.25;
	pointer-events: none;
}
.technology-slides .inner-content {
	position: relative;
	z-index: 1;
	color: white;
}
.technology-slides a.btn.btn-black svg path{
	fill:rgba(37, 37, 37, 1);
}
/*Technology Nav*/
.technology-section-nav {
	background: linear-gradient(90deg, #232323 0%, #242424 100%);
	border: 1px solid #2F2F2F;
	padding-top: 0.11rem;
	padding-bottom: 0.11rem;
	margin-bottom: 20px;
}
.technology-section-nav .container {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	position: relative;
	z-index: 2;
}
.technology-section-nav .tech-nav-container {
	width: 100%;
}
.technology-section-nav .tech-buttons {
	background-color: #242424;
	padding: 0.5em;
}
.technology-section-nav .tech-buttons button {
	outline: none;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	background-color: #242424;
	color: white;
	padding: 1.2em 1em;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;
	opacity: 0.7;
	transition: background 0.3s ease;
}
.technology-section-nav .tech-buttons button svg {
	height: 0;
	width: 0;
	opacity: 0;
	transition: all 0.5s ease;
}
.technology-section-nav .tech-buttons button.active,
.technology-section-nav .tech-buttons button:hover {
	background-color: #141414;
}
.technology-section-nav .tech-buttons button.active svg {
	height: 24px;
	width: 24px;
	opacity: 1;
}
.technology-slides .inner-content ul{
	padding-left: 70px;
}
.technology-slides .inner-content ul li{
	position: relative;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	opacity: 0.7;
	max-width: 70%;
	padding-bottom: 15px;
}
.technology-slides .inner-content ul li::before{
	content: '';
	width: 8px;
	height: 8px;
	background-color: #fff;
	position: absolute;
	top: .4em;
	left: -1.2em;
}
.technology-slides .slide:last-child .inner-content ul li:nth-child(2)::before,
.technology-slides .slide:last-child .inner-content ul li:nth-child(3)::before {
	content: none !important;
}
.technology-slides .slide:last-child .inner-content ul li:nth-child(2),
.technology-slides .slide:last-child .inner-content ul li:nth-child(3){
	padding-bottom: 0px !important;
}
.technology-slides .inner-content ul li:last-child::before{
	content: none;
}
.technology-slides .heading-inline {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.technology-slides .heading-inline svg {
	height: 1em;
	width: auto;
}
.technology-slides .slide:nth-child(2) .right::after,.technology-slides .slide:nth-child(4) .right::after,.technology-slides .slide:nth-child(5) .right::after{
	content: "";
	position: absolute;
	bottom: 0;
	transform: translateY(0%);
	width: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: right !important;
	z-index: -111;
	pointer-events: none;
	right: 0;
}
.technology-slides .slide:nth-child(2) .right::after,.technology-slides .slide:nth-child(5) .right::after{
	background: url(/wp-content/uploads/2025/06/b001.svg);
	height: 260px;
}
.technology-slides .slide:nth-child(4) .right::after{
	background: url(/wp-content/uploads/2025/06/vop01.svg);
	background-size: cover !important;
	height:400px;
}
.technology-slides .slide:nth-child(3) .right{
	justify-content: center;
}
.sticky-nav {
	position: sticky;
	top: 0;
	z-index: 999;
	transition: all 0.3s ease;
}
.technology-slides .slide:nth-child(3) .inner-content .grid-2{
	gap: 0;
	border-collapse: collapse;
	overflow: hidden;
}
.technology-slides .slide:nth-child(3) .grid-2 > div {
	padding: 6rem 2rem;
}
.technology-slides .slide:nth-child(3) .grid-2 > div:nth-child(1), .slide:nth-child(3) .grid-2 > div:nth-child(3) {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.technology-slides .slide:nth-child(3) .grid-2 > div:nth-child(1),.slide:nth-child(3) .grid-2 > div:nth-child(2) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.technology-slides .slide:nth-child(3) .inner-content.grid-2 img {
	width: 38px;
	height: 38px;
	margin: 20px auto;
}
.technology-slides .slide:nth-child(3) .inner-content.grid-2 a{
	font-size: 31px !important;
	letter-spacing: -1px;
	color: #FFFFFF;
}
.technology-slides .slide:nth-child(3) .inner-content.grid-2 .title-with-icon{
	justify-content: center;
}
.technology-slides .slide .inner-content .flex.column:first-child::after {
	content: '';
	display: block;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
}
.technology-slides .slide:nth-child(3) .inner-content .flex.column:first-child::after {
	content: none;
}
.technology{
	margin: 20px;
}
.technology h4{
	font-size: clamp(25px, 5vw, 31px);
	font-weight: 400;
	font-style: Regular;
	/*font-size: 31px;*/
	line-height: 40px;
	line-height: clamp(30px, 5vw, 40px);
	letter-spacing: -1px;

}
.technology .right p{
	font-size: clamp(16px, 5vw, 18px);
}

@media(min-width:800px){
	.technology-slides .content {
		position: absolute;
		inset: 0;
		transform-style: preserve-3d;
		transform-origin: 50% 10%;
	}
}
@media(max-width:800px){
	.technology-slides .slide {
		height: 100%;
		max-height: 100%;
	}
	.technology-slides .slide p {
		font-size: 16px;
		line-height: 24px;
	}
	.technology-slides .inner-content ul li{
		max-width: 100%;
	}
	.tech-buttons button {
		display: none;
	}
	.technology-section-nav {
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
	}
	.slide:nth-child(3) .grid-2 > div{
		border:0px !important;
		padding: 0px !important;
	}
}
@media(min-width:1800px){
	.technology-slides .slide .right,.technology-slides .slide .left{
		padding-top: 8rem;
	}
	.technology-slides .slide .left{
		padding-left: 14rem;
	}
}


#technology .home-forever{
	height: 60dvh;
	height: 60vh;
	position: relative;
	max-height: 800px;
}

/* SINGLE PRODUCT */
.single-product-features .sp-slider-item ul{
	padding-left: 15px;
}
.single-product-features .sp-slider-item.applications .grid-3 > div:first-child{
	    border-right: 1px solid rgba(255, 255, 255, 0.1)
}
.single-product-features .sp-slider-item.devices h2,.single-product-features .sp-slider-item.evaluation h2{
	font-weight: 600;
	font-size: 31px;
	letter-spacing: -1px;
}
.single-product-features{
	background-color: #141414;
    height: auto;
	overflow: hidden;
}
.single-product-features .overlay{
	height: max(20vw, 30%);
	background-color: transparent;
	top: auto;
	bottom: 0px;

	top: unset;
  left: unset;
}
.single-product-features .container{
	padding-top:0px;
	padding-bottom:0px;
}
.single-product-features .overlay img{
	object-fit: cover;
}

/*07-07-2025*/
.home-solutions.pc-box{
	background-color: #191919;
	padding: 0;
}
.home-solutions.pc-box .container{
	padding-top: 6rem;
	padding-bottom: 6rem;
}
.pc-box .product-card{
	box-sizing: border-box;
	background: #232323;
	border: 0.616767px solid rgba(255, 255, 255, 0.1);
	border-radius: 1.23353px;
}
.fmdl .sp-slider-item{
	background-color: #2F2F2F;
	padding: min(5vw, 3em);
	padding-bottom: 2rem;
}
.pc-box .overlay img{
	height: auto;
}
.home-solutions.pc-box h2{
	font-size: clamp(18px, 4vw, 31px);
	line-height: 36px;
	letter-spacing: -1px;
}
.home-solutions.pc-box span{
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -1px;
	color: #FFFFFF;
	opacity: 0.7;

	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0px;

}
.home-solutions.pc-box .list-b{
	padding-top: 6rem;
	width: 100%;
}
.home-solutions.pc-box .list-b .product-card{
	padding: 2.5rem 2rem 0 2rem;
	position: relative;
	/*width: 33%;*/
}
.home-solutions.pc-box .list-b .product-img-placeholder{
	width: 100%;
}
.home-solutions.pc-box .list-b .product-img-placeholder img{
	width: 175px;
}
.home-solutions.pc-box .product-card:before{
	content: '';
	position: absolute;
	background: #393939;
	width: 1px;
	height: 100%;
	left: 50%;
	top: 0;
}
.home-solutions.pc-box .product-info{
    width: 70%;
	padding-bottom: 2rem;
}
.home-solutions.pc-box .list-b .product-card a{
	font-style: normal;
	font-weight: 400;
	font-size: 31px;
	color: #FFFFFF;
	position: relative;
	opacity: 0.8;
	transition: opacity 0.3s ease;
}
.home-solutions.pc-box .list-b .product-card a::after {
	content: '';
	position: absolute;
	right: -30px;
	width:20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_561_3118)'%3E%3Cg clip-path='url(%23clip1_561_3118)'%3E%3Cpath d='M28.045 -0.71875H-1.96289V26.439H28.045V-0.71875Z' fill='%237DCC1A'/%3E%3Cpath d='M9.82812 13.4023V12.4855L16.6869 12.4972L13.8552 9.67703L14.5052 9.00391L18.4626 12.9381L14.5167 16.8956L13.8668 16.2225L16.6986 13.4023H9.82812Z' fill='%23191919'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_561_3118'%3E%3Crect width='25.3659' height='25.3659' fill='white' transform='translate(0.335938)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_561_3118'%3E%3Crect x='0.335938' width='25.3659' height='25.3659' rx='12.6829' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	transform-origin: left;
	transform: scaleX(0);
	transition: transform 500ms ease, opacity 500ms ease;
	pointer-events: none;
}

.home-solutions.pc-box .list-b .product-card a:hover::after {
	transform: scaleX(1);
	/*opacity: 1;*/
}
.home-solutions.pc-box .list-b .product-card a::before {
	content: '';
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 0%;
	height: 3px;
	background-color: #ffffff;
	transform-origin: right;
	transition: all 500ms ease;
}
.home-solutions.pc-box .list-b .product-card a:hover::before {
	width: 100%;
	transform-origin: left;
}
.single-product-features .sp-flickity-container .sp-slider .sp-slider-item h2 {
    font-weight: 600;
    font-size: 31px;
    letter-spacing: -1px;
}

/* --------------------------------------------------------------------------------------- */
/* ---------------------------------- PRESS RELEASES (ARCHIVE AND SIGLE) ------------------- */
/* ---------------------------------------------------------------------------------------- */
#press-archive .inner-container{
	max-width: 1000px;
	padding:0;
}

#press-archive .press-archive{
	padding-top: 6rem;
	padding-bottom: 10rem;
}

#press-archive .press-archive p,
#press-archive .press-archive li,
#press-archive .press-archive h2,
#press-archive .press-archive h3,
#press-archive .press-archive h4,
#press-archive .press-archive h5,
#press-archive .press-archive h6{
	color: #f4f4f4;
}

#press-archive .press-archive a{
	color: #76BD1D;
}

#press-archive .press-archive p,
#press-archive .press-archive li{
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}

#press-archive .press-archive p.date{            
	font-size: 14px;
	margin: 0;
}
@media(min-width:800px){
	#press-archive .press-archive p.date{
		text-wrap: nowrap;
	}
}

#press-archive .press-archive .press-item{
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid grey;
}

#press-archive .press-archive .press-item:hover{
	border-color: #76BD1D;
}

#press-archive  .pagination{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#press-archive .pagination *{
	color: white;
}

#press-archive .pagination span, 
#press-archive .pagination a{
	padding: 0.5rem 1rem;

	font-size: 1rem;
	line-height: 10px;
}

#press-archive .pagination a:hover{
	color: #f4f4f4;
}

@media(max-width:800px){
	#press-archive .press-archive h3{
		text-align:center;
	}
	#press-archive .pagination span, 
	#press-archive .pagination a{
		padding: 0;

		font-size: 1rem;
		line-height: 10px;
	}
}

#single-press-release .inner-container{
	max-width: 1000px;
}

#single-press-release .single-press-release{
	padding-top: 6rem;
	padding-bottom: 10rem;
}

#single-press-release .single-press-release p,
#single-press-release .single-press-release li,
#single-press-release .single-press-release h1,
#single-press-release .single-press-release h2,
#single-press-release .single-press-release h3,
#single-press-release .single-press-release h4,
#single-press-release .single-press-release h5,
#single-press-release .single-press-release h6{
	color: #f4f4f4;
}

#single-press-release .single-press-release a{
	color: #76BD1D;
}

	#single-press-release .single-press-release p,
	#single-press-release .single-press-release li,
	#single-press-release .single-press-release a{
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 1rem;
	}
#single-press-release .single-press-release ul{
	margin-top: 1rem;
}
	#single-press-release .single-press-release li{
	list-style-type: disc;
	
	}

#single-press-release  .single-press-release li::marker{
	color: #76BD1D;
	}

#single-press-release .nav-items{
	padding: 0;
	border-top: 1px solid var(--brand);
	border-bottom: 1px solid var(--brand);
	margin-top: 3rem;
	margin-bottom: 3rem;
	}

#single-press-release  .nav-items .navigation.post-navigation{width: 100%;}

#single-press-release  .nav-items .nav-links{
	display: grid;
	grid-template-columns: 1fr;
}

#single-press-release  .nav-items .nav-links:has(.nav-next){
	grid-template-columns: repeat(2,1fr);
}

#single-press-release  .nav-previous,
	#single-press-release .nav-next{
	padding-bottom: 3rem;
	padding-top: 3rem;     
	
	display:flex;
	justify-content: center;
	align-items: center;
}

#single-press-release  .nav-previous a,
#single-press-release  .nav-next a{
	margin-bottom: 0;
	max-width: 70%;
	text-align: center;
}

@media(min-width:800px){
	#single-press-release .nav-previous{  border-right: 1px solid var(--brand);}
}

@media(max-width:800px){
	#single-press-release  .nav-items .nav-links{
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------------------- */
/* ---------------------------------- BLOG POSTS (ARCHIVE AND SIGLE) ------------------- */
/* ---------------------------------------------------------------------------------------- */
#post-archive .inner-container{
	max-width: 1000px;
	padding:0;
}

#post-archive .post-archive{
	padding-top: 6rem;
	padding-bottom: 10rem;
}

#post-archive .post-archive p,
#post-archive .post-archive li,
#post-archive .post-archive h2,
#post-archive .post-archive h3,
#post-archive .post-archive h4,
#post-archive .post-archive h5,
#post-archive .post-archive h6{
	color: #f4f4f4;
}

#post-archive .post-archive a{
	color: #76BD1D;
}

#post-archive .post-archive p,
#post-archive .post-archive li{
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}

#post-archive .post-archive p.date{            
	font-size: 14px;
	margin: 0;
}
@media(min-width:800px){
	#post-archive .post-archive p.date{
		text-wrap: nowrap;
	}
}

#post-archive .post-archive .post-item{
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid grey;
}

#post-archive .post-archive .post-item:hover{
	border-color: #76BD1D;
}

#post-archive  .pagination{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#post-archive .pagination *{
	color: white;
}

#post-archive .pagination span, 
#post-archive .pagination a{
	padding: 0.5rem 1rem;

	font-size: 1rem;
	line-height: 10px;
}

#post-archive .pagination a:hover{
	color: #f4f4f4;
}

@media(max-width:800px){
	#post-archive .post-archive h3{
		text-align:center;
	}
	#post-archive .pagination span, 
	#post-archive .pagination a{
		padding: 0;

		font-size: 1rem;
		line-height: 10px;
	}
}
#single-post .inner-container{
	max-width: 1000px;
}

#single-post .single-post{
	padding-top: 6rem;
	padding-bottom: 10rem;
}

#single-post .single-post p,
#single-post .single-post li,
#single-post .single-post h2,
#single-post .single-post h3,
#single-post .single-post h4,
#single-post .single-post h5,
#single-post .single-post h6{
	color: #f4f4f4;
}

#single-post .screen-reader-text,
#single-press-release .screen-reader-text{
	display: none;
}

#single-post .single-post a{
	color: #76BD1D;
}

#single-post .single-post p,
#single-post .single-post li,
#single-post .single-post a{
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}
#single-post .single-post ul{
	margin-top: 1rem;
}
#single-post .single-post li{
	list-style-type: disc;
	
}

#single-post  .single-post li::marker{
	color: #76BD1D;
}

#single-post .nav-items{
	padding: 0;
	border-top: 1px solid var(--brand);
	border-bottom: 1px solid var(--brand);
	margin-top: 3rem;
	margin-bottom: 3rem;
}

@media(min-width:1800px){
	#single-post .nav-items{
		margin-top: 6rem;
		margin-bottom: 6rem;
	}
}

#single-post  .nav-items .navigation.post-navigation{width: 100%;}

#single-post .nav-items .nav-links{
	display: grid;
	grid-template-columns: 1fr;
}
#single-post .nav-items .nav-links:has(.nav-next){
	grid-template-columns: repeat(2,1fr);
}

#single-post .nav-previous,
#single-post .nav-next{
	padding-bottom: 3rem;
	padding-top: 3rem;     

	display:flex;
	justify-content: center;
	align-items: center;
}

#single-post .nav-previous a,
#single-post .nav-next a{
	margin-bottom: 0;
	max-width: 70%;
	text-align: center;
	opacity: .6;
}

#single-post .nav-previous a:hover,
#single-post .nav-next a:hover{
	opacity: 1;
	
}


@media(min-width:800px){
	#single-post .nav-previous{  
		border-right: 1px solid var(--brand);
	}
}

@media(max-width:800px){
	#single-post  .nav-items .nav-links{
		grid-template-columns: 1fr;
	}
}


/* ----------------------------------------------- NEWS PAGE ----------------------------------------------- */ 
/* ----------------------------------------------- NEWS PAGE ----------------------------------------------- */ 
/* ----------------------------------------------- NEWS PAGE ----------------------------------------------- */
.news-page-hero{
	background-color: #191919;

	min-height: 550px;
	position: relative;
	overflow: hidden;

	padding-top: 4rem;
	padding-bottom: 4rem;
} 

@media(min-width:1800px){
	.news-page-hero{
		min-height: 700px;
		padding-top: 6rem;
		padding-bottom: 4rem;
	}

}

.news-page-hero .overlay-gradient,
.news-page-hero .overlay-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.news-page-hero .overlay-gradient img,
.news-page-hero .overlay-gradient svg{
	position: absolute;
	width: 100%;
	height: 100%;

	bottom: -4rem;
  	right: 50%;

	transform: translateX(50%);

}

.news-page-hero .overlay-background{
	z-index: 2;
}

.news-page-hero .overlay-background img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-page-hero .container{
	/*min-height: 450px;*/
	position: relative;
	z-index: 3;

	/*padding-top: 3rem;
  	padding-bottom: 3rem;*/
}

.news-page-hero .container.featured{
	background: #242424;
	border: 1px solid #2f2f2f;


}

@media(max-width:800px){
	.news-page-hero .container:not(.featured){
		padding-top: 6rem !important;
  		padding-bottom: 3rem !important;
	}
}

@media(min-width:1000px){
	.news-page-hero .container.featured {
		padding-right: 1rem;
	}
	.news-page-hero .container.featured .right{
		padding-top: 1rem;
  		padding-bottom: 1rem;
	}
	.news-page-hero .container .content{
		padding-bottom: 5rem;
  		padding-top: 6rem;
	}

}

@media(max-width:800px){

	.news-page-hero .container .left{
   		margin-top: auto;
	}

	.news-page-hero .container .left .content{
		margin-top: auto;
		margin-bottom: 6rem;
		gap: 2rem;
	}
}

.news-page-hero .featured .left{
	padding-top: 3rem;
   padding-bottom: 3rem;
}

.news-page-hero .featured-box{
	color: white;
	padding: 0.8em;
	background: #FF822F;

	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;


}

.news-page-hero .featured-date{
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;

	color: #FFFFFF;
	opacity: 0.7;

}

.news-page-hero .featured-title{
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	color: #FFFFFF;

	margin-top: auto;
	padding-bottom: 1rem;
}

@media(min-width:1000px){
	.featured-title{
		max-width: 90%;
	}
}


/*news-items */
#news .news-items{
	padding-top: 6rem;
	padding-bottom: 6rem;
} 
@media(max-width:800px){
	#news .news-items{
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

}

#news .news-page-hero .overlay-gradient img{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -15rem;
  right: 50%;
  transform: translateX(50%);
}

#news #news-container.loading{
	opacity: 0.1;
}

#news .news-items span.divider{
	font-weight: 500;
	font-size: clamp(20px, 4vw, 30px);
	line-height: 52px;
	letter-spacing: -1px;

	color: #FFFFFF;
	opacity: 0.8;

}
#news .news-items button{
	all: unset;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;


	font-weight: 500;
	font-size: 41px;
	font-size: clamp(20px, 4vw, 30px);
	line-height: 52px;
	line-height: clamp(40px, 4vw, 52px);
	letter-spacing: -1px;

	color: #FFFFFF;
	opacity: 0.5;

}

#news .news-items button.active, 
#news .news-items button:hover
{
	opacity: 1;
}

#news .news-items .news-item .category{
	padding: 0.5em 1em;
	border-radius: 3px;
}
#news .news-items .news-item .category.Blog{
	background-color: #1D5BC8;
}
#news .news-items .news-item .category.Press{
	background-color: #FF822F;
}
#news .news-items .news-item .category.Media{
	background-color: #AC2FFF;
}
#news .news-items .news-item .category.Video{
	background-color: var(--brand);
}

#news .news-items .news-item p.date{
	opacity: 0.6;
}

#news .news-items #pagination{
	margin-top: 4rem;
}

#news .news-items .pagination button.pagination-btn {
  all: unset;
  background: none;
  color: white;
  padding: 0.5em 1em;
  cursor: pointer;
  border-radius: 50px;

  font-size: 14px;
}

#news .news-items .pagination button.pagination-btn.active {
  background-color: var(--brand);
  color: black;
  cursor: not-allowed;
}

#news .news-items .pagination button.pagination-btn:hover {
  background-color: var(--brand);
  color: black;
}

#news .news-items .pagination button.pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#news .news-items .pagination-dots {
  padding: 0.5em 1em;
  color: white;
}


/*thanks */
#news .news-thanks{
	/*padding-top: 4rem;*/
	padding-bottom: 4rem;

}

#news .news-thanks .overlayVideo,
#news .news-thanks .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#news .news-thanks .overlay{
	background: linear-gradient(111.24deg, #7DCC1A 9.81%, #8EFF00 79.77%);
	z-index: 2;
	opacity: 0.5;
}

#news .news-thanks .overlayVideo video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#news .news-thanks .container{
	position: relative;
	z-index: 3;

	padding-top: 4rem;
    padding-bottom: 6rem;

   
	min-height: 500px;
}

@media(min-width:1500px){
	#news .news-thanks .container{
		min-height: 650px;
	}
}

#news .news-thanks .container h2{
	font-weight: 500;
	font-size: 41px;
	line-height: 45px;

	text-align: center;
	letter-spacing: -1px;
	color: #FFFFFF;
}

#news .news-thanks .container p, 
#news .news-thanks .container a{
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
	/* or 139% */
	text-align: center;
	color: #FFFFFF;
}

#news .news-thanks .container p:last-child{
	margin-top: 2rem;
	color: black;
}

#news .news-thanks .container a:hover{
	text-decoration: underline;
	text-underline-offset: 3px;
}


/*------------------------------ NEWS VIDEO ARCHIVE --------------------------------------- */
/*------------------------------ NEWS VIDEO ARCHIVE --------------------------------------- */
/*------------------------------ NEWS VIDEO ARCHIVE --------------------------------------- */
#news-video-archive .inner-container{
	max-width: 1000px;
	padding:0;
}

#news-video-archive .news-video-archive{
	padding-top: 6rem;
	padding-bottom: 10rem;
}

#news-video-archive .news-video-archive p,
#news-video-archive .news-video-archive li,
#news-video-archive .news-video-archive h2,
#news-video-archive .news-video-archive h3,
#news-video-archive .news-video-archive h4,
#news-video-archive .news-video-archive h5,
#news-video-archive .news-video-archive h6{
	color: #f4f4f4;
}

#news-video-archive .news-video-archive a{
	color: #76BD1D;
}

#news-video-archive .news-video-archive p,
#news-video-archive .news-video-archive li{
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}

#news-video-archive .news-video-archive p.date{            
	font-size: 14px;
	margin: 0;
}
@media(min-width:800px){
	#news-video-archive .news-video-archive p.date{
		text-wrap: nowrap;
	}
}

#news-video-archive .news-video-archive .news-video-item{
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid grey;
}

#news-video-archive .news-video-archive .news-video-item:hover{
	border-color: #76BD1D;
}

#news-video-archive  .pagination{
	margin-top: 2rem;
	margin-bottom: 2rem;
}

#news-video-archive .pagination *{
	color: white;
}

#news-video-archive .pagination span, 
#news-video-archive .pagination a{
	padding: 0.5rem 1rem;

	font-size: 1rem;
	line-height: 10px;
}

#news-video-archive .pagination a:hover{
	color: #f4f4f4;
}

@media(max-width:800px){
	#news-video-archive .news-video-archive h3{
		text-align:center;
	}
	#news-video-archive .pagination span, 
	#news-video-archive .pagination a{
		padding: 0;

		font-size: 1rem;
		line-height: 10px;
	}
}


/* ----------------------------------------------- SOLUTIONS --------------------------------- */
/* ----------------------------------------------- SOLUTIONS --------------------------------- */
/* ----------------------------------------------- SOLUTIONS --------------------------------- */
#single-solutions .solutions-description{
	overflow: hidden;
}
#single-solutions .solutions-description .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	flex-wrap: wrap;

}

#single-solutions .solutions-description .container,
#single-solutions .solutions-description .grid-2{
	position: relative;
	z-index: 2;
}

@media(min-width:800px){
	#single-solutions .solutions-description .right,
	#single-solutions .solutions-description .left{
		min-height: 700px;
	}
}

@media(min-width:1800px){
	#single-solutions .solutions-description .right,
	#single-solutions .solutions-description .left{
			min-height: 750px;
	}
}

#single-solutions .solutions-description video{
	object-fit: cover;
	width: 100%;
	height: 100%;
	mix-blend-mode: luminosity;
}
#single-solutions .solutions-description .right{
	padding: min(5vw, 5em);
	position: relative;
}

@media(min-width:1200px){
	#single-solutions .solutions-description .right{
		padding-left: 8em;
	}
}


@media(min-width:800px) and (max-width:1200px){
	#single-solutions .solutions-description .right{
		padding-left: 4em;
	}
}


@media(max-width:800px){
	#single-solutions .solutions-description .right{
		padding-top: 4em;
		padding-bottom: 4em;
	}
}

#single-solutions .solutions-description .overlay img,
#single-solutions .solutions-description .overlay video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#single-solutions .solutions-description .right .content{
	position: relative;
	z-index: 2;
	height: 100%;
}
#single-solutions .solutions-description .right .content a.btn{
	border: 1px solid transparent !important;
	transition: all 500ms ease;
}
#single-solutions .solutions-description .right .content a.btn:hover{
	border: 1px solid var(--brand) !important;
}

#single-solutions .solutions-description h4{

	font-weight: 400;
	font-size: 41px;
	line-height: 36px;
	/* identical to box height, or 88% */
	letter-spacing: -1px;
	color: #FFFFFF;
}

#single-solutions .solutions-description  p{
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	opacity: 0.8;
}

#single-solutions .solutions-description  p.secondary{
	font-weight: 400;
	font-size: 18px;
	line-height: 52px;
	letter-spacing: -1px;
	color: #FFFFFF;
	opacity: 0.6;
}

 /* features */
#single-solutions .solutions-featured{
	background-color: #141414;
}

#single-solutions .solutions-featured h2{
	font-weight: 400;
	font-size: 41px;
	line-height: 36px;
	letter-spacing: -1px;

	color: #FFFFFF;
}

#single-solutions  .solutions-featured .left{
	padding: min(5vw, 5em);
	padding-top: 5rem;
  	padding-bottom: 5rem;
	padding-left: 0;
}

@media(min-width:800px){
	#single-solutions  .solutions-featured .container{
		position: absolute;
		top: 0;
		left: 50%;
		width: 100%;
		height: 100%;
		z-index: 1;
		transform: translateX(-50%);
	}
}

#single-solutions .item{
	padding: min(5vw, 2em);
	position: relative;
	
	background-color: #242424;
}

#single-solutions .item .overlay{
	position: absolute;
  bottom: 2px;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
	z-index: 2;
  opacity: 0;
  transition: all 200ms ease;
}

#single-solutions .item::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background:transparent;
  border-radius: inherit;
}
#single-solutions .item::after{
	content: "";
	position: absolute;
	z-index: 0;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	background: #242424;
	border-radius: inherit;
	transition: all 200ms ease;
}

#single-solutions .item .item-icon,
#single-solutions .item p{
	position: relative;
	z-index: 2;
}

#single-solutions .item:hover::before{
	background: linear-gradient(114.35deg, #2F2F2F 15.7%, #7DCC1A 98.47%);
	transition: all 200ms ease;
}

#single-solutions .item:hover .overlay{
	opacity: 1;
	transition: all 200ms ease;
}


@media(min-width:800px){
	#single-solutions .item{		
		min-height: 15rem;
	}
}

#single-solutions .item p{
	font-weight: 500;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;
	color: #FFFFFF;

}

@media(min-width:800px){
	/* if items are 3, 5 or 7, stretch the last one */
	#single-solutions .items .grid-3 > div:nth-child(3n+3),
	#single-solutions .items.grid-5 > div:nth-child(5n+5),
	#single-solutions .items.grid-7 > div:nth-child(7n+7){
		grid-column-start: 1;
		grid-column-end: 4;
	}
}

/* solutions cta */
#single-solutions .solutions-cta {
	height: 90vh;
	height: 90svh;
	max-height: 1200px;
}

#single-solutions .solutions-cta h1{
	font-weight: 400;
	font-size: 70px;
	line-height: 74px;
	/* or 106% */
	letter-spacing: -3.94px;

	color: #FFFFFF;
}
@media(max-width:800px){
	#single-solutions .solutions-cta h1{
		font-size: 40px;
		line-height: 44px;
		letter-spacing: -1px;
	}
}

#single-solutions .solutions-cta a{
	background-color: #191919;
	color: white;
	height: fit-content !important;
    margin-top: auto;
	padding: .7em 1em;
}
#single-solutions .solutions-cta .overlay, 
#single-solutions .solutions-cta .overlayVideo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;	
}

#single-solutions .solutions-cta .overlayVideo video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#single-solutions .solutions-cta .overlay{
	background-color: var(--brand, #7DCC1A);
	opacity: 0.8;
	z-index: 1;	
}

#single-solutions .solutions-cta .container{
	position: relative;
	z-index: 2;

  padding-top: 4rem;
  padding-bottom: 4rem;
}

#single-solutions .solutions-cta h3{
	font-weight: 400;
	font-size: var(--font-size-h1-clamp);
	line-height: 74px;
	/* or 106% */
	letter-spacing: -3.94px;

	color: #FFFFFF;

}

#single-solutions .solutions-cta p{
	color: #FFFFFF;
	opacity: 0.8;
}

#single-solutions .solutions-cta h4{
	font-weight: 400;
	font-size: 31px;
	line-height: 36px;
	letter-spacing: -1px;

	color: #FFFFFF;

}

@media(min-width:800px){
	#single-solutions .solutions-cta h4{
		text-align: right;
	}
}

#single-solutions .solutions-cta .about-brands .img-container{
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 4px;
	min-height: 10rem;

	overflow: hidden;
}
#single-solutions .solutions-cta .about-brands .img-container img{
	transition: all 500ms ease;
}
#single-solutions .solutions-cta .about-brands .img-container:hover img{
	transform: scale(1.1);
}

/* ------------------------------------ DEVELOPERS KIT --------------------------------------*/
/* ------------------------------------ DEVELOPERS KIT --------------------------------------*/
/* ------------------------------------ DEVELOPERS KIT --------------------------------------*/
#dev-kits .dev-kits-description .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#dev-kits .dev-kits-description .container,
#dev-kits .dev-kits-description .grid-2{
	position: relative;
	z-index: 2;
}

@media(min-width:800px){
	#dev-kits .dev-kits-description .right,
	#dev-kits .dev-kits-description .left{
		min-height: 600px;
	}
}

@media(min-width:1800px){
	#dev-kits .dev-kits-description .right,
	#dev-kits .dev-kits-description .left{
			min-height: 700px;
	}
}

#dev-kits .dev-kits-description video{
	object-fit: cover;
	width: 100%;
	height: 100%;
	mix-blend-mode: luminosity;
}
#dev-kits .dev-kits-description .right{
	padding: min(5vw, 5em);
	position: relative;
}

@media(min-width:800px){
	#dev-kits .dev-kits-description .right{
		padding-left: 8em;
	}
}

@media(max-width:800px){
	#dev-kits .dev-kits-description .right{
		padding-top: 4em;
		padding-bottom: 4em;
	}
}

#dev-kits .dev-kits-description .overlay img,
#dev-kits .dev-kits-description .overlay video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#dev-kits .dev-kits-description .right .content{
	position: relative;
	z-index: 2;
	height: 100%;
}

#dev-kits .dev-kits-description h4{

	font-weight: 400;
	font-size: 41px;
	line-height: 36px;
	/* identical to box height, or 88% */
	letter-spacing: -1px;
	color: #FFFFFF;


	font-weight: 400;
	font-size: 31px;
	font-size: clamp( 25px, 4vw, 31px);
	line-height: 36px;
	line-height: clamp( 30px, 4vw, 36px);
	/* or 116% */
	letter-spacing: -1px;
	color: #FFFFFF;

}

#dev-kits p.dev-kits-description,
#dev-kits .dev-kits-description a,
#dev-kits .dev-kits-description p {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #FFFFFF;
	opacity: 0.8;
}

#dev-kits .dev-kits-description a{
	color: var(--brand, #7DCC1A);
}

#dev-kits .dev-kits-description  p.secondary{
	font-weight: 400;
	font-size: 18px;
	line-height: 52px;
	letter-spacing: -1px;
	color: #FFFFFF;
	opacity: 0.6;
}

/* dev-kits-features*/
.dev-kits-features{
	padding-top: 4rem;
	padding-bottom: 4rem;

	/*height: 150vh;*/
	/*min-height: 150vh;
	max-height: 1200px;*/
	height: 100%;

	overflow: hidden;

	background-color: #141414;
}

@media(max-width:800px){
	.dev-kits-features{
		padding-top: 3rem;
		
		/*min-height: 380vh;
		min-height: 380dvh;
		max-height: 100%;*/
		padding-bottom: 6rem;
	}
}
.dev-kits-features .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	bottom: -32rem;
	left: 50%;
	transform: translateX(-50%);
}
.dev-kits-features .overlay img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dev-kits-features .container{
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative;
	z-index: 2;
}

.dev-kits-features .sp-flickity-container {
	/*min-height: 800px;*/
	height: 100%;
	width: 100%;
}
.dev-kits-features .sp-flickity-container .buttons-container{
	background-color: #242424;
	padding: 0.5em;
}
.dev-kits-features .sp-flickity-container button{
	outline: none;
	border: 0;
	background-color: transparent;
	cursor: pointer;

	background-color: #242424;
	color: white;
	padding: 1.5em 1em;

	/* Heading 2 → News */
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;

	color: #FFFFFF;
	opacity: 0.7;
}

.dev-kits-features .sp-flickity-container button svg{
	height: 0px;
	width: 0px;

	opacity: 0;
	transition: all 500ms ease;
}

.dev-kits-features .sp-flickity-container button.active,
.dev-kits-features .sp-flickity-container button:hover {
	background-color: #141414;
}
.dev-kits-features .sp-flickity-container button.active svg{
	height: 24px;
	width: 24px;
	opacity: 1;
}


.dev-kits-features .sp-flickity-container .sp-slider{
	background: #232323;
	/*padding: 0.5em;*/
}

.dev-kits-features .sp-flickity-container .sp-slider .sp-slider-item{
	color: white;
	width: 100%;
	height: fit-content;

	padding: min(4em, 4vw);
	margin-bottom: 3rem;
	background: #232323;
}


/* PORTAL LOGIN PAGE */
.rcp_restricted * {
  display: none;
}
[data-page="portal-login"]  #rcp_login_form input,
[data-page="portal-login"] input#rcp_user_login
{
	background: #191919;
	border: 1px solid transparent;
	
	width: 100%;
    margin-top: 0.2rem;
	color: white;
}
[data-page="portal-login"]  #rcp_login_form input{
	padding: .7em;
	border: 1px solid #494949;
	border-radius: 2px;
}
[data-page="portal-login"]  #rcp_login_form input::placeholder{
	color: white;
	opacity: .5;
}


[data-page="portal-login"]  p.rcp_lost_password{display: flex;}
[data-page="portal-login"] label,
[data-page="portal-login"]  p.rcp_lost_password a{color: white;}
[data-page="portal-login"]  p.rcp_lost_password a{margin-left: auto;}
[data-page="portal-login"]  #rcp_login_form input#rcp_login_submit,
[data-page="portal-login"] input#rcp_lostpassword_submit{
	background: #76BD1D;
	padding: 0.5em 1em;
	min-width: 12rem;
	font-weight: 600;
	margin-top: 1rem;
	outline: 0;
    border:1px solid transparent !important;

	min-height: 40px;
	max-width: 30ch;
	display: flex;
	justify-content: center;
	border-radius: 6px;
	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #030F24;
	position: relative;
	overflow: hidden;

}

[data-page="portal-login"] input#rcp_lostpassword_submit{
	padding: 1em 2em;
}

[data-page="portal-login"]  #rcp_login_form input#rcp_login_submit:hover,
[data-page="portal-login"] input#rcp_lostpassword_submit:hover{
	background-color: rgba(34, 34, 34, 1);
	color: white;
	border: 1px solid var(--brand, #7DCC1A) !important;
}


[data-page="portal-login"]  #rcp_login_form input:focus,
[data-page="portal-login"]  #rcp_login_form input:active,
[data-page="portal-login"]  #rcp_login_form input:focus-within,
[data-page="portal-login"]  #rcp_login_form input:focus-visible,
[data-page="portal-login"] input#rcp_user_login:focus,
[data-page="portal-login"] input#rcp_user_login:active,
[data-page="portal-login"] input#rcp_user_login:focus-within,
[data-page="portal-login"] input#rcp_user_login:focus-visible{
	background: #191919;
	border: 1px solid var(--brand, #7DCC1A);
	outline: 0;
}
[data-page="portal-login"] fieldset.rcp_login_data{
	display: grid;
	gap: 5px;
	grid-template-columns: 1fr 1fr;
}
[data-page="portal-login"] fieldset.rcp_login_data p:nth-child(1),
[data-page="portal-login"] fieldset.rcp_login_data p:nth-child(2){
	grid-column-start: 1;
	grid-column-end: 3;
}
[data-page="portal-login"] fieldset.rcp_login_data input{
	accent-color: var(--brand, #7DCC1A);
}
[data-page="portal-login"] input#rcp_user_remember{width: fit-content;}



[data-page="portal-login"] h1{
	font-weight: 400;
	font-style: Regular;
	font-size: clamp(35px, 10vw, 41px) !important;
	line-height: 46px;
	line-height: clamp( 40px, 10vw, 46px) !important;
	letter-spacing: -1px;

}

[data-page="portal-login"] .portalContainer{
	/*background: linear-gradient(90deg, #232323 0%, #242424 100%);*/
	background-color: #232323;
	border: 1px solid #2F2F2F;

	overflow: hidden; 
	position:relative;
	min-height: 30rem;

	max-width: 1500px;
	padding-left: 0;
    padding-right: 0;

	margin-bottom: 8rem;
	z-index: 10;
}

[data-page="portal-login"] .contact{
	position: relative;
	z-index: 1;
	padding-top: 10rem !important;
	overflow: hidden;
	background-color: #000000;
}

[data-page="portal-login"] .contact .overlay{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

[data-page="portal-login"] .contact .overlay img{
	position: absolute;
	bottom: -23rem;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

[data-page="portal-login"] .portalContainer .left,
[data-page="portal-login"] .portalContainer .right{
	padding: min(5vw, 4em);
}

@media(min-width:800px){
	[data-page="portal-login"] .portalContainer .right{
		border-left: 1px solid #2F2F2F;
	}
}
@media(max-width:800px){
	[data-page="portal-login"] .portalContainer .right{
		border-top: 1px solid #2F2F2F;
	}
}
[data-page="portal-login"] .portalContainer .right .content{
	position:relative;
	z-index: 1;
}
[data-page="portal-login"] .portalContainer img.overlay{
	position: absolute;
	bottom: 0;
	right: 0;
	/*width: 100%;*/
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

[data-page="portal-login"] .contact h3{
	font-weight: 400;
	font-size: 32px;
	line-height: 100%;
	line-height: 40px;
	letter-spacing: 0px;

}
[data-page="portal-login"] ul{padding: 1rem;}
[data-page="portal-login"] ul li{
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0px;

	list-style-type: square !important;

}
[data-page="portal-login"] ul li::marker,
[data-page="portal-login"] .contact .right a{
	color: var(--brand, #7DCC1A);
}
[data-page="portal-login"] p.main{line-height: 28px !important;}
[data-page="portal-login"] p.main, 
[data-page="portal-login"] p.title{
	font-weight: 400;
	font-style: Regular;
	font-size: 21px;
	line-height: 100%;
	letter-spacing: 0px;

}

/* single-portal-pages */
main#single-portal-pages .container.inner-container{
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
main#single-portal-pages nav {
	background-color: #1B1B1B;
}
main#single-portal-pages nav ul.sub-menu {
	display: grid;
	gap: 0;
}
main#single-portal-pages nav ul.sub-menu li{
	margin-bottom: 0 !important;
		border-bottom: 1px solid var(--brand);
}
main#single-portal-pages nav ul li{
	list-style-type: none !important;

	background-color: #1B1B1B;

}

main#single-portal-pages nav ul li a{
	background-color: #1B1B1B;
}

main#single-portal-pages nav ul li a:hover{
	background-color: var(--brand, #7DCC1A) !important;

}


/* --------------------------------- SOFTWARE UTILITIES PAGE ------------------------------ */
/* --------------------------------- SOFTWARE UTILITIES PAGE ------------------------------ */
/* --------------------------------- SOFTWARE UTILITIES PAGE ------------------------------ */
#software-utilities .software-description{
	overflow: hidden;
	background-color: #242424;
}
#software-utilities .software-description .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#software-utilities .software-description .container{
	position: relative;
	z-index: 3;

	padding-top: clamp(4rem, 10vw, 10rem);
	padding-bottom: clamp(4rem, 10vw, 10rem);
}


#software-utilities .software-description  h2{
	font-weight: 400;
	font-style: Regular;
	font-size: 31px;
	line-height: 40px;
	letter-spacing: -1px;

}

#software-utilities .software-description p{
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	opacity: 0.6;
}

#software-utilities .home-solutionsSlides .slide h3{
	font-size: clamp(32px, 10vw, 50px);
	line-height: clamp(45px, 10vw, 61px);
}

#software-utilities  .software-features{
	background-color: #1A1A1A;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#software-utilities .software-features{
	/*padding-top: 6rem;*/
	padding-bottom: 1rem;

}

#software-utilities .home-solutionsSlides .slide p,
#software-utilities .software-features-items .mobileApps .slide li strong{opacity: 1 !important;}

#software-utilities .software-features .software-features-items{
	
	min-height: 150vh;
	min-height: 150dvh;
	/*max-height: 1200px;*/
}

@media(max-width:800px){
	#software-utilities .software-features{
		padding-top: 3rem;
		
		/*min-height: 380vh;
		min-height: 380dvh;*/
		max-height: 100%;
		padding-bottom: 6rem;
	}
}
#software-utilities .software-features .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
}
#software-utilities .software-features .overlay img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#software-utilities .software-features .container{
	padding-top: 6rem;
	padding-bottom: 0;
	position: relative;
	z-index: 2;
}

#software-utilities .software-features .sp-flickity-container {
	/*min-height: 800px;*/
	height: 100%;
	width: 100%;
}
#software-utilities .software-features .sp-flickity-container .buttons-container{
	background-color: #242424;
	padding: 0.5em;
}
#software-utilities .software-features .sp-flickity-container button{
	outline: none;
	border: 0;
	background-color: transparent;
	cursor: pointer;

	background-color: #242424;
	color: white;
	padding: 1.5em 1em;

	/* Heading 2 → News */
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;

	color: #FFFFFF;
	opacity: 0.7;
}

#software-utilities .software-features .sp-flickity-container button svg{
	height: 0px;
	width: 0px;

	opacity: 0;
	transition: all 500ms ease;
}

#software-utilities .software-features .sp-flickity-container button.active,
#software-utilities .software-features .sp-flickity-container button:hover {
	background-color: #141414;
}
#software-utilities .software-features .sp-flickity-container button.active svg{
	height: 24px;
	width: 24px;
	opacity: 1;
}


#software-utilities .software-features .sp-flickity-container .sp-slider{
	background-color: #2F2F2F;
	/*padding: 0.5em;*/
}

#software-utilities .software-features .sp-flickity-container .sp-slider .sp-slider-item,
#software-utilities .software-features-items .sp-flickity-container .sp-slider .sp-slider-item{
	color: white;
	width: 100%;
	height: fit-content;
}
#software-utilities .software-features .sp-flickity-container .sp-slider .tools .right video,
#software-utilities .software-features-items .sp-slider .tools .right video{
	height: 100%;
	width: 100%;
	object-fit: cover;

}
@media(min-width:800px){
	#software-utilities .software-features .sp-flickity-container .sp-slider .tools .left,
	#software-utilities .software-features-items .sp-slider .tools .left{
		grid-column-start: 1;
		grid-column-end: 4;
	}	

	#software-utilities .software-features .sp-flickity-container .sp-slider .tools .right,
	#software-utilities .software-features-items .sp-slider .tools .right{
		grid-column-start: 4;
		grid-column-end: -1;
	}
}
@media(max-width:800px){
	#software-utilities .software-features .sp-flickity-container .sp-slider .grid-5,
	#software-utilities .software-features-items .sp-slider .grid-5{
		grid-template-columns: 1fr;
	}
}

#software-utilities .software-features .sp-flickity-container .sp-slider .tools .left,
#software-utilities .software-features-items .sp-slider .tools .left{
	padding: min(5vw, 3em);

	color: white;
	height: fit-content;

	background: linear-gradient(90deg, #232323 0%, #242424 100%);

}

#software-utilities .software-features .sp-flickity-container .sp-slider .tools .left h2,
#software-utilities .software-features-items .sp-slider .tools .left h2{
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -1px;
	color: #FFFFFF;
}

#software-utilities .software-features .sp-flickity-container .sp-slider .tools .left p,
#software-utilities .software-features .sp-flickity-container .sp-slider .tools .left span,
#software-utilities .software-features-items .sp-slider .tools .left p,
#software-utilities .software-features-items .sp-slider .tools .left span{
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	opacity: 0.7;
}
#software-utilities .software-features .sp-flickity-container .sp-slider .tools .left .content-item,
#software-utilities .software-features-items .sp-slider .tools .left .content-item{
	padding-bottom: 2rem;
	border-bottom: 1px solid #80808038;
	width: 100%;
}

#software-utilities .software-features-items .sp-slider .tools .left .content-item:last-child{
	border-bottom: none;
}

@media(min-width:800px){
	#software-utilities .software-features .sp-flickity-container .sp-slider .tools .left .content-item,
	#software-utilities .software-features-items .sp-slider .tools .left .content-item{
		padding-left: 3rem;
		padding-right: 3rem;
	}
	#software-utilities .software-features-items .sp-slider .tools .left .content-item{
		padding-left: 0;
	}
}

#software-utilities .software-features-items .sp-slider-item.tools .overlay{
	position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#software-utilities .software-features-items .sp-slider-item.tools .overlay img{
	position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}


.flickity-slider:has(.mobileApps.is-selected){
	transform: none !important;
}
#software-utilities .software-features-items .mobileApps{
	width: 100% !important;
	transform: none !important;
}

#software-utilities .software-features-items .mobileApps  .slide .content .left{
	background-color: #242424;
	position: relative;
}

#software-utilities .software-features-items .mobileApps  .slide .content .left,
#software-utilities .software-features-items .mobileApps  .slide .content .right{
	padding: min(10vw, 8em);
}

#software-utilities .software-features-items .mobileApps  .slide .content .left .overlay,
#software-utilities .software-features-items .mobileApps  .slide .content .right .overlay{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#software-utilities .software-features-items .mobileApps  .slide .content .left .overlay img{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	height: fit-content;
}

#software-utilities .software-features-items .mobileApps  .slide .content .left a{
	text-decoration: none;

	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0px;

}

#software-utilities .software-features-items .mobileApps  .slide .right .overlayVideo{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(180deg, #7DCC1A 0%, #76BD1D 100%);


}
#software-utilities .software-features-items .mobileApps  .slide .right .overlayVideo video{
	mix-blend-mode: luminosity;
}

#software-utilities .software-features-items .mobileApps  .slide .right .overlay{
	background: linear-gradient(180deg, #7DCC1A 0%, #76BD1D 100%);
	z-index: 2 !important;
	opacity: 0.8;
}
#software-utilities .software-features-items .mobileApps .slide .right .overlayBottom{
	background: #1A1A1A;
}
#software-utilities .software-features-items .mobileApps .slide .right .overlayBottom img{
	position: absolute;
	bottom: 0;
	left: -50%;
	width: 100%;
  height: fit-content;
}

#software-utilities .software-features-items .mobileApps  .slide .right .content{
	position: relative;
	z-index: 3;
}
#software-utilities .software-features-items .mobileApps .slide ul{padding: 1rem;}
#software-utilities .software-features-items .mobileApps  .slide .right .content p.small{
	font-size: 18px;
	margin-top: 1.5rem;
}
#software-utilities .software-features-items .mobileApps .slide li {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
}

#software-utilities .software-features-items .mobileApps  .slide .right .content h4{
	font-weight: 400;
	font-style: Regular;
	font-size: 31px;
	line-height: 51px;
	letter-spacing: -1px;

}

.softTables .content{
	padding: 3em;
	overflow-y: scroll;
	height: 80vh;
	max-height: 1200px;
}

.softTables .content *{	color: white;}

.softTables table tr, 
.softTables table td, 
.softTables table th{
	border: 1px solid rgba(255, 255, 255, 0.274);
	padding: .5em;
}

.softTables table ul li{
	list-style-type: square !important;
}

#software-utilities .images-grid{
	background-color: #242424;
	padding-top: 6rem;
	/*padding-inline: 3rem;*/
	padding-bottom: 6rem;
	/*overflow: hidden;*/
	position: relative;
	z-index: 20;

	margin-top: 3rem;
}

#software-utilities .images-grid::before,
#software-utilities .images-grid::after{
	background-color: #242424;
	position: absolute;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
}
#software-utilities .images-grid::before{
	top: 0;
	left: -100%;
}
#software-utilities .images-grid::after{
	top: 0;
	right: -100%;
}

#software-utilities .images-grid img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
@media(max-width:800px){
	#software-utilities .images-grid{
		grid-template-columns: 1fr 1fr !important;
	}

}

#software-utilities .overlayUnique{
	left: unset;
  	right: unset;
	transform: none;
	max-height: 40rem;
	bottom: -10%;
	z-index: 100;
}

#software-utilities .overlayUnique img{
	object-fit: cover;
}

#software-utilities .about-careers{
	height: auto;
	max-height: 100% !important;
	padding-bottom: 0;
}

#software-utilities .about-careers.hidden{display:  none !important;}

#software-utilities .about-careers .overlay.overlay-lines{
	top: 2rem;
}

#software-utilities .about-careers .download-store-item span{opacity: .7 !important;}

/* HOME FOREVER */
#software-utilities .home-forever{
	height: 60vh;
	height: 60svh;
	overflow: hidden;

	z-index: 20;
}

@media (max-width: 800px) {
	#software-utilities .about-careers .overlay.overlay-lines img {
	width: 100%;
	height: 30%;
	object-fit: cover;
	}
  #software-utilities .home-forever {
    min-height: 60dvh;
    min-height: 60vh;
    height: 100%;
    position: relative;
    max-height: 800px;
  }
}



/* ------------------------------ PARTNERS -------------------------------- */
/* ------------------------------ PARTNERS -------------------------------- */
/* ------------------------------ PARTNERS -------------------------------- */
#partners .partners-description{
	overflow: hidden;
	background-color: #242424;
}
#partners .partners-description .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#partners .partners-description .container{
	position: relative;
	z-index: 3;

	padding-top: clamp(4rem, 10vw, 10rem);
	padding-bottom: clamp(4rem, 10vw, 10rem);
}


#partners .partners-description  h2{
	font-weight: 400;
	font-style: Regular;
	font-size: 31px;
	line-height: 40px;
	letter-spacing: -1px;

}

#partners .partners-description p{
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	opacity: 0.6;
}

/* parters-listing  */
#partners .parters-listing .results{
	background: linear-gradient(90deg, #232323 0%, #242424 100%);
	padding: min(4vw, 2em);
}

#partners .parters-listing h3{
	font-weight: 500;
	font-style: Medium;
	font-size: 24px;
	line-height: 100%;
	line-height: 30px;
	letter-spacing: -1px;
}

#partners .parters-listing .filters .fs-label,
#partners .parters-listing .filters .fs-options,
#partners .parters-listing .filters .fs-no-results{
	background-color: #191919;
	color: #FFFFFFCC;

	border: none;
	outline: none;
	/*padding: 0.8em 1em;*/
	color: #FFFFFF8F;
}
#partners .parters-listing .filters .fs-wrap.multiple .fs-option{
padding-top: .5em;
  padding-bottom: .5em;
}
#partners .parters-listing .filters .facetwp-type-fselect .fs-wrap .fs-label-wrap{
	border: none;
}
#partners .parters-listing .filters .facetwp-type-fselect .fs-wrap{
  min-width: 300px;
  width: 100%;
}
#partners .parters-listing .filters .facetwp-type-fselect .fs-wrap .fs-label-wrap > .fs-label{
	border: 1px solid #494949;
   padding: 0.8em 1em;
   padding-right: 2em;
}
#partners .parters-listing .filters .fs-arrow{border-top-color: var(--brand, #7DCC1A); right: 10px;}
#partners .parters-listing .filters .services .fs-options{ 	width: max-content; }

#partners .parters-listing .filters .regions .fs-options,
#partners .parters-listing .filters  .fs-no-results{
	width: 100%;
}

#partners .parters-listing .filters .facetwp-type-fselect .fs-option.d1 .fs-option-label,
#partners .parters-listing .filters .facetwp-type-fselect .fs-option.d2 .fs-option-label{
	 position: relative;
}

#partners .parters-listing .filters .facetwp-type-fselect .fs-option.d1 .fs-option-label::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background-color: var(--brand, #7DCC1A);
}

#partners .parters-listing .filters .facetwp-type-fselect .fs-option.d2 .fs-option-label::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background-color: var(--brand, #7DCC1A);
	border-radius: 50%;
}

#partners .parters-listing .filters  .fs-wrap.multiple .fs-option.selected .fs-checkbox i{
	background-color: var(--brand, #7DCC1A) !important;
}

#partners .parters-listing .results .facetwp-template{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 1rem;
}
@media(max-width:1000px){
	#partners .parters-listing .results .facetwp-template{
		grid-template-columns: repeat(2,1fr);
	}
}
@media(max-width:800px){
	#partners .parters-listing .results .facetwp-template{
		grid-template-columns: 1fr;
	}

	.facetwp-facet{
		margin: 0 !important;
	}
}


#partners .parters-listing .results .facetwp-template .partner-item{

	background-color: #191919;
	border: 1px solid #2F2F2F;

	grid-template-rows: auto 100px;
}

#partners .parters-listing .results .facetwp-template .partner-item .partner-content{
	grid-template-rows: 180px 20px auto;
	padding: min(4vw, 2em);
	padding-bottom: 0;
}

#partners .parters-listing .results .facetwp-template .partner-item .partner-content .hq{opacity: 0.5;}

#partners .parters-listing .results .facetwp-template .partner-item h3 a{
	font-weight: 700;
	font-style: Bold;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0px;

	color: var(--brand, #7DCC1A);

}

#partners .parters-listing .results .facetwp-template .partner-item img{
	max-height: 10rem;
	object-fit: contain;

	mix-blend-mode: luminosity;

	max-width: 70%;
}

#partners .parters-listing .results .facetwp-template .partner-item a.learnMore{
	border-top: 1px solid #2F2F2F;
	padding: 2em;
	margin-top: 1rem;
	transition: all .3s ease-in-out;
}
#partners .parters-listing .results .facetwp-template .partner-item a.learnMore:hover{
	border-top: 1px solid var(--brand, #7DCC1A);
}
#partners .parters-listing .results .facetwp-template .partner-item a.learnMore:hover svg{
	transform: rotate(-30deg);
	transition: all .3s ease-in-out;
}
#partners .parters-listing .results .facetwp-template .partner-item a.learnMore:hover span{
	color: var(--brand, #7DCC1A);
	transition: all .3s ease-in-out;
}
#partners .parters-listing .results .facetwp-template .partner-item a.learnMore .svg-container{
	background-color: #252525;
	border-radius: 50%;
	padding: .5em;
}

#partners .parters-listing .results .facetwp-template .partner-item a.learnMore .svg-container svg{
	min-height: 10px;
	min-width: 10px;
	transition: all .3s ease-in-out;
}
#partners .parters-listing .results .facetwp-template .partner-item a.learnMore span{
	font-weight: 500;
	font-style: Medium;
	font-size: 18px;
	line-height: 25.2px;
	letter-spacing: 0%;
	text-align: right;
	text-transform: uppercase;

	color: white;

}
#partners .home-forever{
	height: 80vh;
	height: 80svh;
	overflow: hidden;

	z-index: 20;
}

/*  SINGLE PARTNER */
#single-post.single-partner .headquarters p,
#single-post.single-partner .regions p,
#single-post.single-partner .headquarters p span,
#single-post.single-partner .regions p span{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
    line-height: 1.4;
}

#single-post.single-partner .headquarters p,
#single-post.single-partner .regions p{
	font-weight: 600;

}

#single-post.single-partner .headquarters,
#single-post.single-partner .regions{
	padding-bottom: 1em;
    border-bottom: 1px solid #80808045;
}


#single-post.single-partner .main-content{
	margin-top: 2rem;
}

#single-post.single-partner .services h2 {
	padding-top: 1em;
	padding-bottom: 1em;
    border-top: 1px solid #80808045;
    border-bottom: 1px solid #80808045;
}

#single-post.single-partner  .services h3{
	margin-top: .5em;
	margin-bottom: .5em;
	padding-bottom: 1em;
	font-size: 1.4rem;
}

#single-post.single-partner .services h4{
	font-size: 1.2rem;
  	line-height: 1.4;
}

#single-post.single-partner form input[type="submit"]{
	background-color: var(--brand, #7DCC1A);
	color: #000;
	padding: 1em 2em;
	cursor: pointer;
	border: 0;
	transition: all .3s ease-in-out;

	background-color: var(--brand, #7DCC1A);
	border: 1px solid var(--brand, #7DCC1A);
	padding: 1em 4em;
	min-height: 40px;
	max-width: 30ch;
	display: flex;
	justify-content: center;
	border-radius: 6px;
	font-family: 'Geist';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #030F24;
	position: relative;
	overflow: hidden;
}
#single-post.single-partner form{
	color: white;
}
#single-post.single-partner form input[type="submit"]:hover{
	background-color: rgba(34, 34, 34, 1);
  	color: white;
	transition: all .3s ease-in-out
}

#single-post.single-partner form .gfield_required {
  color: #e13e3e !important;
  font-weight: 300;
}

/* -------------------------- LEGAL PAGE ------------------------------- */
/* -------------------------- LEGAL PAGE ------------------------------- */
/* -------------------------- LEGAL PAGE ------------------------------- */
#legal .legal-description{
	overflow: hidden;
	background-color: #242424;
}
#legal .legal-description .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#legal .legal-description .container{
	position: relative;
	z-index: 3;

	padding-top: clamp(4rem, 10vw, 10rem);
	padding-bottom: clamp(4rem, 10vw, 10rem);
}


#legal .legal-description  h2{
	font-weight: 400;
	font-style: Regular;
	font-size: 31px;
	line-height: 40px;
	letter-spacing: -1px;

}

#legal .legal-description p{
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
	opacity: 0.6;
}

/* legal section */

#legal .legal {
	padding-top: 6rem;
}

#legal .legal .title{
	font-weight: 500;
	font-style: Medium;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: -1px;

}

#legal .legal .legal-item{

	background-color: #242424;
	border: 1px solid #2F2F2F;

}

@media(min-width:800px){
	#legal .legal .legal-item{min-height: 30rem;}
}

#legal .legal .legal-item .legal-content{
	padding: min(5vw, 3em);
	padding-bottom: 0;
}

#legal .legal .legal-item .legal-content .hq{
	opacity: 0.5;
	color: white;
}

#legal .legal .legal-item a{
	font-weight: 700;
	font-size: 21px;
	line-height: 100%;
	letter-spacing: 0px;

	color: var(--brand, #7DCC1A);

	margin-top: 1.5rem;
	margin-bottom: -.5rem;
}

#legal .legal .legal-item img{
	object-fit: contain;
  	max-width: 180px;
}

#legal .legal .legal-item a.learnMore{
	/*border-top: 1px solid #2F2F2F;*/
	padding: 2em;
	transition: all .3s ease-in-out;

	padding: min(5vw, 3em);
}
#legal .legal .legal-item a.learnMore:hover{
	/*border-top: 1px solid var(--brand, #7DCC1A);*/
}
#legal .legal .legal-item a.learnMore:hover svg{
	transform: rotate(-30deg);
	transition: all .3s ease-in-out;
}
#legal .legal .legal-item a.learnMore:hover span{
	color: var(--brand, #7DCC1A);
	transition: all .3s ease-in-out;
}
#legal .legal .legal-item a.learnMore .svg-container{
	background-color: #191919;
	border-radius: 50%;
	padding: .5em;
}

#legal .legal .legal-item a.learnMore .svg-container svg{
	min-height: 10px;
	min-width: 10px;
	transition: all .3s ease-in-out;
}
#legal .legal .legal-item a.learnMore span{
	font-weight: 500;
	font-style: Medium;
	font-size: 18px;
	line-height: 25.2px;
	letter-spacing: 0%;
	text-align: right;
	text-transform: uppercase;

	color: white;

}

#legal .request .overlay{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#legal .request .overlay img{
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}
#legal .request{
	position: relative;
	padding-top: 6rem;
   padding-bottom: 8rem;
}

#legal .requestDeletion,
#legal .requestDeletion a{
	font-weight: 400;
	font-style: Regular;
	font-size: 31px;
	line-height: 40px;
	letter-spacing: -1px;

	position: relative;
	z-index: 2;

}

#legal .requestDeletion a{
	color: var(--brand, #7DCC1A);
}

#legal .requestDeletion a:hover{
	text-decoration: underline;
	text-underline-offset: 5px;
}

#legal .home-forever{
	height: 60vh;
	height: 60svh;
	overflow: hidden;

	z-index: 20;
}


/* ------------------- contact page ------------------------- */
/* ------------------- contact page ------------------------- */
/* ------------------- contact page ------------------------- */
#contact .contact{
	padding-top: 6rem;
   padding-bottom: 14rem;
   background-color: #000000;
   overflow: hidden;
}

#contact .contact .overlay{
	position: absolute;
	bottom: -3rem;
	left: 0;
	width: 100%;
	z-index: 1;
}

#contact .contact .overlay img{
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}

#contact .contact .container:has(.main-container){
	z-index: 10;
	position: relative;
}

#contact .contact .main-container{
	background: linear-gradient(90deg, #232323 0%, #242424 100%);
	border: 1px solid #2F2F2F;
	
}


#contact .contact .right{
	position: relative;
	height: 100%;
}
#contact .contact .right .right-container{
	background-color: #171717;
	position:relative;

	
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;

	background-color: #242424;


}

@media(min-width:800px){
	#contact .contact .main-container{
		background: linear-gradient(90deg, #232323 0%, #242424 100%);
		border: 1px solid #2F2F2F;

		min-height: 52rem;
	}
	#contact .contact .right .right-container{
		position:absolute;
		max-height: 52rem; 
	}
}

#contact .contact .right img{
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}

#contact .contact .right p{opacity: 0 !important;}

#contact .contact .right .info{
	position: absolute;
	bottom: 6rem;
	left: 3rem;
	width: 100%;
	z-index: 1;
}
@media(max-width:800px){
	#contact .contact .right .info{
		bottom: 2rem;
	}
}

#contact .contact .right .info h3{
	font-family: Geist;
	font-weight: 400;
	font-style: Regular;
	font-size: 31px;
	line-height: 35px;
	letter-spacing: -1px;

}

#contact .contact .right .info h5{
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0%;

}
#contact .contact .main-container .left{
	padding: min(5vw, 3em);
	overflow: hidden;
}

@media(min-width:800px){
	#contact .contact .main-container .left .overlay{
		position: absolute;
		bottom: 0;
		width: 100%;
		z-index: 1;
		right: -6rem;
	}
}
#contact .contact .main-container .left .overlay img{
	width: 100%;
	object-fit: cover;
}
#contact .contact .main-container .left{
	position: relative;
}
#contact .contact .main-container .left .title{

	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -1px;

}
#contact .contact .main-container .left #gform_wrapper_1{
	margin: 0;
}
#contact .contact .main-container .left .form-container{
	position: relative;
	z-index: 10;
}

/* form */
#contact .contact .main-container .left form{
	color: white;
  font-family: var(--font-Geist);
}
#contact .contact .main-container .left form label{
	display: none !important;
}
#contact .contact .main-container .left #field_1_8 label.gfield_label.gform-field-label{
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -1px;
	color: white;
	margin-bottom: 1.5em;

}
#contact .contact .main-container .left #field_1_8 label.gfield_label.gform-field-label .gfield_required{
	color: var(--brand, #7DCC1A);
}
#contact .contact .main-container .left #gform_submit_button_1{
	all:unset;
	cursor: pointer;
	background-color: #76BD1D;
	color: #222;

	font-weight: 500;
	font-style: Medium;
	font-size: 15px;

	line-height: 25.2px;
	letter-spacing: 0%;
	text-align: right;
	text-transform: uppercase;

	position:relative;

	padding-block: .8em;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid var(--brand, #7DCC1A);
	transition: all .3s ease-in-out;

	min-width: 100%;

}
#contact .contact .main-container .left #gform_submit_button_1:hover{
	background-color: rgba(34, 34, 34, 1);
  color: white;
  transition: all .3s ease-in-out;
}
@media(min-width:800px){
	#contact .contact .main-container .left #gform_submit_button_1{
		min-width: 18rem;
	}
}

#contact .contact .main-container .left #gform_submit_button_1 .svg-container{
	background-color: #191919;
	border-radius: 50%;
	padding: .5em;
}

#contact .contact .main-container .left #gform_submit_button_1 .svg-container svg{
	min-height: 10px;
	min-width: 10px;
	transition: all .3s ease-in-out;
}

#contact .contact .main-container .left #gform_submit_button_1:hover .svg-container{
	background-color: var(--brand, #7DCC1A);
}

#contact .contact .main-container .left #gform_submit_button_1:hover .svg-container svg path{
	fill: #222;
	transition: all .3s ease-in-out
}

#contact .contact .main-container .left select{
	color: white;
    accent-color: var(--brand);
	cursor: pointer;
	background-color: #191919;
	border: 1px solid #494949;
	padding: .7em 2em;
	padding-left: 1em;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;


}
/*region and country*/
#contact .contact .main-container .left  select#input_1_11, 
#contact .contact .main-container .left  select#input_1_13{
	width: 100%;
	color: #ffffff9c;
}
@media(min-width:800px){

	#contact .contact .main-container .left ul#gform_fields_1{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}
	#contact .contact .main-container .left li#field_1_8, 
	#contact .contact .main-container .left li#field_1_1{
		grid-column-start: 1;
	grid-column-end: -1;
	}

	#contact .contact .main-container .left li #input_1_1{
		width: 100% !important;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}
}
#contact .contact .main-container .left li #input_1_1 span,
#contact .contact .main-container .left form li{
	padding: 0 !important;
	margin: 0 !important;
	width: 100%;
	min-width: 100% !important;
}

/*
#contact .contact .main-container .left li:has(input),
#contact .contact .main-container .left li:has(textarea){
	width: 50%;
	display: inline-block;
}

#contact .contact .main-container .left li:has(#input_1_1_3),
#contact .contact .main-container .left li:has(#input_1_1_6){
	width: 100% !important;
}
*/

#contact .contact .main-container .left input,
#contact .contact .main-container .left textarea{
	background-color: #191919;
	border: 1px solid #494949;
	padding: .7em 2em;
	padding-left: 1em;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	color: white;
	cursor: pointer;
	width: 100%;
}

#contact .contact .main-container .left input:focus,
#contact .contact .main-container .left input:active,
#contact .contact .main-container .left input:focus-visible,
#contact .contact .main-container .left textarea:focus,
#contact .contact .main-container .left textarea:active,
#contact .contact .main-container .left textarea:focus-visible{
	border: 1px solid var(--brand, #7DCC1A);
	outline: 0;

}

#contact .contact .main-container .left  .gfield_description{
	opacity: .5;
	padding-top: 10px;
}

#contact .contact .main-container .left select#input_1_8::marker{
	color: var(--brand, #7DCC1A);	
}