/* ============================================
   PERFORMANCE OPTIMIZATIONS - Làm mượt trang
   ============================================ */

/* Tối ưu rendering và tránh layout shift */
html {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

body {
	/* Tránh FOUC (Flash of Unstyled Content) */
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

body.loaded {
	opacity: 1;
}

/* Tối ưu cho các phần tử được load động */
#header-placeholder,
#footer-placeholder {
	min-height: 70px; /* Tránh layout shift khi header load */
	content-visibility: auto;
	contain-intrinsic-size: auto 70px;
}

/* GPU acceleration cho animations */
.mobile-menu,
.menu-overlay,
.hotro-menu,
.hotro-overlay,
.copy-popup-global,
.error-popup {
	will-change: transform, opacity;
	transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000px;
}

/* Tối ưu transitions với easing mượt hơn */
* {
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Tối ưu cho images */
img {
	content-visibility: auto;
	will-change: auto;
}

img[loading="lazy"] {
	content-visibility: auto;
}

/* Tối ưu cho sections lớn */
section {
	content-visibility: auto;
	contain-intrinsic-size: auto 500px;
}

/* Tối ưu scroll */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

/* Tắt animations khi tab không active để tiết kiệm tài nguyên */
@media (prefers-reduced-motion: no-preference) {
	body:not(.tab-active) [class*="animate"],
	body:not(.tab-active) [class*="animation"] {
		animation-play-state: paused !important;
	}
}

/* Tối ưu cho các phần tử có animation - will-change được thêm vào từng animation riêng */

/* Font loading optimization - Performance */
@font-face {
	font-family: 'Roboto';
	font-display: swap;
}

@font-face {
	font-family: 'Dancing Script';
	font-display: swap;
}

/* Images với alt="" rỗng là decorative - Accessibility */
img[alt=""] {
	aria-hidden: true;
}

/* ============================================
   EXTRACTED CSS FROM index.html
   ============================================ */

/* wp-img-auto-sizes-contain-inline-css */
img:is([sizes=auto i], [sizes^="auto," i]) {
	contain-intrinsic-size: 3000px 1500px
}

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


/* wp-emoji-styles-inline-css */
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

/*# sourceURL=wp-emoji-styles-inline-css */


/* wp-block-library-inline-css */
:root {
	--wp-block-synced-color: #7a00df;
	--wp-block-synced-color--rgb: 122, 0, 223;
	--wp-bound-block-color: var(--wp-block-synced-color);
	--wp-editor-canvas-background: #ddd;
	--wp-admin-theme-color: #007cba;
	--wp-admin-theme-color--rgb: 0, 124, 186;
	--wp-admin-theme-color-darker-10: #006ba1;
	--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
	--wp-admin-theme-color-darker-20: #005a87;
	--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
	--wp-admin-border-width-focus: 2px
}

@media (min-resolution:192dpi) {
	:root {
		--wp-admin-border-width-focus: 1.5px
	}
}

.wp-element-button {
	cursor: pointer
}

:root .has-very-light-gray-background-color {
	background-color: #eee
}

:root .has-very-dark-gray-background-color {
	background-color: #313131
}

:root .has-very-light-gray-color {
	color: #eee
}

:root .has-very-dark-gray-color {
	color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
	background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-purple-crush-gradient-background {
	background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-hazy-dawn-gradient-background {
	background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-subdued-olive-gradient-background {
	background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
	background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
	background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
	background: linear-gradient(135deg, #020381, #2874fc)
}

:root {
	--wp--preset--font-size--normal: 16px;
	--wp--preset--font-size--huge: 42px
}

.has-regular-font-size {
	font-size: 1em
}

.has-larger-font-size {
	font-size: 2.625em
}

.has-normal-font-size {
	font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
	font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
	text-align: center
}

.has-text-align-left {
	text-align: left
}

.has-text-align-right {
	text-align: right
}

.has-fit-text {
	white-space: nowrap !important
}

#end-resizable-editor-section {
	display: none
}

.aligncenter {
	clear: both
}

.items-justified-left {
	justify-content: flex-start
}

.items-justified-center {
	justify-content: center
}

.items-justified-right {
	justify-content: flex-end
}

.items-justified-space-between {
	justify-content: space-between
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important
}

.screen-reader-text:focus {
	background-color: #ddd;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

html :where(.has-border-color) {
	border-style: solid
}

html :where([style*=border-top-color]) {
	border-top-style: solid
}

html :where([style*=border-right-color]) {
	border-right-style: solid
}

html :where([style*=border-bottom-color]) {
	border-bottom-style: solid
}

html :where([style*=border-left-color]) {
	border-left-style: solid
}

html :where([style*=border-width]) {
	border-style: solid
}

html :where([style*=border-top-width]) {
	border-top-style: solid
}

html :where([style*=border-right-width]) {
	border-right-style: solid
}

html :where([style*=border-bottom-width]) {
	border-bottom-style: solid
}

html :where([style*=border-left-width]) {
	border-left-style: solid
}

html :where(img[class*=wp-image-]) {
	height: auto;
	max-width: 100%
}

:where(figure) {
	margin: 0 0 1em
}

html :where(.is-position-sticky) {
	--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
	html :where(.is-position-sticky) {
		--wp-admin--admin-bar--position-offset: 0px
	}
}

/*# sourceURL=wp-block-library-inline-css */


/* global-styles-inline-css */
:root {
	--wp--preset--aspect-ratio--square: 1;
	--wp--preset--aspect-ratio--4-3: 4/3;
	--wp--preset--aspect-ratio--3-4: 3/4;
	--wp--preset--aspect-ratio--3-2: 3/2;
	--wp--preset--aspect-ratio--2-3: 2/3;
	--wp--preset--aspect-ratio--16-9: 16/9;
	--wp--preset--aspect-ratio--9-16: 9/16;
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--color--primary: var(--primary-color);
	--wp--preset--color--secondary: #C05530;
	--wp--preset--color--success: #627D47;
	--wp--preset--color--alert: #b20000;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
	--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
	--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
	--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
	--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
	--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
	--wp--preset--font-size--small: 13px;
	--wp--preset--font-size--medium: 20px;
	--wp--preset--font-size--large: 36px;
	--wp--preset--font-size--x-large: 42px;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
	--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}

:where(body) {
	margin: 0;
}

.wp-site-blocks>.alignleft {
	float: left;
	margin-right: 2em;
}

.wp-site-blocks>.alignright {
	float: right;
	margin-left: 2em;
}

.wp-site-blocks>.aligncenter {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

:where(.is-layout-flex) {
	gap: 0.5em;
}

:where(.is-layout-grid) {
	gap: 0.5em;
}


.has-luminous-vivid-orange-color {
	color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
	color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
	color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
	color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
	color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
	color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
	color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-color {
	color: var(--wp--preset--color--primary) !important;
}

.has-secondary-color {
	color: var(--wp--preset--color--secondary) !important;
}

.has-success-color {
	color: var(--wp--preset--color--success) !important;
}

.has-alert-color {
	color: var(--wp--preset--color--alert) !important;
}

.has-black-background-color {
	background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
	background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
	background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
	background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
	background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
	background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
	background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
	background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
	background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
	background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-background-color {
	background-color: var(--wp--preset--color--primary) !important;
}

.has-secondary-background-color {
	background-color: var(--wp--preset--color--secondary) !important;
}

.has-success-background-color {
	background-color: var(--wp--preset--color--success) !important;
}

.has-alert-background-color {
	background-color: var(--wp--preset--color--alert) !important;
}

.has-black-border-color {
	border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
	border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
	border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
	border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
	border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
	border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
	border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
	border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
	border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
	border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-border-color {
	border-color: var(--wp--preset--color--primary) !important;
}

.has-secondary-border-color {
	border-color: var(--wp--preset--color--secondary) !important;
}

.has-success-border-color {
	border-color: var(--wp--preset--color--success) !important;
}

.has-alert-border-color {
	border-color: var(--wp--preset--color--alert) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
	background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
	background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
	background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
	background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
	background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
	background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
	background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
	background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
	background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
	background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
	font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
	font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
	font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
	font-size: var(--wp--preset--font-size--x-large) !important;
}

/*# sourceURL=global-styles-inline-css */


/* flatsome-main-inline-css */
@font-face {
	font-family: "fl-icons";
	font-display: block;
	src: url(../fonts/fl-icons1192.eot?v=3.20.3);
	src:
		url(../fonts/fl-icons.eot#iefix?v=3.20.3) format("embedded-opentype"),
		url(../fonts/fl-icons1192.woff2?v=3.20.3) format("woff2"),
		url(../fonts/fl-icons1192.ttf?v=3.20.3) format("truetype"),
		url(../fonts/fl-icons1192.woff?v=3.20.3) format("woff"),
		url(../fonts/fl-icons1192.svg?v=3.20.3#fl-icons) format("svg");
}

/*# sourceURL=flatsome-main-inline-css */


/* custom-css */
:root {
	--primary-color: #1463FF;
	--fs-color-primary: #1463FF;
	--fs-color-secondary: #C05530;
	--fs-color-success: #627D47;
	--fs-color-alert: #b20000;
	--fs-color-base: #ffffff;
	--fs-experimental-link-color: #334862;
	--fs-experimental-link-color-hover: #111;
}

.tooltipster-base {
	--tooltip-color: #fff;
	--tooltip-bg-color: #000;
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
	--drawer-width: 300px;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
	max-width: 1250px
}

.row.row-collapse {
	max-width: 1220px
}

.row.row-small {
	max-width: 1242.5px
}

.row.row-large {
	max-width: 1280px
}

.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
	background-color: #0a0b0b
}

.header-main {
	height: 90px
}

#logo img {
	max-height: 90px
}

#logo {
	width: 200px;
}

.header-top {
	min-height: 30px
}

.transparent .header-main {
	height: 90px
}

.transparent #logo img {
	max-height: 90px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
	padding-top: 90px;
}

.header.show-on-scroll,
.stuck .header-main {
	height: 70px !important
}

.stuck #logo img {
	max-height: 70px !important
}

.header-bg-color {
	background-color: #181817
}

.header-bottom {
	background-color: #f1f1f1
}

.header-main .nav>li>a {
	line-height: 16px
}

@media (max-width: 549px) {
	.header-main {
		height: 70px
	}

	#logo img {
		max-height: 70px
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	color: #ffffff;
}

body {
	font-size: 100%;
}

@media screen and (max-width: 549px) {
	body {
		font-size: 100%;
	}
}

body {
	font-family: Roboto, sans-serif;
}

body {
	font-weight: 500;
	font-style: normal;
}

.nav>li>a {
	font-family: Roboto, sans-serif;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
	font-family: Roboto, sans-serif;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
	font-weight: 700;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
	font-family: Roboto, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
	font-weight: 700;
	font-style: normal;
}

.alt-font {
	font-family: "Dancing Script", sans-serif;
}

.alt-font {
	font-weight: 400 !important;
	font-style: normal !important;
}

.header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
	color: var(--primary-color);
}

.header-nav-main.nav-line-bottom>li>a:before,
.header-nav-main.nav-line-grow>li>a:before,
.header-nav-main.nav-line>li>a:before,
.header-nav-main.nav-box>li>a:hover,
.header-nav-main.nav-box>li.active>a,
.header-nav-main.nav-pills>li>a:hover,
.header-nav-main.nav-pills>li.active>a {
	color: #FFF !important;
	background-color: var(--primary-color);
}

.nav-vertical-fly-out>li+li {
	border-top-width: 1px;
	border-top-style: solid;
}

/* Custom CSS */
@font-face {
	font-family: 'UTM Nokia';
	src: url('wp-content/themes/flatsome-child/fonts/UTM%20Nokia.ttf') format('truetype');
}

:root {
	--init-font-size: 1.1111111111111112vw;
	--theme-color: #E12E2D;
	--theme-color2: #213FAB;
	--color-yellow: var(--primary-color);
	--color-black: #0A0B0B;
	--color-grey: #D0D0D0;
	--black: #231f20;
	--section: 6.875rem;
	--1: 0.0625rem;
	--2: 0.125rem;
	--3: 0.1875rem;
	--4: 0.25rem;
	--5: 0.3125rem;
	--6: 0.375rem;
	--7: 0.4375rem;
	--8: 0.5rem;
	--9: 0.5625rem;
	--10: 0.625rem;
	--11: 0.6875rem;
	--12: 0.75rem;
	--13: 0.8125rem;
	--14: 0.875rem;
	--15: 0.9375rem;
	--16: 1rem;
	--17: 1.0625rem;
	--18: 1.125rem;
	--19: 1.1875rem;
	--20: 1.25rem;
	--21: 1.3125rem;
	--22: 1.375rem;
	--23: 1.4375rem;
	--24: 1.5rem;
	--25: 1.5625rem;
	--26: 1.625rem;
	--27: 1.6875rem;
	--28: 1.75rem;
	--29: 1.8125rem;
	--30: 1.875rem;
	--31: 1.9375rem;
	--32: 2rem;
	--33: 2.0625rem;
	--34: 2.125rem;
	--35: 2.1875rem;
	--36: 2.25rem;
	--37: 2.3125rem;
	--38: 2.375rem;
	--39: 2.4375rem;
	--40: 2.5rem;
	--41: 2.5625rem;
	--42: 2.625rem;
	--43: 2.6875rem;
	--44: 2.75rem;
	--45: 2.8125rem;
	--46: 2.875rem;
	--47: 2.9375rem;
	--48: 3rem;
	--49: 3.0625rem;
	--50: 3.125rem;
	--51: 3.1875rem;
	--52: 3.25rem;
	--53: 3.3125rem;
	--54: 3.375rem;
	--55: 3.4375rem;
	--56: 3.5rem;
	--57: 3.5625rem;
	--58: 3.625rem;
	--59: 3.6875rem;
	--60: 3.75rem;
	--61: 3.8125rem;
	--62: 3.875rem;
	--63: 3.9375rem;
	--64: 4rem;
	--65: 4.0625rem;
	--66: 4.125rem;
	--67: 4.1875rem;
	--68: 4.25rem;
	--69: 4.3125rem;
	--70: 4.375rem;
	--71: 4.4375rem;
	--72: 4.5rem;
	--73: 4.5625rem;
	--74: 4.625rem;
	--75: 4.6875rem;
	--76: 4.75rem;
	--77: 4.8125rem;
	--78: 4.875rem;
	--79: 4.9375rem;
	--80: 5rem;
	--81: 5.0625rem;
	--82: 5.125rem;
	--83: 5.1875rem;
	--84: 5.25rem;
	--85: 5.3125rem;
	--86: 5.375rem;
	--87: 5.4375rem;
	--88: 5.5rem;
	--89: 5.5625rem;
	--90: 5.625rem;
	--91: 5.6875rem;
	--92: 5.75rem;
	--93: 5.8125rem;
	--94: 5.875rem;
	--95: 5.9375rem;
	--96: 6rem;
	--97: 6.0625rem;
	--98: 6.125rem;
	--99: 6.1875rem;
	--100: 6.25rem;
}

p {
	margin-bottom: 8px;
}

.br16 img {
	border-radius: 16px
}

.col.boxicon_banner {
	flex-basis: 23%;
	max-width: 25%;
}

.boxicon_banner .col-inner {
	background: none;
	border: 1px solid var(--primary-color);
	border-radius: 10px;
	padding: 15px 20px;
}

.boxicon_banner .col-inner .icon-box {
	align-items: center;
}

.boxicon_banner .col-inner .icon-box .icon-box-img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.boxicon_banner .col-inner .icon-box-text {
	padding-left: 11px
}

.boxicon_banner .col-inner .icon-box .icon-box-text * {
	margin-bottom: 0px;
}

.boxicon_banner .col-inner .icon-box .icon-box-text h3 {
	color: var(--primary-color);
	font-size: 15px;
	margin-bottom: 3px
}

.boxicon_banner .col-inner .icon-box .icon-box-text p {
	font-size: 13px;
	line-height: 1rem;
	font-weight: 300 !important
}

.boxicon_banner .col-inner .icon-box .icon-box-img img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.head_banner h2 {
	/* font-family: 'UTM Nokia'; */
	font-weight: 800;
	font-size: 56px;
	margin-bottom: 0px;
	text-transform: uppercase
}

.head_banner h2 strong {
	color: var(--primary-color);
}

.btn_batdau span {
	color: #fff;
	font-weight: 500;
}

.btn_batdau {
	padding: 13px 20px;
	min-width: 200px;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.btn_batdau:after {
	content: "";
	width: 24px;
	height: 14px;
	background: url(../img/2025/10/icon_arrow.svg);
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
}

.card_border .col-inner {
	border: 1px solid var(--primary-color)78;
	padding: 24px;
	border-radius: 10px;
	background: #181817;
}

.card_border .text h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
}

.absolute-footer {
	display: none;
}

#footer:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 50%, var(--primary-color) 100%);
}

.social-icons {
	gap: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.social-icons .icon {
	background-color: #2E2E2E !important;
	border: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0px;
}

.social-icons .icon i {
	color: var(--primary-color) !important;
}

.portfolio-filter {
	margin: 0 auto;
	margin-bottom: 40px;
	min-width: 60%;
	justify-content: space-around;
}

.portfolio-item img {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.portfolio-item .copy-text {
	transition: .4s all;
	cursor: pointer;
}

.portfolio-item .copy-text:hover {
	transition: .4s all;
	transform: scale(1.1);
}

p a {
	color: var(--primary-color) !important;
}

/* .align-equal>.col:nth-child(7) {
	padding-bottom: 0px;
} */

.portfolio-item p span b {
	color: #0ECBFF;
	font-weight: 600;
}

.lightbox-content {
	border-radius: 16px;
	overflow: hidden;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.pagination button {
	margin: 0;
}

.pum-container.pum-responsive img {
	margin-bottom: 0px !important;
}

.pum-theme-lightbox .pum-content {
	border-radius: 20px !important;
	overflow: hidden !important;
}

/* Custom CSS Tablet */
@media (max-width: 849px) {
	.head_banner h2 {
		font-size: 24px;
		line-height: 1.7;
		width: 360px;
		display: block;
		margin: 0 auto;
	}

	.btn_batdau {
		padding: 8px 20px
	}
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
	.col.boxicon_banner {
		flex-basis: 100%;
		max-width: 100%;
	}

	#bizgpt-scroll-btn {
		min-width: 125px;
		font-size: 12px;
		color: #fff;
		margin-bottom: 0px;
		line-height: 1;
		min-height: 39px;
	}

	#bizgpt-scroll-btn:after {
		display: none;
	}

	#bizgpt-exchange-select {
		margin-bottom: 0px;
		min-height: 46.8px;
		border-radius: 8px;
		color: #2E2E2C;
		border-color: #D0D0D0;
	}

	.form-control,
	.exchange-dropdown,
	.exchange-dropdown-mb {
		min-height: 37.5px !important;
		border-radius: 6px !important;
	}

	.custom-dropdown .dropdown-menu,
	.custom-dropdown-mb .dropdown-menu-mb {
		left: -50px;
	}

	.custom-dropdown .dropdown-item,
	.custom-dropdown-mb .dropdown-item-mb {
		font-size: 11px;
	}

	.custom-dropdown .dropdown-item,
	.custom-dropdown-mb .dropdown-item-mb {
		display: block;
	}

	.trading-search-form .form-group img {
		position: absolute;
		right: 10px;
		bottom: 16px;
		width: 10px;
	}

	.trading-search-form .form-group {
		position: relative;
	}

	.exchange-dropdown,
	.exchange-dropdown-mb {
		justify-content: flex-start !important;
	}
}

.label-new.menu-item>a:after {
	content: "Mới";
}

.label-hot.menu-item>a:after {
	content: "Nổi bật";
}

.label-sale.menu-item>a:after {
	content: "Giảm giá";
}

.label-popular.menu-item>a:after {
	content: "Phổ biến";
}


/* wp-custom-css */
section.section-main {
	z-index: 999
}

.red {
	color: #f00
}

.section-auth .title1 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 6px;
}

.section-auth .title2 {
	font-size: 17px;
	line-height: 1.6;
}

.section-auth .title3 {
	font-size: 14px;
	line-height: 2;
}

.section-auth .logo.img {
	width: 209px !important
}

.section-auth .form-container {
	border: 1px solid #696969;
	border-radius: 12px;
	background-color: #0E0E0D99;
	padding: 20px !important;
	max-width: 660px
}

.section-auth .form-container p {
	margin-bottom: 0
}

/* ==== Custom Auth Form Styles ==== */

.custom-auth-form {
	max-width: 342px;
	margin: auto;
	margin-top: 27px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	color: #fff;
}

.custom-auth-form a {
	color: var(--fs-color-primary)
}

.form-auth-row {
	text-align: left
}

.custom-auth-form label {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 5px
}

.custom-auth-form input[type="text"],
.custom-auth-form input[type="email"],
.custom-auth-form input[type="password"] {
	width: 100%;
	background: #2E2E2C;
	border: 1px solid #696969;
	color: #fff;
	padding: 10px;
	border-radius: 7px;
	outline: none;
	margin: 0;
	font-size: 14px;
	min-height: 46px
}

.custom-auth-form input::placeholder {
	color: #888;
}

.custom-auth-form .auth-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.custom-auth-form .remember-me {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.custom-auth-form .remember-me input[type="checkbox"] {
	margin: 0;
	background-color: transparent
}

.custom-auth-form .forgot-pass {
	color: var(--primary-color);
	text-decoration: none;
}

.custom-auth-form .forgot-pass:hover {
	text-decoration: underline;
	color: var(--fs-color-primary)
}

.custom-auth-form .auth-btn {
	width: 100%;
	background: var(--fs-color-primary);
	color: #000;
	padding: 15px;
	border: none;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s ease;
	margin: 0;
	min-height: 0;
	line-height: 1;
	text-transform: none;
	font-size: 15px
}

.custom-auth-form .auth-btn:hover {
	background: #ffd84e;
}

.custom-auth-form .auth-footer {
	text-align: center;
}

.custom-auth-form .auth-footer a {
	color: var(--fs-color-primary);
	text-decoration: none;
}

.custom-auth-form .auth-footer a:hover {
	text-decoration: underline;
}

.custom-auth-form .error {
	color: red;
	font-size: 12px;
	font-style: italic;
	line-height: 2
}

.custom-auth-form .auth-success {
	color: var(--fs-color-primary);
	font-size: 14px;
}

.custom-auth-form .form-message a {
	text-decoration: underline
}

.auth-row,
.auth-row .remember-me,
.auth-footer {
	font-size: 12px
}



#header .auth-buttons {
	display: flex;
	gap: 12px;
	justify-content: center;
	align-items: center;
}

#header .auth-btn {
	display: inline-block;
	padding: 10px 24px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
}

#header .auth-btn.primary {
	background-color: var(--primary-color);
	color: #000;
}

#header .auth-btn.primary:hover {
	background-color: #FFD84E;
}

#header .auth-btn.secondary {
	border: 1px solid var(--primary-color);
	color: #fff;
	background-color: #2E2E2C
}

#header .auth-btn.secondary:hover {
	background-color: var(--primary-color);
	color: #000;
}

#header .auth-buttons-loggedin {
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}

#header .auth-buttons-loggedin {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}

#header .logout-btn {
	/*   background: var(--primary-color); */
	color: #d7d7d7;
	padding: 6px 14px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: underline;
	transition: 0.3s;
}

#header .logout-btn:hover {
	color: #fff;
}


@media (max-width: 767px) {
	.section-auth .title1 {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.6;
		margin-bottom: 6px;
	}

	.section-auth .title2 {
		font-size: 14px;
		line-height: 1.6;
	}

	.section-auth .title3 {
		font-size: 12px;
		line-height: 2;
	}

	.custom-auth-form {
		max-width: 280px;
		gap: 15px
	}

	.custom-auth-form label {
		font-size: 12px
	}

	.custom-auth-form input[type="text"],
	.custom-auth-form input[type="email"],
	.custom-auth-form input[type="password"] {
		min-height: 36px;
		font-size: 12px
	}

	.custom-auth-form .auth-btn {
		padding: 12px;
		font-size: 13px
	}

	.custom-auth-form .form-message {
		font-size: 14px
	}
}

.section-regins-1 {
	margin-top: 34px;
}

.section-regins-1 .box-inner-reg>.col-inner {
	background: #1E1E1C;
	border: 1px solid #b4b4b454;
	border-radius: 15px;
	padding: 22px;
	height: 100%;
}

.section-regins-1 .text-title * {
	font-size: 60px;
	font-weight: 600;
	margin-bottom: 13px;
}

.section-regins-1 #guide-title {
	text-transform: uppercase;
}

.section-regins-1 .text-sub-title * {
	font-size: 20px;
}

.section-regins-1 .box-reg:not(:first-child) {
	margin-top: 27px;
}

.section-regins-1 .stack-case .text-index-case {
	background: var(--primary-color);
	border-radius: 5px;
	padding: 3px 11px;
}

.section-regins-1 .stack-case .text-index-case * {
	color: #fff;
}

.section-regins-1 .stack-case-wrap {
	flex-wrap: wrap;
}

.section-regins-1 .stack-case-wrap .text-des-case {
	width: 100%;
	margin: 0px !important;
	padding-top: 8px;
}

.section-regins-1 .text-des-case * {
	font-size: 20px;
	font-weight: 600;
}


.section-regins-1 .icb-text {
	margin-bottom: 24px;
	display: flex;
	align-items: flex-start;
}

.section-regins-1 .icb-text .icon-box-img {
	flex-shrink: 0;
	display: flex;
	align-items: flex-start;
	padding-top: 2px;
}

.section-regins-1 .icb-text .icon-box-text {
	position: relative;
	padding-left: 10px;
	flex: 1;
	padding-top: 3px;
}

.section-regins-1 .icb-text .icon-box-text * {
	margin-bottom: 0px !important;
}

.section-regins-1 .stack-icb-link {
	margin-top: 23px;
}

.section-regins-1 .stack-icb-link .icb-text {
	width: max-content;
}

.section-regins-1 .stack-icb-link .icb-text .icon-box-text {
	width: 300px;
	position: relative;
	top: 1px;
}

.section-regins-1 .icb-link img {
	position: relative;
	top: -2px;
}

.section-regins-1 .icb-link .icon-box-text {
	padding-left: 7px !important;
}

.section-regins-1 .icb-link * {
	margin-bottom: 0px;
}

.section-regins-1 .icb-link {
	position: relative;
	top: 3px;
	cursor: pointer;
}

.section-regins-1 .box-copy-code>.col>.col-inner {
	background: #2E2E2C;
	border-radius: 7px;
	display: flex;
	align-items: stretch;
	gap: 16px;
	padding: 8px;
	border: 1px solid #b4b4b480;
	margin-bottom: 22px;
}

.section-regins-1 .stack-copy-code {
	flex: 1;
}

.section-regins-1 .box-copy-code {
	padding-top: 25px;
}

.section-regins-1 .text-code * {
	color: var(--primary-color) !important;
	font-weight: bold;
	font-size: 20px;
}

.section-regins-1 .stack-copy-code {
	align-items: center;
	gap: 8px;
	background: #222221;
	padding: 8px;
	border-radius: 8px;
}

.section-regins-1 .icon-code-copy {
	width: 21px !important;
	position: relative;
	top: -3px;
	cursor: pointer;
	margin-left: 5px !important;
}

.section-regins-1 .box-gold>.col>.col-inner {
	background: #1E1E1C;
	border-radius: 7px;
	border: 1px solid #3F77DA;
	padding: 18px 18px;
	padding-top: 17px;
}

.section-regins-1 .box-gold>.col>.col-inner * {
	line-height: 2;
}


.section-regins-1 .stack-network {
	justify-content: start;
	flex-wrap: wrap;
	max-width: 560px;
	gap: 8px;
}

.section-regins-1 .stack-network .icon-box {
	align-items: center;
	background: #fff;
	border-radius: 7px;
	height: 36px;
	padding-left: 12px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding-right: 9px;
	transition: transform 0.2s ease;
	/* mượt khi chuyển động */
}

.section-regins-1 .stack-network .icon-box * {
	margin-bottom: 0px;
	color: #0B0B0B;
	font-size: 14px;
	font-weight: 600;
	padding: 0px !important;
}

.section-regins-1 .stack-network .icon-box-text {
	padding-left: 5px !important;
}

.section-regins-1 .icb-zalo {
	width: 124px;
	background: linear-gradient(90deg, #ffffff 0%, #a3c6f8 100%) !important;
}

.section-regins-1 .icb-tele {
	width: 157px;
	background: linear-gradient(90deg, #ffffff 0%, #7ecbef 100%) !important;
}

.section-regins-1 .icb-ytb {
	width: 223px;
	padding-left: 21px !important;
	background: linear-gradient(90deg, #ffffff 0%, #e99595 100%) !important;
}

.section-regins-1 .icb-ytb .icon-box-img {
	width: 25px !important;
	position: relative;
	top: -1px;
}

.section-regins-1 .btn-reg {
	width: 100%;
	margin: 0px !important;
	height: 63px;
	background: var(--primary-color) !important;
	color: #fff !important;
	font-size: 22px;
	text-transform: capitalize !important;
	padding-top: 7px;
	margin-top: 21px !important;
}

.section-regins-1 .icb-link-bg {
	background: var(--primary-color) !important;
	border-radius: 8px;
	height: 38px;
	width: 100%;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.section-regins-1 .icb-link-bg .icon-box-text {
	flex: 0 0 auto !important;
	padding-left: 7px !important;
}

.section-regins-1 .icb-link-bg .icon-box-img {
	width: 20px !important;
	position: relative;
	top: -2px;
}

.section-regins-1 .icb-link-bg * {
	color: #fff !important;
	font-weight: 600;
	font-size: 15px;
}

.section-regins-1 .box-copy-code {
	flex: 1;
}

.section-regins-1 .box-link-text .icb-text {
	margin-bottom: 0px;
}

.section-regins-1 .icb-ytb.bg-yellow-ytb {
	background: var(--primary-color) !important;
}

@media only screen and (max-width: 1024px) {
	.section-regins-1 .stack-network .icon-box {
		width: 100%;
		margin: 0px !important;
	}

	.section-regins-1 .stack-network {
		gap: 9px;
	}

	.section-regins-1 .stack-case {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: start;
		position: relative;
		left: 0px;
	}

	.section-regins-1 .text-des-case {
		margin-left: 0px !important;
	}

	.section-regins-1 .stack-network>* {

		margin-left: 0px !important;
	}

	.section-regins-1 .stack-network .icon-box-text {
		flex: 0 0 auto;
		width: max-content;
		padding-left: 9px !important;
	}
}

@media only screen and (max-width: 768px) {

	.section-regins-1 .text-title * {
		font-size: 30px;
	}

	.section-regins-1 .text-sub-title * {
		font-size: 14px;
	}

	.section-regins-1 .stack-case .text-index-case {
		padding: 4px px;
	}

	.section-regins-1 .stack-case .text-index-case * {
		font-size: 13px;
	}

	.text-des-case * {
		font-size: 14px !important;
	}

	.section-regins-1 .box-inner-reg>.col-inner {
		padding: 14px;
	}

	.section-regins-1 .stack-icb-link .icb-text .icon-box-text {
		padding-left: 8px;
	}


	.section-regins-1 .stack-icb-link .icb-text {
		width: 64%;
	}
	
	.section-regins-1 .icb-text .icon-box-text {
		padding-left: 8px;
	}
	
	.section-regins-1 .icb-text .icon-box-img {
		padding-top: 1px;
	}

	.section-regins-1 .box-copy-code>.col>.col-inner {
		padding: 8px;
		flex-direction: column;
	}

	.section-regins-1 .stack-copy-code {
		width: 100%;
	}

	.section-regins-1 .box-gold>.col>.col-inner * {
		font-size: 14px;
	}

	.section-regins-1 .box-gold>.col>.col-inner {
		padding-bottom: 11px;
	}

	.text-sub-case * {
		font-size: 12px;
		padding-top: 4px;
	}

	.section-regins-1 a.button.primary.lowercase.btn-reg {
		font-size: 18px;
		height: auto;
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.section-regins-1 .stack-network * {
		width: 100%;
		margin: 0px !important;
	}

	.section-regins-1 .stack-network {
		gap: 10px;
	}

	.section-regins-1 .icb-ytb {
		padding-left: 13px !important;
	}

	.section-regins-1 .icb-text .icon-box-text * {
		font-size: 13px;
	}

	.section-regins-1 .stack-copy-code * {
		font-size: 15px;
	}

	.section-regins-1 .icb-text {
		margin-bottom: 15px;
	}

	.section-regins-1 * {
		font-size: 13px;
	}

	.section-regins-1 .stack-case {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: start;
		position: relative;
		left: 0px;
	}

	.section-regins-1 .text-des-case {
		margin-left: 0px !important;
	}

	.section-regins-1 .stack-icb-link {
		flex-wrap: wrap;
		gap: 6px;
	}

	.section-regins-1 .box-link-text .icb-text {
		margin-bottom: 15px;
	}
}


.section-regins-1 .box-wp-copy-code .box-copy-code {
	padding-top: 0px;
	max-width: 100%;
}

.section-regins-1 .box-wp-copy-code .stack-copy-code {
	width: 93%;
}

/* Box đăng ký hoàn phí */
.section-regins-1 .box-register-notice .col-inner {
	background: linear-gradient(135deg, #2E2E2C 0%, #1a1a18 100%);
	border-radius: 8px;
	padding: 16px;
	border: 1px solid rgba(255, 215, 0, 0.3);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.section-regins-1 .box-register-notice .button.primary {
	background: var(--primary-color) !important;
	color: #000 !important;
	font-weight: 600;
	padding: 10px 24px;
	border-radius: 6px;
	text-decoration: none;
	white-space: nowrap;
	transition: all 0.3s;
	border: none;
	cursor: pointer;
}

.section-regins-1 .box-register-notice .button.primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4);
}

@media (max-width: 768px) {
	.section-regins-1 .box-register-notice .stack-register-notice {
		flex-direction: column;
		text-align: center !important;
	}
	
	.section-regins-1 .box-register-notice .text-notice {
		text-align: center !important;
	}
	
	.section-regins-1 .box-register-notice .text-notice p {
		font-size: 13px !important;
	}
	
	.section-regins-1 .box-register-notice .button.primary {
		width: 100%;
		padding: 12px 20px;
	}
	
	.section-regins-1 .box-register-notice .icon-box-img {
		margin: 0 auto;
	}
}

.section-regins-1 .icon-copy-code-full {
	width: 18px !important;
	cursor: pointer;
}

.section-regins-1 .text-code-full {
	width: 86%;
}

.section-regins-1 .stack-network .icon-box {
	transition: 0.3s
}

.section-regins-1 .stack-network .icon-box:hover {
	opacity: 0.7
}

@media only screen and (max-width: 768px) {
	.section-regins-1 .box-copy-code>.col {
		padding-right: 0px;
		padding-left: 0px;
	}

	.section-regins-1 .box-copy-code {
		width: 100% !important;
	}

	#logo {
		width: 200px !important
	}

	#masthead {
		padding: 0px !important;
	}

	.mobile-nav a.is-small {
		padding: 0
	}

	.mobile-nav a.is-small .icon-menu {
		color: var(--fs-color-primary);
		font-size: 20px !important;
		margin-top: 4px
	}


	#footer:before {
		height: 0.14px !important
	}

	footer .section-content>.row {
		display: flex;
	}

	footer .row .img {
		width: 100px !important;
	}

	footer .social-icons {
		gap: 8px
	}

	footer .social-icons a {
		min-width: 25px !important;
		min-height: 25px;
		width: 25px !important;
		height: 25px;
		padding: 5px
	}

	footer .social-icons a i {
		font-size: 12px !important;
		line-height: 1;
		padding-top: 3px;
	}

	.header-social-icons .social-icons {
		display: flex;
		justify-content: center
	}

	.header-social-icons .social-icons a {
		background-color: transparent !important;
		font-size: 20px
	}

	.portfolio-filter {
		width: 100%;
		padding: 12px;
		/* 		font-size: 10px!important */
	}

	.portfolio-filter button,
	.portfolio-filter select,
	.portfolio-filter .filter-select {
		font-size: 11px;
		padding: 0;
	}

	.portfolio-filter button {
		width: fit-content
	}

	.portfolio-filter select {
		width: 68px !important;
		background-size: 8px !important;
	}

	.portfolio-filter select:focus {
		background-color: transparent;
		box-shadow: none
	}

	.portfolio-filter select option {
		background-color: #000
	}

	.card_border .col-inner {
		text-align: center
	}
}



/*--- Popup ---*/

.login-popup-overlay {
	position: fixed;
	inset: 0;
	background: #0A0B0BA6;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.login-popup {
	background: #1B1B1B;
	color: #fff;
	padding: 30px 40px;
	border-radius: 10px;
	text-align: center;
	max-width: 511px;
	width: 90%;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}

.login-popup h3 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #fff;
}

.login-popup p {
	color: #bbb;
	line-height: 1.6;
	margin-bottom: 25px;
}

.login-popup-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.login-popup a {
	display: inline-block;
	padding: 10px 25px;
	border-radius: 40px;
	font-weight: 600;
	line-height: 1.2;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s;
	width: 100%
}

.btn-register {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}

.btn-register:hover {
	background: var(--primary-color);
	color: #000;
}

.login-popup a.btn-login {
	background: var(--primary-color);
	color: #000;
}

.btn-login:hover {
	opacity: 0.85;
}

@media (max-width: 767px) {

	.login-popup {
		padding: 16px 20px 24px
	}

	.login-popup h3 {
		font-size: 18px;
	}

	.login-popup p {
		font-size: 14px
	}

	.login-popup a {
		font-size: 13px;
	}
}

/*Banner*/

.banner-home {
	min-height: 43.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/2025/10/bg.png);
}

.title-header,
.banner-home__wraper .title-header h1 {
	font-size: var(--60);
	font-weight: 600;
	color: white;
	line-height: 1.3;
}

.title-header p {
	font-size: var(--60);
	font-weight: 600;
	color: white;
	line-height: 1.3;
}

.description p {
	color: white;
	font-size: var(--20);
	color: var(--color-grey);
}

.outstanding-home {
	padding: 2rem var(--section);
}

.outstanding-home__list-item {
	text-align: center;
}

.outstanding-item__num {
	font-weight: 700;
	font-size: var(--40);
}

.outstanding-item__des {
	font-size: var(--15);
	font-weight: 500;
}

.outstanding-home__wraper:before,
.outstanding-home__wraper:after {
	content: '';
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	background: linear-gradient(90deg, #5A4A04 0%, var(--primary-color) 51%, #5A4A04 100%);
}

.outstanding-home__wraper:after {
	bottom: 0;
}

.outstanding-home__wraper:before {
	top: 0;
}

.slider-show4 {
	overflow: hidden;
}

.swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

/* chi tiết bài viết */
.archive-blog-header .title-header {
	margin-bottom: var(--12);
}

.blogSingle-wrapper {
	padding: 5.375rem calc(var(--section) + 4.8rem) 0;
	color: white;
}

.blogSingle-wrapper .breadcrumbs-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 5.375rem 0;
}

.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p {
	margin: 0;
	color: #D0D0D0;
	font-size: var(--20);
}

.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p a {
	color: white;
	font-size: var(--25);
	font-weight: 700;
}

.blog-single {
	padding-top: 0;
}

.blogSingle-wrapper .entry-content.single-page {
	padding: 0 4.8rem;
}

.blogSingle-wrapper .entry-content.single-page p {
	font-size: var(--18);
}

.blogSingle-wrapper .entry-content.single-page a {
	color: var(--color-yellow);
}

.blogSingle-wrapper .entry-content.single-page a:hover {
	text-decoration: underline;
}

.blogSingle-wrapper span.post-date-day {
	font-size: var(--20);
	color: #D0D0D0;
}

.img-single-blog {
	padding-bottom: 5.375rem;
}

.img-single-blog img {
	width: 100%;
}

/*single post*/
.box-blog__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--19);
	padding-top: calc(5.375rem - 1.3rem);
	margin-bottom: 5.375rem;
}

.blog__list-item {
	background-color: #191918;
	border-radius: var(--10);
	border: 1px solid #2E2E2C;
}

.blog__list-item .image-cover {
	padding-top: 68%;
	border-top-left-radius: var(--10);
	border-top-right-radius: var(--10);
}

.blog__list-item .box-text {
	padding: var(--15);
}

.blog__list-item .box-text .post-date-day {
	color: #D9D9D9;
	font-size: var(--12);
	margin-bottom: var(--12);
}

.blog__list-item .box-text h3.title {
	color: white;
	font-size: var(--18);
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height: 2.95rem;
}

.blog__list-item .box-text .des p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: var(--14);
	color: #D9D9D9;
	margin-bottom: var(--22);
}

.blog__list-item .btn-post {
	color: #D9D9D9;
	font-size: var(--14);
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: var(--4);
}

.blog__list-item .box-image .image-cover img {
	transition: ease-in-out .2s;
}

.blog__list-item .box-image .image-cover:hover img {
	transform: scale(1.08);
}

.blog__list-item:hover .box-text .title {
	color: var(--color-yellow);
}

.blog__list-item .btn-post span {
	transition: ease-in .2s;
}

.blog__list-item .btn-post:hover path {
	stroke: var(--color-yellow);
}

.blog__list-item .btn-post:hover span {
	margin-right: var(--6);
}

.blog__list-item .btn-post:hover {
	color: var(--color-yellow);
}

.style-button {
	margin-top: 0;
	height: var(--40);
	text-align: center;
	line-height: var(--40);
}

.btn2 {
	color: var(--color-black);
	background-color: var(--color-yellow);
	font-size: var(--15);
	font-weight: 500;
	padding: var(--10);
	border-radius: var(--99);
}

.btn2:hover {
	background-color: white;
}

/* .box-blog__wrapper{
padding: 5.375rem calc(var(--section) + 4.8rem) 0;
} */
#load-more-button .btn2,
#load-more-related .btn2 {
	margin: 0;
	padding: 0 var(--10);
}

#posts-container {
	padding-top: 0;
}

#no-posts-message {
	padding-top: var(--20);
	text-align: center;
	font-size: var(--14);
	font-weight: 600;
	color: #D9D9D9;
}

.blog-single .banner-home .banner-home__wraper {
	max-width: 70rem;
}

.single-post-wrapper.row {
	padding: 60px 15px 0;
	display: block
}

@media (max-width: 767.98px) {
	#breadcrumbs {
		font-size: 14px
	}

	.title-header p {
		font-size: var(--24);
	}

	.title-header,
	.banner-home__wraper .title-header h1 {
		font-size: var(--24);
	}

	.banner-home {
		min-height: 200px;
	}

	.banner-home__wraper {
		width: 100%;
		padding: 0 var(--16);
		margin-top: 0;
	}

	.description p {
		font-size: var(--14);
		margin-bottom: 0;
	}

	.outstanding-item__num {
		font-size: var(--22);
	}

	.outstanding-item__des {
		font-size: var(--14);
	}

	.blogSingle-wrapper {

		padding: 0 15px;
	}

	.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p a {
		font-size: var(--15);
	}

	.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p {
		margin-bottom: var(--5);
		font-size: var(--15);
	}

	.blogSingle-wrapper .breadcrumbs-header {
		flex-direction: column;
		padding: 0 0 3rem 0;
	}

	.blogSingle-wrapper span.post-date-day {
		font-size: var(--16);
	}

	.blogSingle-wrapper .entry-content.single-page p {
		font-size: var(--15);
	}

	.img-single-blog {
		padding-bottom: 3rem;
	}

	.blogSingle-wrapper .entry-content.single-page {
		padding: 0;
	}

	.blog-related .blog-related-posts {
		grid-template-columns: 1fr;
	}

	.style-button {
		margin-top: 3rem;
	}

	/* 	.box-blog__wrapper {
	padding: 3rem var(--section) 0;
} */
	.box-blog__list {
		grid-template-columns: 1fr;
		margin-top: 0;
	}

	.btn2 {
		font-size: var(--14);
	}

	.footer-infor .footer-logo img {
		width: 75%;
	}

	.blog-single .banner-home .banner-home__wraper {
		max-width: 100%;
	}

	.single-post-wrapper.row {
		padding: 30px 15px
	}

	.related-posts .box-blog__list {
		padding: 0
	}
}

#toc_container {
	width: 100% !important;
	border-radius: 20px;
	padding: 1.25rem;
}


.trading_form-col {
	z-index: 99999
}

.exchange-dropdown,
.exchange-dropdown-mb {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 10;
}

.exchange-dropdown-toggle,
.exchange-dropdown-toggle-mb {
	margin: 0 !important;
	text-transform: none;
	font-weight: 500 !important;
}

.exchange-dropdown .exchange-dropdown-menu,
.exchange-dropdown-mb .exchange-dropdown-menu-mb {
	/* 	display: none!important */
}

.exchange-dropdown-menu,
.exchange-dropdown-menu-mb {
	width: 200px !important;
	background-color: #1e1e1c;
	padding: 15px 18px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	border: 1px solid rgba(180, 180, 180, 0.25);
	margin-top: 10px;
}

.exchange-dropdown-menu .exchange-dropdown-item,
.exchange-dropdown-menu-mb .exchange-dropdown-item-mb {
	padding: 6px 15px;
	cursor: pointer;
	transition: background 0.2s;
	font-size: 14px;
	color: white;
	white-space: nowrap;
	border-radius: 6px;
	text-align: left
}

.exchange-dropdown-menu .exchange-dropdown-item:hover,
.exchange-dropdown-menu-mb .exchange-dropdown-item-mb:hover {
	background: #2a2a28;
}


.hotro-tooltip {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0);
}

.hotro-ngay-btn:hover .hotro-tooltip {
	opacity: 0 !important;
}

#openMenuBtn {
	margin: 0;
	padding: 0;

}

#openMenuBtn img {
	width: 20px
}

.menu-header {
	display: flex;
	margin-bottom: 27px
}

.menu-header>img {
	width: 250px
}

.mobile-menu .menu-close {
	padding: 0;
	margin-right: 0
}

.mobile-menu .menu-close img {
	width: 16px
}

.nav-vertical-fly-out>li+li {
	border-top-width: 1px;
	border-top-style: solid;
}

/* Custom CSS */
@font-face {
	font-family: 'UTM Nokia';
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* math */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
	unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
	unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* math */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
	unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
	unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-stretch: 100%;
	font-display: swap;
	src: url(../fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


img:is([sizes=auto i], [sizes^="auto," i]) {
	contain-intrinsic-size: 3000px 1500px
}

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

/*# sourceURL=wp-emoji-styles-inline-css */


:root {
	--wp-block-synced-color: #7a00df;
	--wp-block-synced-color--rgb: 122, 0, 223;
	--wp-bound-block-color: var(--wp-block-synced-color);
	--wp-editor-canvas-background: #ddd;
	--wp-admin-theme-color: #007cba;
	--wp-admin-theme-color--rgb: 0, 124, 186;
	--wp-admin-theme-color-darker-10: #006ba1;
	--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
	--wp-admin-theme-color-darker-20: #005a87;
	--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
	--wp-admin-border-width-focus: 2px
}

@media (min-resolution:192dpi) {
	:root {
		--wp-admin-border-width-focus: 1.5px
	}
}

.wp-element-button {
	cursor: pointer
}

:root .has-very-light-gray-background-color {
	background-color: #eee
}

:root .has-very-dark-gray-background-color {
	background-color: #313131
}

:root .has-very-light-gray-color {
	color: #eee
}

:root .has-very-dark-gray-color {
	color: #313131
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
	background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-purple-crush-gradient-background {
	background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-hazy-dawn-gradient-background {
	background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-subdued-olive-gradient-background {
	background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
	background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
	background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
	background: linear-gradient(135deg, #020381, #2874fc)
}

:root {
	--wp--preset--font-size--normal: 16px;
	--wp--preset--font-size--huge: 42px
}

.has-regular-font-size {
	font-size: 1em
}

.has-larger-font-size {
	font-size: 2.625em
}

.has-normal-font-size {
	font-size: var(--wp--preset--font-size--normal)
}

.has-huge-font-size {
	font-size: var(--wp--preset--font-size--huge)
}

.has-text-align-center {
	text-align: center
}

.has-text-align-left {
	text-align: left
}

.has-text-align-right {
	text-align: right
}

.has-fit-text {
	white-space: nowrap !important
}

#end-resizable-editor-section {
	display: none
}

.aligncenter {
	clear: both
}

.items-justified-left {
	justify-content: flex-start
}

.items-justified-center {
	justify-content: center
}

.items-justified-right {
	justify-content: flex-end
}

.items-justified-space-between {
	justify-content: space-between
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important
}

.screen-reader-text:focus {
	background-color: #ddd;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

html :where(.has-border-color) {
	border-style: solid
}

html :where([style*=border-top-color]) {
	border-top-style: solid
}

html :where([style*=border-right-color]) {
	border-right-style: solid
}

html :where([style*=border-bottom-color]) {
	border-bottom-style: solid
}

html :where([style*=border-left-color]) {
	border-left-style: solid
}

html :where([style*=border-width]) {
	border-style: solid
}

html :where([style*=border-top-width]) {
	border-top-style: solid
}

html :where([style*=border-right-width]) {
	border-right-style: solid
}

html :where([style*=border-bottom-width]) {
	border-bottom-style: solid
}

html :where([style*=border-left-width]) {
	border-left-style: solid
}

html :where(img[class*=wp-image-]) {
	height: auto;
	max-width: 100%
}

:where(figure) {
	margin: 0 0 1em
}

html :where(.is-position-sticky) {
	--wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
	html :where(.is-position-sticky) {
		--wp-admin--admin-bar--position-offset: 0px
	}
}

/*# sourceURL=wp-block-library-inline-css */


:root {
	--wp--preset--aspect-ratio--square: 1;
	--wp--preset--aspect-ratio--4-3: 4/3;
	--wp--preset--aspect-ratio--3-4: 3/4;
	--wp--preset--aspect-ratio--3-2: 3/2;
	--wp--preset--aspect-ratio--2-3: 2/3;
	--wp--preset--aspect-ratio--16-9: 16/9;
	--wp--preset--aspect-ratio--9-16: 9/16;
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--color--primary: var(--primary-color);
	--wp--preset--color--secondary: #C05530;
	--wp--preset--color--success: #627D47;
	--wp--preset--color--alert: #b20000;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
	--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
	--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
	--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
	--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
	--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
	--wp--preset--font-size--small: 13px;
	--wp--preset--font-size--medium: 20px;
	--wp--preset--font-size--large: 36px;
	--wp--preset--font-size--x-large: 42px;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
	--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
	--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
	--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
	--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}

:where(body) {
	margin: 0;
}

.wp-site-blocks>.alignleft {
	float: left;
	margin-right: 2em;
}

.wp-site-blocks>.alignright {
	float: right;
	margin-left: 2em;
}

.wp-site-blocks>.aligncenter {
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

:where(.is-layout-flex) {
	gap: 0.5em;
}

:where(.is-layout-grid) {
	gap: 0.5em;
}


.has-luminous-vivid-orange-color {
	color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
	color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
	color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
	color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
	color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
	color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
	color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-color {
	color: var(--wp--preset--color--primary) !important;
}

.has-secondary-color {
	color: var(--wp--preset--color--secondary) !important;
}

.has-success-color {
	color: var(--wp--preset--color--success) !important;
}

.has-alert-color {
	color: var(--wp--preset--color--alert) !important;
}

.has-black-background-color {
	background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
	background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
	background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
	background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
	background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
	background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
	background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
	background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
	background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
	background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-background-color {
	background-color: var(--wp--preset--color--primary) !important;
}

.has-secondary-background-color {
	background-color: var(--wp--preset--color--secondary) !important;
}

.has-success-background-color {
	background-color: var(--wp--preset--color--success) !important;
}

.has-alert-background-color {
	background-color: var(--wp--preset--color--alert) !important;
}

.has-black-border-color {
	border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
	border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
	border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
	border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
	border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
	border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
	border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
	border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
	border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
	border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-primary-border-color {
	border-color: var(--wp--preset--color--primary) !important;
}

.has-secondary-border-color {
	border-color: var(--wp--preset--color--secondary) !important;
}

.has-success-border-color {
	border-color: var(--wp--preset--color--success) !important;
}

.has-alert-border-color {
	border-color: var(--wp--preset--color--alert) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
	background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
	background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
	background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
	background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
	background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
	background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
	background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
	background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
	background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
	background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
	font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
	font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
	font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
	font-size: var(--wp--preset--font-size--x-large) !important;
}

/*# sourceURL=global-styles-inline-css */


@font-face {
	font-family: "fl-icons";
	font-display: block;
	src: url(../fonts/fl-icons1192.eot?v=3.20.3);
	src:
		url(../fonts/fl-icons.eot#iefix?v=3.20.3) format("embedded-opentype"),
		url(../fonts/fl-icons1192.woff2?v=3.20.3) format("woff2"),
		url(../fonts/fl-icons1192.ttf?v=3.20.3) format("truetype"),
		url(../fonts/fl-icons1192.woff?v=3.20.3) format("woff"),
		url(../fonts/fl-icons1192.svg?v=3.20.3#fl-icons) format("svg");
}

/*# sourceURL=flatsome-main-inline-css */


:root {
	--primary-color: #1463FF;
	--fs-color-primary: #1463FF;
	--fs-color-secondary: #C05530;
	--fs-color-success: #627D47;
	--fs-color-alert: #b20000;
	--fs-color-base: #ffffff;
	--fs-experimental-link-color: #334862;
	--fs-experimental-link-color-hover: #111;
}

.tooltipster-base {
	--tooltip-color: #fff;
	--tooltip-bg-color: #000;
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
	--drawer-width: 300px;
}

.container-width,
.full-width .ubermenu-nav,
.container,
.row {
	max-width: 1250px
}

.row.row-collapse {
	max-width: 1220px
}

.row.row-small {
	max-width: 1242.5px
}

.row.row-large {
	max-width: 1280px
}

.sticky-add-to-cart--active,
#wrapper,
#main,
#main.dark {
	background-color: #0a0b0b
}

.header-main {
	height: 90px
}

#logo img {
	max-height: 90px
}

#logo {
	width: 200px;
}

.header-top {
	min-height: 30px
}

.transparent .header-main {
	height: 90px
}

.transparent #logo img {
	max-height: 90px
}

.has-transparent+.page-title:first-of-type,
.has-transparent+#main>.page-title,
.has-transparent+#main>div>.page-title,
.has-transparent+#main .page-header-wrapper:first-of-type .page-title {
	padding-top: 90px;
}

.header.show-on-scroll,
.stuck .header-main {
	height: 70px !important
}

.stuck #logo img {
	max-height: 70px !important
}

.header-bg-color {
	background-color: #181817
}

.header-bottom {
	background-color: #f1f1f1
}

.header-main .nav>li>a {
	line-height: 16px
}

@media (max-width: 549px) {
	.header-main {
		height: 70px
	}

	#logo img {
		max-height: 70px
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font {
	color: #ffffff;
}

body {
	font-size: 100%;
}

@media screen and (max-width: 549px) {
	body {
		font-size: 100%;
	}
}

body {
	font-family: Roboto, sans-serif;
}

body {
	font-weight: 500;
	font-style: normal;
}

.nav>li>a {
	font-family: Roboto, sans-serif;
}

.mobile-sidebar-levels-2 .nav>li>ul>li>a {
	font-family: Roboto, sans-serif;
}

.nav>li>a,
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
	font-weight: 700;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical>li>a {
	font-family: Roboto, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2 {
	font-weight: 700;
	font-style: normal;
}

.alt-font {
	font-family: "Dancing Script", sans-serif;
}

.alt-font {
	font-weight: 400 !important;
	font-style: normal !important;
}

.header:not(.transparent) .header-nav-main.nav>li>a:hover,
.header:not(.transparent) .header-nav-main.nav>li.active>a,
.header:not(.transparent) .header-nav-main.nav>li.current>a,
.header:not(.transparent) .header-nav-main.nav>li>a.active,
.header:not(.transparent) .header-nav-main.nav>li>a.current {
	color: var(--primary-color);
}

.header-nav-main.nav-line-bottom>li>a:before,
.header-nav-main.nav-line-grow>li>a:before,
.header-nav-main.nav-line>li>a:before,
.header-nav-main.nav-box>li>a:hover,
.header-nav-main.nav-box>li.active>a,
.header-nav-main.nav-pills>li>a:hover,
.header-nav-main.nav-pills>li.active>a {
	color: #FFF !important;
	background-color: var(--primary-color);
}

.nav-vertical-fly-out>li+li {
	border-top-width: 1px;
	border-top-style: solid;
}

/* Custom CSS */
@font-face {
	font-family: 'UTM Nokia';
	src: url('wp-content/themes/flatsome-child/fonts/UTM%20Nokia.ttf') format('truetype');
}

:root {
	--init-font-size: 1.1111111111111112vw;
	--theme-color: #E12E2D;
	--theme-color2: #213FAB;
	--color-yellow: var(--primary-color);
	--color-black: #0A0B0B;
	--color-grey: #D0D0D0;
	--black: #231f20;
	--section: 6.875rem;
	--1: 0.0625rem;
	--2: 0.125rem;
	--3: 0.1875rem;
	--4: 0.25rem;
	--5: 0.3125rem;
	--6: 0.375rem;
	--7: 0.4375rem;
	--8: 0.5rem;
	--9: 0.5625rem;
	--10: 0.625rem;
	--11: 0.6875rem;
	--12: 0.75rem;
	--13: 0.8125rem;
	--14: 0.875rem;
	--15: 0.9375rem;
	--16: 1rem;
	--17: 1.0625rem;
	--18: 1.125rem;
	--19: 1.1875rem;
	--20: 1.25rem;
	--21: 1.3125rem;
	--22: 1.375rem;
	--23: 1.4375rem;
	--24: 1.5rem;
	--25: 1.5625rem;
	--26: 1.625rem;
	--27: 1.6875rem;
	--28: 1.75rem;
	--29: 1.8125rem;
	--30: 1.875rem;
	--31: 1.9375rem;
	--32: 2rem;
	--33: 2.0625rem;
	--34: 2.125rem;
	--35: 2.1875rem;
	--36: 2.25rem;
	--37: 2.3125rem;
	--38: 2.375rem;
	--39: 2.4375rem;
	--40: 2.5rem;
	--41: 2.5625rem;
	--42: 2.625rem;
	--43: 2.6875rem;
	--44: 2.75rem;
	--45: 2.8125rem;
	--46: 2.875rem;
	--47: 2.9375rem;
	--48: 3rem;
	--49: 3.0625rem;
	--50: 3.125rem;
	--51: 3.1875rem;
	--52: 3.25rem;
	--53: 3.3125rem;
	--54: 3.375rem;
	--55: 3.4375rem;
	--56: 3.5rem;
	--57: 3.5625rem;
	--58: 3.625rem;
	--59: 3.6875rem;
	--60: 3.75rem;
	--61: 3.8125rem;
	--62: 3.875rem;
	--63: 3.9375rem;
	--64: 4rem;
	--65: 4.0625rem;
	--66: 4.125rem;
	--67: 4.1875rem;
	--68: 4.25rem;
	--69: 4.3125rem;
	--70: 4.375rem;
	--71: 4.4375rem;
	--72: 4.5rem;
	--73: 4.5625rem;
	--74: 4.625rem;
	--75: 4.6875rem;
	--76: 4.75rem;
	--77: 4.8125rem;
	--78: 4.875rem;
	--79: 4.9375rem;
	--80: 5rem;
	--81: 5.0625rem;
	--82: 5.125rem;
	--83: 5.1875rem;
	--84: 5.25rem;
	--85: 5.3125rem;
	--86: 5.375rem;
	--87: 5.4375rem;
	--88: 5.5rem;
	--89: 5.5625rem;
	--90: 5.625rem;
	--91: 5.6875rem;
	--92: 5.75rem;
	--93: 5.8125rem;
	--94: 5.875rem;
	--95: 5.9375rem;
	--96: 6rem;
	--97: 6.0625rem;
	--98: 6.125rem;
	--99: 6.1875rem;
	--100: 6.25rem;
}

p {
	margin-bottom: 8px;
}

.br16 img {
	border-radius: 16px
}

.col.boxicon_banner {
	flex-basis: 25%;
	max-width: 25%;
}

.boxicon_banner .col-inner {
	background: none;
	border: 1px solid #fff;
	border-radius: 80px;
	padding: 10px 10px;
}

.boxicon_banner .col-inner .icon-box {
	align-items: center;
}

.boxicon_banner .col-inner .icon-box .icon-box-img {
	display: flex;
	align-items: center;
	justify-content: center;
}

.boxicon_banner .col-inner .icon-box-text {
	padding-left: 6px;
}

.boxicon_banner .col-inner .icon-box .icon-box-text * {
	margin-bottom: 0px;
}

.boxicon_banner .col-inner .icon-box .icon-box-text h3 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 3px
}

.boxicon_banner .col-inner .icon-box .icon-box-text p {
	font-size: 13px;
	line-height: 1rem;
	font-weight: 300 !important
}

.boxicon_banner .col-inner .icon-box .icon-box-img img {
	width: 50px;
	height: 50px;
	object-fit: contain;
}

.head_banner h2 {
	/* font-family: 'UTM Nokia'; */
	font-weight: 800;
	font-size: 56px;
	margin-bottom: 0px;
	text-transform: uppercase
}

.head_banner h2 strong {
	color: var(--primary-color);
}

.btn_batdau span {
	color: #fff;
	font-weight: 500;
}

.btn_batdau {
	padding: 13px 20px;
	min-width: 200px;
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.btn_batdau:after {
	content: "";
	width: 24px;
	height: 14px;
	background: url(../img/2025/10/icon_arrow.svg);
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
}

.card_border .col-inner {
	border: 1px solid var(--primary-color)78;
	padding: 24px;
	border-radius: 10px;
	background: #181817;
}

.card_border .text h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
}

.absolute-footer {
	display: none;
}

#footer:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 50%, var(--primary-color) 100%);
}

.social-icons {
	gap: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.social-icons .icon {
	background-color: #2E2E2E !important;
	border: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0px;
}

.social-icons .icon i {
	color: var(--primary-color) !important;
}

.portfolio-filter {
	margin: 0 auto;
	margin-bottom: 40px;
	min-width: 60%;
	justify-content: space-around;
}

.portfolio-item img {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.portfolio-item .copy-text {
	transition: .4s all;
	cursor: pointer;
}

.portfolio-item .copy-text:hover {
	transition: .4s all;
	transform: scale(1.1);
}

p a {
	color: var(--primary-color) !important;
}

/* .align-equal>.col:nth-child(7) {
	padding-bottom: 0px;
} */

.portfolio-item p span b {
	color: #0ECBFF;
	font-weight: 600;
}

.lightbox-content {
	border-radius: 16px;
	overflow: hidden;
}

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.pagination button {
	margin: 0;
}

.pum-container.pum-responsive img {
	margin-bottom: 0px !important;
}

.pum-theme-lightbox .pum-content {
	border-radius: 20px !important;
	overflow: hidden !important;
}

/* Custom CSS Tablet */
@media (max-width: 849px) {
	.head_banner h2 {
		font-size: 24px;
		line-height: 1.7;
		width: 360px;
		display: block;
		margin: 0 auto;
	}

	.btn_batdau {
		padding: 8px 20px
	}
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
	.col.boxicon_banner {
		flex-basis: 100%;
		max-width: 100%;
	}

	#bizgpt-scroll-btn {
		min-width: 125px;
		font-size: 12px;
		color: #fff;
		margin-bottom: 0px;
		line-height: 1;
		min-height: 39px;
	}

	#bizgpt-scroll-btn:after {
		display: none;
	}

	#bizgpt-exchange-select {
		margin-bottom: 0px;
		min-height: 46.8px;
		border-radius: 8px;
		color: #2E2E2C;
		border-color: #D0D0D0;
	}

	.form-control,
	.exchange-dropdown,
	.exchange-dropdown-mb {
		min-height: 37.5px !important;
		border-radius: 6px !important;
	}

	.custom-dropdown .dropdown-menu,
	.custom-dropdown-mb .dropdown-menu-mb {
		left: -50px;
	}

	.custom-dropdown .dropdown-item,
	.custom-dropdown-mb .dropdown-item-mb {
		font-size: 11px;
	}

	.custom-dropdown .dropdown-item,
	.custom-dropdown-mb .dropdown-item-mb {
		display: block;
	}

	.trading-search-form .form-group img {
		position: absolute;
		right: 10px;
		bottom: 16px;
		width: 10px;
	}

	.trading-search-form .form-group {
		position: relative;
	}

	.exchange-dropdown,
	.exchange-dropdown-mb {
		justify-content: flex-start !important;
	}
}

.label-new.menu-item>a:after {
	content: "Mới";
}

.label-hot.menu-item>a:after {
	content: "Nổi bật";
}

.label-sale.menu-item>a:after {
	content: "Giảm giá";
}

.label-popular.menu-item>a:after {
	content: "Phổ biến";
}


section.section-main {
	z-index: 999
}

.red {
	color: #f00
}

.section-auth .title1 {
	font-size: 25px;
	font-weight: 600;
	line-height: 1.6;
	margin-bottom: 6px;
}

.section-auth .title2 {
	font-size: 17px;
	line-height: 1.6;
}

.section-auth .title3 {
	font-size: 14px;
	line-height: 2;
}

.section-auth .logo.img {
	width: 209px !important
}

.section-auth .form-container {
	border: 1px solid #696969;
	border-radius: 12px;
	background-color: #0E0E0D99;
	padding: 20px !important;
	max-width: 660px
}

.section-auth .form-container p {
	margin-bottom: 0
}

/* ==== Custom Auth Form Styles ==== */

.custom-auth-form {
	max-width: 342px;
	margin: auto;
	margin-top: 27px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	color: #fff;
}

.custom-auth-form a {
	color: var(--fs-color-primary)
}

.form-auth-row {
	text-align: left
}

.custom-auth-form label {
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 5px
}

.custom-auth-form input[type="text"],
.custom-auth-form input[type="email"],
.custom-auth-form input[type="password"] {
	width: 100%;
	background: #2E2E2C;
	border: 1px solid #696969;
	color: #fff;
	padding: 10px;
	border-radius: 7px;
	outline: none;
	margin: 0;
	font-size: 14px;
	min-height: 46px
}

.custom-auth-form input::placeholder {
	color: #888;
}

.custom-auth-form .auth-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.custom-auth-form .remember-me {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.custom-auth-form .remember-me input[type="checkbox"] {
	margin: 0;
	background-color: transparent
}

.custom-auth-form .forgot-pass {
	color: var(--primary-color);
	text-decoration: none;
}

.custom-auth-form .forgot-pass:hover {
	text-decoration: underline;
	color: var(--fs-color-primary)
}

.custom-auth-form .auth-btn {
	width: 100%;
	background: var(--fs-color-primary);
	color: #000;
	padding: 15px;
	border: none;
	border-radius: 6px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s ease;
	margin: 0;
	min-height: 0;
	line-height: 1;
	text-transform: none;
	font-size: 15px
}

.custom-auth-form .auth-btn:hover {
	background: #ffd84e;
}

.custom-auth-form .auth-footer {
	text-align: center;
}

.custom-auth-form .auth-footer a {
	color: var(--fs-color-primary);
	text-decoration: none;
}

.custom-auth-form .auth-footer a:hover {
	text-decoration: underline;
}

.custom-auth-form .error {
	color: red;
	font-size: 12px;
	font-style: italic;
	line-height: 2
}

.custom-auth-form .auth-success {
	color: var(--fs-color-primary);
	font-size: 14px;
}

.custom-auth-form .form-message a {
	text-decoration: underline
}

.auth-row,
.auth-row .remember-me,
.auth-footer {
	font-size: 12px
}



#header .auth-buttons {
	display: flex;
	gap: 12px;
	justify-content: center;
	align-items: center;
}

#header .auth-btn {
	display: inline-block;
	padding: 10px 24px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
}

#header .auth-btn.primary {
	background-color: var(--primary-color);
	color: #000;
}

#header .auth-btn.primary:hover {
	background-color: #FFD84E;
}

#header .auth-btn.secondary {
	border: 1px solid var(--primary-color);
	color: #fff;
	background-color: #2E2E2C
}

#header .auth-btn.secondary:hover {
	background-color: var(--primary-color);
	color: #000;
}

#header .auth-buttons-loggedin {
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}

#header .auth-buttons-loggedin {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: #fff;
	font-weight: 500;
	font-size: 15px;
}

#header .logout-btn {
	/*   background: var(--primary-color); */
	color: #d7d7d7;
	padding: 6px 14px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: underline;
	transition: 0.3s;
}

#header .logout-btn:hover {
	color: #fff;
}


@media (max-width: 767px) {
	.section-auth .title1 {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.6;
		margin-bottom: 6px;
	}

	.section-auth .title2 {
		font-size: 14px;
		line-height: 1.6;
	}

	.section-auth .title3 {
		font-size: 12px;
		line-height: 2;
	}

	.custom-auth-form {
		max-width: 280px;
		gap: 15px
	}

	.custom-auth-form label {
		font-size: 12px
	}

	.custom-auth-form input[type="text"],
	.custom-auth-form input[type="email"],
	.custom-auth-form input[type="password"] {
		min-height: 36px;
		font-size: 12px
	}

	.custom-auth-form .auth-btn {
		padding: 12px;
		font-size: 13px
	}

	.custom-auth-form .form-message {
		font-size: 14px
	}
}


/*--- Popup ---*/



/*--- Popup ---*/

.login-popup-overlay {
	position: fixed;
	inset: 0;
	background: #0A0B0BA6;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.login-popup {
	background: #1B1B1B;
	color: #fff;
	padding: 30px 40px;
	border-radius: 10px;
	text-align: center;
	max-width: 511px;
	width: 90%;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
}

.login-popup h3 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #fff;
}

.login-popup p {
	color: #bbb;
	line-height: 1.6;
	margin-bottom: 25px;
}

.login-popup-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.login-popup a {
	display: inline-block;
	padding: 10px 25px;
	border-radius: 40px;
	font-weight: 600;
	line-height: 1.2;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s;
	width: 100%
}

.btn-register {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}

.btn-register:hover {
	background: var(--primary-color);
	color: #000;
}

.login-popup a.btn-login {
	background: var(--primary-color);
	color: #000;
}

.btn-login:hover {
	opacity: 0.85;
}

@media (max-width: 767px) {

	.login-popup {
		padding: 16px 20px 24px
	}

	.login-popup h3 {
		font-size: 18px;
	}

	.login-popup p {
		font-size: 14px;
	}

	.login-popup a {
		font-size: 13px;
	}
}

/*Banner*/

.banner-home {
	min-height: 43.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/2025/10/bg.png);
}

.title-header,
.banner-home__wraper .title-header h1 {
	font-size: var(--60);
	font-weight: 600;
	color: white;
	line-height: 1.3;
}

.title-header p {
	font-size: var(--60);
	font-weight: 600;
	color: white;
	line-height: 1.3;
}

.description p {
	color: white;
	font-size: var(--20);
	color: var(--color-grey);
}

.outstanding-home {
	padding: 2rem var(--section);
}

.outstanding-home__list-item {
	text-align: center;
}

.outstanding-item__num {
	font-weight: 700;
	font-size: var(--40);
}

.outstanding-item__des {
	font-size: var(--15);
	font-weight: 500;
}

.outstanding-home__wraper:before,
.outstanding-home__wraper:after {
	content: '';
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	background: linear-gradient(90deg, #5A4A04 0%, var(--primary-color) 51%, #5A4A04 100%);
}

.outstanding-home__wraper:after {
	bottom: 0;
}

.outstanding-home__wraper:before {
	top: 0;
}

.slider-show4 {
	overflow: hidden;
}

.swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

/* chi tiết bài viết */
.archive-blog-header .title-header {
	margin-bottom: var(--12);
}

.blogSingle-wrapper {
	padding: 5.375rem calc(var(--section) + 4.8rem) 0;
	color: white;
}

.blogSingle-wrapper .breadcrumbs-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 5.375rem 0;
}

.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p {
	margin: 0;
	color: #D0D0D0;
	font-size: var(--20);
}

.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p a {
	color: white;
	font-size: var(--25);
	font-weight: 700;
}

.blog-single {
	padding-top: 0;
}

.blogSingle-wrapper .entry-content.single-page {
	padding: 0 4.8rem;
}

.blogSingle-wrapper .entry-content.single-page p {
	font-size: var(--18);
}

.blogSingle-wrapper .entry-content.single-page a {
	color: var(--color-yellow);
}

.blogSingle-wrapper .entry-content.single-page a:hover {
	text-decoration: underline;
}

.blogSingle-wrapper span.post-date-day {
	font-size: var(--20);
	color: #D0D0D0;
}

.img-single-blog {
	padding-bottom: 5.375rem;
}

.img-single-blog img {
	width: 100%;
}

/*single post*/
.box-blog__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--19);
	padding-top: calc(5.375rem - 1.3rem);
	margin-bottom: 5.375rem;
}

.blog__list-item {
	background-color: #191918;
	border-radius: var(--10);
	border: 1px solid #2E2E2C;
}

.blog__list-item .image-cover {
	padding-top: 68%;
	border-top-left-radius: var(--10);
	border-top-right-radius: var(--10);
}

.blog__list-item .box-text {
	padding: var(--15);
}

.blog__list-item .box-text .post-date-day {
	color: #D9D9D9;
	font-size: var(--12);
	margin-bottom: var(--12);
}

.blog__list-item .box-text h3.title {
	color: white;
	font-size: var(--18);
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	height: 2.95rem;
}

.blog__list-item .box-text .des p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: var(--14);
	color: #D9D9D9;
	margin-bottom: var(--22);
}

.blog__list-item .btn-post {
	color: #D9D9D9;
	font-size: var(--14);
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: var(--4);
}

.blog__list-item .box-image .image-cover img {
	transition: ease-in-out .2s;
}

.blog__list-item .box-image .image-cover:hover img {
	transform: scale(1.08);
}

.blog__list-item:hover .box-text .title {
	color: var(--color-yellow);
}

.blog__list-item .btn-post span {
	transition: ease-in .2s;
}

.blog__list-item .btn-post:hover path {
	stroke: var(--color-yellow);
}

.blog__list-item .btn-post:hover span {
	margin-right: var(--6);
}

.blog__list-item .btn-post:hover {
	color: var(--color-yellow);
}

.style-button {
	margin-top: 0;
	height: var(--40);
	text-align: center;
	line-height: var(--40);
}

.btn2 {
	color: var(--color-black);
	background-color: var(--color-yellow);
	font-size: var(--15);
	font-weight: 500;
	padding: var(--10);
	border-radius: var(--99);
}

.btn2:hover {
	background-color: white;
}

/* .box-blog__wrapper{
padding: 5.375rem calc(var(--section) + 4.8rem) 0;
} */
#load-more-button .btn2,
#load-more-related .btn2 {
	margin: 0;
	padding: 0 var(--10);
}

#posts-container {
	padding-top: 0;
}

#no-posts-message {
	padding-top: var(--20);
	text-align: center;
	font-size: var(--14);
	font-weight: 600;
	color: #D9D9D9;
}

.blog-single .banner-home .banner-home__wraper {
	max-width: 70rem;
}

.single-post-wrapper.row {
	padding: 60px 15px 0;
	display: block
}

@media (max-width: 767.98px) {
	#breadcrumbs {
		font-size: 14px
	}

	.title-header p {
		font-size: var(--24);
	}

	.title-header,
	.banner-home__wraper .title-header h1 {
		font-size: var(--24);
	}

	.banner-home {
		min-height: 200px;
	}

	.banner-home__wraper {
		width: 100%;
		padding: 0 var(--16);
		margin-top: 0;
	}

	.description p {
		font-size: var(--14);
		margin-bottom: 0;
	}

	.outstanding-item__num {
		font-size: var(--22);
	}

	.outstanding-item__des {
		font-size: var(--14);
	}

	.blogSingle-wrapper {

		padding: 0 15px;
	}

	.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p a {
		font-size: var(--15);
	}

	.blogSingle-wrapper .breadcrumbs-header .rank-math-breadcrumb p {
		margin-bottom: var(--5);
		font-size: var(--15);
	}

	.blogSingle-wrapper .breadcrumbs-header {
		flex-direction: column;
		padding: 0 0 3rem 0;
	}

	.blogSingle-wrapper span.post-date-day {
		font-size: var(--16);
	}

	.blogSingle-wrapper .entry-content.single-page p {
		font-size: var(--15);
	}

	.img-single-blog {
		padding-bottom: 3rem;
	}

	.blogSingle-wrapper .entry-content.single-page {
		padding: 0;
	}

	.blog-related .blog-related-posts {
		grid-template-columns: 1fr;
	}

	.style-button {
		margin-top: 3rem;
	}

	/* 	.box-blog__wrapper {
	padding: 3rem var(--section) 0;
} */
	.box-blog__list {
		grid-template-columns: 1fr;
		margin-top: 0;
	}

	.btn2 {
		font-size: var(--14);
	}

	.footer-infor .footer-logo img {
		width: 75%;
	}

	.blog-single .banner-home .banner-home__wraper {
		max-width: 100%;
	}

	.single-post-wrapper.row {
		padding: 30px 15px
	}

	.related-posts .box-blog__list {
		padding: 0
	}
}

#toc_container {
	width: 100% !important;
	border-radius: 20px;
	padding: 1.25rem;
}


.trading_form-col {
	z-index: 99999
}

.exchange-dropdown,
.exchange-dropdown-mb {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 10;
}

.exchange-dropdown-toggle,
.exchange-dropdown-toggle-mb {
	margin: 0 !important;
	text-transform: none;
	font-weight: 500 !important;
}

.exchange-dropdown .exchange-dropdown-menu,
.exchange-dropdown-mb .exchange-dropdown-menu-mb {
	/* 	display: none!important */
}

.exchange-dropdown-menu,
.exchange-dropdown-menu-mb {
	width: 200px !important;
	background-color: #1e1e1c;
	padding: 15px 18px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	border: 1px solid rgba(180, 180, 180, 0.25);
	margin-top: 10px;
}

.exchange-dropdown-menu .exchange-dropdown-item,
.exchange-dropdown-menu-mb .exchange-dropdown-item-mb {
	padding: 6px 15px;
	cursor: pointer;
	transition: background 0.2s;
	font-size: 14px;
	color: white;
	white-space: nowrap;
	border-radius: 6px;
	text-align: left
}

.exchange-dropdown-menu .exchange-dropdown-item:hover,
.exchange-dropdown-menu-mb .exchange-dropdown-item-mb:hover {
	background: #2a2a28;
}


.hotro-tooltip {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0);
}

.hotro-ngay-btn:hover .hotro-tooltip {
	opacity: 0 !important;
}

#openMenuBtn {
	margin: 0;
	padding: 0;

}

#openMenuBtn img {
	width: 20px
}

/* vietnamese */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Overlay */
.menu-overlay {
	position: fixed !important;
	inset: 0 !important;
	background: rgba(0, 0, 0, 0.6) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	z-index: 99999 !important;
	will-change: opacity !important;
	backface-visibility: hidden !important;
	pointer-events: none !important;
}

.menu-overlay.active {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/* Menu container - Đã di chuyển ra ngoài header bằng JavaScript */
.mobile-menu {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100vh !important;
	max-height: 100vh !important;
	overflow-y: auto !important;
	background: #0E0E0D !important;
	color: #fff !important;
	transform: translateY(-100%) translateZ(0) !important;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
	z-index: 100000 !important;
	padding: 20px !important;
	border-radius: 0 0 12px 12px !important;
	will-change: transform !important;
	backface-visibility: hidden !important;
	/* Menu đã ở ngoài header nên không bị giới hạn */
	contain: none !important;
	/* Đảm bảo menu không bị ảnh hưởng bởi parent container */
	position: fixed !important;
	pointer-events: auto !important;
}

.mobile-menu.active {
	transform: translateY(0) !important;
}

.menu-close {
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	margin-left: auto;
}

.mobile-menu-list {
	list-style: none;
	padding: 0;
	margin: 20px 0 40px 0;
}

.mobile-menu-list li {
	margin-bottom: 20px;
}

.mobile-menu-list a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	display: block;
}

.menu-buttons {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.btn-yellow {
	background: var(--primary-color);
	color: #0E0E0D;
	text-align: center;
	padding: 7px 0;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
}

.btn-outline {
	border: 1px solid var(--primary-color);
	color: #fff;
	text-align: center;
	padding: 6px 0;
	border-radius: 6px;
	font-weight: 500;
	text-decoration: none;
	background-color: #2E2E2C
}

.menu-toggle {
	background: none;
	border: none;
	cursor: pointer;
}

.menu-toggle img,
.menu-close img {
	width: 28px;
	height: auto;
}

/* Mobile menu đã được di chuyển ra ngoài header nên không cần overflow: visible nữa */
/* Nhưng vẫn giữ để đảm bảo không có vấn đề gì */
#header,
.header-wrapper {
	position: relative;
	z-index: 1;
}


#text-2712178394 {
	text-align: center;
}


#text-1253531592 {
	font-size: 0.85rem;
	text-align: center;
}

@media (min-width:550px) {
	#text-1253531592 {
		font-size: 1.2rem;
	}
}


#gap-1854881410 {
	padding-top: 30px;
}


/* Loading Overlay */
.loading-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

.loading-overlay.active {
	display: flex;
}

.loading-spinner {
	width: 60px;
	height: 60px;
	border: 5px solid rgba(240, 185, 11, 0.3);
	border-top: 5px solid #f0b90b;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.loading-text {
	color: #f0b90b;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 600;
}

/* Error Popup */
.error-popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 10000;
	justify-content: center;
	align-items: center;
}

.error-popup-overlay.active {
	display: flex;
}

.error-popup {
	background: #1a1a1a;
	color: #ffffff;
	padding: 30px;
	border-radius: 12px;
	max-width: 400px;
	width: 90%;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
	animation: popupSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform, opacity;
	backface-visibility: hidden;
	transform: translateZ(0);
}

@keyframes popupSlideIn {
	from {
		opacity: 0;
		transform: translateY(-30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.error-popup h3 {
	color: #f0b90b;
	margin: 0 0 15px 0;
	font-size: 20px;
}

.error-popup p {
	color: #cccccc;
	margin: 0 0 25px 0;
	line-height: 1.6;
}

.error-popup-close {
	background: linear-gradient(135deg, var(--primary-color) 0%, #fff 100%);
	color: #000;
	border: none;
	padding: 12px 30px;
	width: 100%;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}

.error-popup-close:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(240, 185, 11, 0.3);
}


.bizgpt-select-scroll {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.bizgpt-custom-select {
	position: relative;
	min-width: 250px;
}

.bizgpt-select-trigger {
	padding: 6px 10px;
	border-radius: 6px;
	background: #2E2E2C;
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.33) !important;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	user-select: none;
}

.bizgpt-select-trigger:after {
	content: '▼';
	font-size: 10px;
	margin-left: 10px;
}

.bizgpt-select-trigger.active:after {
	content: '▲';
}

.bizgpt-options {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 5px;
	background: #2E2E2C;
	border: 1px solid rgba(255, 255, 255, 0.33) !important;
	border-radius: 6px;
	display: none;
}

.bizgpt-options.body-attached {
	position: fixed;
}

.bizgpt-options.active {
	display: block;
	z-index: 1000;
}

.bizgpt-search-box {
	padding: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.bizgpt-search-input {
	width: 100%;
	padding: 6px 10px;
	border-radius: 4px;
	background: #1a1a19;
	color: white;
	border: 1px solid rgba(255, 255, 255, 0.33) !important;
	outline: none;
	font-size: 14px;
}

.bizgpt-search-input::placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.bizgpt-options-list {
	max-height: 250px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.bizgpt-options-list::-webkit-scrollbar {
	width: 6px;
}

.bizgpt-options-list::-webkit-scrollbar-track {
	background: transparent;
}

.bizgpt-options-list::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 3px;
}

.bizgpt-options-list::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.5);
}

.bizgpt-option {
	padding: 10px;
	color: white;
	cursor: pointer;
	transition: background 0.2s;
}

.bizgpt-option:hover {
	background: rgba(255, 255, 255, 0.1);
}

.bizgpt-option.selected {
	background: rgba(255, 255, 255, 0.15);
}

.bizgpt-option.hidden {
	display: none;
}

.bizgpt-no-results {
	padding: 15px;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	font-size: 14px;
	display: none;
}

.bizgpt-no-results.active {
	display: block;
}


#text-4177950491 {
	font-size: 0.85rem;
	text-align: center;
}

@media (min-width:550px) {
	#text-4177950491 {
		font-size: 1.2rem;
	}
}


#gap-622589204 {
	padding-top: 30px;
}


#section_1501744055 {
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 0px;
}

#section_1501744055 .section-bg img {
	/* blur màu đen */
	/* filter: blur(15px) brightness(0.5); */
}

@media (min-width:550px) {
	#section_1501744055 {
		min-height: 800px;
	}
}


#section_2073297081 {
	padding-top: 30px;
	padding-bottom: 30px;
}


#text-224463281 {
	font-size: 1.1rem;
	text-align: center;
}

@media (min-width:550px) {
	#text-224463281 {
		font-size: 2rem;
	}
}


#gap-341076694 {
	padding-top: 16px;
}

@media (min-width:550px) {
	#gap-341076694 {
		padding-top: 30px;
	}
}


.portfolio-filter.mobile-filter a {
	font-size: 11px;
}

.copy-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	background: #181816;
	color: white;
	padding: 20px 30px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
	z-index: 10000;
	text-align: center;
	min-width: 300px;
	opacity: 0;
	transition: all 0.3s ease;
}

.copy-popup.show {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.copy-popup-title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
}

.copy-popup-code {
	font-size: 14px;
	opacity: 0.9;
}


#col-687430363>.col-inner {
	padding: 0px 0px 20px 0px;
}


#section_766875136 {
	padding-top: 0px;
	padding-bottom: 0px;
}

@media (min-width:550px) {
	#section_766875136 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}


#text-3825427896 {
	font-size: 1.2rem;
	text-align: center;
}

@media (min-width:550px) {
	#text-3825427896 {
		font-size: 2rem;
	}
}

#text-feedback-title {
	font-size: 1.2rem;
	text-align: center;
}

@media (min-width:550px) {
	#text-feedback-title {
		font-size: 2rem;
		margin-bottom: 30px;
	}
}


#col-426351580>.col-inner {
	padding: 0px 0px 20px 0px;
}


#text-315256939 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-315256939>* {
	color: var(--primary-color);
}


#text-2371968788 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-2371968788>* {
	color: var(--primary-color);
}


#text-2661392537 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-2661392537>* {
	color: var(--primary-color);
}


#text-4045459368 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-4045459368>* {
	color: var(--primary-color);
}


#text-3242914078 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-3242914078>* {
	color: var(--primary-color);
}


#text-1411806815 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-1411806815>* {
	color: var(--primary-color);
}


#text-2799258271 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-2799258271>* {
	color: var(--primary-color);
}


#text-3833866637 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-3833866637>* {
	color: var(--primary-color);
}


#text-609526014 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-609526014>* {
	color: var(--primary-color);
}


#text-118895928 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-118895928>* {
	color: var(--primary-color);
}


#text-3613630226 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-3613630226>* {
	color: var(--primary-color);
}


#text-4276945228 {
	font-size: 1.2rem;
	color: var(--primary-color);
}

#text-4276945228>* {
	color: var(--primary-color);
}


#section_1185741726 {
	padding-top: 60px;
	padding-bottom: 60px;
}


#image_105957930 {
	width: 100%;
}


#section_455197821 {
	padding-top: 0px;
	padding-bottom: 0px;
}

@media (min-width:550px) {
	#section_455197821 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}


#image_1360510999 {
	width: 35%;
}


#section_548192726 {
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 0px;
}

@media (min-width:550px) {
	#section_548192726 {
		padding-top: 30px;
		padding-bottom: 30px;
		min-height: 230px;
	}
}


#image_1790131764 {
	width: 71%;
}


#image_2031390024 {
	width: 100%;
}


#image_1032822642 {
	width: 100%;
}


#text-1345139966 {
	font-size: 1rem;
	line-height: 1.45;
	text-align: left;
}


#col-1457195341>.col-inner {
	padding: 20px 20px 20px 20px;
}


#image_1819710877 {
	width: 100%;
}


#image_1912292230 {
	width: 100%;
}


#text-2024810189 {
	font-size: 1rem;
	line-height: 1.45;
	text-align: left;
}


#col-1823175405>.col-inner {
	padding: 20px 20px 20px 20px;
}


.hotro-ngay-btn {
	position: fixed;
	bottom: 70px;
	right: 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 9999;
	animation: zoomPulse 2s infinite ease-in-out;
	transition: all 0.3s ease;
}

.hotro-ngay-btn.active {
	background-color: #ff4757;
}

/* Vòng tròn tỏa sáng (hiệu ứng ripple) */
.hotro-ngay-btn::before,
.hotro-ngay-btn::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	background: rgba(255, 217, 61, 0.3);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: phonering-cricle 1.8s infinite ease-in-out;
	z-index: -1;
}

.hotro-ngay-btn::after {
	width: 100px;
	height: 100px;
	background: rgba(255, 217, 61, 0.15);
	animation: phonering-circle-fill 2.4s infinite ease-in-out;
}

/* Tooltip */
.hotro-tooltip {
	position: absolute;
	bottom: 75px;
	right: 0;
	background: #333;
	color: #fff;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 14px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transform: translateY(10px);
	transition: all 0.25s ease;
}

.hotro-tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 20px;
	border-width: 6px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

.hotro-ngay-btn:hover .hotro-tooltip {
	opacity: 1;
	transform: translateY(0);
}

.hotro-ngay-btn img {
	width: 100%;
	height: 100%;
	z-index: 2;
}

/* Menu liên hệ */
.hotro-menu {
	position: fixed;
	bottom: 140px;
	right: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px) translateZ(0);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 9998;
	will-change: transform, opacity;
	backface-visibility: hidden;
}

.hotro-menu.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.hotro-menu-item {
	width: 55px;
	height: 55px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	animation: slideIn 0.4s ease backwards;
}

.hotro-menu-item:nth-child(1) {
	animation-delay: 0.1s;
}

.hotro-menu-item:nth-child(2) {
	animation-delay: 0.2s;
}

.hotro-menu-item:hover {
	transform: scale(1.1);
}

.hotro-menu-item.telegram {
	background: linear-gradient(135deg, #0088cc, #00aaff);
}

.hotro-menu-item.zalo {
	background: linear-gradient(135deg, #0068ff, #0180ff);
}

.hotro-menu-item img {
	width: 30px;
	height: 30px;
}

/* Overlay mờ khi mở menu */
.hotro-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	z-index: 9997;
	will-change: opacity;
	backface-visibility: hidden;
}

.hotro-overlay.show {
	opacity: 1;
	visibility: visible;
}

/* Hiệu ứng nhịp thở */
@keyframes zoomPulse {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.08);
	}
}

/* Sóng lan tỏa ngoài */
@keyframes phonering-cricle {
	0% {
		transform: translate(-50%, -50%) scale(0.5);
		opacity: 0.1;
	}

	50% {
		transform: translate(-50%, -50%) scale(0.9);
		opacity: 0.4;
	}

	100% {
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0.1;
	}
}

/* Sóng lan tỏa mờ xa */
@keyframes phonering-circle-fill {
	0% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0.4;
	}

	50% {
		transform: translate(-50%, -50%) scale(1.1);
		opacity: 0.3;
	}

	100% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0.4;
	}
}

@keyframes slideIn {
	from {
		opacity: 0;
		transform: translateX(30px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}


/* CSS cho popup copy toàn site */
.copy-popup-global {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0) translateZ(0);
	background: #181816;
	color: white;
	padding: 20px 30px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
	z-index: 10000;
	text-align: center;
	min-width: 300px;
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform, opacity;
	backface-visibility: hidden;
}

.copy-popup-global.show {
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
}

.copy-popup-global .copy-popup-title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
}

.copy-popup-global .copy-popup-code {
	font-size: 14px;
	opacity: 0.9;
}

/* Thêm cursor pointer cho các element có thể click */
.text-code,
.icon-code-copy {
	cursor: pointer;
	transition: opacity 0.2s;
}

.text-code:hover,
.icon-code-copy:hover {
	opacity: 0.8;
}

/* Why Choose cards responsive - CSS framework sẽ xử lý responsive tự động */
#row-332875866 {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch; /* Đảm bảo các card có chiều cao bằng nhau */
	gap: 20px; /* Khoảng cách đều giữa các card */
}

/* Đảm bảo các card trong Why Choose có chiều cao đồng đều */
#row-332875866 .col.card_border {
	display: flex;
	flex-direction: column;
	margin-bottom: 0; /* Bỏ margin-bottom mặc định để dùng gap */
}

#row-332875866 .col.card_border .col-inner {
	flex: 1;
	display: flex;
	flex-direction: column;
	height: 100%;
}

#row-332875866 .col.card_border .col-inner p {
	flex: 1;
	margin-bottom: 0;
}

/* Mobile: 1 cột, khoảng cách đều và card full width */
@media (max-width: 767px) {
	#row-332875866 {
		gap: 16px; /* Khoảng cách nhỏ hơn trên mobile */
	}
	
	#row-332875866 .col.card_border {
		width: 100% !important;
		flex-basis: 100% !important;
		max-width: 100% !important;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0 !important; /* Bỏ mọi margin-top không đều */
		margin-bottom: 0;
	}
}

/* PC/Tablet: 2 cột */
@media (min-width: 768px) {
	#row-332875866 .col.card_border {
		flex-basis: calc(50% - 10px); /* 50% trừ đi một nửa gap */
		max-width: calc(50% - 10px);
		width: calc(50% - 10px);
	}
}

/* ============================================
   FEEDBACK CAROUSEL - Infinite Loop
   ============================================ */

.feedback-section {
	padding: 60px 0;
	overflow: hidden;
	position: relative;
}

.feedback-section .section-bg {
	filter: blur(10px);
	transform: scale(1.1);
}

.feedback-section .section-bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
}

.feedback-section .section-content {
	position: relative;
	z-index: 2;
}

.feedback-carousel-wrapper {
	position: relative;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 5%, black 95%, transparent 100%);
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE and Edge */
	cursor: grab;
	/* Loại bỏ scroll-behavior: smooth để JavaScript xử lý mượt hơn */
	scroll-behavior: auto;
	-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
	overscroll-behavior-x: contain; /* Ngăn scroll bouncing */
}

.feedback-carousel-wrapper::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

.feedback-carousel-wrapper:active {
	cursor: grabbing;
}

.feedback-carousel {
	display: flex;
	gap: 20px;
	width: max-content;
	/* Tối ưu rendering performance */
	will-change: scroll-position;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.feedback-item {
	flex-shrink: 0;
	width: 300px;
	height: 400px;
	/* Tối ưu rendering */
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.feedback-image-wrapper {
	width: 100%;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
	/* Tối ưu rendering ảnh */
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	background: transparent;
	border: 2px solid rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(0, 0, 0, 0.3);
}

.feedback-image {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	position: relative;
	z-index: 1;
	/* Tối ưu rendering ảnh để không bị giật */
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	pointer-events: none;
}

/* Responsive cho mobile */
@media (max-width: 767px) {
	.feedback-item {
		width: 250px;
		height: 350px;
	}
	
	.feedback-carousel {
		gap: 15px;
	}
}

/* Responsive cho tablet */
@media (min-width: 768px) and (max-width: 1024px) {
	.feedback-item {
		width: 280px;
		height: 380px;
	}
}

/* CSS để làm ảnh logo sàn nét hơn */
.portfolio-item .thumb img,
.portfolio-grid img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-webkit-font-smoothing: antialiased;
}

/* CSS đồng nhất tất cả các title trong trang index */
.section h2 {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 2rem;
	margin-top: 0;
	text-align: center;
	color: #ffffff;
}

/* Đảm bảo container của title có padding đồng nhất */
.section .col.pb-0 {
	padding-bottom: 0 !important;
}

.section .text {
	margin-bottom: 0;
}

/* Responsive cho mobile */
@media screen and (max-width: 849px) {
	.section h2 {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}
}

@media screen and (max-width: 549px) {
	.section h2 {
		font-size: 1.5rem;
		margin-bottom: 1.25rem;
		line-height: 1.4;
	}
}

/* Khoảng cách đồng nhất giữa các section */
.section {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media screen and (max-width: 849px) {
	.section {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
}

@media screen and (max-width: 549px) {
	.section {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}

/* css chỉ màn mobile */
@media (max-width: 767px) {
	.container .row:not(.row-collapse),.lightbox-content .row:not(.row-collapse),.row .gallery,.row .row:not(.row-collapse) {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0;
		padding-right: 0;
		width: auto
	}
	#register-link .icon-box-text, 
	#register-link-case2 .icon-box-text,
	#register-link-case3 .icon-box-text{
		padding-top: 0px !important;
	}
}