:root{
--cyan:#11cfff;
--magenta:#d94cff;
--dark:#090014;
--dark2:#180029;
}


.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body{font-family:Inter,sans-serif;background:#fff;color:#333}
.hero{
background:
radial-gradient(circle at 20% 30%,rgba(217,76,255,.2),transparent 30%),
radial-gradient(circle at 80% 60%,rgba(17,207,255,.15),transparent 30%),
linear-gradient(180deg,#140021,#070010);
color:#fff;
text-align:center;
background-position: center;
background-size: cover;
position: relative;
height: 60dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hero-top{font-size:14px;opacity:.85;margin-bottom:15px}
.logo-box{
display:inline-block;
padding:15px 35px;
position: relative;
transition: all 0.3s;
z-index: 1;
}
.logo-box img{
	height: 30dvh;
	position: relative;
	z-index: 2;

}

.logo{
font-family:Oswald,sans-serif;
font-size:clamp(42px,7vw,78px);
font-weight:700;
line-height:1;
}
.logo .cyan{color:var(--cyan)}
.logo .magenta{color:var(--magenta)}
.people-row{
display:flex;justify-content:center;gap:10px;
left:0;
    position: absolute;
    width: 100%;
    bottom: 4vh;
    z-index: 3;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    left: 0;
    position: absolute;
    bottom: 0;
}

.people-row img{
	height: 26dvh;
}
.person{
width:120px;height:160px;border-radius:8px;
background:linear-gradient(180deg,#555,#222);
}
.menu-bar{
background:var(--cyan);
text-align:center;
}
.menu-bar a{
display:inline-block;padding:12px 25px;color:#fff;
text-decoration:none;text-transform:uppercase;font-weight:700
}
.intro{padding:50px 0;text-align:center}
.search-wrap{max-width:700px;margin:25px auto}
.search-wrap input{border-radius:30px}
.logo-grid .card-logo{
aspect-ratio:1/1;border-radius:8px;color:#fff;font-weight:700;
display:flex;align-items:center;justify-content:center;font-size:22px
}
.faq-title,.blog-title{
background:linear-gradient(90deg,var(--magenta),#b63be0);
color:#fff;text-align:center;padding:10px;
font-family:Oswald,sans-serif;font-size:28px
}
.faq-section{
/*background:
radial-gradient(circle,rgba(217,76,255,.22) 1px,transparent 2px);*/
background-size:16px 16px;
background-color:#0b0017;
padding:60px 0;
color:#fff;
}
.faq-card{text-align:center;padding:10px; position: relative;}



.faq-image{
height:260px;
background:linear-gradient(180deg,#666,#222);
border-radius:12px;
margin-bottom:20px;
}
.faq-pill{
display:inline-block;
background:var(--magenta);
padding:10px 24px;
border-radius:14px;
font-family:Oswald,sans-serif;
font-size:28px;
cursor:pointer;
}
.faq-card p{margin:15px auto 0}
.blog-section{padding:50px 0;background:#f3f3f3}
.blog-card{background:#fff}
.blog-image{
aspect-ratio:16/9;
background:linear-gradient(135deg,#bbb,#e7e7e7);
}
.blog-content{padding:15px}
.blog-content h3{
font-weight:700;
font-size:26px;
}
.more{font-size:12px;color:var(--cyan);font-weight:700;text-decoration:none}
footer{
background:linear-gradient(180deg,#10001b,#05000c);
padding:35px 0;color:#fff
}
.footer-logo{
font-family:Oswald,sans-serif;
font-size:48px;font-weight:700
}
.footer-logo span{color:var(--cyan)}

.bgl,.bgr{
	position: absolute;
	z-index: 1;
	pointer-events: none;
	height: 100%;

}

.bgl img,.bgr img{
	height: 100%;
	width: auto;
	pointer-events: none;
}

.bgl{
	left: 0;
	top: 0;
	text-align: left;
}

.bgr{
	right: 0;
	top: 0;
	text-align: right;
}

.flapr,.flapl{
	position: absolute!important;
	height: 19dvh!important;
	transition: all 0.3s;
}


.flapr{
	right: -114px;
	top: 7dvh;
}

.flapl{
	left: -114px;
	top: 7dvh;
}
.container:hover .logo-box{
	transform: scale(1.07) translate3D(0px, 10px, 100px);

	z-index: 1;
}

.container:hover .flapr{
	transform: rotateZ(-10deg) scale(1.07);
}

.container:hover .flapl{
	transform: rotateZ(10deg) scale(1.07);
}



.faq-image-people img{
	height: 50vh;
	transition: all 0.3s;
}

.faq-image-people:hover img{
	transform: scale(1.1);
}
.faq-pill{
	position: relative;
	z-index: 1;

}

.containerb .flapr{
    right: 8vw;
    top: 2vh;
}

.containerb .flapl{
    left: 8vw;
    top: 2vh;
}

.hero-top{
	position: relative;
	z-index: 2;
}

.faq-card:hover .flapr{
	transform: scale(1.1) rotate(15deg);
}

.faq-card:hover .flapl{
	transform: scale(1.1) rotate(-15deg);
}

.blog-image{
	background-size: cover;
	background-position: center;
}
.containerb{
	overflow: hidden;
}

strong{
	font-weight: 600;
}

body *,h3,h2,h1{
	font-family: Oswald!important;
}

.card-logo,.blog-card{
	cursor: pointer;
	transition: all 0.3s;
}


.card-logo:hover,.blog-card:hover{
	transform: scale(1.1);
}

.faq-text{
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.7);
    padding: 40px;
    display: none;
}

.close{
    position: absolute;
    top: 2px;
    right: 0px;
}

.content-center{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	padding: 100px 25vw;
	background: #1a1f2f;
}

.fancybox-button.fancybox-close-small{
	background: #fff;
	color: #1c1c1c;
	top: 5px;
	right: 5px;
}

.content-center h1{

font-size: 1.5rem!important}

@media(max-width:1200px){
	.logo-box img{
		height: 24dvh;
	}
    

}