/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Global Variables (adapted from provided styles) */
:root {
	--e-global-color-primary: #6EC1E4;
	--e-global-color-secondary: #242424;
	--e-global-color-text: #2D2D2D;
	--e-global-color-accent: #61CE70;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--font-size--normal: 16px;
}

/* Container */
.api-contato {
	position: fixed;
	bottom: 80px;
	right: 30px;
	z-index: 1000;
}

.api-contato a, .api-contato a:active, .api-contato a:hover {
	color: white;
}

/* Floating Buttons */
.floating-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	font-size: 24px;
	transition: background-color 0.3s ease, transform 0.2s ease-in-out;
}
#floating-btn-open {
	background: rgba(30, 130, 76, 1);
	color: var(--wp--preset--color--white);
}
#floating-btn-open:hover {
	background: #1eab57;
	transform: scale(1.05);
}
#floating-btn-open i.fa {
	margin: 0;
}
#floating-btn-close {
	display: none;
	background: rgba(30, 130, 76, 1);
	color: var(--wp--preset--color--white);
}
#floating-btn-close:hover {
	background: #dc3545;
}
#floating-btn-close .close_icon {
	font-size: 24px;
}

/* Floating Card */
.floating-card {
	display: none;
	background: var(--wp--preset--color--white);
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	width: 320px;
	transition: all 0.3s ease;
	overflow: hidden;
	position: fixed;
	bottom: 145px;
	right: 30px;
}

/* Floating Card Header (Redesigned) */
.floating-card-header {
	background-image: url('/wp-content/uploads/2025/04/background-wa.png');
	background-size: cover;
	background-color: rgba(30, 130, 76, 1);
	padding: 25px 15px 20px 15px;
	color: var(--wp--preset--color--white);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: justify;
	box-sizing: border-box;
	margin: 0;
	font: inherit;
	font-size: var(--wp--preset--font-size--normal);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	position: relative;
}
.floating-card-header .close-floating-card {
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	font-size: 22px;
	opacity: 0.7;
	transition: opacity 0.2s ease;
	color: var(--wp--preset--color--white);
}
.floating-card-header .close-floating-card:hover {
	opacity: 1;
}
.floating-card-header span {
	display: block;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 1.2em;
}
.floating-card-header p {
	margin: 0;
	font-weight: 400;
	font-size: 0.9em;
	opacity: 0.8;
}

/* Floating Card Body */
.floating-card-body {
	padding: 20px;
}
.floating-card-body > span {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 1em;
	color: var(--e-global-color-secondary);
}
.floating-card-body-row {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
}
.column-6 {
	width: 50%;
	padding: 0 5px;
	box-sizing: border-box;
}

/* Buttons */
.floating-card-whatsapp-btn,
.floating-card-email-btn {
	display: block;
	padding: 12px 15px;
	text-align: center;
	border-radius: 6px;
	text-decoration: none;
	color: var(--wp--preset--color--white);
	font-weight: 500;
	font-size: 0.8em;
	transition: background-color 0.3s ease;
}
.floating-card-whatsapp-btn {
	background: rgba(30, 130, 76, 1);
}
.floating-card-whatsapp-btn:hover {
	background: #1eab57;
}
.floating-card-email-btn {
	background: #0056b3;
}
.floating-card-email-btn:hover {
	background: #007bff;
}
.fa {
	margin-right: 8px;
}

/* Pulse Animation */
.floating-btn.pulse {
	animation: pulse-vibrant 1.3s infinite;
}
@keyframes pulse-vibrant {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.9);
	}
	50% {
		transform: scale(1.15);
		box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	}
}

.fa-whatsapp,
.fa-envelope {
	display: block;
}

/* Responsive Design */
@media (max-width: 768px) {
	.floating-btn {
		width: 50px;
		height: 50px;
		font-size: 24px;
	}
	.floating-card {
		width: 280px;
		bottom: 80px;
		right: 15px;
	}
	.api-contato {
		bottom: 20px;
		right: 20px;
	}
	.column-6 {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.floating-card-body {
		padding: 20px 5px;
	}
}






.CI-Card .elementor-widget-container:before {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent var(--e-global-color-secondary) transparent;
	margin-top: 0 !important;
	padding-top: 0;
	top: -14px;
}



.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 0px;
}

.ywp_toc .last-li,
.ywp_tob .last-li{
	padding: 10px;
}

.customer-reviews-carousel .elementor-shape-circle .elementor-icon {
	width: 106px;
}

.box-animation-top {
    position: relative;
    transition: transform 500ms ease-in-out;
}

.box-animation-top:hover {
    transform: translateY(-10px) scale(1.03);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
	z-index: 1;
}

.box-animation-top:hover,
.box-animation-top *:hover {
	cursor: context-menu;
}



.home-post-box-animation-big article img {
    position: relative;
    transition: transform 300ms ease-in-out !important;
}

.home-post-box-animation-big article img:hover {
    transform: scale(1.03) translate(-50%,-50%) !important;
	z-index: 1 !important;
}



.post-box-animation-big {
    position: relative;
    transition: transform 300ms ease-in-out !important;
}

.post-box-animation-big:hover {
    transform: scale(1.03);
	z-index: 1;
}

/* 产品详情图片放大 */
.Product-Signle-Info .elementor-widget-container img {
    position: relative;
    transition: transform 300ms ease-in-out !important;
}
.Product-Signle-Info .elementor-widget-container img:hover {
    transform: scale(1.02);
	z-index: 1;
}


/* small */
.form-box-animation-big {
    position: relative;
    transition: transform 300ms ease-in-out !important;
}

.form-box-animation-big:hover {
    transform: scale(1.005);
	z-index: 1;
}


/* big */
.product-box-animation-big {
    position: relative;
    transition: transform 300ms ease-in-out;
}

.product-box-animation-big:hover {
    transform: scale(1.03);
	z-index: 1;
}




.box-animation-in {
    position: relative;
    transition: transform 500ms ease-in-out;
}

.box-animation-in:hover {
    transform: scale(0.80);
	z-index: 1;
}

.box-animation-in:hover,
.box-animation-in *:hover {
	cursor: context-menu;
}


/* Home-Solutions-style: */
.e-n-tabs-heading {
	padding: 10px;
	background: #F7F7F7;
}
.e-n-tabs-heading .e-n-tab-icon {
	position: absolute;
	left: 5px;
}
.e-n-tabs-heading .e-n-tab-icon + .e-n-tab-title-text {
	font-weight: 400 !important;
	font-size: 15px;
}
.e-n-tab-title:has(.e-n-tab-icon) {
    background: #f5f9ff !important;
}
.e-n-tab-title:has(.e-n-tab-icon):hover {
	background: var( --e-global-color-secondary ) !important;
}
.e-n-tab-title:has(.e-n-tab-icon)[aria-selected="true"] {
	background: var( --e-global-color-secondary ) !important;
}

.ywp_toc .last-li.elementor-toc__list-item a {
/* 	padding-left: 55px !important; */
}

.ywp_toc .last-li .elementor-toc__list-item-text-wrapper:before{
	content: "";
	position: absolute;
	left: 75px;
	bottom: 33px;
	width: 30px;
	height: 30px;
	background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/quote-icon.png) no-repeat;
	margin: 0;
}

.ywp_tob .last-li .elementor-toc__list-item-text-wrapper:before{
	content: "";
	position: absolute;
	left: 75px;
	bottom: 33px;
	width: 30px;
	height: 30px;
	background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/quote-icon.png) no-repeat;
	margin: 0;
}

#menu-2-98ff8b3>.menu-item>.has-submenu:before, 
#menu-2-98ff8b3>.menu-item:before {
	content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0px;
    top: 15px;
}

/* Product-menu-icon */
#menu-2-98ff8b3>.menu-item:nth-child(1)>.has-submenu:before,
#menu-2-98ff8b3>.menu-item:nth-child(1):before{
    background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/product-icons.png) no-repeat;
}

/* Application-menu-icon */
#menu-2-98ff8b3>.menu-item:nth-child(2)>.has-submenu:before,
#menu-2-98ff8b3>.menu-item:nth-child(2):before {
    background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/product-application-icon.png) no-repeat;
}

/* Support-menu-icon */
#menu-2-98ff8b3>.menu-item:nth-child(3)>.has-submenu:before,
#menu-2-98ff8b3>.menu-item:nth-child(3):before {
    background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/product-support.png) no-repeat;
}

/* Blog-menu-icon */
#menu-2-98ff8b3>.menu-item:nth-child(4)>.has-submenu:before,
#menu-2-98ff8b3>.menu-item:nth-child(4):before {
    background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/product-blog-icon.png) no-repeat;
}

/* About-menu-icon */
#menu-2-98ff8b3>.menu-item:nth-child(5)>.has-submenu:before,
#menu-2-98ff8b3>.menu-item:nth-child(5):before {
    background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/product-about-icon.png) no-repeat;
}

/* About-menu-icon */
#menu-2-98ff8b3>.menu-item:nth-child(6)>.has-submenu:before,
#menu-2-98ff8b3>.menu-item:nth-child(6):before {
    background: url(http://www.techprocnc.net/wp-content/uploads/2024/10/about-contact-icon.png) no-repeat;
}

/* #menu-2-98ff8b3>.menu-item>.sub-menu>.menu-item>.elementor-sub-item {
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    border-color: #FC5C05;
} */

#menu-2-98ff8b3>.menu-item>.sub-menu>.menu-item>.elementor-sub-item:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 16px;
    width: 4px;
    height: 35%;
    background: #427ED1;
}

#menu-2-98ff8b3>.menu-item>.sub-menu>.menu-item>.sub-menu>.menu-item>.elementor-sub-item:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 23px;
    width: 10px;
    height: 3px;
    background: #333;
}

#menu-2-98ff8b3>.menu-item>.has-submenu, 
#menu-2-98ff8b3>.menu-item {
	font-size:20px;
	font-weight: 700;
}


/* Back To Top Button Start: */
.backtotopbox{
    position:fixed;
    right:10px;
    bottom: 10px;
    width: 80px; 
    height:50px;   
    text-align:center;
    padding-top:20px;    
    background-color: #427ed1;
    border-radius: 20%;
    overflow: hidden;
	display: none;
}
.backtotopbox:hover:before{
    top:50%
}
.backtotopbox:hover .box-in{
    visibility: hidden;
}
.backtotopbox:before{
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content:'Top';
    width: 100%;
    color:#fff;
    font-weight:bold;
	font-size:14px;
}    
.box-in{
    visibility: visible;
    display:inline-block;
    height:20px;
    width: 20px;
    border: 3px solid black;
    border-color: white transparent transparent white;
    transform:rotate(45deg);
}
/* Back To Top Button END */


/* 移动端 table of contents 自适应 */


/* 媒体查询，适用于手机端 */
@media screen and (max-width: 500px) {
  .ywp_toc.elementor-sticky--active,
  .ywp_tob.elementor-sticky--active {
      position: fixed !important;
      width: 100% !important;
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      top: 53px !important;
      inset-inline-start: 0px !important;
      z-index: 1;
      bottom: auto !important;
  }
	
	.backtotopbox {
		bottom: 60px;
	}
	
/* 	.elementor-80 .elementor-element.elementor-element-1ae3305 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		margin-top: 15px !important;
	} */
	.elementor-80 .elementor-element.elementor-element-cc373ce .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		margin-top: 15px !important;
	}
	
	
	.ywp_toc .last-li,
	.ywp_tob .last-li{
		display: none;
	}
	
/* 	#menu-2-98ff8b3 .menu-item-369 .has-submenu {
		width: 80%;
	}
	
	#menu-2-98ff8b3 .menu-item-369 .has-submenu .sub-arrow {
		position: absolute;
		right: 15px;
	} */
	
	.elementor-widget-n-menu .e-n-menu-item {
		display: block;
	}
	.elementor-widget-n-menu .e-n-menu-title .e-n-menu-dropdown-icon {
		width: 100%;
		align-items: end;
	}
	.elementor-widget-n-menu .e-n-menu-item,
	.elementor-widget-n-menu .e-n-menu-item>div{
		width: 100%;
	}
	.elementor-widget-n-menu .e-n-menu-item {
		border-bottom-style: solid;
		border-width: 0px 0px 1px 0px;
		border-color: #D2D2D2;
	}
/* 	.elementor-widget-n-menu .e-n-menu-item:first-child {
		border-width: 1px 0px;
		border-color: #333;
	} */
	.elementor-widget-n-menu .e-n-menu-item:last-child {
		border-bottom-style: none;
	}
	.elementor-widget-n-menu .e-n-menu-item>.e-n-menu-title {
		padding: 10px 10px 10px 0px;
	}
	.elementor-widget-n-menu .e-n-menu .e-n-menu-item {
		position: relative;
	}
	.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]):not(.content-above) .e-n-menu-content,
	.elementor-widget-n-menu .e-n-menu:not([data-layout=dropdown]) .e-n-menu-content {
		width: 300px !important;
		top: -10px !important;
		left: -10px !important;
		position: relative;
	}
	
	.elementor-widget-n-menu .e-n-menu-content>.e-con {
		padding: 0px 0px 0px 10px;
	}
	.elementor-widget-n-menu .e-n-menu-content>.e-con .elementor-widget-n-menu .e-n-menu-content>.e-con {
		padding: 0px 0px 0px 30px;
		background: #333;
	}
	.elementor-widget-n-menu .e-n-menu-content>.e-con .e-con-inner .e-n-menu-item .e-n-menu-title-text {
		padding-left: 10px;
	}
/* 	#mobile-menu .elementor-widget-n-menu .e-n-menu-content>.e-con .e-con-inner .e-n-menu-item .e-n-menu-title-text:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 16px;
    width: 4px;
    height: 35%;
    background: #427ED1;
	} */
	
/* 	.elementor-2611 .e-con-full, .e-con>.e-con-inner {
		padding-block-start: 0px;
    	padding-block-end: 0px;
	} */
	
	
	.elementor-2611 .elementor-element.elementor-element-20dd522 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text:before,
	.elementor-2611 .elementor-element.elementor-element-025185e > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text:before,
	.elementor-2611 .elementor-element.elementor-element-fcc6699 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text:before,
	.elementor-2611 .elementor-element.elementor-element-7573a9c > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text:before,
	.elementor-2611 .elementor-element.elementor-element-cab5253 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text:before,
	.elementor-2611 .elementor-element.elementor-element-f469b80 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text:before,
	.elementor-2611 .elementor-element.elementor-element-cd97735 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title .e-n-menu-title-text:before{
    content: "";
    position: absolute;
    left: 1px;
    top: 14px;
    width: 4px;
    height: 35%;
    background: #427ED1;
	}
	.elementor-2611 .elementor-element.elementor-element-20dd522 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content .e-n-menu-title .e-n-menu-title-text:before {
		content: "";
		position: absolute;
		left: -6px;
		top: 20px;
		width: 10px;
		height: 3px;
		background: #ccc;
	}
	.elementor-widget-n-menu .e-n-menu-content>.e-con .e-con-inner .e-n-menu-item .e-n-menu-content>.e-con .e-con-inner .e-n-menu-item .e-n-menu-title-text {
		color:#ccc;
	}
	.elementor-widget-n-menu .e-n-menu-content>.e-con .e-con-inner .e-n-menu-item .e-n-menu-content>.e-con .e-con-inner .e-n-menu-item .e-current .e-n-menu-title-text {
		color:var(--n-menu-title-color-active);
	}
	.elementor-2611 .elementor-element.elementor-element-20dd522 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content .e-n-menu-title.e-current .e-n-menu-title-text:before {
		background:var(--n-menu-title-color-active);
	}
	
/* 	移动端Your Budget隐藏 */
	#elementor-popup-modal-193 > div > div.dialog-message.dialog-lightbox-message > div > section > div > div > div > div.elementor-element.elementor-element-6414892.elementor-button-align-stretch.elementor-widget.elementor-widget-form > div > form > div > div.elementor-field-type-select.elementor-field-group.elementor-column.elementor-field-group-field_8388f02.elementor-col-50.elementor-field-required.elementor-mark-required {
		display: none;
	}
	
	#Home-Products-Tabs .e-n-tab-title {
		flex: 0 0 48%;
	}
	
	#menu-share-botton .elementor-grid-item {
        border-width: 1px 0px 0px 0px;
        border-style: solid;
        border-color: #999;
	}
	#menu-share-botton .elementor-grid-item:last-child {
        border-width: 1px 0px 1px 0px;
	}
	#e-n-menu-content-2738 {
		padding-left: 0px;
	}
	
	.box-in {
		top: 14px;
		left: 25px;
		position: absolute;
		height: 14px;
		width: 14px;
	}
	
	.backtotopbox {
		width: 60px;
    	height: 35px;
		bottom: 90px;
	}
	
}

.toggle-icon {
    cursor: pointer;
    font-weight: bold;
    right: 0;
    position: absolute;
  }