/* general */

:root {
	--body-font-family: helvetica, "Noto Sans HK", sans-serif;

	--chatalog-body-line-height: 1.5;

	--chatalog-container-width: 100%;

	--chatalog-table-heading-sticky-backdrop-filter: blur(2px);
	--chatalog-table-heading-sticky-background-color: rgba(255, 255, 255, 0.75);
}

:root,
.row {
	--bs-gutter-x: 20px;
}

@media (min-width: 576px) {
	:root {
		--chatalog-container-width: 540px;
	}
}
@media (min-width: 768px) {
	:root {
		--chatalog-container-width: 720px;
	}
}
@media (min-width: 992px) {
	:root {
		--chatalog-container-width: 960px;
	}
}
@media (min-width: 1200px) {
	:root {
		--chatalog-site-header-height: 100px;

		--chatalog-container-width: 1140px;
	}
}

.admin-bar {
	--chatalog-admin-bar-height: 32px;
}
@media (max-width: 782px) {
	.admin-bar {
		--chatalog-admin-bar-height: 46px;
	}
}
@media (max-width: 480px) {
	.admin-bar {
		--chatalog-admin-bar-height: 0px;
	}
}

body {
	font-size: 14px;
	font-weight: 500;
	line-height: var(--chatalog-body-line-height);
}

.body_wrapper {
	overflow: visible; /* fix position: sticky */
}

.container {
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	padding-right: calc(var(--bs-gutter-x) * 0.5);
}
@media (min-width: 1400px) {
	.container {
		max-width: var(--chatalog-container-width);
	}
}
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--chatalog-container-width);
}

@media (max-width: 767px) {
	br {
		display: inline;
	}
}

dl,
ol,
p,
ul {
	margin-bottom: calc(1em * var(--chatalog-body-line-height));
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0;
}

.elementor-text-editor > :last-child,
.elementor-widget-text-editor > .elementor-widget-container > :last-child {
	margin-bottom: 0;
}

.elementor-text-editor a,
.elementor-widget-text-editor > .elementor-widget-container a {
	text-decoration: underline;
}

.chatalog-elementor-section-wrap-columns > .elementor-container {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.chatalog-elementor-section-center-columns > .elementor-container {
	justify-content: center;
}


/* header */

.header_area {
	height: var(--chatalog-site-header-height);
}
.header_area .navbar,
.header_area .container {
	height: 100%;
}
@media (min-width: 481px) and (max-width: 601px) {
	.admin-bar header.header_area.navbar_fixed {
		margin-top: var(--chatalog-admin-bar-height);
	}
}


/* logo */
.navbar-brand {
	margin-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: 0;
	max-width: 170px;
	padding-bottom: 0;
	padding-top: 0;
}
@media (min-width: 1200px) {
	.navbar-brand {
		max-width: 300px;
	}
	
	.navbar-brand img {
	max-width: 70%;
}
}

@media (max-width: 1199px) {
.navbar-brand img {
	max-width: 85%;
}
}

/* nav items */
.menu > .nav-item {
	padding: 0;
}
.menu > .nav-item + .nav-item {
	margin-left: 0;
}

/* nav links */
.menu > .nav-item > .nav-link {
	font-family: var(--body-font-family);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
.menu > .nav-item > .nav-link,
.menu > .nav-item.active > .nav-link,
.menu > .nav-item:hover > .nav-link {
	color: var(--secondary-color, #101010);
}
.menu > .nav-item > .nav-link:before {
	background-color: var(--secondary-color, #101010);
}

/* dropdown nav item */
.menu > .nav-item.submenu:after {
	color: var(--secondary-color, #101010);
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	line-height: 1;
	margin-top: -0.5em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-rendering: auto;
	top: 50%;
	width: 12px;
}

/* submenu nav items */
.menu > .nav-item.submenu .dropdown-menu .nav-item,
.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child,
.menu > .nav-item.submenu .dropdown-menu .nav-item:last-child {
	margin: 0;
	padding: 0;
}

/* submenu nav links */
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
	font-family: var(--body-font-family);
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link,
.menu > .nav-item.submenu .dropdown-menu .nav-item.active .nav-link {
	color: var(--secondary-color, #101010);
}

/* language switch links */
.menu > .nav-item.wpml-ls-item:not(.wpml-ls-first-item):before {
	background-color: var(--secondary-color, #101010);
	content: "";
	height: 18px;
	left: -1px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	width: 2px;
}
.menu > .nav-item.wpml-ls-item > .nav-link {
	font-size: 14px;
}
.menu > .nav-item.wpml-ls-item-zh-hant > .nav-link {
	font-size: 13px;
}
.menu > .nav-item.wpml-ls-current-language > .nav-link {
	cursor: default;
}
.menu > .nav-item.wpml-ls-current-language > .nav-link:before {
	content: none;
}

/* menu/navbar toggler */
.navbar .navbar-toggler {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	font-size: 1.25rem;
	line-height: 1;
	padding: 0;
}
header.header_area nav.navbar .menu_toggle .hamburger-cross span,
header.header_area nav.navbar .menu_toggle .hamburger span {
	background: var(--secondary-color, #101010);
}

/* action button */
.btn_get {
	background-color: var(--primary-color, #05173f);
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: var(--white-color);
	font-family: var(--body-font-family);
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	min-width: 0;
	padding: 11px 40px 10px;
}

@media (max-width: 991px) {
	.menu_one,
	.header_area.navbar_fixed .menu_one,
	.menu_two {
		padding: 0;
	}

	.header_area.navbar_fixed .navbar-brand,
	.navbar_fixed .menu_toggle {
		margin-bottom: 0;
		margin-top: 0;
	}

	header.header_area .menu:not(.offcanfas_menu) > .nav-item > .nav-link:not(.cart-btn) span {
		border: 0;
		border-radius: 0;
		height: auto;
		line-height: normal;
		position: static;
		text-align: left;
		width: auto;
	}
	

	/* menu */
	.navbar-collapse {
		border-top: 1px solid transparent;
		height: calc(100vh - var(--chatalog-site-header-height) - var(--chatalog-admin-bar-height));
		left: 0;
		margin: 0;
		max-height: none;
		overscroll-behavior: contain;
		position: absolute;
		right: 0;
		top: 100%;
	}
	.navbar-collapse:before {
		background-color: #f2f2f2;
		content: "";
		height: 1px;
		left: 50%;
		margin-left: -340px;
		position: fixed;
		top: calc(var(--chatalog-site-header-height) + var(--chatalog-admin-bar-height));
		width: 680px;
	}
	.menu {
		display: block;
		padding-bottom: 0;
		padding-left: var(--bs-gutter-x);
		padding-right: var(--bs-gutter-x);
		padding-top: 35px;
		margin: 0 auto;
		max-width: 720px;
		text-align: center;
	}

	/* nav items */
	.menu > .nav-item {
		border-bottom: 0;
		margin-bottom: 25px;
	}

	/* nav links */
	.menu > .nav-item > .nav-link {
		padding-bottom: calc((40px - 24px) / 2);
		padding-top: calc((40px - 24px) / 2);
		text-align: center;
	}

	/* dropdown nav item */
	.menu > .nav-item.submenu:after {
		margin-top: 0;
		top: 14px;
	}

	/* submenu nav items */
	.menu > .nav-item.submenu .dropdown-menu .nav-item,
	.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child,
	.menu > .nav-item.submenu .dropdown-menu .nav-item:last-child {
		margin-top: 10px;
	}

	/* submenu nav links */
	.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
		padding-bottom: calc((40px - 21px) / 2);
		padding-top: calc((40px - 21px) / 2);
		text-align: center;
	}

	/* language switch links */
	.menu > .nav-item.wpml-ls-item {
		display: inline-block;
		width: 80px;
	}
	.menu > .nav-item.wpml-ls-item:not(.wpml-ls-first-item) {
		margin-left: -4px;
	}

	/* menu/navbar toggler */
	.navbar .navbar-toggler {
		margin-right: calc(var(--bs-gutter-x) * 0.5);
	}

	/* action button */
	.mobile_menu_btn {
		text-align: center;
	}
	.header_area .navbar .btn_get {
		line-height: 21px;
		margin: 0 0 40px;
		padding: 11px 50px 10px;
		vertical-align: middle;
	}
}

@media (max-width: 767px) {
	.navbar-collapse:before {
		margin-left: -250px;
		width: 500px;
	}

	.menu {
		max-width: 540px;
	}
}

@media (max-width: 575px) {
	.navbar-collapse:before {
		left: var(--bs-gutter-x);
		margin-left: 0;
		right: var(--bs-gutter-x);
		width: auto;
	}

	.menu {
		max-width: none;
	}
}

@media (min-width: 992px) {
	/* navbar */
	.navbar-expand-lg .navbar-collapse {
		justify-content: flex-end;
		height: 100%;
		padding-right: 10px;
	}
	.navbar-nav {
		height: 100%;
	}

	/* nav items */
	.menu > .nav-item {
		align-items: center;
		display: flex;
		height: 100%;
		justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* dropdown nav item */
	.menu > .nav-item.submenu:after {
		right: 10px;
	}

	/* dropdown nav link */
	.menu > .nav-item.submenu > .nav-link {
		margin-right: 16px;
	}

	/* dropdown menu */
	.menu > .nav-item.submenu .dropdown-menu {
		left: -20px;
		padding: 25px 30px;
	}
	.menu > .nav-item.submenu .dropdown-menu .nav-item:not(:last-child) {
		margin-bottom: 20px;
	}

	/* language switcher */
	.menu > .nav-item.wpml-ls-item:not(.wpml-ls-first-item) {
		margin-left: 5px;
		padding-left: 5px;
	}
	.menu > .nav-item.wpml-ls-item:not(.wpml-ls-last-item) {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* action button */
	.btn_get {
		margin-right: calc(var(--bs-gutter-x) * 0.5);
	}
}

@media (min-width: 1200px) {
	/* navbar */
	.navbar-expand-lg .navbar-collapse {
		padding-right: 15px;
	}

	/* nav items */
	.menu > .nav-item {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* dropdown nav item */
	.menu > .nav-item.submenu:after {
		right: 15px;
	}

	/* dropdown menu */
	.menu > .nav-item.submenu .dropdown-menu {
		left: -15px;
	}
}


/* page */

.elementor-template-full-width .elementor[data-elementor-type="wp-page"],
.single-elementor_library .header_area.header_stick + .elementor,
.sec_pad.page_wrapper {
	padding: 0;
	padding-top: calc(var(--chatalog-site-header-height) + var(--chatalog-admin-bar-height));
}

.sec_pad.page_wrapper {
	padding-left: 10px;
	padding-right: 10px;
}

.chatalog-under-site-header {
	margin-top: calc(-1 * (var(--chatalog-site-header-height) + var(--chatalog-admin-bar-height)));
	padding-top: calc(var(--chatalog-site-header-height) + var(--chatalog-admin-bar-height));
}


/* tables */

.chatalog-data-table table {
	margin: 0 auto;
}
.chatalog-data-table thead {
	backdrop-filter: var(--chatalog-table-heading-sticky-backdrop-filter);
	background-color: var(--chatalog-table-heading-sticky-background-color);
	position: sticky;
	top: calc(var(--chatalog-site-header-height) + var(--chatalog-admin-bar-height));
	z-index: 1;
}
.chatalog-data-table td,
.chatalog-data-table th {
	color: inherit;
	font-size: inherit;
	padding: 0;
	vertical-align: top;
}
.chatalog-data-table td:first-child,
.chatalog-data-table th:first-child {
	padding: 0;
	text-align: left;
}
.chatalog-data-table .dl_table_border_style td,
.chatalog-data-table .dl_table_border_style th {
	border: 0;
}
.chatalog-data-table th {
	background-color: transparent;
}

@media (max-width: 991px) {
	.chatalog-data-table table {
		display: table;
	}
	.chatalog-data-table tbody {
		display: table-row-group;
	}
	.chatalog-data-table td,
	.chatalog-data-table th {
		display: table-cell;
	}
	.chatalog-data-table td:before {
		content: none;
	}
	.chatalog-data-table thead {
		display: table-header-group;
	}
	.chatalog-data-table tr,
	.chatalog-data-table thead tr {
		display: table-row;
		margin-bottom: 0;
	}
}


/* hide blog post search bar */
.blog-sidebar {
    display: none;
}

.col-lg-8.blog_grid_info {
    width: 100%;
}

.single-post .blog_area_two .row {
    margin-left: 15%;
}

.col-lg-8.blog_single_info {
    width: 80%;
}

/* hide post comments */
a.post-info-comments {
    display: none;
}

/* blog page border radius */
.blog img.img-fluid.wp-post-image.jetpack-lazy-image.jetpack-lazy-image--handled {
    border-radius: 10px;
}


/* blog breadcumb padding */
.blog_breadcrumb_area .breadcrumb_content_two{
	padding-top: 100px;
}

/* blog post padding */
.single section.blog_area_two {
    padding: 40px 0 0;
}

.blog_list_item img {
    width: 100%;
}


.breadcrumb_area{
	  padding: 205px 0 105px;
}

/* hide share custom link */
p.share-customize-link {
    display: none;
}

:lang(zh-hant).en-case-study{
	display:none;
}

:lang(en-US).tc-case-study{
	display:none;
}


/* input button text color */

input{
	color: #ffffff;
}

.wpcf7-spinner{
	display:none;
}

.wpcf7 form.sent .wpcf7-response-output{
	border-color:#A79362;
}


@media (max-width: 575px) {
	
	#wpcf7-f12760-p12756-o1 input,
#wpcf7-f12760-p12756-o1 textarea{
	width:100%;
}
	
	#wpcf7-f13187-p13126-o1 input,
#wpcf7-f13187-p13126-o1 textarea{
	width:100%;
}
	
	
}

/* breadcrumb */

.breadcrumb_shap{
	display:none;
}

.breadcrumb_content h1 {
    color: #05173F;
}

section.breadcrumb_area{
	padding: 165px 20px 20px 20px;
}

@media (max-width: 576px)
.breadcrumb_content h1 {
    font-size: 36px;
}

.sec_pad{
	padding:80px 0;
}

.f_p{
	font-family:helvetica, "Noto Sans HK", sans-serif;
}

.blog_breadcrumb_area .background_overlay{
	background-image:none;
	background-color:#F9F9F9;
	
}

.blog_breadcrumb_area .breadcrumb_content_two h1, .blog_breadcrumb_area .breadcrumb_content_two, .blog_breadcrumb_area .breadcrumb_content_two ol li a, .blog_breadcrumb_area .breadcrumb_content_two h5 a{
	color:#05173F;
}

.blog_breadcrumb_area .breadcrumb_content_two h1{
	font-size:32px;
}

.blog_breadcrumb_area {
    height: 280px;
}

.blog_breadcrumb_area .breadcrumb_content_two h1{
	width: 70%;
    margin: auto;
    padding-bottom: 15px;
}


@media (max-width: 1199px){
	.blog_content{
		padding:0px;
	}
}

@media (max-width: 991px){
	
	.blog_breadcrumb_area .breadcrumb_content_two h1{
	width: 100%;	
	}
	
	.single-post .blog_area_two .row{
		padding:10px;
		margin-left:0px;
}

.col-lg-8.blog_single_info{
	width:100%;
}
	
	.blog_content{
		padding-left:0px;
		padding-right:0px;
	}
	
	.single section.blog_area_two{
		padding:40px 0 0;
	}
	
	.blog_breadcrumb_area{
		height: 350px !important;
	}
}





/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(244, 245, 248, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(244, 245, 248, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
}


/***
* class: .logo
*/
header.sticky-header .logo img {
	transition: transform var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
}


/* hide tc menu
 * features 8352, 
 * success story 8360,
 * blog 8362
 */

/*
#menu-item-8352{
	display:none;
}
*/

/* hide en menu
 * features 8365, 
 * success story 8373,
 * blog 8375
 */

/*
#menu-item-8365{
	display:none;
}
*/


/* blog social sharing */

.sharedaddy{
	margin-top:10px;
}

/* blog hide author*/

.blog_breadcrumb_area .list-unstyled{
	display:none;
}

.sharedaddy{
	display:none;
}

.jp-relatedposts{
	display:none !important;
}

/* chatGPT button styling */

#menu-item-19250 a.nav-link.drdt-ignore-dark{
	  font-weight: 700;
    color: #0877F2;
}

#menu-item-19249 a.nav-link.drdt-ignore-dark{
	  font-weight: 700;
    color: #0877F2;
}


.wpcf7-select{
	color:#000000;
}

input[type="number"] {
  color: #000000;
	padding: 0px 10px !important;
}

/* Give the link some padding and some color */
.ss-nav-button {
  padding: 10px;
}

.cc-nav-button {
  padding: 10px;
}

.ss-nav-button > a {
  padding: 10px 24px !important;
  color: #ffffff !important;
	border-style: solid !important;
  border-width: 2px !important;
	border-radius: 4px !important;
	border-color: #0877f2;
  background-color: #0877f2 !important;
	display: revert !important;
}
.cc-nav-button > a {
  padding: 10px 24px !important;
  color: #0877f2 !important;
	border-style: solid !important;
  border-width: 2px !important;
	border-radius: 4px !important;
	border-color: #0877f2;
  background-color: #ffffff;
	display: revert !important;
}

/* Adjust the position for the fixed navigation menu */
.ss-nav-button > a {
  position: relative;
  bottom: 0px;
}
.cc-nav-button > a {
  position: relative;
  bottom: 0px;
}

/* Give the button a hover & active state */
.ss-nav-button > a:active,
.ss-nav-button > a:hover {
  color: #ffffff !important;
		  border-style: solid;
  border-width: 1px;
	border-color: #2495fc !important;
  background-color: #2495fc !important;
}
.cc-nav-button > a:active,
.cc-nav-button > a:hover {
  color: #2495fc !important;
	  border-style: solid;
  border-width: 1px;
	border-color: #2495fc !important;
  background-color: #ffffff !important;
}

@media only screen and (max-width: 767px) {
	.ss-nav-button > a {
  padding: 0px 24px !important;
	margin-top:8px;
  width: 100% !important;
  text-align: center !important;
	display: inline-block !important;

}
.cc-nav-button > a {
  padding: 0px 24px !important;
	margin-top:8px;
	margin-bottom:8px;
	width: 100% !important;
  text-align: center !important;
	display: inline-block !important;
}