/*
Theme Name: CyberNotion
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

#page-header:not(.sticky) .w-image-h img{
	min-height: 5em;
	margin-top: -1em;
}

.hero-home .l-section-img{
	top: 6em;
}

.hero-home .g-cols,
#our-work .g-cols{
	max-width: 1140px;
	margin: 0 auto;
	min-height: 70vh;
}

.hero-home .g-cols{
	min-height: auto;
}

.icon-text .w-text-value{
	padding: 0 1em;
	text-transform: uppercase;
}

.huge-icon-button i{
	font-size: 2em;
	margin-top: -0.3em;
}

.home-cta-box{
	border: 1px solid #EEE;
	border-radius: 1em;
	background-color: transparent!important;
	background-image: url('img/bg-1-1.png')!important;
	background-position: center center!important;
	background-size: cover!important;
}

.home-cta-box .w-btn{
	cursor: pointer;
}

.home-cta-box .w-btn i{
	transform: rotate(-45deg);
}

.home-cta-box:hover .w-btn i{
	animation: spinAndLift 0.6s ease-out forwards;
}
.grey-section{
	background-image: url(img/bg-area-1.webp);
	background-size: cover;
}

.grey-section .g-cols{
	max-width: 1140px;
	margin: 0 auto;
}

.grey-section::before,
.grey-section::after {
  content: "";
  width: 3em;
  height: 3em;
  border: .25em solid var(--color-content-text);
  border-radius: 100%;
  display: block;
  position: absolute;
  top: 25%;
  left: 1%;
  opacity: 0.5;
  animation: floatUpDown 2s ease-in-out infinite;
}

.grey-section::after{
	border-color: var(--color-content-primary);
	left: auto;
	right: 1%;
	top: auto;
	bottom: 3em;
	animation: floatUpDown 2s ease-in-out infinite;
	animation-delay: 0.75s;
}

.certificari-wrapper{
	text-align: center;
}

.certificari-wrapper p,
.certificari-wrapper img{
	display: inline-block;
	/* max-width: 24%; */
}

.certificari-wrapper{
	padding-top: 10em;
}

.certificari-wrapper p:not(:last-child){
	margin-right: 1rem;
}

.certificari-wrapper p img{
	max-height: 8em;
}

#about{
	margin-top: -1.2em;
	position: relative;
	z-index: 1;
}

#about:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: url('https://cybernotion.nl/wp-content/uploads/2025/11/svg.svg');
	background-position: top right;
	background-repeat: no-repeat;
	opacity: 0.2;
}

#contact{
	position: relative;
}

#contact .social-links{
	position: absolute;
	bottom: 1em;
}

#contact .social-links .w-socials-item-link{
	line-height: 4.5em;
  width: 4.5em;
}

#contact .social-links .w-socials-item-link .fab{
	font-size: 2.5em;
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes spinAndLift {
  0% {
    transform: rotate(-45deg) translateY(0);
  }
  25% {
    transform: rotate(0deg) translateY(-10px);
  }
  100% {
    transform: rotate(360deg) translateY(0px);
  }
}

@media screen and (max-width: 800px){
	#page-header:not(.sticky) .w-image-h img,
	#page-header .w-image-h img{
		min-height: 3em;
		margin-top: -1em;
	}

	#home{
		padding-top: 4em;
		margin-top: -2em;
	}

	.certificari-wrapper{
		padding-top: 2em;
	}

	#about::after{
		background-size: cover;
	}

	#contact .social-links {
	  position: absolute;
	  bottom: auto;
	  top: -1.3em;
	  z-index: 1;
	  right: 0;
	}
}