:root {
	/* --primary: #1973fe; */
	--primary: #d12328;
	--secondary: #0a1f44;
	--primary-invert: #fff;
	--secondary-invert: #fff;

	/* --gradient-primary: linear-gradient(25deg, #1973FE, #1973fe); */
	--gradient-primary: linear-gradient(25deg, #d12328, #f0692f);
	--gradient-secondary: linear-gradient(230deg, #0a1f44, #020024);

	/* EXTRA COLORS */
	--Green: #00a761;
	--Yellow: #f2b100;
	--Blue: #06b7f9;
	--Purple: #7a7aff;

	/* DEFAULT COLOR OF TEXTS */
	--text-primary: #0a1f44;

	/* FOR BUTTONS & INPUTS */
	--elements-roundness: 4px;

	--space-between-blocks: 5.3rem;
	/* for mobiles */
	--space-between-blocks-small-screens: 3rem;
}

@font-face {
	font-family: Preevio;
	src: url(https://bizpage.my/assets/fonts/Preevio_Regular.otf);
	font-weight: 400;
	letter-spacing: 0.5px;
}

@font-face {
	font-family: Preevio;
	src: url(https://bizpage.my/assets/fonts/Preevio_Medium.otf);
	font-weight: 700;
	letter-spacing: 0.5px;
}

body {
	font-family: 'Preevio';
	color: var(--text-primary);
}

@media only screen and (min-width: 992px) {
	.container {
		max-width: 1400px !important;
	}
}

.space-between-blocks {
	padding-top: var(--space-between-blocks-small-screens);
	padding-bottom: var(--space-between-blocks-small-screens);
}

@media (min-width: 992px) {
	.space-between-blocks {
		padding-top: var(--space-between-blocks);
		padding-bottom: var(--space-between-blocks);
	}
}

/* ----------------- BUTTONS ------------------- */

button {
	color: inherit;
	padding: 0;
	background: none;
	border: none;
}

button:focus {
	outline: none;
	box-shadow: none;
}

.btn {
	font-size: 0.87rem;
	padding: 0.8rem 2rem;
	border: none;
	border-radius: var(--elements-roundness);
	transition: 0.2s all;
	box-shadow: 0 10px 30px 0px rgb(0 0 0 / 5%);
}

.btn,
.btn:hover,
.btn:focus {
	outline: none;
}

.btn:hover,
.btn:focus {
	transform: scale(1.05);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
	background: var(--gradient-primary, --primary);
	color: var(--primary-invert);
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
	background: white;
	color: var(--text-primary);
	border: 1px solid #e4e5e7;
}

.btn-primary--empty,
.btn-primary--empty:hover,
.btn-primary--empty:focus {
	color: var(--primary);
}

.btn-primary--outline,
.btn-primary--outline:hover,
.btn-primary--outline:focus {
	background: white;
	color: var(--primary);
	border: 1px solid var(--primary);
}

.btn--green,
.btn--green:hover,
.btn--green:focus {
	background: var(--Green);
	color: white;
}

.btn--yellow,
.btn--green:hover,
.btn--green:focus {
	background: var(--Yellow);
	color: white;
}

.btn--purple,
.btn--green:hover,
.btn--green:focus {
	background: var(--Purple);
	color: white;
}

.btn--blue,
.btn--green:hover,
.btn--green:focus {
	background: var(--blue);
	color: white;
}

.btn-sm {
	padding: 0.8rem;
}

.highlight {
	color: var(--primary)
}

.highlight--green {
	color: var(--Green);
}

.highlight--yellow {
	color: var(--Yellow);
}

.highlight--blue {
	color: var(--Blue);
}

.highlight--purple {
	color: var(--Purple);
}

/* block header */

.block__header {
	margin-bottom: 2rem;
}

.block__title {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}

.block__title--big {
	font-weight: 700;
	font-size: 2rem;
	font-weight: 700;
}

@media (min-width: 992px) {
	.block__title {
		font-size: 2.5rem;
	}

	.block__title--big {
		font-size: 4.1rem;
		line-height: 1.2;
	}

	.block__header {
		margin-bottom: 4rem;
	}
}

.block__paragraph {
	font-weight: 400;
	font-size: 1.1rem;
	line-height: 1.5;
	opacity: 0.9;
}

.block__paragraph--big {
	font-size: 1.1rem;
	font-weight: 400;
}

@media (min-width: 992px) {
	.block__paragraph--big {
		font-size: 1.4rem;
		line-height: 1.6;
	}
}


/* Icons */

.fr-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 3px;
	color: var(--primary);
	background: none;
	margin-bottom: 1.5rem;
	transition: .5s;
}

.fr-icon--medium {
	font-size: 1.5rem;
	height: 3rem;
	width: 3rem;
}

.fr-icon--large {
	font-size: 1.2rem;
	height: 3.25rem;
	width: 3.25rem;
}

@media (min-width: 992px) {
	.fr-icon--large {
		height: 3.8rem;
		width: 3.8rem;
		font-size: 1.9rem;
	}
}

/* Put your blocks here */