/* Home Page - CSS */

section,
#footer {
  scroll-margin-top: 100px; /* Same height as the header */
}

/*******************************/
/* Solutions */
/*******************************/
#solutions svg{
	min-width: 45px;
}
#solutions .solution-box:hover svg{
	transform: rotate(45deg);
}
.gradientHover::after {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	background: linear-gradient(265.32deg, rgba(94, 227, 212, 0.265) 3.57%, rgba(114, 137, 43, 0.25) 84.66%);
	z-index: -1;
}
.purple-theme .gradientHover::after {
	background: linear-gradient(50deg, rgba(142,29,255,1) 11%, rgba(0,0,0,0.16430322128851538) 74%);
	z-index: -1;
}
.gradientHover:hover:after {
	opacity: 1;
}

/*******************************/
/* Latest News */
/*******************************/
#latestNews .swiper-slide{
  height: auto;
}
#latestNews .news-box-wrapper svg {
	transform: rotate(0);	
}
#latestNews .news-box-wrapper:hover svg {
	transform: rotate(45deg);
}
.swiper-pagination__latestNews .swiper-pagination-bullet-active{
	background: #fff;
}

/*******************************/
/* Hero Section */
/*******************************/
#home-hero {
	min-width: 100vw;
	min-height: 120vh;
	overflow: hidden;
	margin-bottom: 5vh;
}
#home-hero .hero-inner {
	opacity: 0;
}
.hero-single {
	left: 20%;
	max-width: clamp(500px,41.667vw,800px);
}
.purple-theme #home-hero{
	/* background: #4b1a79; */
}
#home-hero #hero-polygons {
	text-align: center;
}
#home-hero #hero-polygons > div {
	width: 40%;
}
#home-hero .content-wrapper{
	left: clamp(20px,23.958vw,460px);
	max-width: max-content;
}
#home-hero .swiper-slide{
	opacity: 0!important;
	height: auto;
	z-index: 9;
	max-width: clamp(500px,41.667vw,800px);
}
#home-hero .swiper-slide-active{
	opacity: 1!important;
}
#home-hero .pulse {
  animation: pulse-animation 3s infinite ease-in-out;
  transform-origin: center;
  opacity: 0; 
}
#home-hero .pulse.middle {
  animation-delay: 1; 
}
#home-hero .pulse.outer {
  animation-delay: 1s; 
}
#home-hero .pulse.middle {	
  animation: middle-pulse 3s infinite ease-in-out;
}
#home-hero .hero-pagination{
	gap: 11px;	
}
#home-hero .hero-pagination .swiper-pagination-bullet{
	background: rgba(255,255,255,0.3);	
	border: 0;
	position: relative;
}
#home-hero .hero-pagination .swiper-pagination-bullet-active{
	border: 1px solid white;
	background: transparent;
	margin: 18px 4px;
}
#home-hero .hero-pagination .swiper-pagination-bullet:after{
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2245%22%20height%3D%2246%22%20viewBox%3D%220%200%2045%2046%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.97573%207.11623L22.5%200.542974L38.0243%207.11623L44.4605%2023L38.0243%2038.8838L22.5%2045.457L6.97573%2038.8838L0.539489%2023L6.97573%207.11623Z%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.3%22%2F%3E%3C%2Fsvg%3E');
	background-size: cover;
	height: 45px;
	width: 45px;
	display: block;
	background-position: center center;
	position: absolute;
	top: -19px;
	left: -18px;
	opacity: 0;
}
#home-hero .hero-pagination .swiper-pagination-bullet-active:after{
	opacity: 1;
	transition: all 0.5s ease-in-out;
}

@keyframes draw {
  100% {
	stroke-dashoffset: 0; /* Τέλος του animation: το μονοπάτι εμφανίζεται πλήρως */
  }
}
@keyframes pulse-animation {
  0% {
	transform: scale(0.8);
	opacity: 0.5;
  }
  50% {
	transform: scale(1.1); 
	opacity: 1; 
  }
  100% {
	transform: scale(0.8);
	opacity: 0.5; 
  }
}
@keyframes middle-pulse {
  0% {
	transform: scale(1);
	opacity: 0.5;
  }
  50% {
	transform: scale(0.5); 
	opacity: 1; 
  }
  100%{
	  transform: scale(1); 
	  opacity: 0.5: 
  }
}
@keyframes outer-pulse {
  0% {
	transform: scale(1.3);
	opacity: 0;
  }

  50% {
	transform: scale(1.7); 
	opacity: 1; 
  }
  100%{
	  transform: scale(1.7); 
	  opacity: 0: 
  }
}

/*******************************/
/* Discover Section */
/*******************************/
.discover-top-section h3 {
	line-height: 1.5;
}
.discover-svg {
	bottom: clamp(-20px,-15.625vw,-300px);
}
#discover-polygons {
	margin-top: -25vh !important;
	left: -15px;
}
/* .discover-element {
	opacity: 0;
} */


/* Discover Logo */
#discover-polygons {
	min-height: 125vh;
}
#dis-svg-logo {
	position: absolute;
	top: -20vh;
	min-width: 100vw;
	min-height: 100vh;
}