:root {
	scroll-behavior: smooth;





	--main-color: #1A2B5B; 
	--header-height: 335px;  
	--box-radius: 8px; 


	--accent-color: #1A2B5B; 
	--input-color: #E8F0FF;   


	--tooltip-color: var(--accent-color);
	--tooltip-text: #fff;







	--other-color: #168581;
	--other-color: #00535F;
	--other-color: #006EA0;
	--other-color: #00B5C6;
	--other-color: #33CCFF;
	--other-color: #00C6C2;


	--tablet-width: 991px;
	--mobile-width: 767px;
}


@media (prefers-color-scheme: dark) {
	:root {

		--tooltip-color: #fff;
		--tooltip-text: var(--main-color);
	}
}



.btn-theme,
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active {
	background-color: var(--main-color) !important;
	color: #fff !important;
}


.cta,
.cta:hover,
.cta:focus,
.cta:active {
	background-color: #FF9900 !important;
	border-color: #FF8F00 !important;
}


.btn-green,
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
	background-color: #5cdb5c !important;
	border-color: #5cdb5c !important;
}
.btn-red,
.btn-red:hover,
.btn-red:focus,
.btn-red:active {
	background-color: #ff0021 !important;
	border-color: #ff0021 !important;
}
.btn-yellow,
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active {
	background-color: #ffff00 !important;
	border-color: #ffff00 !important;
}
.btn-orange,
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
	background-color: #ffa500 !important;
	border-color: #ffa500 !important;
}

.bg-purple,
.bg-purple:hover,
.bg-purple:focus,
.bg-purple:active {
	background-color: var(--bs-indigo) !important;
	border-color: var(--bs-indigo) !important;
}

.bg-pink,
.bg-pink:hover,
.bg-pink:focus,
.bg-pink:active {
	background-color: var(--bs-pink) !important;
	border-color: var(--bs-pink) !important;
}

.bg-teal,
.bg-teal:hover,
.bg-teal:focus,
.bg-teal:active {
	background-color: var(--bs-teal) !important;
	border-color: var(--bs-teal) !important;
}

.text-orange {
	color: var(--bs-orange) !important;
}

.table-active {
	--bs-table-accent-bg: var(--input-color) !important;
}