@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1200px;
	}
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 5rem;
}

.py-lg-60-125 {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media (min-width: 960px) {
	.py-lg-60-125 {
		padding-top: 125px;
		padding-bottom: 125px;
	}
}

.pb-lg-60-125 {

	padding-bottom: 60px;
}

@media (min-width: 960px) {
	.pb-lg-60-125 {

		padding-bottom: 125px;
	}
}

.pt-lg-60-125 {
	padding-top: 60px;

}

@media (min-width: 960px) {
	.pt-lg-60-125 {
		padding-top: 125px;

	}
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "Figtree", sans-serif;
	
}

p,
a,
li,
span {
	font-family: "IBM Plex Sans", sans-serif;
}


#bootscore-navbar li a {
	color: #ffffff;
	font-weight: 600;
}

#bootscore-navbar ul.dropdown-menu li a {
	color: #000000;
	font-weight: 600;
}

#nav-main a.navbar-brand img {
	height: 100px !important;
}
#hero .headline {
font-family: 'Figtree', sans-serif; 
font-weight: 500; 
font-size: 16px; 
line-height: 33px;
}
#hero .title {
font-size: 35px !important; 

font-weight: 700 !important;
}
#hero .text {
font-family: 'Figtree', sans-serif; 
font-weight: 500; 
font-size: 18px; 
line-height: 33px;
}
@media (min-width: 992px) {
#hero .headline {
font-family: 'Figtree', sans-serif; 
font-weight: 500; 
font-size: 27px; 
line-height: 33px;
}
#hero .title {
font-size: 74px !important; 
line-height: 82px !important; 
font-weight: 700 !important;
}
#hero .text {
font-family: 'Figtree', sans-serif; 
font-weight: 500; 
font-size: 22px; 
line-height: 33px;
}
}
/* From Uiverse.io by adeladel522 */
.button {
	position: relative;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	padding-block: 0.5rem;
	padding-inline: 1.25rem;
	//background-color: rgb(0 107 179);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #ffff;
	gap: 10px;
	//font-weight: bold;
	border: 3px solid #ffffff4d;
	outline: none;
	overflow: hidden;
	font-size: 15px;
	text-decoration: none;
}

.icon {
	width: 24px;
	height: 24px;
	transition: all 0.3s ease-in-out;
}

.button:hover {
	transform: scale(1.05);
	border-color: #fff9;
}

.button:hover .icon {
	transform: translate(4px);
}

.button:hover::before {
	animation: shine 1.5s ease-out infinite;
}

.button::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 100%;
	background-image: linear-gradient(120deg,
			rgba(255, 255, 255, 0) 30%,
			rgba(255, 255, 255, 0.8),
			rgba(255, 255, 255, 0) 70%);
	top: 0;
	left: -100px;
	opacity: 0.6;
}

@keyframes shine {
	0% {
		left: -100px;
	}

	60% {
		left: 100%;
	}

	to {
		left: 100%;
	}
}



/* Initial state of the header */
#masthead {
	transition: border-bottom 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	border-bottom: 1px solid transparent;
	/* Keeps layout stable */
}

/* State when scrolled */
#masthead.scrolled {
	border-bottom: 1px solid #ffffff3d;

	/* Change color/width as needed */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	/* Optional: adds depth */
}

.card-style {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	position: relative;
	border-radius: 16px;
	z-index: 1;
	overflow: hidden;
	transition: all .3s ease;
	border-radius: .875rem;
	border-width: 1px;
	border-color: #ffffff5c;
	background: #00002d !important;

}

.card-style:hover {
	border-color: #ffffff;
	transform: translateY(-8px);
	box-shadow: 10px -3px 54px #744eff38;

}

.bg-gradient-1 {
	background: #1d1030;
	background: -webkit-linear-gradient(90deg, rgba(29, 16, 48, 1) 0%, rgba(9, 9, 121, 1) 92%);
	background: -moz-linear-gradient(90deg, rgba(29, 16, 48, 1) 0%, rgba(9, 9, 121, 1) 92%);
	background: linear-gradient(90deg, rgba(29, 16, 48, 1) 0%, rgba(9, 9, 121, 1) 92%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1D1030", endColorstr="#090979", GradientType=1);
}
.bg-gradient-2 {
background: #00002D;
background: -webkit-linear-gradient(180deg, rgba(0, 0, 45, 1) 0%, rgba(9, 9, 121, 1) 93%);
background: -moz-linear-gradient(180deg, rgba(0, 0, 45, 1) 0%, rgba(9, 9, 121, 1) 93%);
background: linear-gradient(180deg, rgba(0, 0, 45, 1) 0%, rgba(9, 9, 121, 1) 93%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00002D", endColorstr="#090979", GradientType=0);
}

.bg-dark-blue-1 {
	background: #00002d;
}

.bg-blue-2 {
	background: #090979 !important;
}

.nav-link:hover {
	background-color: #ffffff1f;
	border-color: #00000000;
	color: #ffffff;
	border-radius: 15px;
}

#bootscore-navbar {
margin-top: 8px !important;
}

.vh100 {
height: 100vh;
}

.vh10 {
height: 10vh;
}

.mt-n05 {
margin-top: -5px !important;
}

.ast-container {
padding: 0;
}

.ast-mobile-header-wrap .ast-primary-header-bar, .ast-primary-header-bar .site-primary-header-wrap

 {
    min-height: 80px;
    max-width: 980px !important;
    }
@media (min-width: 922px) {
    .site-content .ast-container

 {
        /* display: flex; */
        flex-direction: column;
    }
}

header {
    position: sticky !important;
    top: 0;
    border-bottom: 0 !important;
}

.sub-menu a.menu-link {
color: #000000 !important;
}


.inavii-view__header-name,
.inavii-view__header-username,
.inavii-view__header-stats {
color: #ffffff !important;
}