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

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root{
	--cnvs-themecolor: #101737;
	--cnvs-themecolor-rgb: 16, 23, 35;
	--cnvs-themecolor-light: #D7E0F8;
	--cnvs-secondary-color: #405189;
	--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;
}
@font-face {
	font-family: 'Km Standard TT Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Km Standard TT Bold'), url('fonts/KmStandardTT-Bold.woff') format('woff');
}
pre code{padding-left: 1rem;}
.brand-font{font-family: var(--cnvs-brand-font);}
.border-bottom-tit{border-bottom: 3px solid #000;}
.feature-box {border-color:#000!important ;}
.fs-7{font-size: 0.875rem;}
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-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.1s;
}
.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;
}

#header .menu-item > .menu-link > div:before{
	content: '';
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    height: 6px;
    width: 6px;
    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: 3px;}
#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; }
/**
* 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: 75px; letter-spacing: 0.3rem;}
@media only screen and (max-width: 767px){
	.section-header .h1{font-size: 45px;}
}
@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
**/
#comments{position: static;}
#comments article{position: relative;}
#comments .comment-list, #comments .comment-list .children{list-style-type:none;}

#comments input, 
#comments #comments select, 
#comments textarea, 
#commentform textarea{border-color: var(--cnvs-form-color); border: 0 none;}

#comments input,
#comments textarea {border-bottom: 1px solid;}
#comments input[type="text"], #comments input[type="input"], #comments input[type="password"], #comments input[type="email"], #comments input[type="number"], #comments input[type="url"], #comments input[type="tel"], #comments input[type="search"], #comments textarea, #comments select{
	-webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    padding: 12px 0;
    margin: 0 0 20px 0;
    width: 220px;
    max-width: 100%;
    background: transparent;
    line-height: 25px;
}
#respond {
    position: relative;
    clear: both;
    padding: 0;
    margin-bottom: 50px;
}

#comments #respond:after,
#comments #respond:before {
    display: none;
}

#respond h3 {
    padding: 0;
    margin: 0 0 40px;
}

#respond h3 i {
    margin-right: 10px;
}

#comments #respond h3 {
    border: 0;
    text-align: left;
    padding: 0;
}

#comments #respond h3 i {
    display: none;
}

#comments #respond {
    padding: 30px 0 10px 0;
    border: 0;
    width: 100%;
    margin: 0;
}

#comments #respond #commentform {
    padding: 0;
    border: 0;
    clear: both;
}

#respond h3 small a#cancel-comment-reply-link {
    display: block;
    text-transform: none;
    color: red;
    
}

#comments #respond h3 small {
    float: right;
}

#respond .form-allowed-tags {
    display: none;
}

#comments #respond h3.comment-reply-title span:after,
#comments #respond h3.comment-reply-title:after {
    display: none;
}

#commentform {
    padding: 0;
    display: block;
}

#commentform label {
    clear: both;
    font-weight: normal;
}

#commentform textarea#comment {
    width: 100%;
    clear: both;
    margin: 0 0 26px 0;
    height: 145px;
    border: 0;
    border-bottom: 1px solid var(--cnvs-form-color);
    padding: 0 0 20px 0;
}

#commentform textarea#comment:hover,
#commentform textarea#comment:focus {
    border-color: var(--swm-color-border-hover);
}

#commentform input[type="text"] {
    width: 50%;
    float: left;
    display: inline-block;
    clear: both;
}

#commentform input[type="text"],
#commentform input[type="email"],
input[type="password"],
#commentform textarea {
    padding: 0 0 10px 0;
    margin-bottom: 35px;
    text-indent: 0;
    width: calc(100% - 10px);
    font-weight: 400;
}

#commentform .comment-form-url input[type="text"],
#commentform .comment-form-url input[type="url"] {
    width: 100%;
}

#commentform .comment-form-author input[type="text"] {
    padding-right: 68px;
}

#commentform textarea {
    min-height: 140px;
}

#commentform p {
    width: auto;
    margin: 0;
}

input[type="password"] {
    margin-bottom: 0;
    display: inline-block;
}

#commentform .hidden {
    display: none;
}

input[type="submit"] {
    display: inline;
}

#commentform p.comment-form-author,
#commentform p.comment-form-email {
    width: 50%;
    float: left;
}

#commentform p.comment-form-email input[type="text"] {
    margin-right: 0;
    float: right;
    margin-left: 12px;
}

#commentform p.comment-form-comment {
    width: 100%;
    float: left;
}

#commentform p.form-submit {
    clear: both;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 30px;
}

.post-password-form input[type="submit"] {
    margin-top: 27px;
}

#commentform p.comment-form-cookies-consent {
    margin: 0 0 20px;
    clear: both;
}

p.comment-form-cookies-consent label {
    display: inline;
    margin-left: 5px;
    opacity: 0.6;
}

.comment-respond label {
    display: none;
}

.swm-post-single-content .swm-pagination-menu {
    margin: 50px 0;
}

.swm-post-content input[type="password"] {
    padding: 0;
}

#commentform input:not([type="submit"]),
#commentform textarea {
    color: var(--swm-color-text);
}

#commentform input:not([type="submit"])::-webkit-input-placeholder {
    color: var(--swm-color-text);
}

#commentform input:not([type="submit"])::-moz-placeholder {
    color: var(--swm-color-text);
}

#commentform input:not([type="submit"])::-ms-placeholder {
    color: var(--swm-color-text);
}

#commentform input:not([type="submit"])::placeholder {
    color: var(--swm-color-text);
}

#commentform input::placeholder,
#commentform textarea::placeholder {
    color: var(--swm-color-text);
    opacity: 0.6;
    text-transform: lowercase;
}

#commentform p.logged-in-as a {
    color: var(--swm-color-dark-1);
}

.comment-date i,
a.comment-edit-link,
#commentform p.logged-in-as a:hover {
    color: var(--swm-color-dark-1);
}

a.comment-reply-link,
#respond h3.comment-reply-title,
#review_form .comment-reply-title {
    color: var(--swm-color-headings);
}

a.comment-reply-link:hover {
    color: var(--swm-color-dark-1);
}


/* 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;}
}

/* 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;}
.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;
}