html {
	scroll-behavior: smooth;
}

body {
	font-family: Inter, arial;
}

.dropdown-menu {
	max-height: 300px;
	overflow-y: scroll;
}

.responsive-iframe {
	width: 100%;
	height: 100%;
	min-height: 75vh;
}

.cursor-pointer {
	cursor: pointer;
}

.bggrad {
	position: relative;
	&::before {
		position: absolute;
		content: "";
		inset: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, #1A4DBE 0%, #AE5EBE 100%);
		opacity: 0.1;
		z-index: -1;
	}
}

.custom-font-1 {
	font-family: Lexend Deca, arial;
}

.custom-font-2 {
	font-family: Roboto, arial;
}

@media (min-width: 992px) {
	.card-container {
		max-width: 900px !important;
	}
}