* {
	box-sizing:border-box;
}
.clearfix::after {
 display: block;
 clear: both;
 content: "";
}
body, html {
	font-family: "Montserrat", sans-serif;
	margin:0;
	padding:0;
	font-weight:500;
	font-size:16px;
}
body {
	/* background:black; */
	color:white;
	padding-top:80px;
	
	background-image: url("assets/wallpaper.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	
	
}
/* NAV */
header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	transition:all 0.3s ease;
	background:#333333;
}
.header_content {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0px 40px;
}
.logo {
	font-size:22px;
	font-weight:600;
	padding:10px 0px 4px;
}
.logo img {
	color:#fff;
	text-decoration:none;
	height:45px;
}
nav a {
	color: white;
	text-decoration: none;
	border-radius: 3px;
	line-height: 1;
	display: block;
	font-size: 0.95rem;
}
/* HERO */
.hero {
	align-items:center;
	justify-content:center;
	text-align:center;
	position:relative;
	padding:20px;
	margin:0;
	padding:0;
}
.hero-content {
	position:relative;
}
.hero h1 {
	font-size:48px;
	margin:20px 0;
	text-transform: uppercase;
}
.hero p {
	font-size:17px;
	margin:0 0 10px;
}
/* EMAIL BOX */
.email-box input {
	padding:14px;
	border:none;
	border-radius:6px;
	width: 415px;
	font-size: 1rem;
	font-family: "Montserrat", sans-serif;
}
.email-box button {
	background:#9146FF;
	color:white;
	border:none;
	padding:14px 24px;
	border-radius:6px;
	cursor:pointer;
	font-weight:600;
	font-size:1rem;
	font-family: "Montserrat", sans-serif;
	margin:15px 15px 0;
}
.email-box button:hover {
	background:#7d39e0;
}
/* footer */
footer {
	display:flex;
	margin:40px 0 0 0;
	gap:20px;
	justify-content:space-between;
	align-items:center;
	padding:8px 40px;
	font-size:0.9rem;
	background:rgba(255, 255, 255, 0.15);
}
/* POWERED */
.powered {
	display:flex;
	align-items: center;
	justify-content:center;
	margin:0 0 25px 0;
}
.powered p {
	margin:0;
	margin-right:35px;
}
.logos {
	display:flex;
	justify-content:center;
	gap:25px;
	align-items: center;
}
.logos img {
	max-width: 136px;
	max-height: 50px;
}
.logos a:nth-child(2) img {
 max-height: 31px;
 margin-top: 5px;
}
/* SOCIAL */
.socials {
	display:flex;
	align-items: center;
	justify-content:center;
	margin:25px 0 0 0;
}
.socials p {
	margin:0;
	margin-right:15px;
}
.social-links a {
	margin:0 10px;
	color:#9146FF;
	text-decoration:none;
	font-weight:600;
}
/* ABOUT */
.about {
	max-width: 1600px;
	margin: auto;
	padding: 0 40px;
	line-height:1.7;
}
.about h1 {
	margin-bottom:30px;
	border-bottom:solid 1px #fff;
}
.about h2 {
	margin-top:40px;
	margin-bottom:10px;
	color:#9146FF;
}
.about p {
	margin-bottom:18px;
	font-size:17px;
}
.about a {
	color:#9146FF;
	text-decoration:none;
}
/* MOBILE */
@media(max-width:768px) {
 .hero h1 {
font-size:32px;
}
 .hero p {
font-size:16px;
}
 .email-box {
flex-direction:column;
align-items:center;
}
 .email-box input {
width:96%;
}
 .email-box button {
width:96%;
margin:15px auto 0;
}
 .nav {
padding:15px 20px;
}
.about {
 padding: 0 20px;
 line-height: 1.5;
}
.about h1 {
 margin: 0;
 font-size: 1.8rem;
}
.about h2 {
 margin-top: 20px;
}
}
.social-links {
	display:flex;
	justify-content:center;
	gap:4px;
}
.social-links a {
	font-size:22px;
	color:#9146FF;
	transition:0.3s;
}
.social-links a:hover {
	color:white;
	transform:scale(1.2);
}
.video-container {
	margin:0px 0 20px;
	display: inline-block;
	justify-content:center;
}
.video-container video {
	width:100%;
	border-radius:5px;
	box-shadow:0 10px 40px rgba(0, 0, 0, 0.6);
	max-height:calc(100vh - 100px);
}
@media (min-width:992px) {
 .video-container video {
 max-height:calc(100vh - 350px);
}
}
.hero {
	align-items:flex-start; /* important change */
	justify-content:center;
	text-align:center;
}
.hero-content {
	position:relative;
	margin:auto;
	padding:0 40px;
}
/*
body {
	background:black;
	color:white;
	padding-top:80px;
}*/

.toast {
	position:fixed;
	top:90px;
	right:30px;
	background:#9146ff;
	border:1px solid rgba(255, 255, 255, 0.1);
	padding:16px 20px;
	border-radius:8px;
	display:flex;
	align-items:center;
	gap:10px;
	color:white;
	font-weight:500;
	opacity:0;
	transform:translateY(-20px);
	pointer-events:none;
	transition:all 0.4s ease;
	z-index:2000;
}
.toast i {
	color:#00ff9d;
	font-size:18px;
}
.toast.show {
	opacity:1;
	transform:translateY(0);
	pointer-events:auto;
}
.hero_right {
	padding: 0 40px;
}
@media (min-height:500px) and (max-height:700px) {
.hero_inner {
 display:flex;
 align-items:center;
}
 .hero_left {
 width:60%;
}
 .hero_right {
 width:40%;
}
 .powered {
 display: block;
}
 .powered p {
 margin:0 0 10px 0;
}
 .video-container video {
 max-height: calc(100vh - 100px);
}
 .hero_right {
 padding: 0 0 0 40px;
}
 .powered + p {
 margin: 0 0 20px;
}
 .hero {
 height: calc(100vh - 96px);
 display: flex;
 align-items: center;
}
}
@media (max-width:991px) {
 .header_content {
 padding:0 15px;
}
.logo img {
 height: 40px;
}
.hero-content {
 padding: 0 15px;
}
 .hero h1 {
 font-size: 25px;
 margin: 0px 0 10px;
}
 .hero_inner {
 display:block;
 align-items:center;
}
 .hero_left {
 width:100%;
}
 .hero_right {
 width:100%;
}
 footer {
 display:block;
 text-align:center;
 padding: 8px 20px;
 font-size:0.8rem;
}
 .powered {
 display: block;
}
 .powered p {
 margin:0 0 10px 0;
}
 .powered, .socials {
 justify-content:center;
 margin:30px 0 20px;
}
 .powered + p {
 margin: 0 0 20px;
}
 .logos img {
 max-height:40px;
 max-width: 115px;
}
 nav a {
 font-size: 14px;
}
 .hero {
 min-height: calc(100vh - 192px);
}
 footer {
 margin:0;
}
 .hero_right {
 padding: 0 0px;
}
.video-container {
 margin: 0px 0 20px;
}
}

nav a {
  text-decoration: none;
}
 
nav a:hover {
  text-decoration: underline;
}

.contact-wrapper{
    display:flex;
    flex-wrap:wrap;
    margin-top:20px;
}

.contact-box{
    width:25%;
    padding:10px 0;
}

/* Mobile responsive */
@media (max-width:768px){
    .contact-box{
        width:100%;
    }
}