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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--cnvs-themecolor: #0d132d;
	--cnvs-themecolor-rgb: 13, 19, 45;
	--cnvs-themecolor-light: #D7E0F8;
	--cnvs-secondary-color: #e91e63;
	--cnvs-gradient-color: linear-gradient(to right, #f6955c, #f23457);
	--tits-gradient-color: linear-gradient(90deg, #0f62fe, #009d9a);
	--cnvs-brandcolor-rgb: 16, 123, 233;
	--cnvs-form-color: #153261;
	--cnvs-body-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--cnvs-primary-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--cnvs-secondary-font: -apple-system, 'Helvetica Neue', Helvetica, 'Nimbus Sans L', Arial, 'Liberation Sans', 'PingFang SC', 'Hiragino Sans GB',
		'Source Han Sans CN', 'Source Han Sans SC', 'Microsoft YaHei', 'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei,
		'WenQuanYi Zen Hei Sharp', sans-serif;
	--cnvs-brand-font: Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

:root,
.not-dark {
	--cnvs-contrast-0: #fff;
	--cnvs-contrast-100: #f8f9fa;
	--cnvs-contrast-200: #e9ecef;
	--cnvs-contrast-300: #dee2e6;
	--cnvs-contrast-400: #ced4da;
	--cnvs-contrast-500: #adb5bd;
	--cnvs-contrast-600: #6c757d;
	--cnvs-contrast-700: #495057;
	--cnvs-contrast-800: #343a40;
	--cnvs-contrast-900: #101737;
	--cnvs-contrast-1000: #252F51;
}

body {
	text-wrap-style: pretty;
}

pre {
	white-space: break-spaces;
}

pre code {
	padding-left: 1rem;
	display: inline-block;
}

.brand-font {
	font-family: var(--cnvs-brand-font);
}

.border-bottom-tit {
	border-bottom: 1px solid #101737;
}

.feature-box {
	border-color: #000 !important;
}

.fs-7 {
	font-size: 0.875rem;
}

.rounded-32 {
	border-radius: 32px;
}

.bg-theme {
	background-color: var(--cnvs-themecolor) !important;
}

a {
	color: #101737;
}

a.link {
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	color: #333;
	font-size: 1.125rem;
	font-family: 'Roboto', sans-serif;

}

a.link::before,
a.link::after {
	position: absolute;
	width: 100%;
	height: 1px;
	background: currentColor;
	top: 100%;
	left: 0;
	pointer-events: none;
}

a.link::before {
	content: '';
	/* show by default */
}

a.link-3::before {
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}

a.link-3:hover::before {
	transform-origin: 0% 50%;
	transform: scale3d(1, 2, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

a.link-3::after {
	content: '';
	top: calc(100% + 4px);
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.4s 0.1s cubic-bezier(0.2, 1, 0.8, 1);
}

a.link-3:hover::after {
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
}

.gradient-text.gradient-color,
.gradient-color-tits {
	background-image: var(--tits-gradient-color) !important;
}

.bg-reddit {
	background-color: #FF5700 !important;
}

.aspect-3-2 {
	aspect-ratio: 300 / 200 !important;
}

.aspect-2-3 {
	aspect-ratio: 288 / 364;
}

.aspect-3-4 {
	aspect-ratio: 600 / 800;
}

.aspect-1-1 {
	aspect-ratio: 800 / 800 !important;
}

.mask-cover {
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
}

.dotted-bg::before {
	content: "";
	position: absolute;
	display: block;
	top: 40%;
	left: 35%;
	width: 110%;
	height: 120%;
	background-size: 12px 12px;
	background-position: center;
	transform: translate(-50%, -50%);
	background-image: radial-gradient(rgba(255, 255, 255, 0.2) 14%, transparent 14%);
	-webkit-mask-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 75%);
	mask-image: radial-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 75%);
	z-index: 0;
}

/* Preload */
#preloader {
	position: fixed;
	inset: 0;
	background: #000;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

#preloader.hidden {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.6s ease;
}

.preloader-center {
	position: relative;
	width: 120px;
	height: 120px;
	text-align: center;
}

.logo {
	position: absolute;
	top: 56%;
	left: 50%;
	transform: translate(-50%, -60%);
	font-size: 2rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.2em;
	display: flex;
}

.logo .char {
	/* opacity: 0;
  transform: translateY(100%);
  display: inline-block;*/
}

/**
* Header
**/
#header {
	--cnvs-primary-menu-submenu-top-border: 3px solid var(--cnvs-themecolor);
	--cnvs-primary-menu-submenu-display-speed: 0.3s;
}

.is-expanded-menu .mega-menu-small .mega-menu-content {
	left: 0;
	width: 50rem;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.is-expanded-menu .primary-menu:not(.on-click) .mega-menu-full:hover>.mega-menu-content {
	margin-top: -3px;
}

.is-expanded-menu .menu-link {
	--cnvs-primary-menu-padding-x: 25px;
}

#header .menu-item>.menu-link>div:before {
	content: '';
	position: absolute;
	top: calc(50% - 3px);
	left: 15px;
	height: 5px;
	width: 5px;
	background: currentColor;
	border-radius: 100%;
	opacity: 0;
	transform: translateX(-6px);
	transition: opacity .2s ease-out, transform .27s ease;
}

#header .menu-item.active>.menu-link>div:before,
#header .menu-item>.menu-link:hover>div:before {
	opacity: 1;
	transform: translateX(0);
}

@media(max-width: 960px) {

	#header .menu-item.active>.menu-link>div:before,
	#header .menu-item>.menu-link:hover>div:before {
		opacity: 0;
	}
}

#header .menu-item .sub-menu-container {
	border-top-width: 1px;
}

#header .menu-item .sub-menu-container .menu-link:hover>div:before {
	opacity: 0;
}

#header.sticky-on-scrollup #header-wrap {
	-webkit-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
	-o-transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
	transition: height .4s ease, opacity .3s ease, margin-top .4s ease;
}

#header.sticky-on-scrollup.sticky-header #header-wrap {
	margin-top: -100px;
}

#header.sticky-on-scrollup.show-sticky-onscroll.sticky-header #header-wrap {
	margin-top: 0px;
}

#header .dropdown-menu .dropdown-item,
#header .dropdown-menu .list-group-item {
	padding: 0.75rem 1.25rem;
	font-size: 14px;
	font-weight: 500;
	border-bottom: 1px solid #EEE;
}

#header .dropdown-menu {
	border-radius: 4px;
	border-color: #EEE;
	overflow: hidden;
}

#header .dropdown-item:last-child,
#header .dropdown-menu .list-group-item:last-child {
	border-bottom: 0;
}

#header .dropdown-menu .dropdown-item:hover {
	background-color: #333;
	color: #FFF;
}

#header .dropdown-menu .list-group-item:hover {
	background-color: rgb(var(--cnvs-themecolor-rgb), .1);
}

#header .dropdown-menu .dropdown-header,
#header .dropdown-menu .list-group-item small {
	color: #BBB;
	font-size: 12px;
}

/**
* Mega Menu 
*/
@media (min-width: 992px) {
	.block-mega-menu-4 .mega-menu-content {
		--bg-light-2: #fbf9f1;
		background: #FFF;
		background: linear-gradient(to right, #FFF 66.666667%, var(--bg-light-2) 66.666667%, var(--bg-light-2) 100%);
	}

	.block-mega-menu-4 .bg-light-2 {
		background-color: var(--bg-light-2) !important;
	}

	.block-mega-menu-4 .mega-menu-column {
		max-height: calc(100vh - 101px);
		overflow: auto;
	}

	.block-mega-menu-4 .hover-opacity .feature-box {
		transition: opacity .2s ease;
		will-change: opacity;
	}

	.block-mega-menu-4 .hover-opacity:hover .feature-box:not(:hover) {
		opacity: .3;
	}

	.block-mega-menu-4 .mega-menu-column .feature-box::before {
		content: "";
		opacity: 0;
		position: absolute;
		background-color: #52ADA2;
		width: 100%;
		top: -20px;
		left: -20px;
		border-radius: 2px;
		height: calc(100% + 40px);
		width: calc(100% + 40px);
		transform: scale(.875);
		transition: transform .2s linear;
	}

	.block-mega-menu-4 .mega-menu-column .feature-box:hover::before {
		opacity: .06;
		transform: scale(0.95);
	}
}

.block-mega-menu-4 .mega-menu-column .feature-box .fbox-content {
	padding-right: 0;
}

.block-mega-menu-4 .mega-menu-column .feature-box>i {
	line-height: 1.25;
	font-size: 18px;
}

.block-mega-menu-4 .mega-menu-column .feature-box h5 {
	transition: color .15s linear;
}

/* Color Primary */
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary:hover h5 {
	color: var(--bs-primary);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-primary::before {
	background-color: var(--bs-primary);
}

/* Color Info */
.block-mega-menu-4 .mega-menu-column .feature-box.card-info>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-info:hover h5 {
	color: var(--bs-info);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-info::before {
	background-color: var(--bs-info);
}

/* Color warning */
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning:hover h5 {
	color: var(--bs-warning);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-warning::before {
	background-color: var(--bs-warning);
}

/* Color danger */
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger:hover h5 {
	color: var(--bs-danger);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-danger::before {
	background-color: var(--bs-danger);
}

/* Color success */
.block-mega-menu-4 .mega-menu-column .feature-box.card-success>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-success:hover h5 {
	color: var(--bs-success);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-success::before {
	background-color: var(--bs-success);
}

/* Color orange */
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange:hover h5 {
	color: var(--bs-orange);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-orange::before {
	background-color: var(--bs-orange);
}

/* Color pink */
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink>i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink:hover h5 {
	color: var(--bs-pink);
}

.block-mega-menu-4 .mega-menu-column .feature-box.card-pink::before {
	background-color: var(--bs-pink);
}



/**
* Frontpage 
**/
.home-hero {
	padding-top: 180px;
	padding-bottom: 20px;
}

.home-hero .col {
	margin-block-end: 0
}

.home-hero .h1 {
	font-size: 20.2vw;
	margin-bottom: 0;
	line-height: 1;
}

.home-hero .slogan {
	padding-bottom: 1.9vw;
}

.home-hero .slogan .h2 {
	margin-bottom: 0;
	font-size: 1.7vw;
}

@media(max-width: 767px) {
	.home-hero .h1 {
		font-size: 26vw;
	}

	.home-hero .slogan .h2 {
		font-size: 16px
	}
}

.section-testimonial .ticker-wrap {
	margin-left: -100%;
}

.section-testimonial .ticker-wrap.ticker-reverse {
	margin-right: 100%;
}

.section-testimonial .ticker {
	padding-bottom: 15px;
	padding-top: 1px;
}

.section-testimonial .ticker-item {
	min-width: 280px;
	max-width: 400px;
	flex: 0 0 auto;
	margin-right: var(--cnvs-ticker-gap, 0.5rem);
	box-shadow: 0 .6021873017743928px .6021873017743928px #1c1c1c03, 0 2.288533303243457px 2.288533303243457px #1c1c1c08, 0 5px 10px #1c1c1c1f, 0 -6px 6px -5px #fff;
	border-color: #fff !important;
	border-radius: 16px !important;
}

.section-testimonial .ticker-item span {
	border-radius: 16px 16px 0 0;
}

@media (max-width: 768px) {
	.section-testimonial .ticker-item {
		min-width: 200px;
		max-width: 90vw;
	}
}

.section-testimonial .summary {
	white-space: normal;
	word-break: break-all;
	overflow-wrap: break-word;
}

.section-testimonial .summary p {
	margin-bottom: 5px;
	font-size: .875rem;
}

/**
* Section
**/
.section-header .h1 {
	font-size: 5rem;
}

.section-header .h2 {
	font-size: 3rem;
}

@media only screen and (max-width: 767px) {
	.section-header .h1 {
		font-size: 2rem;
	}

	.section-header .h2 {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 1024px) {
	.section-header .h1 span {
		display: none;
	}
}

/**
* Section Services Items on frontpage & services page 
**/
.services-items .fbox-icon img {
	background-color: transparent;
}

.services-items .feature-box i.icon {
	margin-right: 0.5em;
	font-size: 24px;
	transform: rotate(-45deg);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.services-items .feature-box:hover {
	background-color: #f8f8f8;
}

.services-items .feature-box:hover i.icon {
	transform: rotate(0deg);
}

.services-items .feature-box .fbox-content h3 {
	font-size: 26px;
}

@media only screen and (max-width: 767px) {
	.services-items .feature-box .fbox-content h3 {
		font-size: 18px;
	}

	.services-items .feature-box .summary {
		display: none;
	}
}

.services-items .feature-box .summary {
	opacity: 0;

	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.services-items .feature-box:hover .summary {
	opacity: 1;
}

/**
* Section of Services
**/
.section-why .feature-box .fbox-content h3 {
	font-size: 32px;
}

.section-why .feature-box .fbox-content p {
	font-weight: 300;
}


/**
* Block of Items blog
**/
.entry-meta {
	margin-bottom: .5rem;
}

.entry-meta li,
.entry-meta a:not(:hover) {
	color: #000;
}

.entry-meta li.datetime:before {
	content: '';
	height: 1px;
	width: 50px;
	margin: 0 5px 0 0;
	background-color: #000;
	line-height: 1;
	display: inline-flex;
	vertical-align: middle;
	flex-wrap: wrap;
	box-sizing: border-box;

}

/**
* Consultant Page
**/
.profile-hero .speen-shape i img {
	filter: brightness(0) invert(1);
}

/**
* Page Website Building 
**/
.page-web-design .gradient-color {
	background-image: var(--cnvs-gradient-color) !important;
}

.page-web-design .gradient-text {
	font-family: var(--cnvs-secondary-font);
	padding: 0 5px;
	font-size: 120%;
}

.page-web-design .toggle {
	--cnvs-toggle-base-color: var(--cnvs-heading-color);
	--cnvs-toggle-font-size: 1.125rem;
	--cnvs-toggle-title-color: var(--cnvs-heading-color);
	--cnvs-toggle-content-padding: 1.5rem 1.75rem;
	margin: 0 0 30px 0;
}

.page-web-design .toggle-header {
	border-radius: var(--cnvs-card-rounded);
	font-weight: 600;
}

.page-web-design .toggle-content {
	padding: 1.5rem 0;
	padding-bottom: .75rem;
	opacity: .8;
	margin-bottom: 0;
}

.page-web-design .toggle-closed {
	transition: .2s;
	opacity: .2;
}

.page-web-design .toggle-active .toggle-closed {
	display: block;
	transform: rotate(45deg);
	opacity: 1;
}

.swiper-pagination-progress {
	--cnvs-swiper-bar-size: 2px;
	--cnvs-swiper-bar-color: var(--cnvs-contrast-200);
	--cnvs-swiper-bar-active-color: var(--cnvs-contrast-1000);
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: auto;
	border-radius: 0;
	opacity: 1;
	margin: 0px;
	background-color: transparent;
}

.swiper-pagination-progress .swiper-pagination-bar,
.swiper-pagination-progress .swiper-pagination-bar-active {
	position: absolute;
	bottom: 0;
	border-radius: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: var(--cnvs-swiper-bar-size);
	margin: 0px;
	background-color: var(--cnvs-swiper-bar-color);
}

.swiper-pagination-progress .swiper-pagination-bar-active {
	z-index: 2;
	width: 0%;
	background-color: var(--cnvs-swiper-bar-active-color);
}

.active .swiper-pagination-progress .swiper-pagination-bar-active {
	animation-name: swiperbarAnim;
	animation-duration: 5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}

@keyframes swiperbarAnim {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

.swiper-tab-link {
	--swiper-tab-title: #AAA;
	--swiper-tab-content: ;
	counter-increment: step-counter;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	padding: 20px 0;
	cursor: pointer;
}

.swiper-tab-link::before {
	content: "0" counter(step-counter)'.';
	position: relative;
	display: inline-block;
	font-size: 26px;
	font-weight: 600;
	min-width: 50px;
	margin-right: 5px;
	color: var(--swiper-tab-title);
	font-family: monospace;
	line-height: 1;
}

.swiper-tab-link .swiper-tab-title {
	display: inline-block;
	color: var(--swiper-tab-title);
	margin-bottom: 0;
	font-size: calc(1.275rem + 0.3vw);
}

.swiper-tab-link .swiper-tab-content {
	margin-bottom: 0;
	padding-top: 10px;
	margin-left: 5px;
	line-height: 0;
	opacity: 0;
	vertical-align: middle;
	font-size: 1rem;
	transition: line-height 0.6s cubic-bezier(.4, 0, .2, 1), opacity .1s .1s cubic-bezier(.4, 0, .2, 1);
}

@media (min-width: 768px) {
	.swiper-tab-link .swiper-tab-content {
		margin-left: 60px;
	}
}

.swiper-tab-link.active .swiper-tab-content {
	opacity: .8;
	line-height: var(--cnvs-line-height-content);
	transition: line-height 0.5s cubic-bezier(.4, 0, .2, 1), opacity .15s .15s cubic-bezier(.4, 0, .2, 1);
}

.swiper-tab-link.active {
	--swiper-tab-title: #000;
}

/* End of Page Website building */

.postcontent img {
	height: auto;
}

/**
 * Comment Form
**/

/* General Dom Elements*/
#gotoTop {
	--cnvs-gotoTop-stroke-color: var(--cnvs-themecolor);
	--cnvs-gotoTop-stroke-width: 4px;
	--cnvs-gotoTop-scroll: 260;
	--cnvs-gotoTop-position-boxed-bottom: 50px;
	background-color: transparent !important;
}

#gotoTop::before {
	/* font-icons.css */
	content: "\F286";
	font-family: 'bootstrap-icons';
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
	height: calc(32px + calc(var(--cnvs-gotoTop-stroke-width) * .5));
	line-height: calc(32px - 1px);
	font-size: 1rem;
	color: #f2f2f2;
	transform: translate(-50%, -50%);
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	z-index: -1;
}

#gotoTop circle {
	stroke: var(--cnvs-gotoTop-stroke-color);
	stroke-width: var(--cnvs-gotoTop-stroke-width);
	transform: rotate(-90deg);
	transform-origin: center;
	stroke-dashoffset: var(--cnvs-gotoTop-scroll);
	stroke-dasharray: 255 255;
	z-index: 1;
}

/*Testimonials Page*/
.block-testimonials-3 .swiper-slide {
	width: 400px;
	padding: 15px;
}

.testimonial-grid .feature-box {
	padding: 2rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: .5rem;
	border: 1px solid #EEE !important;
	background-color: #FFF;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .05);
	margin-bottom: 30px;
}

.testimonial-grid .feature-box:hover {
	background-size: cover;
	overflow: hidden;
}

.testimonial-grid .feature-box:hover h4,
.testimonial-grid .feature-box:hover p {
	color: #FFF;
}

.dark .testimonial-grid .feature-box .fbox-icon i {
	background-color: rgba(255, 255, 255, 0.15);
}

.testimonial-grid .feature-box,
.testimonial-grid .feature-box .fbox-icon,
.testimonial-grid .feature-box .fbox-content {
	transition: all .4s ease, border-color .0s ease;
}

@media (min-width: 992px) {
	.testimonial-grid .feature-box {
		background-size: 0;
		border: 1px solid rgba(255, 255, 255, 0.1);
	}

	.testimonial-grid .feature-box:hover {
		transform: translateY(-6px);
		border-color: var(--cnvs-themecolor);
	}

	.testimonial-grid .feature-box .fbox-icon,
	.testimonial-grid .feature-box .fbox-content {
		transform: translateY(20px);
	}

	.testimonial-grid .feature-box:hover .fbox-icon,
	.testimonial-grid .feature-box:hover .fbox-content {
		transform: translateY(0px);
	}

	.dark .testimonial-grid .feature-box:hover .fbox-icon i {
		background-color: #FFF;
	}
}

@media (max-width: 991.98px) {
	.testimonial-grid .feature-box .fbox-icon i {
		background-color: #FFF;
	}
}

@media (max-width: 768px) {
	.testimonial-grid .feature-box {
		background-color: transparent;
		background-image: none !important;
	}

	.testimonial-grid .feature-box:hover h4,
	.testimonial-grid .feature-box:hover p {
		color: #333;
	}
}

/* Brief Page*/

.brief-grid {
	padding: 1rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: .5rem;
	border: 1px solid #EEE !important;
	background-color: #FFF;
	margin-bottom: 30px;
}

.brief-grid h2.h4 {
	border-left: 4px solid #444;
	padding-left: 0.6rem;
	font-size: 18px;
	border-radius: 6px;
}

.brief-grid .feature-box {
	border: 0 none;
}

.brief-grid .feature-box p {
	margin-top: 0;
	margin-bottom: 0.625rem;
}

.brief-grid .feature-box:hover {
	background-size: cover;
	overflow: hidden;
}

.dark .brief-grid .feature-box .fbox-icon i {
	background-color: rgba(255, 255, 255, 0.15);
}

.brief-grid .feature-box,
.brief-grid .feature-box .fbox-icon,
.brief-grid .feature-box .fbox-content {
	transition: all .4s ease, border-color .0s ease;
}

.brief-grid .feature-box .fbox-content * {
	font-size: 16px;
}

.brief-grid .feature-box ol,
.brief-grid .feature-box ul {
	padding-left: 1rem;
}

.brief-grid .platform-icon {
	margin-top: -5rem;
	background-color: #f2f2f2;
	margin-right: -5rem;
	transition: all .4s ease, border-color .0s ease;
	border-radius: 50%;
	padding: 1rem;
	display: block;
	width: 152px;
	height: 152px;
	transform: scale(0.7);
}

.brief-grid .platform-icon svg {
	max-width: 32px;
	max-height: 32px;
}

@media (min-width: 992px) {
	.brief-grid {
		padding: 2rem;
	}

	.brief-grid .feature-box {
		background-size: 0;
		transform: scale(0.9);

	}

	.brief-grid:hover .feature-box {
		transform: scale(1);
		border-color: var(--cnvs-themecolor);
	}

	.brief-grid:hover .platform-icon {
		transform: scale(0.9);
	}

	.dark .brief-grid .feature-box:hover .fbox-icon i {
		background-color: #FFF;
	}
}

@media (max-width: 991.98px) {
	.brief-grid .feature-box .fbox-icon i {
		background-color: #FFF;
	}
}

@media (max-width: 768px) {
	.brief-grid .feature-box {
		background-color: transparent;
		background-image: none !important;
	}
}

#brief-load-trigger {
	width: 100%;
	height: 120px;
}

/* Single Post Page */
.single-post .entry-content pre {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 1rem 0;
	background-color: #f8f8f8;
}

.single-post .entry-content ul,
.single-post .entry-content ol {
	margin-left: 1.235rem;
}

.post-content .wp-block-list {
	margin-left: 2rem;
}

.post-content blockquote {
	font-size: 0.875rem;
}

.entry-content .wp-block-list li {
	line-height: 1.8;
}

.entry-content a:not(.btn-link):not(.text-decoration-underline):not(.more-link) {
	text-decoration: underline !important;
	text-underline-offset: 5px;
}

/* Portfolio Page */
#portfolio .portfolio-image img {
	object-position: top;
}

#portfolio .portfolio-image,
#portfolio .portfolio-image>a {
	transition: all .5s cubic-bezier(0.0, 0.0, 0.5, 1.0);
	transform-origin: center;
}

#portfolio .portfolio-item:hover .portfolio-image {
	transform: scale(0.97);
}

#portfolio .portfolio-item:hover .portfolio-image>a {
	transform: scale(1.17);
}

#footer a[href^="tel:"] {
	/* 兼容Safari */
	color: #FFF;
	text-decoration: none;
}

/* AI Page */
.card .offer-tag {
	background-color: #1a46a7;
	border-radius: 0 0 50% 50%;
	width: 60px;
	height: 30px;
	display: block;
	position: absolute;
	left: 30px;
	top: 0px;
	text-align: center;
	line-height: normal;
	color: #FFFFFF;
	font-size: 0.8rem;
}


/* Login Page */

/* Dashboard */