/* Enhanced futuristic styling */
:root {
	--glow-primary: rgba(56, 189, 248, 0.7);
	--glow-secondary: rgba(94, 234, 212, 0.6);
	--neon-pink: rgba(236, 72, 153, 0.8);
	--neon-blue: rgba(59, 130, 246, 0.8);
	--neon-green: rgba(16, 185, 129, 0.8);
}

.container-cursos {
	font-family: "Exo 2", sans-serif;
	background: radial-gradient(circle at center, #0f172a, #020617);
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	width:100%;
}

/* Background grid effect */
.container-cursos::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(rgba(14, 165, 233, 0.1) 1px, transparent 1px),
		linear-gradient(90deg, rgba(14, 165, 233, 0.1) 1px, transparent 1px);
	background-size: 40px 40px;
	background-position: center center;
	perspective: 1000px;
	transform-style: preserve-3d;
	animation: gridMove 60s linear infinite;
}

@keyframes gridMove {
	0% {
		background-position: 0px 0px;
		opacity: 0.5;
	}
	50% {
		opacity: 0.2;
	}
	100% {
		background-position: 40px 40px;
		opacity: 0.5;
	}
}

.carousel-container {
	width: 90%;
	max-width: 1100px;
	position: relative;
	perspective: 2000px;
	padding: 3rem 0;
	z-index: 10;
}

.carousel-track {
	display: flex;
	transition: transform 0.75s cubic-bezier(0.21, 0.61, 0.35, 1);
	transform-style: preserve-3d;
}

.carousel-card {
	min-width: 320px;
	max-width: 320px;
	margin: 0 25px;
	background: linear-gradient(
		135deg,
		rgba(30, 41, 59, 0.85),
		rgba(15, 23, 42, 0.9)
	);
	border-radius: 1.2rem;
	overflow: hidden;
	backdrop-filter: blur(10px);
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.5), 0 0 30px rgba(56, 189, 248, 0.2);
	transition: all 0.6s cubic-bezier(0.21, 0.61, 0.35, 1);
	transform-origin: center center;
	position: relative;
	border: 1px solid rgba(94, 234, 212, 0.2);
}

/* Holographic border effect */
.carousel-card::before {
	content: "";
	position: absolute;
	inset: -2px;
	background: linear-gradient(
		45deg,
		transparent 0%,
		var(--neon-blue) 25%,
		var(--neon-green) 50%,
		var(--neon-pink) 75%,
		transparent 100%
	);
	z-index: -1;
	border-radius: 1.3rem;
	filter: blur(8px);
	opacity: 0;
	transition: opacity 0.5s ease;
	animation: borderGlow 6s linear infinite;
}

@keyframes borderGlow {
	0% {
		background-position: 0% 50%;
		opacity: 0.3;
	}
	50% {
		background-position: 100% 50%;
		opacity: 0.5;
	}
	100% {
		background-position: 0% 50%;
		opacity: 0.3;
	}
}

.carousel-card.is-active::before {
	opacity: 1;
	background-size: 300% 300%;
}

.carousel-card:not(.is-active) {
	transform: scale(0.8) rotateY(35deg) translateZ(-100px);
	opacity: 0.45;
	filter: saturate(0.6) brightness(0.7);
}

.carousel-card.is-prev {
	transform-origin: right center;
	transform: scale(0.75) rotateY(45deg) translateX(-80px) translateZ(-150px);
}

.carousel-card.is-next {
	transform-origin: left center;
	transform: scale(0.75) rotateY(-45deg) translateX(80px) translateZ(-150px);
}

.carousel-card.is-active {
	transform: scale(1) rotateY(0) translateZ(0);
	opacity: 1;
	z-index: 20;
	box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 40px var(--glow-primary),
		inset 0 0 20px rgba(56, 189, 248, 0.1);
	filter: saturate(1.2) brightness(1.1);
}

.card-image-container {
	position: relative;
	height: 200px;
	overflow: hidden;
	border-bottom: 1px solid rgba(94, 234, 212, 0.3);
}

.card-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.5s ease;
}

.carousel-card.is-active .card-image {
	transform: scale(1.05);
}

/* HUD overlay effect on images */
.card-image-container::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(120deg, rgba(56, 189, 248, 0.1), transparent 70%),
		radial-gradient(circle at 80% 20%, rgba(94, 234, 212, 0.15), transparent 50%);
	pointer-events: none;
}

/* Scan line effect */
.card-image-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: repeating-linear-gradient(
		0deg,
		rgba(6, 182, 212, 0.05) 0px,
		rgba(6, 182, 212, 0.05) 1px,
		transparent 1px,
		transparent 4px
	);
	pointer-events: none;
	opacity: 0.5;
	z-index: 5;
}

.card-content {
	padding: 1.75rem;
	color: #f1f5f9;
}

.card-title {
	font-family: "Orbitron", sans-serif;
	margin-bottom: 0.75rem;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
}

/* Text glow effect */
.card-title::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	color: transparent;
	-webkit-text-stroke: 0.5px;
	filter: blur(3px);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.carousel-card.is-active .card-title::after {
	opacity: 0.8;
}

.card-description {
	font-size: 0.9rem;
	line-height: 1.6;
	color: rgba(241, 245, 249, 0.8);
	font-weight: 300;
}

/* HUD-style progress bar */
.card-progress {
	height: 3px;
	background: rgba(56, 189, 248, 0.15);
	margin-top: 1.25rem;
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}

.progress-value {
	position: absolute;
	height: 100%;
	background: linear-gradient(90deg, var(--neon-blue), var(--neon-green));
	border-radius: 4px;
	width: 75%;
}

.card-stats {
	display: flex;
	justify-content: space-between;
	margin-top: 0.5rem;
	font-size: 0.7rem;
	color: rgba(241, 245, 249, 0.6);
}

/* Futuristic navigation buttons */
.carousel-button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(12, 74, 110, 0.3);
	color: #38bdf8;
	border: 1px solid rgba(14, 165, 233, 0.4);
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 20;
	transition: all 0.3s ease;
	backdrop-filter: blur(5px);
	box-shadow: 0 0 15px rgba(56, 189, 248, 0.2);
}

.carousel-button:hover {
	background-color: rgba(14, 165, 233, 0.3);
	color: #e0f2fe;
	transform: translateY(-50%) scale(1.1);
	box-shadow: 0 0 20px rgba(56, 189, 248, 0.4);
}

.carousel-button:active {
	transform: translateY(-50%) scale(0.95);
}

/* Button hover effect */
.carousel-button::before {
	content: "";
	position: absolute;
	inset: -2px;
	background: radial-gradient(circle, var(--neon-blue), transparent 70%);
	border-radius: 50%;
	opacity: 0;
	z-index: -1;
	transition: opacity 0.3s ease;
}

.carousel-button:hover::before {
	opacity: 0.7;
	animation: pulseGlow 2s infinite;
}

@keyframes pulseGlow {
	0% {
		transform: scale(1);
		opacity: 0.7;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.3;
	}
	100% {
		transform: scale(1);
		opacity: 0.7;
	}
}

.carousel-button.prev {
	left: -24px;
}

.carousel-button.next {
	right: -24px;
}

/* Indicator dots */
.carousel-indicators {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 2rem;
}

.indicator {
	width: 24px;
	height: 4px;
	background: rgba(56, 189, 248, 0.2);
	border-radius: 2px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.indicator.active {
	background: #38bdf8;
	box-shadow: 0 0 10px #38bdf8;
}

/* Tech details overlay */
.tech-details {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(15, 23, 42, 0.85);
	backdrop-filter: blur(10px);
	padding: 0.75rem;
	transform: translateY(100%);
	transition: transform 0.4s cubic-bezier(0.21, 0.61, 0.35, 1);
	z-index: 25;
	border-top: 1px solid rgba(94, 234, 212, 0.3);
}

.carousel-card.is-active:hover .tech-details {
	transform: translateY(0);
}

.tech-tag {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 8px;
	padding: 4px 8px;
	font-size: 0.7rem;
	background: rgba(56, 189, 248, 0.15);
	border: 1px solid rgba(56, 189, 248, 0.3);
	border-radius: 4px;
	color: #7dd3fc;
}

.is-far-next {
	transform: scale(0.8) rotateY(-45deg) translateZ(-100px) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.carousel-button {
		width: 40px;
		height: 40px;
	}

	.carousel-button.prev {
		left: 5px;
	}

	.carousel-button.next {
		right: 5px;
	}

	.carousel-card {
		min-width: 260px;
		max-width: 260px;
		margin: 0 15px;
	}

	.carousel-card:not(.is-active) {
		transform: scale(0.85) rotateY(25deg);
	}

	.carousel-card.is-prev {
		transform: scale(0.8) rotateY(30deg) translateX(-40px);
	}

	.carousel-card.is-next {
		transform: scale(0.8) rotateY(-30deg) translateX(40px);
	}

	.card-image-container {
		height: 160px;
	}
}

.nomecurso{
	
	background-color:#fff 
	
}


.team-container {

  margin: auto;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.team-container h1 {
  text-align: center;
  margin-bottom: 30px;
  color: #333;
  font-size: 30px;
  font-weight: 600;
}

.team-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.team-member {
  background: #fafafa;
  border-radius: 10px;
  padding: 15px;
  width: 220px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}

.team-member:hover {
  transform: translateY(-5px);
}

.team-member img {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  object-fit: cover;
  margin-bottom: 10px;
}

.member-info h2 {
  margin: 10px 0 5px;
  font-size: 1.1em;
  color: #222;
}

.member-info p {
  margin: 0;
  color: #666;
  font-size: 0.95em;
}

.modal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}

.modal-content {
  background-color: #fff;
  margin: 1% auto;
  padding: 20px;
  width: 570px;
  border-radius: 8px;
  position: relative;
}

.close {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 24px;
  cursor: pointer;
}



.botaodonwload{
	background-color: #a51c30  !important;
	color: #fafafa !important;
	border: 1px solid #a51c30 !important;
}

.botaodonwload:hover{
	background-color: #fafafa !important;
	color: #a51c30 !important;
	border: 1px solid #a51c30 !important;
}


.campo {
  margin-bottom: 2px;
}



input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

.erro {
  color: red;
  font-size: 0.9em;
  
  display: block;
}


/*com scc*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
 body {

	 background-size: cover;
	 background-position: center;
	 font-family: 'Open Sans', sans-serif;
}
 .header {
	
	 top: 0;
	 left: 0;
	 right: 0;
	
	     background: radial-gradient(circle at center, #0f172a, #020617);
	 color: #fff;
	 padding: 0 2rem;
	 box-shadow: 0 0 40px rgba(0, 0, 0, 0.03);
	 height: 6rem;
	 display: flex;
	 align-items: center;
	 gap: 3rem;
}
 .header1 {
	
	 top: 0;
	 left: 0;
	 right: 0;
	
	     background: radial-gradient(circle at center, #0f172a, #020617);
	 color: #fff;
	 padding: 10px;

	 border-bottom: 1px solid #ffffff1f;
	

	
}
.footer{

	 background: radial-gradient(circle at center, #0f172a, #020617);
	 color: #fff;
	
	

}
 .navbar {
	 display: flex;
	 align-items: center;
	 height: 100%;
	 margin: 0 auto;
	 overflow: hidden;
}
 .navbar__menu {
	 position: relative;
	 display: flex;
}
 .navbar__link {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 gap: 0.6rem;
	 align-items: center;
	 justify-content: center;
	 height: 3.5rem;
	 width: 10rem;
	 color: #fff;
	 transition: 250ms ease all;
	 text-decoration: none;
	 width: 10rem;
	 text-transform: uppercase;
	 transition: 500ms ease all;
	 font-weight: 600;
}
 .navbar__link svg {
	 transition: 500ms ease all;
}
 .navbar__link:hover svg {
	 stroke: #c4151c;
}
 .navbar:not(:hover) .navbar__link:focus span, .navbar__link:hover span {
	 opacity: 1;
	 transform: translate(0);
}
 .navbar__item:last-child:before {
	 content: '';
	 position: absolute;
	 left: -8rem;
	 margin-left: 5rem;
	 bottom: -1.25rem;
	 height: 0.9rem;
	 width: 2px;
	 background: #c4151c;
	 box-shadow: 0 -0.5rem #c4151c, 0 -0.5rem #c4151c, 0 0 3rem 0.5rem #c4151c, 2rem 0 0 rgba(255, 255, 255, 0.2), -3rem 0 0 rgba(255, 255, 255, 0.2),6rem 0 0 rgba(255, 255, 255, 0.2),-6rem 0 0 rgba(255, 255, 255, 0.2),9rem 0 0 rgba(255, 255, 255, 0.2),-9rem 0 0 rgba(255, 255, 255, 0.2),12rem 0 0 rgba(255, 255, 255, 0.2),-12rem 0 0 rgba(255, 255, 255, 0.2),15rem 0 0 rgba(255, 255, 255, 0.2),-15rem 0 0 rgba(255, 255, 255, 0.2),18rem 0 0 rgba(255, 255, 255, 0.2),-18rem 0 0 rgba(255, 255, 255, 0.2),21rem 0 0 rgba(255, 255, 255, 0.2),-21rem 0 0 rgba(255, 255, 255, 0.2),24rem 0 0 rgba(255, 255, 255, 0.2),-24rem 0 0 rgba(255, 255, 255, 0.2),27rem 0 0 rgba(255, 255, 255, 0.2),-27rem 0 0 rgba(255, 255, 255, 0.2),30rem 0 0 rgba(255, 255, 255, 0.2),-30rem 0 0 rgba(255, 255, 255, 0.2),33rem 0 0 rgba(255, 255, 255, 0.2),-33rem 0 0 rgba(255, 255, 255, 0.2),36rem 0 0 rgba(255, 255, 255, 0.2),-36rem 0 0 rgba(255, 255, 255, 0.2),39rem 0 0 rgba(255, 255, 255, 0.2),-39rem 0 0 rgba(255, 255, 255, 0.2),42rem 0 0 rgba(255, 255, 255, 0.2),-42rem 0 0 rgba(255, 255, 255, 0.2),45rem 0 0 rgba(255, 255, 255, 0.2),-45rem 0 0 rgba(255, 255, 255, 0.2),48rem 0 0 rgba(255, 255, 255, 0.2),-48rem 0 0 rgba(255, 255, 255, 0.2),51rem 0 0 rgba(255, 255, 255, 0.2),-51rem 0 0 rgba(255, 255, 255, 0.2),54rem 0 0 rgba(255, 255, 255, 0.2),-54rem 0 0 rgba(255, 255, 255, 0.2),57rem 0 0 rgba(255, 255, 255, 0.2),-57rem 0 0 rgba(255, 255, 255, 0.2),60rem 0 0 rgba(255, 255, 255, 0.2),-60rem 0 0 rgba(255, 255, 255, 0.2),63rem 0 0 rgba(255, 255, 255, 0.2),-63rem 0 0 rgba(255, 255, 255, 0.2),66rem 0 0 rgba(255, 255, 255, 0.2),-66rem 0 0 rgba(255, 255, 255, 0.2),69rem 0 0 rgba(255, 255, 255, 0.2),-69rem 0 0 rgba(255, 255, 255, 0.2),72rem 0 0 rgba(255, 255, 255, 0.2),-72rem 0 0 rgba(255, 255, 255, 0.2),75rem 0 0 rgba(255, 255, 255, 0.2),-75rem 0 0 rgba(255, 255, 255, 0.2),78rem 0 0 rgba(255, 255, 255, 0.2),-78rem 0 0 rgba(255, 255, 255, 0.2),81rem 0 0 rgba(255, 255, 255, 0.2),-81rem 0 0 rgba(255, 255, 255, 0.2),84rem 0 0 rgba(255, 255, 255, 0.2),-84rem 0 0 rgba(255, 255, 255, 0.2),87rem 0 0 rgba(255, 255, 255, 0.2),-87rem 0 0 rgba(255, 255, 255, 0.2),90rem 0 0 rgba(255, 255, 255, 0.2),-90rem 0 0 rgba(255, 255, 255, 0.2),93rem 0 0 rgba(255, 255, 255, 0.2),-93rem 0 0 rgba(255, 255, 255, 0.2),96rem 0 0 rgba(255, 255, 255, 0.2),-96rem 0 0 rgba(255, 255, 255, 0.2),99rem 0 0 rgba(255, 255, 255, 0.2),-99rem 0 0 rgba(255, 255, 255, 0.2),102rem 0 0 rgba(255, 255, 255, 0.2),-102rem 0 0 rgba(255, 255, 255, 0.2),105rem 0 0 rgba(255, 255, 255, 0.2),-105rem 0 0 rgba(255, 255, 255, 0.2),108rem 0 0 rgba(255, 255, 255, 0.2),-108rem 0 0 rgba(255, 255, 255, 0.2),111rem 0 0 rgba(255, 255, 255, 0.2),-111rem 0 0 rgba(255, 255, 255, 0.2),114rem 0 0 rgba(255, 255, 255, 0.2),-114rem 0 0 rgba(255, 255, 255, 0.2),117rem 0 0 rgba(255, 255, 255, 0.2),-117rem 0 0 rgba(255, 255, 255, 0.2),120rem 0 0 rgba(255, 255, 255, 0.2),-120rem 0 0 rgba(255, 255, 255, 0.2),123rem 0 0 rgba(255, 255, 255, 0.2),-123rem 0 0 rgba(255, 255, 255, 0.2),126rem 0 0 rgba(255, 255, 255, 0.2),-126rem 0 0 rgba(255, 255, 255, 0.2),129rem 0 0 rgba(255, 255, 255, 0.2),-129rem 0 0 rgba(255, 255, 255, 0.2),132rem 0 0 rgba(255, 255, 255, 0.2),-132rem 0 0 rgba(255, 255, 255, 0.2),135rem 0 0 rgba(255, 255, 255, 0.2),-135rem 0 0 rgba(255, 255, 255, 0.2),138rem 0 0 rgba(255, 255, 255, 0.2),-138rem 0 0 rgba(255, 255, 255, 0.2),141rem 0 0 rgba(255, 255, 255, 0.2),-141rem 0 0 rgba(255, 255, 255, 0.2),144rem 0 0 rgba(255, 255, 255, 0.2),-144rem 0 0 rgba(255, 255, 255, 0.2),147rem 0 0 rgba(255, 255, 255, 0.2),-147rem 0 0 rgba(255, 255, 255, 0.2),150rem 0 0 rgba(255, 255, 255, 0.2),-150rem 0 0 rgba(255, 255, 255, 0.2),153rem 0 0 rgba(255, 255, 255, 0.2),-153rem 0 0 rgba(255, 255, 255, 0.2),156rem 0 0 rgba(255, 255, 255, 0.2),-156rem 0 0 rgba(255, 255, 255, 0.2),159rem 0 0 rgba(255, 255, 255, 0.2),-159rem 0 0 rgba(255, 255, 255, 0.2),162rem 0 0 rgba(255, 255, 255, 0.2),-162rem 0 0 rgba(255, 255, 255, 0.2),165rem 0 0 rgba(255, 255, 255, 0.2),-165rem 0 0 rgba(255, 255, 255, 0.2),168rem 0 0 rgba(255, 255, 255, 0.2),-168rem 0 0 rgba(255, 255, 255, 0.2),171rem 0 0 rgba(255, 255, 255, 0.2),-171rem 0 0 rgba(255, 255, 255, 0.2),174rem 0 0 rgba(255, 255, 255, 0.2),-174rem 0 0 rgba(255, 255, 255, 0.2),177rem 0 0 rgba(255, 255, 255, 0.2),-177rem 0 0 rgba(255, 255, 255, 0.2),180rem 0 0 rgba(255, 255, 255, 0.2),-180rem 0 0 rgba(255, 255, 255, 0.2),183rem 0 0 rgba(255, 255, 255, 0.2),-183rem 0 0 rgba(255, 255, 255, 0.2),186rem 0 0 rgba(255, 255, 255, 0.2),-186rem 0 0 rgba(255, 255, 255, 0.2),189rem 0 0 rgba(255, 255, 255, 0.2),-189rem 0 0 rgba(255, 255, 255, 0.2),192rem 0 0 rgba(255, 255, 255, 0.2),-192rem 0 0 rgba(255, 255, 255, 0.2),195rem 0 0 rgba(255, 255, 255, 0.2),-195rem 0 0 rgba(255, 255, 255, 0.2),198rem 0 0 rgba(255, 255, 255, 0.2),-198rem 0 0 rgba(255, 255, 255, 0.2),201rem 0 0 rgba(255, 255, 255, 0.2),-201rem 0 0 rgba(255, 255, 255, 0.2),204rem 0 0 rgba(255, 255, 255, 0.2),-204rem 0 0 rgba(255, 255, 255, 0.2),207rem 0 0 rgba(255, 255, 255, 0.2),-207rem 0 0 rgba(255, 255, 255, 0.2),210rem 0 0 rgba(255, 255, 255, 0.2),-210rem 0 0 rgba(255, 255, 255, 0.2),213rem 0 0 rgba(255, 255, 255, 0.2),-213rem 0 0 rgba(255, 255, 255, 0.2),216rem 0 0 rgba(255, 255, 255, 0.2),-216rem 0 0 rgba(255, 255, 255, 0.2),219rem 0 0 rgba(255, 255, 255, 0.2),-219rem 0 0 rgba(255, 255, 255, 0.2),222rem 0 0 rgba(255, 255, 255, 0.2),-222rem 0 0 rgba(255, 255, 255, 0.2),225rem 0 0 rgba(255, 255, 255, 0.2),-225rem 0 0 rgba(255, 255, 255, 0.2),228rem 0 0 rgba(255, 255, 255, 0.2),-228rem 0 0 rgba(255, 255, 255, 0.2),231rem 0 0 rgba(255, 255, 255, 0.2),-231rem 0 0 rgba(255, 255, 255, 0.2),234rem 0 0 rgba(255, 255, 255, 0.2),-234rem 0 0 rgba(255, 255, 255, 0.2),237rem 0 0 rgba(255, 255, 255, 0.2),-237rem 0 0 rgba(255, 255, 255, 0.2),240rem 0 0 rgba(255, 255, 255, 0.2),-240rem 0 0 rgba(255, 255, 255, 0.2),243rem 0 0 rgba(255, 255, 255, 0.2),-243rem 0 0 rgba(255, 255, 255, 0.2),246rem 0 0 rgba(255, 255, 255, 0.2),-246rem 0 0 rgba(255, 255, 255, 0.2),249rem 0 0 rgba(255, 255, 255, 0.2),-249rem 0 0 rgba(255, 255, 255, 0.2),252rem 0 0 rgba(255, 255, 255, 0.2),-252rem 0 0 rgba(255, 255, 255, 0.2),255rem 0 0 rgba(255, 255, 255, 0.2),-255rem 0 0 rgba(255, 255, 255, 0.2),258rem 0 0 rgba(255, 255, 255, 0.2),-258rem 0 0 rgba(255, 255, 255, 0.2),261rem 0 0 rgba(255, 255, 255, 0.2),-261rem 0 0 rgba(255, 255, 255, 0.2),264rem 0 0 rgba(255, 255, 255, 0.2),-264rem 0 0 rgba(255, 255, 255, 0.2),267rem 0 0 rgba(255, 255, 255, 0.2),-267rem 0 0 rgba(255, 255, 255, 0.2),270rem 0 0 rgba(255, 255, 255, 0.2),-270rem 0 0 rgba(255, 255, 255, 0.2),273rem 0 0 rgba(255, 255, 255, 0.2),-273rem 0 0 rgba(255, 255, 255, 0.2),276rem 0 0 rgba(255, 255, 255, 0.2),-276rem 0 0 rgba(255, 255, 255, 0.2),279rem 0 0 rgba(255, 255, 255, 0.2),-279rem 0 0 rgba(255, 255, 255, 0.2),282rem 0 0 rgba(255, 255, 255, 0.2),-282rem 0 0 rgba(255, 255, 255, 0.2),285rem 0 0 rgba(255, 255, 255, 0.2),-285rem 0 0 rgba(255, 255, 255, 0.2),288rem 0 0 rgba(255, 255, 255, 0.2),-288rem 0 0 rgba(255, 255, 255, 0.2),291rem 0 0 rgba(255, 255, 255, 0.2),-291rem 0 0 rgba(255, 255, 255, 0.2),294rem 0 0 rgba(255, 255, 255, 0.2),-294rem 0 0 rgba(255, 255, 255, 0.2),297rem 0 0 rgba(255, 255, 255, 0.2),-297rem 0 0 rgba(255, 255, 255, 0.2),300rem 0 0 rgba(255, 255, 255, 0.2),-300rem 0 0 rgba(255, 255, 255, 0.2),303rem 0 0 rgba(255, 255, 255, 0.2),-303rem 0 0 rgba(255, 255, 255, 0.2),306rem 0 0 rgba(255, 255, 255, 0.2),-306rem 0 0 rgba(255, 255, 255, 0.2),309rem 0 0 rgba(255, 255, 255, 0.2),-309rem 0 0 rgba(255, 255, 255, 0.2),312rem 0 0 rgba(255, 255, 255, 0.2),-312rem 0 0 rgba(255, 255, 255, 0.2),315rem 0 0 rgba(255, 255, 255, 0.2),-315rem 0 0 rgba(255, 255, 255, 0.2),318rem 0 0 rgba(255, 255, 255, 0.2),-318rem 0 0 rgba(255, 255, 255, 0.2),321rem 0 0 rgba(255, 255, 255, 0.2),-321rem 0 0 rgba(255, 255, 255, 0.2),324rem 0 0 rgba(255, 255, 255, 0.2),-324rem 0 0 rgba(255, 255, 255, 0.2),327rem 0 0 rgba(255, 255, 255, 0.2),-327rem 0 0 rgba(255, 255, 255, 0.2),330rem 0 0 rgba(255, 255, 255, 0.2),-330rem 0 0 rgba(255, 255, 255, 0.2),333rem 0 0 rgba(255, 255, 255, 0.2),-333rem 0 0 rgba(255, 255, 255, 0.2),336rem 0 0 rgba(255, 255, 255, 0.2),-336rem 0 0 rgba(255, 255, 255, 0.2),339rem 0 0 rgba(255, 255, 255, 0.2),-339rem 0 0 rgba(255, 255, 255, 0.2),342rem 0 0 rgba(255, 255, 255, 0.2),-342rem 0 0 rgba(255, 255, 255, 0.2),345rem 0 0 rgba(255, 255, 255, 0.2),-345rem 0 0 rgba(255, 255, 255, 0.2),348rem 0 0 rgba(255, 255, 255, 0.2),-348rem 0 0 rgba(255, 255, 255, 0.2),351rem 0 0 rgba(255, 255, 255, 0.2),-351rem 0 0 rgba(255, 255, 255, 0.2),354rem 0 0 rgba(255, 255, 255, 0.2),-354rem 0 0 rgba(255, 255, 255, 0.2),357rem 0 0 rgba(255, 255, 255, 0.2),-357rem 0 0 rgba(255, 255, 255, 0.2);
	 transition: 500ms ease all;
}
 .navbar__item:first-child:nth-last-child(1):last-child:hover:before, .navbar__item:first-child:nth-last-child(1) ~ li:last-child:hover:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(2):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(2) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(2):last-child:hover:before, .navbar__item:first-child:nth-last-child(2) ~ li:last-child:hover:before {
	 left: 50%;
}
 .navbar__item:first-child:nth-last-child(3):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(3) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(3):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(3) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 33.3333333333%;
}
 .navbar__item:first-child:nth-last-child(3):last-child:hover:before, .navbar__item:first-child:nth-last-child(3) ~ li:last-child:hover:before {
	 left: 66.6666666667%;
}
 .navbar__item:first-child:nth-last-child(4):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(4) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(4):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(4) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 25%;
}
 .navbar__item:first-child:nth-last-child(4):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(4) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 50%;
}
 .navbar__item:first-child:nth-last-child(4):last-child:hover:before, .navbar__item:first-child:nth-last-child(4) ~ li:last-child:hover:before {
	 left: 75%;
}
 .navbar__item:first-child:nth-last-child(5):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(5):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 20%;
}
 .navbar__item:first-child:nth-last-child(5):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 40%;
}
 .navbar__item:first-child:nth-last-child(5):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(5) ~ li:nth-child(4):hover ~ li:last-child:before {
	 left: 60%;
}
 .navbar__item:first-child:nth-last-child(5):last-child:hover:before, .navbar__item:first-child:nth-last-child(5) ~ li:last-child:hover:before {
	 left: 80%;
}
 .navbar__item:first-child:nth-last-child(6):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(6):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 16.6666666667%;
}
 .navbar__item:first-child:nth-last-child(6):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 33.3333333333%;
}
 .navbar__item:first-child:nth-last-child(6):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(4):hover ~ li:last-child:before {
	 left: 50%;
}
 .navbar__item:first-child:nth-last-child(6):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(6) ~ li:nth-child(5):hover ~ li:last-child:before {
	 left: 66.6666666667%;
}
 .navbar__item:first-child:nth-last-child(6):last-child:hover:before, .navbar__item:first-child:nth-last-child(6) ~ li:last-child:hover:before {
	 left: 83.3333333333%;
}
 .navbar__item:first-child:nth-last-child(7):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(7):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 14.2857142857%;
}
 .navbar__item:first-child:nth-last-child(7):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 28.5714285714%;
}
 .navbar__item:first-child:nth-last-child(7):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(4):hover ~ li:last-child:before {
	 left: 42.8571428571%;
}
 .navbar__item:first-child:nth-last-child(7):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(5):hover ~ li:last-child:before {
	 left: 57.1428571429%;
}
 .navbar__item:first-child:nth-last-child(7):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(7) ~ li:nth-child(6):hover ~ li:last-child:before {
	 left: 71.4285714286%;
}
 .navbar__item:first-child:nth-last-child(7):last-child:hover:before, .navbar__item:first-child:nth-last-child(7) ~ li:last-child:hover:before {
	 left: 85.7142857143%;
}
 .navbar__item:first-child:nth-last-child(8):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(8):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 12.5%;
}
 .navbar__item:first-child:nth-last-child(8):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 25%;
}
 .navbar__item:first-child:nth-last-child(8):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(4):hover ~ li:last-child:before {
	 left: 37.5%;
}
 .navbar__item:first-child:nth-last-child(8):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(5):hover ~ li:last-child:before {
	 left: 50%;
}
 .navbar__item:first-child:nth-last-child(8):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(6):hover ~ li:last-child:before {
	 left: 62.5%;
}
 .navbar__item:first-child:nth-last-child(8):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(8) ~ li:nth-child(7):hover ~ li:last-child:before {
	 left: 75%;
}
 .navbar__item:first-child:nth-last-child(8):last-child:hover:before, .navbar__item:first-child:nth-last-child(8) ~ li:last-child:hover:before {
	 left: 87.5%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 11.1111111111%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 22.2222222222%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(4):hover ~ li:last-child:before {
	 left: 33.3333333333%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(5):hover ~ li:last-child:before {
	 left: 44.4444444444%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(6):hover ~ li:last-child:before {
	 left: 55.5555555556%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(7):hover ~ li:last-child:before {
	 left: 66.6666666667%;
}
 .navbar__item:first-child:nth-last-child(9):nth-child(8):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(9) ~ li:nth-child(8):hover ~ li:last-child:before {
	 left: 77.7777777778%;
}
 .navbar__item:first-child:nth-last-child(9):last-child:hover:before, .navbar__item:first-child:nth-last-child(9) ~ li:last-child:hover:before {
	 left: 88.8888888889%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 10%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 20%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(4):hover ~ li:last-child:before {
	 left: 30%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(5):hover ~ li:last-child:before {
	 left: 40%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(6):hover ~ li:last-child:before {
	 left: 50%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(7):hover ~ li:last-child:before {
	 left: 60%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(8):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(8):hover ~ li:last-child:before {
	 left: 70%;
}
 .navbar__item:first-child:nth-last-child(10):nth-child(9):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(10) ~ li:nth-child(9):hover ~ li:last-child:before {
	 left: 80%;
}
 .navbar__item:first-child:nth-last-child(10):last-child:hover:before, .navbar__item:first-child:nth-last-child(10) ~ li:last-child:hover:before {
	 left: 90%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(1):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(1):hover ~ li:last-child:before {
	 left: 0%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(2):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(2):hover ~ li:last-child:before {
	 left: 9.0909090909%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(3):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(3):hover ~ li:last-child:before {
	 left: 18.1818181818%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(4):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(4):hover ~ li:last-child:before {
	 left: 27.2727272727%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(5):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(5):hover ~ li:last-child:before {
	 left: 36.3636363636%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(6):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(6):hover ~ li:last-child:before {
	 left: 45.4545454545%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(7):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(7):hover ~ li:last-child:before {
	 left: 54.5454545455%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(8):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(8):hover ~ li:last-child:before {
	 left: 63.6363636364%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(9):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(9):hover ~ li:last-child:before {
	 left: 72.7272727273%;
}
 .navbar__item:first-child:nth-last-child(11):nth-child(10):hover ~ li:last-child:before, .navbar__item:first-child:nth-last-child(11) ~ li:nth-child(10):hover ~ li:last-child:before {
	 left: 81.8181818182%;
}
 .navbar__item:first-child:nth-last-child(11):last-child:hover:before, .navbar__item:first-child:nth-last-child(11) ~ li:last-child:hover:before {
	 left: 90.9090909091%;
}
 
nav li.navbar__item::marker{
	color:rgba(0, 0, 0, 0.03);
	display: none;
}


.header__logo nav {
  width: 250px;
  background: white;
  color: rgba(0, 0, 0, 0.87);
  -webkit-clip-path: circle(24px at 30px 24px);
  clip-path: circle(24px at 32px 24px);
  -webkit-transition: -webkit-clip-path 0.5625s, clip-path 0.375s;
  transition: -webkit-clip-path 0.5625s, clip-path 0.375s;
  position: absolute;

}

.header__logo nav:hover {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 0.75s;
  transition-duration: 0.75s;
  -webkit-clip-path: circle(390px at 225px 24px);
  clip-path: circle(390px at 150px 24px);
}

.header__logo a {
  display: block;
  line-height: 50px;
  padding: 0 20px;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.header__logo a:hover { background: #ffe082; }

.header__logo a:active { background: #ffca28; }

.header__logo .navicon {
  padding: 23px 20px;
  cursor: pointer;
  -webkit-transform-origin: 32px 24px;
  -ms-transform-origin: 32px 24px;
  transform-origin: 32px 24px;
  height: 49px;

}

.header__logo .navicon div {
  position: relative;
  width: 20px;
  height: 2px;
  background: rgba(0, 0, 0, 0.87);

}

.header__logo .navicon div:before,
.header__logo .navicon div:after {
  display: block;
  content: "";
  width: 20px;
  height: 2px;
  background: rgba(0, 0, 0, 0.87);
  position: absolute;
}

.header__logo .navicon div:before { top: -7px; }

.header__logo .navicon div:after { top: 7px; }

.navicon strong{
	position: relative;
	top:-10px;
	left: 40px;
}


h1 {
  font-size: 2.5em;
  margin-bottom: 10px;
  animation: fadeIn 1s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

    .menu-toggle {
      display: none;
      flex-direction: column;
      cursor: pointer;
    }

    .menu-toggle span {
      background: white;
      height: 3px;
      width: 25px;
      margin: 4px 0;
      border-radius: 2px;
    }
    @media (max-width: 768px) {
 
		ul.navbar__menu {
        display: none;
        flex-direction: column;
       
        position: absolute;
        top: 110px;
        left: 0;
        width: 100%;
		z-index: 1001;
		   background: radial-gradient(circle at center, #0f172a, #020617);
		   border-bottom: 1px solid #fff;
		   border-bottom-left-radius:  10px;
      }

      ul.navbar__menu.show {
        display: flex;
		
      }

	       ul.navbar__menu li{
			  border-top: 1px solid rgba(255, 255, 255, 0.2);
 display: flex;
		   }
      ul.navbar__menu li a {
     
	  text-align: left;
	
      
      }
       .menu-toggle {
        display: flex;
      }
    }
	
	
	
	  .phone-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }

  .phone-default {
    display: block;
  }

  .phone-hover {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
  

    white-space: nowrap;
  }

  .phone-container:hover .phone-hover {
    display: block;
  }