.page-content,
.entry-content,
.entry-summary,
.post, 
.page {
	margin: 0;
}

/* Additional space on top */
.additional-space-on-top .asot-column {
	padding-top: 195px !important;
}
@media (max-width: 991.98px) {
		.additional-space-on-top .asot-column {
		padding-top: 150px !important;
	}
}
@media (max-width: 575.98px) {
		.additional-space-on-top .asot-column {
		padding-top: 125px !important;
	}
}

/* spacing for news blog posts */
:root {
 --stk-block-margin-bottom: 20px;
}

/* Email List Page */
.sib-form {
	padding: 0 !important;	
	background-color: transparent !important;
	border: none !important;
}
#sib-container {
    background: transparent !important;
    padding: 0 !important;
		max-width: 100% !important;
		border-color: transparent !important;
}
.sib-form-block {
    padding: 0 !important;
}
.sib-form-block,
.entry__label,
.entry__specification {
	font-family: "Inter Tight" !important;
}
#sib-captcha {display: none;}

/* Testimonials page */
.testimonial-page-container li {
	transition: border-color 0.3s ease;
}

/* FAQs page */
.faqs-page-img-container {
	
}
.faqs-page-image {
	position: absolute !important;
	top: 20px;
	transition: opacity 0.8s ease-in-out;
	opacity: 0;
}
.faqs-page-image:first-child {
	position: relative !important;
}

/* Portfolio */
.portfolio-items-container .portfolio-item {
	transition: filter 0.4s ease-in-out;
}
.portfolio-items-container h2 a {
	color: white;
	text-decoration: none;
	transition: color 0.4s linear;
}
.portfolio-items-container h2 a:hover {
	color: #d5ff00;
}
.portfolio-items-container {
	/*opacity: 0;*/
	transition: all 0.8s ease-in-out;
}
#portfolio-category-dropdown {
	width: min(500px, 100%);
	label {
		display: block;
		margin-bottom: 5px;
	}
	select {
		display: block;
		width: 100%;
		padding: 10px;
		background-color: black;
		color: white;
		border-color: var(--gs-colorcolor6);
	}
}
	.portfolio-items-container.portfolio-layout-line   {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
		row-gap: 30px !important;
		padding-top: 30px;
		border-top: 1px solid var(--gs-colorcolor6);
		
	.portfolio-item {
		flex-direction: row !important;
		column-gap: 50px;
		align-items: center;
		padding-bottom: 30px;
		border-bottom: 1px solid var(--gs-colorcolor6);
		}

	.gspb_image, .gspb_image img
	{
		width: 350px !important;
		height: 200px !important;
	}
		h2 {
			order: 1;
		}
		h3 {
			order: 2;
		}
		.gspb_text {
			order: 3
		}
}


	.portfolio-items-container.portfolio-layout-slider {
		width: 100%;
		--slider-width: 3000px;
		width: var(--slider-width);
		--num-port-items: 15;
		grid-template-columns: repeat(var(--num-port-items), minmax(0, 1fr)) !important;
		column-gap: 0 !important;
		
.slider-left-item {
		transform: perspective(400px) rotateY(15deg) scale(0.7);
	margin-left: -100px;
	filter: brightness(50%);
	order: -1;
	/*opacity: 0.6;*/
		}
		.slider-center-item {
			/*position: absolute !important;
			left: 50%;*/
			width: 400px;
			margin-left: -100px;
			margin-top: 50px;
			z-index: 5;
			order: 0;
		}
	.slider-right-item {
		transform: perspective( 400px) rotateY(-15deg) scale(0.7);
		margin-right: -100px;
		filter: brightness(50%);
		order: 1;
		/*opacity: 0.6;*/
		}
		
}



/*#gspb_row-id-gsbp-d86da49 > .gspb_row__content {
    column-gap: 20px;
}
.portfolio-items-container .portfolio-item {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		transition: all 0.8s ease-in-out !important;
	transition-property: all, z-index !important;
  transition-duration: 0.8s, 0s !important;
		
	.gspb_image, h2, h3, div {
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.8s ease-in-out !important;
		transition-property: all, z-index !important;
		transition-duration: 0.8s, 0s !important;
		}
		
		.gspb_image {
			width: 452.66px !important;	
		}
		h3 {
			top: 295px;
			height: 24px;
			line-height: 24px;
		}
		h2 {
			top: 339px;
			height: 30px;
			line-height: 30px;
		}
		div.gspb_text {
			top: 389px;
			height: 42px;
		}
	}
}


	.portfolio-item .gspb_image {
		width: 100%;
	}*/

	/* image, title, cateogry, description - 1, 3, 2, 4 */
	/*.portfolio-item.port-list-info-animate {
		width: 100% !important; 
		height: 275px !important;
	}
	.port-list-info-animate.gspb_image {
		width: 452.66px !important;	
	}
	h2.port-list-info-animate {
		top: 50% !important;
		left: 35% !important;
		margin-top: -15px !important;
	}
	h3.port-list-info-animate {
		top: 50% !important;
		left: 55% !important;
		margin-top: -12px !important;
	}
	.gspb_text.port-list-info-animate {
		top: 50% !important;
		left: 75% !important;
		margin-top: -21px !important;
	}*/

/*
	.port-list-info-animate.gspb_image { 
		width: 30% !important;	
	}
	.port-list-info-animate:nth-child(3) {
		transform: translate(30%, -800%) !important;	
	}
	.port-list-info-animate:nth-child(2) {
		transform: translate(55%, -550%) !important;	
	}
	.port-list-info-animate:nth-child(4) {
		transform: translate(75%, -1000%) !important;	
	}*/


/* homepage tab */
.homepage-xenonprime-tabs-section {
	.gs-counter, .tabtitlelabel {
		font-family: "Instrument Serif";
	}
	.t-btn-container {
    justify-content: center;
		margin-bottom: 20px;
	}
	.gspb_backgroundOverlay {
    background-color: transparent !important;
	}
	
	/* on mobile, display all 3 */
	/*@media (max-width: 575.98px) {
		.t-btn-container {
			display: none;
		}
		.t-panel {
			display: block;
			opacity: 1;
		}
		.t-panel-container {
			box-shadow: none;
		}
		.xenonprime-curtain-up::after {
			height: 0 !important;
		}
	}*/
	
}








/* informational sections */
.informational-section-cols {
	a {
		color: var(--gs-colorone, #009afa);
		text-decoration: none;
		transition: color 0.2s linear;
	}
	a:hover {
		color: var(--gs-colortwo, #d5ff00);
	}
	a:after {
		content: '';
		width: 0;
		height: 1px;
		display: block;
		background: var(--gs-colorfive);
		transition: 300ms;
	}
	a:hover:after {
  	width: 80px;
	}
}

/* curtain effect on images */
/*.image-curtain-up .gspb_backgroundOverlay {
  height: 100%;
}
.image-curtain-up-active .gspb_backgroundOverlay, .image-curtain-up-active::after {
  height: 0%;
	animation: growHeight 0.8s ease forwards;
		animation: growHeight 1.6s ease-in forwards;
			animation: growHeight 1.2s cubic-bezier(0.8, 0.05, 1, 0.35) forwards;
			animation: growHeight 0.8s cubic-bezier(0.6, 0.05, 1, 0.75) forwards;
}
@keyframes growHeight {
  from { height: 100%; }
  to   { height: 0%; }
}*/

/* Testimonials */
.testimonial-main-pic img {
	transition: all 0.2s linear;
}
.testimonial-grid-container img {
	transition: all 0.4s linear;
	cursor: pointer;
	filter: grayscale(100%);
}
.testimonial-slider-first-img img {
	filter: grayscale(0%);
}
/*.testimonial-line-timer {
	animation: testimonialTimer 10s linear infinite;
}
@keyframes testimonialTimer {
  from { width: 0; }
  to   { width: 100%; }
}*/
/*
.testimonial-top-row, 
.testimonial-bottom-row {
	  gap: 25px;
}
.testimonial-top-row {
		animation: test-row-1-ani 30s linear infinite;
}
.testimonial-bottom-row {
		animation: test-row-2-ani 30s linear infinite;
}
@keyframes test-row-1-ani {
	0% {transform: translateX(0px);}
  100% {transform: translateX(-2500px);}
}
@keyframes test-row-2-ani {
	0% {transform: translateX(-2500px);}
  100% {transform: translateX(0px);}
	
	
	
	
}
.testimonial-columns-container {
	max-height: 600px;
	overflow-y: hidden;
}
.testimonial-col-1 {
	animation: test-colo-1-ani 8s linear infinite;
}
.testimonial-col-1:hover {
	animation-duration: 20s;
}
.testimonial-col-2 {
		animation: test-colo-2-ani 8s linear infinite;
}
@keyframes test-colo-1-ani {
	0% {
    transform: translateY(600px);
  }
  100% {
    transform: translateY(225px);
  }
}
@keyframes test-colo-2-ani {
	0% {
    transform: translateY(225px);
  }
  100% {
    transform: translateY(600px);
  }
}*/
 

/* Contact Us */
#fluentform_3 input,
#fluentform_3 textarea {
	background: transparent;
	border-color: rgb(50, 50, 50);
}
#fluentform_3 label {
	color: var(--gs-colorone, #009afa);
	font-size: 12px;
}

/* Services */
.services-six-container {
	/*height: 1700px;*/
}
.services-six-container-animate {
	/*transition: transform 0.8s ease-in-out;*/
	/*position: sticky !important;
	top: 100px;*/ /* header height + some space */
}
/*.service-curtain-cover .gs-video-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(0deg, rgb(0, 154, 250) 30%, rgb(213, 255, 0) 100%);
	opacity: 0;
	transition: opacity 0.6s cubic-bezier(0.6, 0.05, 1, 0.75);
}
.service-curtain-cover:hover .gs-video-wrapper::after {
	opacity: 0.6;
}*/


/* Pricing */
.pricing-section-h2-header-price .stk-highlight {
	font-size: 30px;
}

/* FAQs */
.faqs-container-accordions .iconfortoggle {
	/*background-color: black !important;
	border-radius: 50%;
	padding: 12px;*/
}
.faqs-container-accordions .iconfortoggle span {
	/*top: 11px !important;
  left: 5px !important;*/
	background-color: var(--stk-global-color-83959, #d5ff00) !important;
}
.gs-accordion-item__title {
	z-index: 0 !important;
}



.custom-shape-div {
	position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #009AFA, #D5FF00);
		filter: blur(1000px);
  clip-path: polygon(50% 0%, 100% 0%, 70% 100%, 0% 100%);
		background-size: 200% 200%;
		animation: animatedGradient1 10s linear infinite;

}
/*.custom-shape-div:nth-child(1) {
	filter: blur(1000px);
}*/


/*.hero-right-col {
	filter: blur(1000px);
}*/

/* legal docs */
.legal-container-content {
	h1, h3 {
		margin-bottom: 20px;
	}
	a {
		transition: color 0.2s linear;
	}
	a:hover {
		color: var(--stk-global-color-83959, #d5ff00);
	}
}

/* footer */
.footer-section {
	overflow: hidden;
}
.footer-section::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 200px;
	margin-top: -100px;
	margin-right: -100px;
	filter: blur(60px);
	background-size: 150% 150%;
	border-radius: 50%;
	animation: animatedGradient1 25s linear infinite;
	background-image: linear-gradient(180deg, #000 16%, #d5ff00 45%, #009afa 78%);
}
.hero-gradient-backrgound- .gspb_backgroundOverlay {
	/*top: -400px !important;
	left: auto !important;
	right: -500px;
	width: 100% !important;
	height: 400px !important;
	filter: blur(60px);
	background-size: 150% 150%;
	border-radius: 50%;
	animation: animatedGradient1 25s linear infinite;	*/
}

/* homepage hero */
.hero-gradient-background::before,
.hero-gradient-background-presentation::before {
	content: '';
	position: absolute;
	left: 5%;
	top: 70%;
	width: 90%;
	height: 600px;
	filter: blur(125px);
	background-size: 150% 150%;
	animation: animatedGradient0 10s linear infinite;
	border-radius: 50%;
	background-image: radial-gradient(#d5ff00 16%, #009afa 78%);
	transform: rotate(0deg);
	/*background: navajowhite;*/
}
.hero-gradient-background .gspb_backgroundOverlay {
	margin-top: 67px;
}
.hero-gradient-background {
	overflow: hidden;
}
.home-alpha-circle {
	position: absolute;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	/*border: 1px solid white;*/
	text-align: center;
	line-height: 50px;
	opacity: 0.05;
	opacity: 0;
	animation: animatedAlpha1 5s linear infinite;
	transition: opacity 1s ease-in-out;
}
@keyframes animatedAlpha {
  0%   { opacity: 0.05; }
  50%  { opacity: 0.50; }
  100% { opacity: 0.05; }
}
.hac-white {
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgba(255, 255, 255, 0.1);
	color: white;
	animation: animatedAlphaWhite 1.6s ease-out forwards;
}
.hac-gray {
	color: gray;
	animation: animatedAlphaGray 1.6s ease-out forwards;
}
@keyframes animatedAlphaWhite {
  0%   { opacity: 0; }
  100% { 
		opacity: 0.3; 
		margin-left: 0;
		margin-top: 0;
	}
}
@keyframes animatedAlphaGray {
  0%   { opacity: 0; }
  100% { 
		opacity: 0.2; 
		margin-left: 0;
		margin-top: 0;
	}
}


/* hero - old */
.hero-gradient-backrgound .gspb_backgroundOverlay {
	left: auto !important;
	right: 0;
	width: 50% !important;
	filter: blur(60px);
	background-size: 200% 200%;
		animation: animatedGradient1 25s linear infinite;
	border-radius: 0%;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	 /* clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);*/
}
/*.hero-gradient-backrgound::after {
	content: "XP";
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	color: black;
	text-align: center;
	line-height: 800px;
	font-weight: 00;
	font-size: 400px;
	background: ;
}*/
/*.hero-gradient-backrgound .gspb_backgroundOverlay::after {
	content: "";
	position: absolute;
	top: -15%;
	left: -10%;
	width: 50%;
	height: 120%;
	background: black;
	transform: rotate(25deg);
}*/

@keyframes animatedGradient1 {
  0%   { background-position: 50% 0%; }
  50%  { background-position: 100% 400%;}
  100% { background-position: 50% 0%;}
}
/*@keyframes animatedGradient1 {
  0%   { background-position: 400% 0%; }
  50%  { background-position: 50% 200%;}
  100% { background-position: 50% 0%;}
}*/
/*@keyframes animatedGradient1 {
  0%   { background-position: 0% 0%; }
  50%  { background-position: 50% 100%;}
  100% { background-position: 50% 0%;}
}*/



/* gradient hover effect */
.gradient-border-hover-effect {
	background-size: 400% 400%;
	animation: animatedGradient 5s linear infinite;
}
@keyframes animatedGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%;}
  100% { background-position: 0% 50%;}
}
.gradient-border-hover-effect {
	opacity: 0;
	transition: opacity 0.5s ease-in;
}
.gradient-border-hover-container:hover .gradient-border-hover-effect {
	opacity: 1;
}
/*.gradient-border-hover-effect .gspb_container {
	opacity: 1 !important;
}*/
/*.gradient-border-hover-effect:hover {
	background-position: 0% 50%;
	background: linear-gradient(to right, #009AFA, #D5FF00) !important;

}*/

/*.gradient-border-hover-effect:hover {
	  background: linear-gradient(to right, #009AFA, #D5FF00) !important;
	background: red !important;
}*/
/*.gradient-border-hover-effect {
	  background: linear-gradient(90deg, rgb(21, 21, 21) 0%, rgb(9, 9, 9) 100%) padding-box, black border-box !important;
  border: 1px solid transparent;
	transition: background 3s ease;
}
.gradient-border-hover-effect:hover {
  background: linear-gradient(90deg, rgb(21, 21, 21) 0%, rgb(9, 9, 9) 100%) padding-box, linear-gradient(to right, #009AFA, #D5FF00) border-box !important;
}
.gradient-border-hover-effect::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
	background: linear-gradient(to right, #009AFA, #D5FF00);
	border: 1px solid red;
  z-index: ;
}
.gradient-border-hover-effect:hover::after {
	border: 1px solid green;
}*/

/*@keyframes metalShine {
	 0% {
    background-position: -100% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
.metal-text-effect {
	background: radial-gradient(circle at center, rgb(90, 90, 90), rgb(255, 255, 255), rgb(90, 90, 90));
	background-size: 200% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	display: inline-block;*/
	/*animation: metalShine 10s ease infinite;*/
/*}*/

body {
	overflow-x: hidden;
}

/* Footer */
.footer-nav-section {
	background-color: #009afa00;	
	    /*background-image: linear-gradient(rgb(0, 0, 0) 16%, rgb(213, 255, 0) 45%, rgb(0, 154, 250) 78%);*/
	transition: background-color 0.5s ease-in-out;
}
.footer-nav-section:hover {
	background-color: #009afa80;	
}
.footer-pages-navigation a {
	text-decoration: none;
}


/*@keyframes metalShine {
  0% {
    background-position: -100% 0;
  100% {
    background-position: 100% 0;
  }
}

.metal-text-effect {
  font-size: 2em;
  font-weight: bold;
  background: linear-gradient(120deg, #aaa, #fff, #aaa);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: metalShine 3s linear infinite;
  display: inline-block;
}*/