@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap");

/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--brand-button-color: #3A57FC;
	--bs-font-sans-serif: "Montserrat", sans-serif;
	--bs-body-font-family: "Montserrat", sans-serif;
}

html,
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fa-brands):not(.fa-solid):not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
button,
input,
select,
textarea {
	font-family: "Montserrat", sans-serif !important;
}

button:not(.cnvs-hamburger):not(.btn-close),
.btn:not(.btn-close),
.button,
a.button,
.tj-primary-btn,
.thm-btn,
.auth-btn,
.submit-btn,
.btn-submit {
	background: var(--brand-button-color) !important;
	background-color: var(--brand-button-color) !important;
	border-color: var(--brand-button-color) !important;
	color: #fff !important;
}

.btn-outline-primary,
.btn-outline-danger,
.btn-outline-secondary,
.btn-outline-warning,
.btn-outline-success,
.btn-outline-info,
.btn-link,
.btn-label-secondary,
.btn-label-danger,
.btn-label-primary,
.btn-light,
.button-white,
.button-light {
	background: var(--brand-button-color) !important;
	background-color: var(--brand-button-color) !important;
	border-color: var(--brand-button-color) !important;
	color: #fff !important;
}

.btn:hover,
.button:hover,
.tj-primary-btn:hover,
.thm-btn:hover,
.auth-btn:hover,
.submit-btn:hover,
.btn-submit:hover,
.btn:focus,
.button:focus,
.tj-primary-btn:focus,
.thm-btn:focus,
.auth-btn:focus,
.submit-btn:focus,
.btn-submit:focus {
	background: var(--brand-button-color) !important;
	background-color: var(--brand-button-color) !important;
	border-color: var(--brand-button-color) !important;
	color: #fff !important;
}