html.theme-dark {
	--ui-color: #000000;
	--app-bg: #000000;
	--ui-bg: #000000;

	--text-color: #f5f5f7;
	--sub-text-color: #f5f5f799;
	--line-color: #ffffff33;
	--link-color: #0099ff;

	--section-bg: #161616;
	--section-global-bg: #1d1d1f;
	--section-light-bg: #222224;
	--section-light2-bg: #303032;
	--section-dark-bg: #111111;
	--section-black-bg: #000000;

	--button-bg: #f5f5f7;
	--button-text: #1d1d1f;
	--button-hover-bg: #ffffff;
	--button-hover-text: #000000;

	color-scheme: dark;
}

html.theme-light {
	--ui-color: #ffffff;
	--app-bg: #ffffff;
	--ui-bg: #ffffff;

	color-scheme: light;
}

html.theme-dark body.page-id-24262 {
	--ui-color: #ff0000 !important;
}

html,
body {
	background-color: var(--app-bg) !important;
}

.new-sec {
	background-color: var(--ui-bg) !important;
}

bold,
strong,
.theme-dark,
.theme-light,
.dark-title,
.dark-text,
.dark-link,
.dark-link a,
.dark-line,
.dark-line a,
.dark-sec,
.dark-black,
.dark-button a.elementor-button,
.dark-sec-global,
.dark-sec-light,
.elementor-heading-title,
.dark-sub-title .elementor-heading-title {
	transition: none !important;
}

.dark-sec {
	background-color: var(--section-bg) !important;
}

.dark-sec-global {
	background-color: var(--section-global-bg) !important;
}

.dark-sec-light {
	background-color: var(--section-light-bg) !important;
}

.dark-sec-light2 {
	background-color: var(--section-light2-bg) !important;
}

.dark-sec-dark {
	background-color: var(--section-dark-bg) !important;
}

.dark-sec-black,
.dark-black {
	background-color: var(--section-black-bg) !important;
}

.title-dark,
.elementor-heading-title,
.title-dark-btn button {
	color: var(--text-color);
}

.dark-title .elementor-heading-title {
	color: var(--text-color) !important;
}

.dark-sub-title .elementor-heading-title {
	color: var(--sub-text-color) !important;
}

.dark-text,
.dark-text .elementor-widget-container {
	color: var(--text-color) !important;
}

.dark-line {
	background-color: var(--line-color) !important;
}

.dark-button a.elementor-button {
	background-color: var(--button-bg) !important;
	color: var(--button-text) !important;
}

.dark-button a.elementor-button:hover {
	background-color: var(--button-hover-bg) !important;
	color: var(--button-hover-text) !important;
}

.dark-button a.elementor-button:active {
	background-color: var(--button-bg) !important;
	color: var(--button-text) !important;
}

.dark-link a {
	color: var(--link-color);
}

.dark-link a:hover {
	text-decoration: underline;
}

.dark-link a:active {
	text-decoration-color: transparent;
}