* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
	
}
body {
	 font-family: 'Inter', sans-serif;
	background: fixed;
	background-size: auto;
	background-color: rgba(5, 3, 19, 0.975);
	color: #e0e4f0;
	
	
}

a:hover {
	color: rgb(255, 249, 65);
	
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	font-size: 0.90rem;
	color: rgba(255, 255, 255, 0.838);
}

 /* header */
.container-nav {

	padding: 20px;
      position: absolute;
	  display: flex;
      top: 0;
	  right: 0;
	  width: 100%;
	  justify-content: space-between;
	  backdrop-filter: blur(12px);
	  border-bottom: 1px solid rgba(136, 116, 2, 0.352);
}



/* .container-nav {
	width: 100%;
	height: 60px;
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 24px;
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  position: relative;
    } */

	.container-nav .logo a {

		font-size: 1.3rem;
		background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcf3b0 70%, #c5a028 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		font-weight: 600;
		font:bold;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		white-space: nowrap;

	}

	.container-nav .links {

		display: flex;
		align-items: center;
		
	}

	.container-nav .links li{
		margin: 0 30px;
	}

	.container-nav .purchase button {

		font-size: 1rem;
		font-weight: 600;
		font:bold;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcf3b0 70%, #c5a028 100%);		
		padding: 0.3rem 0.9rem;
		border: 2px solid transparent;
		border-radius: 30px;
		outline: none;
		cursor: pointer;
		white-space: nowrap;
	}

	#menu-btn{
		display: none;
		position: absolute;
		top: 30px;
		right: 30px;
		width: 40px;
		cursor: pointer;
		color: #fae207;
		

	}



	/* animate ham to x */

	/* .open .hamburger span:nth-child(1) {
      transform: translateY(7px) rotate(45deg);
    }
    .open .hamburgerspan:nth-child(2) {
      opacity: 0;
      transform: scaleX(0);
    }
    .open .hamburger span:nth-child(3) {
      transform: translateY(-7px) rotate(-45deg);
    } */

	/* .mobile-menu {
		flex-direction: column;
		gap: 0;
		background-color: rgba(5, 3, 25, 0.97);
		backdrop-filter: blur(12px);
		border-top: 1px solid rgba(212, 181, 55, 0.2);
		position: absolute;
		top: 66px;
		left: 0;
		width: 100%;
		padding: 12px 0 20px;
		z-index: 99;

		
		 opacity: 0;
      transform: translateY(-8px);
      transition: opacity 0.25s ease, transform 0.25s ease;
      pointer-events: none;
	}

	.open .mobile-menu{

		opacity: 1;
		transform: translateY(0);
		pointer-events: all;
	}

	.mobile-menu li a{

		display: block;
		padding: 14px 28px;

	}

	.mobile-menu li a:hover {
      color: gold;
      background: rgba(255, 215, 0, 0.05);
    }

	    .mobile-menu .mobile-enroll {
      padding: 16px 28px 0;
    }
.mobile-menu .mobile-enroll button {
      width: 100%;
      font-size: 1rem;
      font-weight: 700;
      font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
      background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcf3b0 70%, #c5a028 100%);
      padding: 0.55rem 1rem;
      border: none;
      border-radius: 30px;
      cursor: pointer;
      transition: opacity 0.2s;
    }

	 .mobile-menu .mobile-enroll button:hover {
      opacity: 0.85;
    } */

/*section home*/
	.hero {

		width: 100%;
		height: 100vh;
		text-align: center;
		justify-content: center;
		display: flex;
		align-items: center;
		background-size:cover;

		
	}

	#back-vid {
		position:absolute;
		right: 0;
		bottom: 0;
		z-index: -1;
		
	}

	/* responsive video & mobile device*/
	@media (min-aspect-ratio: 16/9){
		#back-vid{
			width: 100%;
			height: auto;
		}
		
	}
	@media (max-aspect-ratio: 16/9){
		#back-vid{
			width: auto;
			height: 100%;
		}
		
	}



	@media only screen and (max-width: 900px){
		.container-nav{
			padding: 0;
		}

		#menu-btn{
			display: block;
		}

		 .container-nav .logo a {
			position: absolute;
			top: 30px;
			left: 30px;
		 }
		.links {
        flex-direction: column;
		width: 100%;
		height: 100vh;
		justify-content: center;
       	background-color: rgba(5, 3, 19, 0.975);
		margin-top: -900px;

      }

	  .mobile-menu{
		margin-top: 0px;
	  }
	  .container-nav .links li{
		margin: 30px auto;
	  }
	  .sidekick .container-about {
        flex-direction: column;
        gap: 36px;
        text-align: center;
		justify-content: center;
      }

      .image {
        flex: none;
        width: min(400px, 80%);
        margin: 0 auto;
      }

      .founder {
        width: 100%;
      }
	        .founder .text-deco {
        text-align: center;
      }
	}

	@media (max-width: 360px) {
      .container-nav .logo a {
        font-size: 1.1rem;
      }
	        .sidekick {
        padding: 40px 16px;
      }

      .image {
        width: 90%;
      }

      .founder h2 {
        font-size: 1.75rem;
      }

      .info p {
        font-size: 0.95rem;
        text-align: left;
      }
    }


	.sub-header .text-gold {
		text-transform: uppercase;
		font-size: small;
		font: bolder;
		letter-spacing: 30%;
		animation-delay: 0.1s;
		color: rgb(243, 206, 2);
	}

	.sub-header .text-grey {

		
		font-size: large;
		font: bolder;
		letter-spacing: 10%;
		padding-top: 40px;
		animation-delay: 0.1s;
		color: #cbd5e1b2;
	
	}

	

	.sub-header h1 {

		font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		font-size: 11vmin;
		margin-top: 2%;
		color:#ffffffdc ;
		letter-spacing: 0.25%;
	}

	.text-gradient-gold {

		background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcf3b0 70%, #c5a028 100%);
		-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
	}

	.sub-header .action-btn {

		padding-top: 26px;
		padding: 1rem 3rem;
		

	}

	.sub-header .action-btn button:hover {

		color: rgb(247, 246, 245);
	}



	.sub-header .action-btn button {

		font: bold;
		font-size: large;
		font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
		font-weight: 600;
		background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcea64 50%);
		padding: 0.5rem 1rem;
		border: transparent;
		border-radius: 5px;
		outline: none;
		cursor: pointer;
	}

/*About Section*/
img{
transition: transform .5s ease;
}
img:hover{

transform: scale(1.05);

}

.sidekick{
	padding: 60px 24px;
}
.sidekick .container-about{
	max-width: 1100px;
	margin: auto;
	display: flex;
	align-items: center;
	gap:60px;	
}

.image{
	flex: 0 0 42%;
	 overflow: hidden;
	 border-radius: 12px;
border: 2px solid transparent;
}
.image img{
  width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
border-radius: 10px;

}

.founder{
	flex: 1;
}

.founder .text-deco{
	margin-bottom: 25px;
	font: bold;
	font-size: small;
	font-weight: 550;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: rgb(230, 196, 3);
}

.founder h2{
	margin-bottom: 25px;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 8vmin;
	letter-spacing:0.10%;
}

.info p{
	margin-bottom: 18px;
	 line-height: 1.7;
	font-size: 17px;
	color: rgb(210, 210, 210);
}

	
/*pricing section */
.mentor{
	
	padding-bottom: 25px;
		background-size:cover;
	
}

.container-price .textcenter{
	margin-left: 360px;
	margin-right: 360px;
	border-top: 1px solid rgba(255, 212, 40, 0.2);
	text-align: center;
	justify-content: center;
	padding-top: 80px;
	padding-bottom: 80px;
	
	
}

.textcenter .text-gold{
	margin-bottom: 25px;
	font: bold;
	font-size: small;
	text-transform: uppercase;
	font-weight: 550;
	letter-spacing: 3px;
	color: rgb(230, 196, 3);
}

.textcenter h2{
	margin-bottom: 25px;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 35px;
	letter-spacing:0.10%;
}

.textcenter .text-grey{

	font: bold;
	font-size: 18px;
	color: rgba(214, 214, 214, 0.66);
}


/*cta cards */
.cta-section{
	max-width: 1500px;
	display: flex;
	justify-content: space-between;

	
}

.card-strategy{
	transition: transform 0.4s ease;
}

.card-strategy:hover{
	
	transform: scale(1.1);
}

.card-mentor{
	transition: transform 0.4s ease;
}

.card-mentor:hover{
	
	transform: scale(1.1);
}

.cta-section .card-strategy{
	
	padding: 2rem 3rem;
	padding-bottom: 80px;
		border: 1px solid rgba(150, 150, 150, 0.406);
		border-radius: 10px;
		outline: none;
		cursor: pointer;
	margin-left: 200px;
	
	background-color:rgba(94, 94, 151, 0.169);

}

.cta-section .card-mentor{
	padding: 2rem 3rem;
		border: 1px solid rgba(255, 217, 0, 0.347);
		border-radius: 10px;
		outline: none;
		cursor: pointer;
	margin-right: 200px;
background-color: rgba(33, 35, 47, 0.436);
}

.card-strategy h3{
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size:25px;
	font-weight: 600;
	letter-spacing:0.10%;
	
}

.card-strategy p{
	font: bold;
	margin-bottom: 25px;
	font-size: 14px;
	color: rgba(214, 214, 214, 0.66);
}

.card-strategy .cta-strategy{
padding-bottom: 25px;

}
.cta-strategy .text-gradient-gold{
	text-transform: uppercase;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 40px;
	font-weight: 600;
}

.cta-strategy .text-muted{
	color: #b1b1b1af;
}

.card-strategy ul li{
	margin-bottom: 10px;
	font-size: 15px;
}
.btn-strategy{
	
	justify-content: center;
	text-align: center;
	margin-top: 80px;
	
}

#btn-access{
	padding: 10px 100px;
	border: 1px solid rgba(255, 234, 5, 0.304);
	font-weight:500;
	font: bold;
	-webkit-background-clip: text;
		background-clip: text;
		color: transparent;
		border-radius: 5px;
		outline: none;
		cursor: pointer;
}

/*car-mentor*/
.card-mentor h3{
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size:25px;
	font-weight: 600;
	letter-spacing:0.10%;
	
}

.card-mentor p{
	font: bold;
	margin-bottom: 25px;
	font-size: 14px;
	color: rgba(214, 214, 214, 0.66);
}

.card-mentor .cta-price{
padding-bottom: 25px;

}
.cta-price .text-gradient-gold{
	text-transform: uppercase;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 40px;
	font-weight: 600;
}

.cta-price .text-muted{
	color: #b1b1b1af;
}

.card-mentor ul li{
	margin-bottom: 10px;
	font-size: 15px;
}

.btn-mentor{
	
	justify-content: center;
	text-align: center;
	margin-top: 54px;
	
	
}

#gold-btn{
	padding: 10px 100px;
	border: 1px solid transparent;
	background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcea64 50%);
	font-weight:510;
	font: bold;
		color: black;
		border-radius: 5px;
		outline: none;
		cursor: pointer;
}

/*contact page*/
#contact{
	position: relative;
	margin-top: 80px;

	top: 0;
	right: 0;
		width: 100%;
		height: 100%;
		background-size:cover;
		
		
}

.contact-container .get-ready{
	margin-left: 360px;
	margin-right: 360px;
	text-align: center;
	justify-content: center;
	padding-top: 55px;
	padding-bottom: 40px;
	

}

    .get-ready p{
	margin-bottom: 22px;
	font: bold;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 550;
	letter-spacing: 3px;
	color: rgb(230, 196, 3); 
	}

	.get-ready h3{
	margin-bottom: 15px;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size: 30px;
	letter-spacing:0.10%;
	}

	.contact-container .form-container{
		padding: 40px 30px;
	border: 1px solid rgba(125, 125, 125, 0.347);
	background-color: #e0e4f00e;
	backdrop-filter: blur(12px);
		border-radius: 10px;
		outline: none;
		cursor: pointer;
	margin: 0 150px;
	}

	.form-container h4{
			margin-bottom: 25px;
	text-transform: uppercase;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	font-size:20px;
	font-weight: 600;
	letter-spacing:0.10%;
	}
	

	.contact-container .contactForm{
	
		
		display: flex;
		flex-direction: column;
		gap: 20px;
        z-index: 1;
		
	}

	input, textarea{
		  font-family: inherit;
      background:#e0e4f00e;
      border: 1px solid #f0f0f087;
      border-radius: 10px;
      padding: 0.5rem 0.8rem;
      font-size: 14px;
	  font-weight: 500;
      outline: none;
      transition: all 0.2s ease;
      color: #ffffffb7;
      font-weight: 450;
      width: 100%;
      box-shadow: inset 0 2px 4px rgba(0,10,20,0.02);
	}

	.form-container .btnButton{
padding: 10px 100px;
	}
	#submit-btn{
		margin-left: 190px;
		margin-top: 20px;
		padding: 10px 140px;
	font-weight:500;
	font: bold;
	border: 1px solid transparent;
	background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcea64 50%);
		border-radius: 5px;
		outline: none;
		cursor: pointer;
		z-index: 0;
	}

	#submit-btn::after{
		content: "";
		z-index: -1;
		position: absolute;
		background-color: rgb(14, 14, 39);
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		border-radius: 10px;

	}

	#submit-btn::before{
		content: "";
		background: linear-gradient(
			45deg,
			rgb(248, 228, 8), orange, gold,
			rgb(14, 90, 205), rgb(249, 12, 12),
			rgb(5, 5, 36), rgb(204, 0, 153), rgb(255, 220, 24)
		);
		position: absolute;
		left: -2px;
		top: -2px;
		background-size: 600%;
		z-index: -1;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		filter: blur(8px);
		animation: glowing 20s linear infinite;
		transition: opacity .5s ease-in-out;
		border-radius: 10px;
		opacity: 0;
	}

	@keyframes glowing{
		0% {background-position: 0 0;}
		50% {background-position: 400% 0;}
		100% {background-position: 0 0;}
	}

	#submit-btn:hover::before{
		opacity: 1;
	}

	/* footer */
	footer{
		margin-top: 60px;
		padding: 30px 0;
		top: 0;
	  right: 0;
	  background-size: cover;
		border-top: 1px solid rgba(128, 128, 128, 0.432);
		background-color: rgba(57, 57, 86, 0.169);
		
	}

	.footer-container{
		
		margin: 0 15px;
		background-size: cover;
	}

	.footer-container .display-flex{
		padding-bottom: 40px;
        margin-bottom: 40px;
		display: flex;
		gap: 20%;
		border-bottom: 1px solid rgba(128, 128, 128, 0.432);
	}

	.contact-socials p{
	font: bold;	
	font-size: 15px;
	font-weight: 500;
	margin-left: 20px;
	color: rgba(127, 127, 145, 0.995);
	}

	.contact-socials p i{
	font-size: 11px;
	color: rgb(255, 255, 255);
	}

	.contact-socials p:hover{
		background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcea64 50%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.socialMedia{
		padding:5px 60px;
		margin-left: 520px;
		margin-top: 14px;
		
	}

	.socialMedia a i{
		font-size: 18px;
		color: rgba(84, 84, 103, 0.995);
		gap: 10%;

	}

	.socialMedia a i:hover{
		background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcea64 50%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.footer-container .disclaim-foot{

		font-size: 13px;
		padding: 0 260px;
		text-align: center;
		color: rgba(127, 127, 145, 0.995);
		
	}

	.footer-container .disclaim-foot p{
		margin-bottom: 20px;
	}

	.footer-container .disclaim-foot p i{
		background: linear-gradient(145deg, #f9e281 0%, gold 35%, #fcea64 50%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}