body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background-color: #fafbff;
	background-color: #fff;
	color: #2f1c6a
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
	-webkit-text-wrap: pretty;
	text-wrap: pretty;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	color: #2f1c6a
}

a {
	color: #2f1c6a
}

a:hover {
	color: #673de6
}

.badge {
	line-height: 1.5
}

.bg-blur {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

/*carousel*/
.carousel a:hover {
	border: none;
	text-decoration: none !important
}

.carousel-indicators {
	bottom: 10px;
	height: 20px;
	left: 5%;
	right: 5%;
	margin: 0;
	padding: 0
}

.carousel-indicators li {
	width: 40px;
	height: 10px;
	margin: 0 1px;
	padding: 0;
	background: #fff;
	border: none
}

.carousel-indicators li.active {
	width: 80px;
	height: 10px;
	background: #2f1c6a;
	border: none
}

.carousel-inner>.carousel-item {
	width: 100%;
	height: 100%
}

.carousel-inner>.carousel-item .item-img {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%
}

.carousel-inner>.carousel-item .item-img img {
	width: 100%;
	height: 100%;
	border-radius: 0.5rem;
	object-fit: cover
}

.carousel-caption-soft {
	position: absolute;
	bottom: 2.75rem;
	z-index: 1;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: left;
	line-height: 1.5;
	left: 5%;
	right: 5%
}

.carousel-caption-soft .s2 a {
	font-weight: 600;
	color: #fff;
	font-size: 1.5rem
}

.carousel-caption-soft .s2 a:hover {
	color: #fff
}

@media (min-width:768px) {
	.carousel-inner>.carousel-item {
		height: 400px
	}

	.carousel-caption-soft .s2 a {
		font-size: 1.75rem
	}
}

/*image-overlay*/
.image-overlay:before {
	content: "";
	position: absolute;
	height: 50%;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	border-radius: 0.5rem;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)) !important;
	background-image: linear-gradient(180deg, transparent, black) !important;

	background-image: -webkit-linear-gradient(180deg, transparent, black) !important;
	background-image: linear-gradient(180deg, transparent, black) !important;
}

/*article list*/
.post-card {
	margin: 0;
	padding: 1.125rem 0
}

.post-card .post-card__thumbnail {
	width: 142px;
	min-width: 142px;
	max-width: 142px;
	height: 80px;
	overflow: hidden;
	position: relative;
	border-radius: 0.5rem;
}

.post-card .post-card__thumbnail img {
	height: 100%;
	width: 100%;
	margin: 0;
	opacity: 1;
	object-fit: cover;
	border-radius: 0.5rem
}

.post-card .post-card__thumbnail .badge {
	position: absolute;
	z-index: 1;
	left: 0.5rem;
	top: 0.5rem;
	font-weight: 600;
	font-size: 0.875rem;
}

.post-card .post-card__thumbnail-resize {
	opacity: 1 !important
}

.post-card .post-card__content {
	min-width: 0;
	position: relative
}

.post-card .post-card__content .post-card__title {
	margin: 0;
	padding: 0;
	margin-bottom: 0.5rem
}

.post-card .post-card__content .post-card__title h1,
.post-card .post-card__content .post-card__title h2,
.post-card .post-card__content .post-card__title h3 {
	margin: 0;
	padding: 0;
	font-size: 1.25rem;
	line-height: 1.25
}

.post-card .post-card__content .post-card__title a {
	font-size: 1.25rem;
	line-height: 1.25;
	font-weight: 600;
	color: #2f1c6a
}

.post-card .post-card__content .post-card__excerpt {
	margin: 0;
	margin-bottom: 1.5rem;
	padding: 0;
	font-size: 0.875rem;
}

.post-card .post-card__content .post-card__meta {
	margin: 0;
	padding: 0;
	font-weight: 600;
	color: #2f1c6a;
	font-size: 0.875rem !important;
}

.post-card .post-card__content .post-card__meta span {
	height: 1rem;
	line-height: 1rem;
	font-size: 0.875rem !important;
}

/*commodity*/
.post-card .commodity-thumb {
	width: 80px;
	min-width: 80px;
	max-width: 80px
}

.post-card .commodity-meta span {
	height: 2rem !important;
	line-height: 2rem !important;
	font-size: 1rem !important;
	margin-top: 0.5rem
}

.post-card .commodity-meta span.price {
	font-size: 1rem !important
}

@media (min-width:768px) {
	.post-card {
		padding: 2rem 0
	}

	.post-card .post-card__thumbnail {
		width: 370px;
		min-width: 370px;
		max-width: 370px;
		height: 208px;
		/*width:height=1.777777777*/
	}

	.post-card .post-card__content .post-card__title a {
		font-size: 1.75rem
	}

	.post-card .post-card__content .post-card__excerpt.text-truncate--2lines {
		display: -moz-box !important;
		display: -webkit-box !important
	}

	.post-card .commodity-thumb {
		width: 200px;
		min-width: 200px;
		max-width: 200px;
		height: 200px
	}
}

/*article small list*/
.post-card--small {
	margin: 0;
	padding: 0;
	padding: 1.125rem 0;
}

.post-card--small .post-card__thumbnail {
	width: 142px;
	min-width: 142px;
	max-width: 142px;
	height: 80px;
	overflow: hidden;
	position: relative;
	border-radius: 0.5rem
}

.post-card--small .post-card__thumbnail img {
	height: 100%;
	width: 100%;
	margin: 0;
	opacity: 1;
	object-fit: cover;
	border-radius: 0.5rem
}

.post-card--small .post-card__content {
	min-width: 0;
	position: relative
}

.post-card--small .post-card__content .post-card__title {
	margin: 0;
	padding: 0;
	margin-bottom: 0.25rem
}

.post-card--small .post-card__content .post-card__title h1,
.post-card--small .post-card__content .post-card__title h2,
.post-card--small .post-card__content .post-card__title h3 {
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	line-height: 1.25;
}

.post-card--small .post-card__content .post-card__title a {
	font-size: 1.125rem;
	line-height: 1.25;
	font-weight: 600;
	color: #2f1c6a
}

.post-card--small .post-card__content .post-card__meta {
	margin: 0;
	padding: 0;
	font-weight: 600
}

.post-card--small .post-card__content .post-card__meta span {
	height: 1rem;
	line-height: 1rem;
	color: #2f1c6a;
	font-size: 0.875rem !important;
}

/*post block*/
.post-card-block {
	display: block
}

.post-card-block .post-card__thumbnail {
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-bottom: 1rem;
	height: 200px;
	border-radius: 0.5rem !important
}

.post-card-block .post-card__thumbnail img {
	height: 100%;
	width: 100%;
	opacity: 1;
	object-fit: cover;
	border-radius: 0.5rem !important
}

.post-card-block .post-card__content {
	width: 100%
}

.post-card-block .post-card__content .post-card__title h1,
.post-card-block .post-card__content .post-card__title h2,
.post-card-block .post-card__content .post-card__title h3 {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
	line-height: 1.25
}

.post-card-block .post-card__content .post-card__title a {
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 600;
	text-decoration: none;
}

.post-card-block .post-card__content .post-card__meta {
	font-weight: 600;
	font-size: 0.875rem !important;
	color: #2f1c6a !important;
}

.post-card-block .post-card__content .btn {
	font-weight: 600;
	font-size: 0.875rem !important;
	background-color: transparent !important;
	padding: 0 !important;
	border: none !important;
	color: #2f1c6a !important;
	border-radius: unset !important;
}

.post-card-block .post-card__content .post-card__excerpt {
	font-size: 0.875rem;
}

/*post big img*/
.post-featured {
	border-radius: 0.5rem
}

.post-featured .post-featured__thumbnail {
	border-radius: 0.5rem 0.5rem 0 0;
	overflow: hidden
}

.post-featured .post-featured__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0.5rem 0.5rem 0 0
}

.post-featured .post-card__content .post-tag .badge {
	font-size: 0.875rem
}

.post-featured .post-card__content .post-card__title {
	display: block;
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 600;
	text-decoration: none;
}

/*basic text list*/
.post-list--basic {
	margin: 0
}

.post-list--basic li {
	width: 100%;
	padding: 0.5rem 0;
	margin: 0;
	transition: padding 0.3s
}

.post-list--basic li:first-child {
	border: none !important
}

.post-list--basic li a {
	font-size: 1.25rem;
	line-height: 1.25;
	font-weight: 600;
	margin-bottom: 0.5rem;
	display: inline-block;
}

.post-list--basic li p.post-time {
	color: #748194;
	display: block;
}

.post-list--hot li a span {
	font-weight: 900;
	color: #b6c1d2;
	margin-right: 0.125rem;
	font-size: 0.875rem
}

.post-list--hot li:nth-child(1) a span {
	color: #f5803e
}

.post-list--hot li:nth-child(2) a span {
	color: #f5803e;
	opacity: 0.8
}

.post-list--hot li:nth-child(3) a span {
	color: #f5803e;
	opacity: 0.5
}

.post-list--basic-text-small li {
	padding: 1rem 0
}

.post-list--basic-text-small li a {
	font-size: 1rem
}

/*search results*/
.search-filter li.active a {
	font-weight: 600;
	color: #673de6
}

.search-results__count {
	font-weight: 600
}

.search-result-list article.page {
	display: none
}

/*search results wrap*/
.post-search-results-card .post-card__title h1,
.post-search-results-card .post-card__title h2,
.post-search-results-card .post-card__title h3 {
	font-size: 1.5rem;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	font-weight: 600
}

.post-search-results-card .post-card__title a {
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 600;
	text-decoration: none;
}

.post-search-results-card .post-inner .post-card__thumbnail {
	width: 142px;
	min-width: 142px;
	max-width: 142px;
	height: 80px;
	position: relative;
	overflow: hidden
}

.post-search-results-card .post-inner .post-card__thumbnail img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 0.5rem
}

.post-search-results-card .post-inner .post-card__content {
	min-width: 0
}

.post-search-results-card .post-inner .post-card__content .note {
	font-size: 0.875rem
}

.post-search-results-card .post-inner .post-card__content .meta span {
	font-weight: 600 !important;
	font-size: 0.875rem
}

.post-search-results-card .post-url {
	word-wrap: break-word;
	white-space: normal;
	overflow-x: hidden;
	font-size: 0.875rem
}

/*single*/
.content--narrow {
	max-width: 780px;
	margin: 0 auto;
	position: relative;
}

.main-content .category-tag a {
	font-weight: 600;
	font-size: 0.875rem !important;
}

.main-content .entry-title {
	font-size: 2rem;
	padding: 0;
	text-align: left;
	/*en*/
	line-height: 1.2;
	font-weight: 600;
	/*
	word-break: break-word;
	word-wrap: break-word
	*/
}

.main-content .post-card__meta {
	font-weight: 600;
	color: #2f1c6a;
	font-size: 0.875rem !important;
}

.main-content .post-card__meta span {
	margin: 0;
	padding: 0;
	margin-right: 1rem
}

.main-content .post-card__thumbnail-header {
	text-align: center
}

.main-content .post-card__thumbnail-header img {
	border-radius: 5px;
	width: 100%;
	margin: 0 auto
}

.main-content .img-scale,
.main-content .img-scale:hover {
	-webkit-transition: unset !important;
	transition: unset !important;
	transform: unset !important;
}

.entry-content {
	position: relative;
	text-align: left;
	padding: 0;
	max-width: 100%;
	overflow-x: hidden;
	font-size: 1.25rem;
	line-height: 1.75;
	font-weight: 400;
	letter-spacing: .3px;
}

.entry-content a {
	color: #673de6
}

.entry-content p {
	/*text-indent:2rem*/
	margin-bottom: 1.5rem
}

.entry-content p img {
	text-indent: 0
}

.entry-content img {
	max-width: 100%;
	margin: 1rem auto;
	padding: 0;
	text-indent: 0;
	display: block;
	height: auto !important;
	border-radius: 0.5rem
}

.entry-content table {
	border: 1px solid #edf2f9;
	display: block;
	max-width: 100%;
	width: 100%;
	margin: 0 auto
}

.entry-content table td,
.entry-content table th {
	border: 1px solid #edf2f9;
	padding: 0 5px
}

.entry-content table p {
	text-indent: 0
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: #2f1c6a;
	font-weight: 600;
	position: relative;
	margin-top: 1.5rem;
	margin-bottom: 1rem
}

.entry-content blockquote {
	border-left: 5px solid #d8e2ef;
	background: #f9fafd;
	color: #9da9bb;
	padding: 1.5rem 2rem 0.125rem 2rem;
	font-size: 1.125rem !important;
	margin-bottom: 2rem;
}

.post-share_url input,
.post-share_url button {
	font-size: 1.125rem
}

.post-share_url input {
	border-color: #673de6 !important;
	color: #673de6
}

.social-container {
	flex-direction: row;
	margin-bottom: 25px;
	margin-top: 25px;
	position: relative;
	width: 100%;
}

@media (min-width:768px) {
	.main-content .entry-title {
		font-size: 2.75rem
	}

	.main-content .post-card__meta span {
		margin-right: 1.5rem
	}

	.social-container {
		flex-direction: column !important;
		height: -moz-fit-content;
		height: fit-content;
		left: 0;
		margin-left: 0px;
		margin-right: 25px;
		padding-top: 50px;
		top: 0;
		width: 54px;
		min-width: 54px;
		text-align: center;
		font-size: 12px;
	}
}

/*page*/
.page-thumb-header {
	position: relative;
	background-color: #2f1c6a;
	border-radius: 0.5rem;
	width: 100%;
	height: 15rem
}

.page-thumb-header img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 0.5rem;
	position: relative;
	z-index: 1;
	opacity: 0.25
}

.page-thumb-header .independent-page-header {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 22.5%;
	text-align: center;
	color: #fff
}

.page-thumb-header .independent-page-header h1 {
	font-size: 4rem;
	font-weight: 900;
	color: #fff
}

.page-thumb-header .independent-page-header p {
	font-size: 1.5rem;
	color: #fff;
	font-weight: 600
}

@media (min-width:768px) {
	.page-thumb-header .independent-page-header h1 {
		font-size: 5rem
	}
}

/*navigation*/
.navigation {
	margin: 0 auto;
	padding: 2rem 0;
	display: block
}

.navigation h2 {
	display: none
}

.navigation .nav-links {
	text-align: center
}

.navigation .nav-links a,
.navigation .nav-links span.current {
	display: inline-block;
	padding: 10px 20px;
	background: #eee;
	border-radius: 3px;
	margin: 0 3px;
	color: #999;
	font-size: 1.2rem;
	font-weight: 600
}

.navigation .nav-links span.current {
	background: #673de6;
	color: #fff
}

.navigation .nav-links a:hover {
	background: #673de6;
	color: #fff
}

.navigation .nav-links span.current,
.navigation .nav-links a.page-numbers {
	display: none
}

.navigation .nav-links a.next {
	display: inline-block;
	background: #673de6;
	color: #fff
}

@media (min-width:768px) {

	.navigation .nav-links span.current,
	.navigation .nav-links a.page-numbers {
		display: inline-block
	}

	.navigation .nav-links a.prev,
	.navigation .nav-links a.next {
		display: inline-block
	}
}

/*title*/
.section-title--medium {
	font-size: 2.25rem;
	font-weight: 600;
	position: relative;
	z-index: 1
}

.section-title--medium::after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 4.5rem;
	height: 15px;
	background-color: #673de6;
	z-index: 0;
	left: 0;
	bottom: 5px;
	opacity: 0.5;
	z-index: 0
}

.section-title--center {
	font-size: 3.25rem;
	font-weight: 600;
	position: relative;
	z-index: 1
}

.section-title--center::after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 10%;
	height: 15px;
	background-color: #673de6;
	z-index: 0;
	left: 45%;
	bottom: 10px;
	opacity: 0.5;
	z-index: 0
}

/*error*/
.error-container {
	max-width: 800px;
	margin: 0 auto;
	border-radius: 0.5rem
}

.error-title {
	font-size: 8rem;
	line-height: 1
}

.error-lead {
	font-size: 1.5rem;
	font-weight: 600
}

/*ai*/
.waves-white {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	border-radius: 0 0 25px 25px;
	opacity: 0.375;
	z-index: 1;
}

.waves-white-svg {
	opacity: 1 !important;
}

.ai-boot {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	height: 80px;
	/*
	background: linear-gradient(to top,
	rgba(255, 255, 255, 0.8) 2%,
	rgba(255, 255, 255, 0) 98%
	);
	pointer-events: none;
	*/
	z-index: 999;
	/*background-color: #f4f5ff !important;*/
	/*box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.125) !important;*/
	border-top: 0px solid #d8e2ef;
	-webkit-box-shadow: 0 0 0.7rem rgba(95, 65, 251, 0.2);
	box-shadow: 0 0 0.7rem rgba(95, 65, 251, 0.2);
	border-radius: 5px;
}

.ai-boot .container {
	position: relative;
	z-index: 2;
}

.ai-boot .waves-white {
	border-radius: 5px;
}

.ai-boot .footer-ai-boot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
}

.ai-boot .footer-ai-boot>div {
	clear: both;
}

.ai-boot .ai-form {
	height: 50px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}

.mini-glow-box {
	height: 50px;
	background: white;
	position: relative;
	border-radius: 5px;
}

.mini-glow-box::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: linear-gradient(90deg,
			#60faff,
			#fd7e14,
			#60faff);
	border-radius: 6px;
	background-size: 200% auto;
	animation:
		glow-flow 6s linear infinite,
		glow-breathe 4s ease-in-out infinite;
	z-index: 0;
	opacity: 0.75;
	filter: blur(5px);

	-webkit-animation: glow-flow 6s linear infinite, glow-breathe 4s ease-in-out infinite;
	animation: glow-flow 6s linear infinite, glow-breathe 4s ease-in-out infinite;
}

.mini-glow-box::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	border-radius: 5px;
	z-index: 1;
}

.glow-content {
	position: relative;
	z-index: 2;
	padding: 12px;
	color: #333;
}

@keyframes glow-flow {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 200% 50%;
	}
}

@keyframes glow-breathe {

	0%,
	100% {
		opacity: 0.5;
	}

	50% {
		opacity: 0.9;
	}
}

.ai-form-text {
	position: relative;
	z-index: 2;
	display: flex;
	padding: 0 1rem;
	line-height: 50px;
	font-size: 1.125rem;
}

.message-form {
	display: none;
}

.message-form a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 1.5rem;
	font-size: 1.125rem;
	font-weight: 400;
	border: 0 !important;
	border-radius: 5px !important;
}

.message-form a.btn-ai {
	/*background: linear-gradient(#1522b1, #730e9d);*/
	color: #fff;
	background-color: #000;
}

.message-form a.btn-reg {
	color: #fd7e14;
	/*
	background-color: #fff;
	border: 1px solid #fd7e14 !important;
	*/
}

@media(min-width:992px) {
	.footer-copyright .fc1 a {
		margin: 0 1rem
	}

	.message-form {
		display: block;
	}
}

/* reading progress bar */
.reading-progress-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 4px;
	background: #673de6;
	z-index: 9999;
	transition: width 0.1s ease;
}

/*indexCarousel*/
.indexCarousel {
	background-color: #fff;
	padding-top: 15px;
}

#indexCarousel .carousel-img {
	height: 230px;
}

.carousel-indicators {
	bottom: 0.5rem;
	display: none;
}

.carousel-indicators li {
	width: 30px !important;
	height: 10px !important;
	border: 0 !important;
	background: #b6c1d2 !important;
	border-radius: 0 !important;
	opacity: 0.5;
	margin: 0 2px !important;
}

.carousel-indicators li.active {
	opacity: 1;
	width: 60px !important;
	height: 10px;
	border: 0 !important;
	background: #2f1c6a !important;
}

.carousel-control-prev,
.carousel-control-next {
	color: #2f1c6a !important;
	display: none;
}

.carousel-control .fa-chevron-left:before {
	font-family: "bootstrap-icons";
	content: "\F284";
}

.carousel-control .fa-chevron-right:before {
	font-family: "bootstrap-icons";
	content: "\F285";
}

/*caption*/
#indexCarousel .carousel-img {
	width: 100%;
	float: none;
	display: block;
}

#indexCarousel .carousel-img img {
	height: 100%;
	width: 100%;
	opacity: 1;
	object-fit: cover;
	border-radius: 0.5rem !important;
}

.carousel-caption-float {
	width: 100%;
	float: none;
	display: block;
}

.carousel-caption-float h3 {
	color: #2f1c6a;
	font-weight: 600;
}

.index-carousel-caption-float-div .swiper-item-channel {
	display: inline-block;
	background-color: transparent;
	border: 2px solid #2f1c6a;
	border-radius: 40px;
	height: 40px;
	line-height: 36px;
	font-weight: 400;
	padding: 0 20px;
	color: #2f1c6a;
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
}

.index-carousel-caption-float-div .swiper-item-title {
	margin: 0;
	padding: 0;
	margin-bottom: 1rem;
	color: #2f1c6a;
	font-size: 1.5rem;
	line-height: 1.25;
}

.index-carousel-caption-float-div .swiper-item-description {
	font-size: 1rem;
}

.carousel-focus:hover .carousel-img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

@media (min-width: 768px) {
	.indexCarousel {
		background-color: transparent;
		padding-top: 0;
	}

	#indexCarousel .carousel-img {
		width: 50%;
		border-radius: 0.5rem;
		float: left;
		height: 330px;
	}

	.carousel-caption-float {
		width: 48%;
		height: 100%;
		float: right;
	}

	.index-carousel-caption-float-div .swiper-item-channel {
		margin-bottom: 2.5rem;
	}

	.index-carousel-caption-float-div .swiper-item-title {
		font-size: 2rem;
	}

	.carousel-indicators {
		justify-content: flex-end;
		display: flex;
	}
}

/*app-social*/
.app-social-nav {
	margin: 0;
	padding: 0;
}

.app-social-nav>ul {
	height: 100%;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.app-social-nav>ul>li {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.app-social-nav.page-footer>ul>li {
	margin: 0 10px;
}

.app-social-nav.page-left>ul>li {
	margin-bottom: 12.5px;
}

.app-social-nav>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0px solid #ccc;
	border-radius: 5px;
	margin: 0;
	padding: 0;
}

.app-social-nav>ul>li>a>span {
	display: block;
	width: 100%;
	height: 100%;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	color: inherit;
	font-weight: 400;
	overflow-y: hidden;
}

.app-social-nav>ul>li>a span {
	position: relative;
	margin: 0;
	padding: 0
}

.app-social-nav>ul>li>a .app-social-icon {
	-js-display: inline-flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: -webkit-transform .22s;
	transition: -webkit-transform .22s;
	transition: transform .22s;
	transition: transform .22s, -webkit-transform .22s;
	opacity: 1;
	will-change: transform;
}

.app-social-nav>ul>li>a .app-social-icon {
	width: 38px;
	height: 38px;
	color: #333;
}

.app-social-nav>ul>li>a:hover .app-social-icon,
.app-social-nav>ul>li>a:focus-within .app-social-icon {
	-webkit-transform: translateY(-225%);
	-ms-transform: translateY(-225%);
	transform: translateY(-225%);
}

.app-social-nav>ul>li>a:hover .app-social-icon.bottom-icon,
.app-social-nav>ul>li>a:focus-within .app-social-icon.bottom-icon {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.app-social-nav>ul>li>a .app-social-icon.bottom-icon {
	position: absolute;
	-webkit-transform: translate3d(0, 225%, 0);
	transform: translate3d(0, 225%, 0);
	color: #2f1c6a;
}

.copy-tip {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 12px 24px;
	background: rgba(47, 28, 106, 0.95);
	color: #ffffff;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease;
	z-index: 10000;
}

.copy-tip.show {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
}

.copy-tip.error {
	background: #ff4444;
}

.app-relates-sticky {
	position: relative;
	width: 250px;
	margin-left: -200px;
	padding: 1rem;
	border: 1px solid #edf2f9;
	border-radius: 5px;
	background-color: #f9fafd;
}

.app-relates-sticky h5 {
	text-align: left;
}

.app-relates-sticky ul {
	width: 100%;
}

.app-relates-sticky li {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	text-align: left !important;
}

.app-relates-sticky li a {
	font-size: 1rem;
	font-size: 13px;
}

/*post comments*/
.comments-section {
	padding: 2rem;
	margin-bottom: 1.5rem;
	border: 1px solid #edf2f9;
	border-radius: 5px;
}

.comments-section form label {
	display: block;
}

.comments-section textarea,
.comments-section input {
	border: 1px solid #d8e2ef;
	border-radius: 5px;
	padding: 0 10px;
	margin: 0;
	line-height: 1.5;
	width: 100%;
}

.comments-section input {
	border: 1px solid #d8e2ef;
	height: 45px;
	line-height: 45px;
}

.comments-section .comment-form-cookies-consent {
	position: relative;
}

.comments-section .comment-form-cookies-consent label {
	display: inline;
	font-size: 0.875rem;
	position: relative;
	top: -2px;
}

.comments-section .comment-form-cookies-consent input {
	padding: unset !important;
	line-height: unset !important;
	height: unset !important;
	width: unset !important;
}

.comments-section .form-submit .submit {
	background-color: #673de6;
	color: #fff;
	border: 0;
}

.comments-section .comments-title {
	font-weight: 600;
}

.comments-section .comment-respond {
	padding-top: 3rem;
	font-weight: 600;
}

/* =============================================
   Overall styling for comment list - .comment-list
   ============================================= */
ol.comment-list {
	max-width: 1200px;
	/* Limit maximum width and center alignment */
	margin: 2rem auto;
	padding: 0;
	list-style: none;
	/* Remove default list markers */
}

/* Single comment item - .comment */
ol.comment-list li.comment {
	background: #fff;
	/* Comment card background color */
	border-radius: 12px;
	/* Rounded corners */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	/* Subtle shadow */
	margin-bottom: 2.5rem;
	/* Spacing between comment items */
	padding: 1.5rem;
	position: relative;
	/* For positioning nested comments */
	transition: all 0.3s ease;
}

/* Hover effect for comment items */
ol.comment-list li.comment:hover {
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
	/* Darker shadow on hover */
	transform: translateY(-2px);
	/* Slight upward movement */
}

/* Special styling for post author's comment (.bypostauthor is a built-in WordPress class) */
ol.comment-list li.bypostauthor {
	border-left: 4px solid #673de6;
	/* Highlight color for left border of author comments */
}

/* =============================================
   Comment avatar - .comment-author
   ============================================= */
.comment-author .avatar {
	width: 50px;
	/* Avatar size */
	height: 50px;
	border-radius: 50%;
	/* Circular avatar */
	object-fit: cover;
	/* Ensure avatar doesn't distort */
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
}

/* Author info next to avatar (name + timestamp) */
.comment-author .fn,
.comment-metadata {
	margin-left: 65px;
	/* Alignment with avatar */
}

/* Author name styling */
.comment-author .fn {
	font-size: 1.1rem;
	font-weight: 600;
	/* Bold weight */
	color: #0b1727;
	/* Dark text color */
	text-decoration: none;
	/* Remove default underline */
}

/* Comment timestamp styling */
.comment-metadata {
	font-size: 0.875rem;
	color: #748194;
	/* Light gray color */
	margin-top: 0.25rem;
}

/* =============================================
   Comment content - .comment-content
   ============================================= */
.comment-content {
	margin: 1rem 0 1rem 65px;
	/* Alignment with avatar */
	line-height: 1.7;
	/* Comfortable line height */
	color: #344050;
	/* Body text color */
	font-size: 1rem;
}

/* Link styling within comment content */
.comment-content a {
	color: #673de6;
	/* Blue link color */
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border 0.3s ease;
}

.comment-content a:hover {
	border-bottom: 1px solid #673de6;
	/* Underline on hover */
}

/* =============================================
   Reply button - .reply
   ============================================= */
.reply {
	margin-left: 65px;
	/* Alignment with avatar */
	margin-top: 1rem;
}

.reply a {
	display: inline-block;
	padding: 0.3rem 0.8rem;
	background: #f3f4f6;
	/* Light gray background */
	color: #4b5563;
	/* Text color */
	border-radius: 6px;
	/* Button rounded corners */
	font-size: 0.875rem;
	text-decoration: none;
	transition: all 0.3s ease;
}

.reply a:hover {
	background: #673de6;
	/* Primary color on hover */
	color: #fff;
	/* White text on hover */
}

/* =============================================
   Nested comment styling - .children
   ============================================= */
ol.comment-list .children {
	list-style: none;
	margin-left: 50px;
	/* Indent for nested comments */
	padding-left: 0;
}

/* Card styling for nested comments (distinct from parent comments) */
ol.comment-list .children li.comment {
	background: #f8f9fa;
	/* Light gray background */
	box-shadow: none;
	/* No shadow */
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

ol.comment-list .children li.comment:hover {
	transform: none;
	/* No movement on hover */
}

/* =============================================
   Responsive optimization (Small screen adaptation)
   ============================================= */
@media(max-width: 768px) {
	ol.comment-list li.comment {
		padding: 1rem;
		/* Reduce padding on small screens */
	}

	.comment-author .avatar {
		width: 40px;
		/* Reduce avatar size */
		height: 40px;
		top: 1rem;
		left: 1rem;
	}

	.comment-author .fn,
	.comment-metadata,
	.comment-content,
	.reply {
		margin-left: 55px;
		/* Adjust alignment with smaller avatar */
	}

	ol.comment-list .children {
		margin-left: 20px;
		/* Smaller indent for nested comments */
	}
}

/*right*/
.card-img-flash {
	position: relative;
	overflow: hidden;
}

.card-img-flash img {
	width: 100%;
	border-radius: 0.5rem;
}

.card-img-flash::before {
	content: "";
	position: absolute;
	top: 0;
	z-index: 2;
	left: -80%;
	width: 50%;
	height: 100%;
	display: block;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.card-img-flash:hover::before {
	-webkit-animation: imgflash 1s;
	animation: imgflash 1s;
}

@-webkit-keyframes imgflash {
	100% {
		left: 125%;
	}
}

@keyframes imgflash {
	100% {
		left: 125%;
	}
}

.smaller {
	font-size: 60%;
	font-weight: 600;
}

.common-banner {
	width: 100%;
	border-radius: 0.5rem;
}

/*ai*/
.message-fixed-box {
	position: fixed;
	width: 4.5rem;
	height: 4.5rem;
	z-index: 10000;
	right: 5px;
	bottom: 5px;
}

.message-fixed-box .message-link-box {
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 5px;
	background: #2f1c6a;
	color: #fff;
	text-align: center;
	padding-top: 1rem;
	text-decoration: none !important
}

.message-fixed-box .message-link-box i {
	font-size: 1.75rem;
	line-height: 1 !important
}

.message-fixed-box .message-link-box svg {
	width: 2rem !important;
	height: 2rem;
	font-size: 2rem;
	line-height: 1 !important
}

.message-fixed-box .message-link-box p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 600
}

/*siteModle*/
.modal--floating {
	width: 70%;
	height: auto;
	top: 9rem;
	left: 15%;
	position: fixed;
	border: 0;
	padding: 0;
	border-radius: 50px;
	z-index: 999;
	box-shadow: 0px 10px 15px 2px rgba(0, 0, 0, 0.5);
	color: #fff;
	display: none;
}

.modal--floating img {
	width: 100%;
	height: auto;
}

.modal--floating__close {
	position: absolute;
	z-index: 1;
	cursor: pointer;
	float: right;
	top: -10px;
	right: -10px;
	color: #000;
	padding: 0;
	border: none;
	font-size: 20px;
	font-weight: 600;
	background-color: transparent;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.modal--floating {
			{
			left: 40%;
		}
	}
}

@media (min-width:768px) {
	.modal--floating {
		width: 275px;
		top: 15rem;
		left: calc(50% - 140px);
	}
}