@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');

@layer utilities {
	.pause {
		animation-play-state: paused;
	}
}

* {
	font-family: 'Lexend', sans-serif;
}

button {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
	margin: 0;
	padding: 0;
}

/* ========== Header ========== */
header.hack-header {
	box-shadow: 0 0 9px 1px rgba(79, 75, 147, 0.15);
	z-index: 1000000;
}

.logreg {
	margin-right: 5%;
	cursor: pointer;
}

.logreg-div {
	margin-right: 10%;
	display: flex;
	margin-top: 3px;
}

.main-nav {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3333;
}

@media (max-width: 1000px) {
	.hack-desktop-nav {
		display: none;
	}
}
@media (min-width: 1000px) {
	.hack-mobile-nav {
		display: none;
	}
}

/* ========== Mobile Nav ========== */
.navnav {
	box-shadow: 0 0 9px 1px rgba(79, 75, 147, 0.15);
}
@media (max-width: 767px) {
	.navnav {
		position: fixed;
		top: 0;
		z-index: 33333 !important;
		width: 100%;
	}
}

/* ========== Footer ========== */
.hack-container-footer {
	max-width: 1400px;
	position: relative;
	margin: 0px auto;
}
.hack-footer a {
	transition: 0.3s;
}
.hack-footer a:hover {
	color: #543b7d;
}
.hack-footer-bg {
	padding-top: 4rem;
	padding-right: 3rem;
	padding-left: 3rem;
	background-image: url('../images/footerbg.svg');
	background-repeat: no-repeat;
	background-size: cover;
}
.hack-svg-color {
	margin-left: 5px;
	filter: brightness(0) saturate(100%) invert(24%) sepia(10%) saturate(4140%) hue-rotate(223deg) brightness(95%) contrast(86%);
}
.hack-footer-top {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 0px 40px;
}
.hack-footer-logo {
	margin-bottom: 10px;
}
.hack-footer ul {
	padding: 0;
	margin: 0;
}
.hack-footer li {
	list-style: none;
}
.hack-footer-icon {
	display: flex;
	font-size: 30px;
}
.hack-footer-bottom {
	padding: 0px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hack-footer-bottom p {
	line-height: 20px;
}
.hack-divider {
	height: 1px;
	background-color: #002f4c;
	margin: 20px 40px;
}
.hack-svg-ln,
.hack-svg-fb,
.hack-svg-insta,
.hack-svg-twitter,
.hack-svg-yt {
	transition: 0.3s;
	filter: brightness(0) saturate(100%) invert(0%) sepia(5%) saturate(5244%) hue-rotate(76deg) brightness(117%) contrast(91%);
}
.hack-svg-ln:hover {
	filter: brightness(0) saturate(100%) invert(27%) sepia(91%) saturate(1414%) hue-rotate(175deg) brightness(97%) contrast(89%);
}
.hack-svg-fb:hover {
	filter: brightness(0) saturate(100%) invert(46%) sepia(97%) saturate(4147%) hue-rotate(201deg) brightness(96%) contrast(97%);
}
.hack-svg-insta:hover {
	filter: brightness(0) saturate(100%) invert(27%) sepia(59%) saturate(2541%) hue-rotate(262deg) brightness(86%) contrast(87%);
}
.hack-svg-yt:hover {
	filter: brightness(0) saturate(100%) invert(16%) sepia(79%) saturate(7483%) hue-rotate(358deg) brightness(101%) contrast(110%);
}
.hack-svg-twitter:hover {
	filter: brightness(0) saturate(100%) invert(60%) sepia(52%) saturate(4882%) hue-rotate(176deg) brightness(100%) contrast(90%);
}
.hack-footer h3 {
	font-size: 22px;
	font-weight: 700;
}
.hack-footer-icon-wrapper {
	display: flex;
	align-items: center;
}
.hack-footer-title {
	font-weight: 700;
}
@media (max-width: 1200px) {
	.hack-container-footer {
		max-width: 1000px;
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 992px) {
	.hack-container-footer {
		width: 100%;
		padding: 30px 0px 0px 0px;
	}
	.hack-footer-bg {
		padding-top: 3rem;
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.hack-footer-top {
		align-items: baseline;
	}
	.hack-footer-icon {
		font-size: 22px;
	}
	.hack-footer-logo {
		margin-bottom: 10px;
	}
	.hack-footer-bg {
		padding-right: 0;
		padding-left: 0;
	}
}
@media (max-width: 768px) {
	.footer-header {
		margin-left: 23%;
	}
	.hack-footer .hacklogo {
		width: 13px;
	}
	.hack-footer-title {
		margin-top: 10px;
	}
	.hack-footer-top {
		flex-wrap: wrap;
	}
	.hack-footer h3 {
		margin-top: 20px;
	}
	.hack-footer-icon-wrapper {
		align-items: baseline;
	}
	.hack-footer-bottom {
		align-items: baseline;
		flex-direction: column;
		align-items: flex-start;
	}
}
@media (max-width: 600px) {
	.hack-footer-bg {
		background-image: none;
		padding-top: 0;
	}
	.hack-footer {
		background-color: #f5f5f5;
		font-size: 12px;
	}
	.hack-footer-bottom p {
		width: 100%;
	}
	.hack-footer-logo {
		margin-bottom: 20px;
	}
	.hack-footer-icon {
		column-gap: 0px;
		justify-content: center;
	}
	.hack-left {
		flex: 0 0 100%;
	}
	.hack-about {
		flex: 0 0 auto;
	}
	.hack-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}
@media (max-width: 480px) {
	.hack-about {
		flex: 0 0 auto;
	}
	.hack-footer-top {
		padding: 0 20px;
	}
	.hack-footer-bottom {
		padding: 0 20px;
	}
	.hack-divider {
		margin: 20px 20px;
	}
	.hack-footer-logo {
		margin-bottom: 10px;
	}
}

/* ========== Hero Section ========== */
.hack-font {
	font-size: 32px;
	line-height: 3.3rem;
}
.hack-btn:hover img {
	right: 7%;
}
.hack-svg-white {
	filter: brightness(0) saturate(100%) invert(100%) sepia(51%) saturate(828%) hue-rotate(295deg) brightness(123%) contrast(100%);
}
@media (max-width: 768px) {
	.hack-font {
		font-size: 35px;
		line-height: 3rem;
	}
	.topPos {
		padding-top: 25px;
	}
}

/* ========== Trusted By (home) ========== */
@media (max-width: 768px) {
	.core-trusted {
		top: 0;
		left: 0;
		right: 0;
		font-size: 16px;
		display: grid !important;
		column-gap: 15px !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* ========== Social Responsible ========== */
@media (max-width: 768px) {
	.core-social {
		top: 0;
		left: 0;
		right: 0;
		font-size: 16px;
		display: grid !important;
	}
	.phone-social {
		display: flex;
		justify-content: space-between;
	}
	.phone-w1 {
		width: 70% !important;
		padding: 4px !important;
		margin: auto;
	}
	.phone-w2 {
		width: 65% !important;
		padding: 4px !important;
		margin: auto;
	}
}

/* ========== Clients Flow (Marquee) ========== */
@keyframes coverflow {
	from { transform: translateX(0); }
	to { transform: translateX(-100%); }
}
.animate-coverflow {
	animation: coverflow 30s linear infinite;
}
.group:hover .animate-coverflow {
	animation-play-state: paused;
}

/* ========== Details Nav ========== */
.details-nav-active {
	border-bottom: 2px solid #543B7D;
	color: #543B7D;
}
.hack-banner {
	background: url('../images/bg.png');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* ========== Privacy / Terms ========== */
.hack-terms-title h1 {
	-webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
	display: inline-block;
	background-color: #543b7d;
}

/* ========== Contact Us ========== */
.hack-card-contact {
	background: #543b7d;
}

/* ========== FAQ ========== */
.acrdion-btn {
	display: flex;
	color: inherit;
	cursor: pointer;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #e9e7e7;
	padding: 5px 0px;
}
.acrdion-btn svg {
	transition: transform 0.2s ease-in;
}
.acrdion-btn[aria-expanded='true'] svg {
	transform: rotate(0.25turn);
}

/* ========== Blog Detail ========== */
.hack-blog-section {
	padding: 70px 0px 50px 0px;
	display: flex;
	justify-content: center;
}
.hack-blog-container {
	max-width: 800px;
}
.hack-heading-blog {
	color: rgb(3, 27, 78);
	font-family: Epilogue, sans-serif;
	font-size: 32px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 40px;
	word-break: break-word;
}
.hack-title-img {
	border-radius: 10px;
	width: 100%;
}
@media (max-width: 1200px) {
	.hack-blog-container { max-width: 800px; }
}
@media (max-width: 992px) {
	.hack-blog-container { max-width: 768px; }
}
@media (max-width: 768px) {
	.hack-blog-container { max-width: 600px; }
}
@media (max-width: 600px) {
	.hack-blog-container { max-width: 95%; margin: auto; }
}

/* ========== Blog Card ========== */
.blog-card {
	transition: background-color 0.3s;
}
.blog-card:hover {
	background-color: #F3F4F6;
}

/* ========== Login ========== */
.hack-col-2-login {
	width: 60%;
	min-height: 100vh;
	display: flex;
	align-items: center;
}
.hack-col-1-login {
	width: 40%;
	min-height: 100vh;
}
.hack-row-login {
	display: flex;
}
@media (max-width: 1200px) {
	.hack-col-2-login { width: 50%; }
	.hack-col-1-login { width: 50%; }
}
@media (max-width: 992px) {
	.hack-col-2-login { width: 100%; }
	.hack-col-1-login { display: none; }
}
@media (max-width: 600px) {
	.hack-col-2-login { width: 100%; height: max-content; }
}

/* AuthLeft */
.hack-auth-bg {
	background-image: linear-gradient(270deg, #b8c6db -4.7%, #f5f7fa 65.56%);
	background: linear-gradient(270deg, #b8c6db -4.7%, #f5f7fa 65.56%);
	border-radius: 0px 70px 70px 0px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

/* Login Form */
.hack-content-box {
	width: 500px;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}
.hack-sign-in-text {
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.hack-content-box { width: 400px; }
}
@media (max-width: 600px) {
	.hack-content-box { width: 300px; margin: 30px auto; }
}

/* ========== Ambassador / Affiliate ========== */
.campus-child,
.campus-item {
	position: absolute;
	top: 1545.2px;
	left: -453.94px;
	background-color: #fde9ff;
	width: 2643px;
	height: 736px;
	transform: rotate(12.54deg);
	transform-origin: 0 0;
	z-index: 1 !important;
}
.campus-item {
	top: 81.1px;
	left: -682.32px;
	width: 2124.7px;
	height: 1101.02px;
	transform: rotate(-20.26deg);
	z-index: 1 !important;
}
.campus {
	position: relative;
	background-color: #fff;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: left;
	font-size: 24px;
	color: #000;
	font-family: Inter;
	z-index: 1 !important;
}

/* ========== Builder Hero ========== */
.hack-font-builder {
	font-size: 46px;
	font-weight: 600;
	line-height: 3.3rem;
}
@media (max-width: 768px) {
	.hack-font-builder {
		font-size: 35px;
		line-height: 3rem;
	}
}

/* ========== Clients Carousel (About Page) ========== */
.hack-masonary-container {
	overflow: hidden;
}
.hack-slide-track {
	display: flex;
	width: calc(200px * 14);
	animation: scroll-clients 20s linear infinite;
}
.hack-slide-track:hover {
	animation-play-state: paused;
	cursor: pointer;
}
.hack-slide {
	width: 200px;
}
@keyframes scroll-clients {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-200px * 7)); }
}
.img-second-row {
	transform: translateX(-50%);
}
.hack-slide img {
	height: 100px;
	width: 200px;
	object-fit: contain;
}

/* ========== Dropdown Styles ========== */
.dropdown-menu {
	display: none;
}
.dropdown-menu.show {
	display: block;
}

/* ========== Mobile Nav Slide ========== */
.mobile-menu {
	display: none;
}
.mobile-menu.show {
	display: block;
}