/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* #menu-item-367 .menu-text {
color: #3296DE;
border-bottom: 3px solid #3296DE;
} */

.site-navigation {
	width: 1200px;
}
.mainheader{
    background-image:url('https://dev.aquaflow.com/wp-content/uploads/2025/06/banner-min.jpg');
    background-position: center center;
    background-size: cover;
}
.mainheader .elementor-heading-title {
    font-family: "satoshi", Sans-serif;
    font-size: 70px;
    font-weight: 500;
    line-height: 100px;
    letter-spacing: -2.12px;
    background-image: linear-gradient(90deg, #002C58 20%, #00C1F3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color:#055090;
    text-align:center;
}
.page-template-site-survey-form .site-content .ast-container main#main {
    max-width: 1300px;
    margin: 20px auto;
    padding: 0 20px;
}
.page-template-site-survey-form .site-content .ast-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    padding: 0;
}
.mainheader {
    background-image: url(https://dev.aquaflow.com/wp-content/uploads/2025/06/banner-min.jpg);
    padding: 30px 10px 0px 10px;
}
.entry-content p {
	margin-bottom: 20px;
}
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1280px;
}

.elementor-widget-heading h1.elementor-heading-title {
	line-height: 1.8em;
}

.site-footer-primary-section-3 .widget_nav_menu a:hover {
	color: var(--e-global-color-primary);
}

a:hover {
	color: var(--e-global-color-primary) !important;
}

a:focus {
	outline: none !important;
}

.ast-header-html-9 .ast-builder-html-element {
	font-size: 15px;
	font-size: 0.1375rem !important;
}

.gtranslate_wrapper a.glink span {
	margin-right: 1px;
	font-size: 13px !important;
	vertical-align: middle;
	margin-left: 4px;
	color: #000;
}

.ast-header-html-5 a:hover {
	color: #045cb4;
}

/* #menu-item-4777 .menu-text {
color: #ffffff;
background-color: #2998DA;
border-radius: 5px;
padding: 5px 20px 5px 20px;
background-image: linear-gradient(to bottom right, #3aa8ef, #1583c2);

} */

#ast-fixed-header .menu-item-4777 .menu-text {
	color: #ffffff;
	background-color: #2998da;
	border-radius: 5px;
	padding: 5px 20px 5px 20px;
	background-image: linear-gradient(to bottom right, #3aa8ef, #1583c2);
}
.btn_link,
.main-header-menu .menu-link.trans_btn_link {
	padding: 0 !important;
}
@media (min-width: 1024px) {
	.main-header-menu .menu-link.trans_btn_link a {
		padding-right: 0;
	}
	.btn_link .menu-text,
	#menu-item-4777 .menu-text {
		color: #ffffff;
		background-color: #2998da;
		border-radius: 5px;
		border: 1px solid #2f9ee2;
		padding: 5px 20px 5px 20px;
		transition: all 0.5s ease-in-out;
		text-align: center;
		/* background-image: linear-gradient(to bottom right, #3aa8ef, #1583c2); */
	}
	.buynow_btn .menu-text {
		background-color: #149f69;
		border: 1px solid #149f69;
	}
	.btn_link a:hover .menu-text {
		color: #2998da;
		background-color: #fff;
	}
	.buynow_btn a:hover .menu-text {
		color: #149f69;
		background-color: transparent;
	}
	.trans_btn_link .menu-text {
		color: #2f9ee2;
		background-color: #fff;
		border-radius: 5px;
		padding: 6px 18px 6px 18px;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 500;
		border: 1px solid #2f9ee2;
		display: block;
		transition: all 0.5s ease-in-out;
		text-align: center;
	}
	.trans_btn_link a:hover .menu-text {
		color: #ffffff;
		background-color: #2998da;
	}
}

.ast-header-account-text {
	color: #2f9ee2;
	background-color: #fff;
	border-radius: 5px;
	padding: 6px 18px 6px 18px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	border: 1px solid #2f9ee2;
	display: block;
}

.main-header-menu .menu-link,
.main-header-menu > a {
	text-decoration: none;
	padding: 0 0.6em;
	display: inline-block;
	transition: all 0.2s linear;
}

/* Header */

.site-header {
	z-index: 99;
	position: relative;
	background-color: #fff;
}

.main-header-bar-wrap {
	position: relative;
	top: 20px;
	margin-top: -5px;
}

.site-header-section > * {
	padding: 0 5px;
}

.site-header-section .ast-builder-menu {
	align-items: center;
	padding-top: 25px;
}

.ast-site-identity {
	padding: 0 5px 0 10px;
	position: relative;
	top: -10px;
	z-index: 10;
}

.ast-container,
.ast-container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
}

#ast-fixed-header .main-header-bar {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.page-title h1 {
	color: #fff;
	font-size: 55px;
	line-height: 1;
}

#ast-fixed-header .ast-below-header {
	background: #ffffff;
}

/* Header end*/

/* Footer */

.site-primary-footer-wrap[data-section="section-primary-footer-builder"]
.ast-builder-grid-row {
	grid-column-gap: 190px;
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
	align-items: flex-start;
}

.site-footer-section-1 p {
	margin-bottom: 0;
}

.site-footer-section-1 h6 {
	color: #5387d1;
	font-size: 26px;
	padding-top: 20px;
	display: block;
	font-weight: 400;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
	background-color: #fff;
	background-image: none;
}

.site-footer h2.wp-block-heading {
	color: #2f9ee1 !important;
	font-weight: 500;
	font-family: "Archivo";
	font-size: 18px;
}

.site-footer-primary-section-2 .address h6 {
	font-weight: 500;
	font-size: 16px;
}

.site-footer #block-9 {
	margin: 0;
}

.site-footer #block-9 ul {
	padding: 0 10px 0 0;
	list-style: none;
}
.widget_nav_menu li + li {
	margin-top: 5px;
}
.site-footer a {
	color: #000;
	font-weight: 500;
	font-family: "Archivo";
	font-size: 15px;
}

.address span {
	padding-left: 23px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] {
	background-color: transparent;
	background-image: none;
	min-height: 30px;
	border-style: solid;
	border-width: 0px;
	border-top-width: 0px;
	border-top-color: var(--ast-global-color-6);
	border-bottom: 12px solid #c9e1f6;
	padding: 0px 0px 50px !important;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"]
.ast-builder-grid-row {
	max-width: 1300px;
	padding-top: 20px;
	border-top: 1px solid #c9e1f6;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.copyrights {
	font-size: 12px;
	text-align: left;
	font-family: "Archivo";
	font-weight: 500;
	letter-spacing: 0.5px;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-inline
.site-footer-section.site-footer-section-3 {
	max-width: 160px;
}
.ast-builder-social-element {
	line-height: 1;
	color: #3a3a3a;
	background: transparent;
	vertical-align: middle;
	transition: all 0.01s;
	margin-left: 6px;
	margin-right: 6px;
	justify-content: center;
	align-items: center;
	padding: 10px !important;
	border: 1px solid #2f9ee1;
	border-radius: 50%;
}
.ast-footer-social-1-wrap .ast-social-color-type-custom svg {
	fill: #2f9ee1;
}
.ast-footer-social-1-wrap .ast-builder-social-element {
	padding: 3px !important;
	width: 32px;
	margin: 0 5px;
	height: 32px;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
	padding: 50px 30px;
}
.site-primary-footer-wrap .ast-builder-html-element h5 {
	font-weight: 400;
	font-size: 17.5px;
}
.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
	align-items: flex-start !important;
}
/* Footer end */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Archivo";
	font-style: normal;
}

#block-13 {
	font-family: "Archivo";
}

.ast-header-html-5 a {
	text-transform: uppercase;
	font-size: 13px;
	color: #000;
	font-weight: 500;
}

.ast-builder-html-element {
	font-family: "Archivo";
}

a {
	font-family: "Archivo";
	font-style: normal;
}
.main-header-menu > .menu-item > .menu-link,
#astra-footer-menu > .menu-item > .menu-link {
	font-family: "Archivo";
	font-style: normal;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	color: #000000;
}

.main-header-menu > .menu-item .sub-menu .menu-link {
	color: #000;
}

/* about valve */

.about_valve {
	overflow: hidden;
}

.about_valve h1 {
	color: #0b3050;
	font-size: 48px;
	line-height: 48px;
	font-family: "archivo";
	font-weight: bold;
	font-style: normal;
	margin-bottom: 10px;
	margin-top: 0;
}

.industry h2 {
	line-height: 50px !important;
}

.page-id-112 h2.elementor-heading-title {
	line-height: 50px !important ;
}

h2.elementor-heading-title a {
	line-height: 30px !important;
}

.about_valve h3 {
	color: #0b3050;
}

.about_valve h4 {
	color: #0b3050;
	font-size: 32px;
	line-height: 1.2;
	font-family: "archivo";
	font-weight: 600;
	font-style: normal;
}

.about_valve h4 strong {
	color: #2f9ee2;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
}

.highlights-blocks {
	max-width: 1350px;
}

.highlights {
	margin-top: -10px;
	font-family: "archivo";
}

.installations h6 {
	color: #1487df;
	font-family: "archivo";
	font-weight: 600;
	font-style: normal;
	line-height: 30px;
	letter-spacing: 3px;
	font-size: 18px;
	text-transform: uppercase;
	background: rgb(5, 67, 132);
	background: -moz-linear-gradient(
		90deg,
		rgba(5, 67, 132, 1) 0%,
		rgba(7, 103, 181, 1) 50%,
		rgba(70, 153, 104, 1) 100%
	);
	background: -webkit-linear-gradient(
		90deg,
		rgba(5, 67, 132, 1) 0%,
		rgba(7, 103, 181, 1) 50%,
		rgba(70, 153, 104, 1) 100%
	);
	background: linear-gradient(
		90deg,
		rgba(5, 67, 132, 1) 0%,
		rgba(7, 103, 181, 1) 50%,
		rgba(70, 153, 104, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#054384",endColorstr="#469968",GradientType=1);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}

.ast-single-post .entry-content a {
	text-decoration: none;
}

.installations h6::before,
.installations h6::after {
	display: inline-block;
	content: "";
	border-top: 0.1rem solid #1487df;
	width: 6rem;
	margin: -0.7rem 1rem;
	transform: translateY(-1rem);
}

.get-started-btn {
	font-family: "archivo";
	text-transform: uppercase;
}

.vc_btn3.vc_btn3-color-grey,
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
	color: #fff;
	background-color: transparent !important;
}

.vc_btn3.vc_btn3-color-grey:hover {
	color: #000;
	background-color: #dcdcdc;
	letter-spacing: 0;
}

.vc_btn3.vc_btn3-style-custom {
	background-image: -webkit-linear-gradient(
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0.1) 50%,
		rgba(0, 0, 0, 0.1)
	);
	background-image: -o-linear-gradient(
		rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0.1) 50%,
		rgba(0, 0, 0, 0.1)
	);
	background-image: linear-gradient(
		rgba(0, 0, 0, 0),
		rgb(255 255 255 / 0%) 50%,
		rgb(0 0 0 / 0%)
	);
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	background-size: 200%;
	background-position: 0 -100%;
}

.video h5 {
	color: #1487df;
	font-family: "archivo";
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 500;
}

/* .nsf img{
background-color: #fff;
padding: 5px 10px;
box-shadow: 0px 2px 10px #dddddd;
} */

.highlights .wpb_text_column {
	margin-bottom: 35px;
}

.top-text .wpb_text_column {
	margin-bottom: 35px;
}

.video .wpb_content_element {
	margin-bottom: 0;
}

/* .video .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
margin-bottom: 20px;
} */

.video h5::after {
	display: inline-block;
	content: "";
	border-top: 0.1rem solid #1487df;
	width: 6rem;
	margin: -0.7rem 1rem;
	transform: translateY(-1rem);
}

.video ul {
	list-style: none;
	list-style-image: url(/wp-content/uploads/2024/05/arrow.png);
	padding: 0 0px 0 15px;
}

.video ul li {
	color: #000;
	font-family: "archivo";
	font-weight: 500;
	padding: 0 0px 0 10px;
}
.video ul li + li {
	margin-top: 5px;
}

.distributor h1 {
	color: #0b3050;
	font-family: "archivo";
	font-weight: 600;
	font-style: normal;
	line-height: 50px;
}

.distributor h4 {
	color: #000;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 35px;
	font-size: 20px;
}

.distributor h5 {
	color: #2f9ee2;
}

.mission h1 {
	color: #fff;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 50px;
	font-size: 38px;
}

.mission h4 {
	color: #fff;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 35px;
	font-size: 20px;
}

.mission h6 {
	color: #1487df;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: 3px;
	font-size: 16px;
	text-transform: uppercase;
}

.mission h6::after {
	display: inline-block;
	content: "";
	border-top: 0.1rem solid #1487df;
	width: 6rem;
	margin: -0.7rem 1rem;
	transform: translateY(-1rem);
}

.howitworks-steps {
	border-bottom: 1px solid #3f698d;
	display: block;
	vertical-align: top;
}

.howitworks-steps h2 {
	color: #fff;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 40px;
	font-size: 35px;
}

.howitworks-steps h6 {
	color: #fff;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 30px;
	font-size: 22px;
}

.howitworks-steps h5 {
	color: #fff;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 30px;

	font-size: 20px;
}

.howitworks-steps p {
	color: #fff;
	font-family: "archivo";
	font-weight: 300;
	font-style: normal;
	line-height: 26px;
	font-size: 16px;
	letter-spacing: 0.3px;
}

.meeting h1 {
	text-align: left;
}

.meeting h5 {
	text-align: left;
}

.guarantee h6::before,
.guarantee h6::after {
	display: inline-block;
	content: "";
	border-top: 0.1rem solid #1487df;
	width: 6rem;
	margin: -0.7rem 1rem;
	transform: translateY(-1rem);
}

.guarantee h6 {
	color: #1487df;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 30px;
	letter-spacing: 3px;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 0px;
	margin-top: 3%;
}
.product_details_wrapper .guarantee h6 {
	margin-top: 0;
}
.about_valve .guarantee h2 {
	color: #0b3050 !important;
	font-size: 45px !important;
	line-height: 1.1 !important;
	font-weight: 600 !important;
}
.guarantee h1 {
	color: #000;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
}

.guarantee-block {
	background-color: #fff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
	margin: 40px 19px;
	max-width: 388px;
	min-height: 520px;
}

.guarantee-block h6 {
	color: #1487df;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 22px;
	letter-spacing: 3px;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.guarantee-block h6::before,
.guarantee-block h6::after {
	display: none;
}

.guarantee h5 {
	color: #000;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 30px;
	font-size: 17px;
	margin-bottom: 0;
}

.readmore_btn {
	font-family: "archivo";
}

.circle-btn {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
}

.box-highlight {
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
	margin-bottom: 10%;
}

.box-highlight2 .vc_column-inner {
	padding-top: 14px !important;
}

.box-highlight2 {
	height: 50px !important;
	background: #ffffff
		url(/wp-content/uploads/2024/05/box-bg.jpg?id=3035) !important;

	background-position: bottom !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

.faq h5 {
	color: #0b3050;
	font-family: "archivo";
	font-weight: 600;
	font-style: normal;
	line-height: 30px;
	letter-spacing: 3px;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 0px;
	margin-top: 2%;
}

.product {
	margin-bottom: 10px;
	background-color: #c9e1f7;
}

.question {
	margin-bottom: 10px;
	background-color: #c9e1f6;
}

.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
	background-color: #e5eef7 !important;
}

.vc_tta-title-text {
	font-size: 20px;
	font-weight: 400;
	color: #000;
	display: inline-block;
	width: 85%;
	line-height: 1.5;
}

.vc_tta.vc_general .vc_tta-icon {
	font-size: 20px !important;
	line-height: 1.5;
	display: inline-block !important;
	height: 20px;
	font-weight: 400 !important;
	color: #000;
	vertical-align: top;
	padding-top: 14px !important;
	position: relative;
}
.vc_tta.vc_general .vc_tta-icon.fa-quora {
	margin-right: 15px;
}
.vc_tta.vc_general .vc_tta-icon.fa-quora::before {
	content: "Q.";
	position: absolute;
	font-size: 20px !important;
	line-height: 1.5;
	display: inline-block !important;
	height: 20px;
	font-weight: 400 !important;
	color: #000;
	top: 0;
	left: 0;
	font-family: "Archivo", sans-serif;
}
.contact-form h2 {
	color: #fff;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 55px;
	font-size: 36px;
}

.contact-form p {
	color: #fff;
	font-family: "archivo";
}

.product p {
	font-family: "archivo";
}

.product
.vc_tta-color-blue.vc_tta-style-classic
.vc_tta-panel
.vc_tta-panel-heading {
	border-color: #c9e1f6 !important;
	background-color: #c9e1f6 !important;
	margin-bottom: 5px;
	padding: 1px;
}
.vc_tta-color-blue.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	border-color: #c9e1f6 !important;
	background-color: #c9e1f6 !important;
	margin-bottom: 8px;
	padding: 0px;
}

.vc_tta-color-blue.vc_tta-style-classic
.vc_tta-panel.vc_active
.vc_tta-panel-heading {
	border-color: #f0f0f0;
	background-color: #c9e1f6 !important;
}

.vc_tta-color-blue.vc_tta-style-classic
.vc_tta-panel
.vc_tta-panel-heading:hover {
	background-color: #c9e1f6 !important;
}

.home_faq_col .vc_tta-controls-icon {
	width: 21px !important;
	height: 21px !important;
	right: 15px !important;
}

.home_faq_col .vc_tta-controls-icon::before {
	content: "" !important;
	position: absolute !important;
	background: url(/wp-content/uploads/2024/06/blue-arrow.png)
		no-repeat center;
	width: 18px;
	height: 21px;
	transition: all 0.5s ease-in-out;
	top: 0 !important;
	left: 0 !important;
	transform: none !important;
	border: 0 !important;
}
.home_faq_col .vc_tta-panel.vc_active .vc_tta-controls-icon::before,
.home_faq_col .vc_tta-panel.question.vc_active .vc_tta-controls-icon::before {
	transform: rotate(180deg) !important;
}
.mob-top {
	margin: 0;
	text-align: right;
	background-color: #f1f5fa;
	padding: 10px 20px;
	display: none;
}

.swiper-slide-contents h1 {
	background-color: #ffffff42;
	padding: 10px;
	color: #131f8e;
	font-weight: bold;
	line-height: 50px !important;
}

.swiper-slide-contents h2 {
	font-size: 22px;
	background-color: #ffffff80;
	padding: 5px 20px;
	font-weight: bold;
}

.swiper-slide-contents h3 {
	font-size: 22px !important;
	background-color: #ffffff80;
	padding: 10px 20px;
	font-weight: bold;
}

.with_frm_style input[type="text"],
.with_frm_style input[type="email"],
.with_frm_style input[type="password"],
.with_frm_style input[type="search"],
.with_frm_style input[type="tel"],
.contact-form input[type="text"],
.with_frm_style input[type="url"],
.with_frm_style textarea {
	color: #fff;
	border-bottom: 2px solid #8192a6cf;
	border-radius: 2px;
	-webkit-appearance: none;
	border-top: transparent;
	border-left: transparent;
	border-right: transparent;
	font-family: "archivo";
	background-color: transparent;
}

.client-logos .vc_images_carousel .vc_carousel-indicators {
	bottom: -30px;
}
.client-logos-mobile {
	display: none !important;
}

.meeting h1 {
	text-align: center;
}

.meeting h5 {
	text-align: center;
}
.post-4298 .vc_column_container > .vc_column-inner {
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

#page .site-content {
	flex-grow: 1;
}

.post-4298 .guarantee h1 {
	color: #000;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	font-size: 25px;
	margin-top: 10px;
}

.post-4298 .guarantee .wpb_content_element {
	margin-bottom: 20px;
}

.client-logos .vc_images_carousel .vc_carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	border: 2px solid #25a8c4 !important;
}

.client-logos {
	display: block;
}

.lgx_lsw_nav_button_next {
	right: -10px !important;
	top: 30px;
	position: absolute !important;
}

.guarantee h4 {
	font-size: 24px;
	font-size: 1.2rem !important;
	line-height: 1.2em;
	font-weight: 700;
	font-family: "Archivo", sans-serif;
}

/* .our-story .vc_custom_1716548863231 {
padding-top: 5% !important;
padding-right: 5% !important;
padding-bottom: 5% !important;
padding-left: 5% !important;
}

.vc_custom_1716549318101 {
padding-top: 0 !important;
padding-right: 5% !important;
padding-bottom: 5% !important;
padding-left: 5% !important;
}

.location .vc_custom_1716550264792 {
padding-top: 5% !important;
padding-right: 5% !important;
padding-bottom: 5% !important;
padding-left: 5% !important;
}

.product .vc_custom_1716580665754 {
padding-top: 5% !important;
padding-right: 5% !important;
padding-left: 5% !important;
} */

.lgx_lsw_nav_button_prev {
	left: -10px !important;
	top: 30px;
	position: absolute !important;
}

.about_valve_mobile {
	display: none !important;
}

.site-footer-below-section-2 .alignleft {
	display: inline-block;
	float: left;
	margin-right: 50px;
	vertical-align: middle;
}
.site-footer-below-section-2 .alignleft:last-child {
	margin-right: 0;
}

@media (min-width: 1350px) {
	.ast-container {
		max-width: 1350px;
		margin: 0 auto;
	}

	.mob-top {
		display: none;
	}

}

@media (max-width: 544px) {
	.lgx_logo_slider_app {
		position: relative;
		max-width: 360px;
		margin: 0 auto;
	}
	.address {
		text-align: center;
	}

	.site-footer-primary-section-2 {
		margin: 20px auto;
		width: 300px;
	}

	.site-footer-primary-section-3 {
		margin: 20px auto;
		width: 430px;
	}

	#block-15 h2.wp-block-heading {
		margin-left: 60px;
	}

	.box-highlight {
		box-shadow: 0 1px 20px #0000004f;
		margin-bottom: -15px;
	}

	.box-highlight::last-child {
		box-shadow: 0 1px 20px #0000004f;
		margin-bottom: 10px;
	}

	.highlights .vc_column_container {
		width: auto;
	}

	.highlights .wpb_content_element img {
		padding-left: 15px;
		width: auto;
	}

	.client-logos-mobile {
		display: block !important  ;
	}

	.client-logos-mobile .vc_images_carousel .vc_carousel-indicators li {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 1px;
		text-indent: -999px;
		border-radius: 10px;
		cursor: pointer;
		border: 2px solid #25a8c4 !important;
	}

	.client-logos-mobile .vc_images_carousel .vc_carousel-indicators {
		position: absolute;
		bottom: -10px;
		left: 50%;
		z-index: 15;
		width: 60%;
		margin-left: -30%;
		padding-left: 0;
		list-style: none;
		text-align: center;
	}

	.client-logos {
		display: none !important;
	}

	.distributor .vc_custom_1717213544383 {
		padding-top: 5% !important;
		padding-right: 0 !important;
		padding-bottom: 3% !important;
		padding-left: 0 !important;
	}

	.distributor .vc_custom_1717215271603 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.distributor .vc_custom_1717214085751 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.installations {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.guarantee h6::before,
	.guarantee h6::after {
		display: inline-block;
		content: "";
		border-top: 0.1rem solid #1487df;
		width: 0rem !important;
		margin: -0.7rem 1rem;
		transform: translateY(-1rem);
	}

	.page-title h1 {
		color: #fff;
		font-size: 32px;
		line-height: 50px;
	}

	.installations .vc_column-inner {
		box-sizing: border-box;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.installations h6 {
		color: #1487df;
		font-family: "archivo";
		font-weight: 800;
		font-style: normal;
		line-height: 30px;
		letter-spacing: 0;
		font-size: 16px;
		text-transform: uppercase;
		background: linear-gradient(to right, blue, green);
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
	}

	.join-highlights .elementor-element-populated {
		margin: 10px 20px !important;
	}

	.act-now .elementor-element-populated {
		padding: 20px !important;
		background-color: #e5eef6;
	}

	.career-form .elementor-element-populated {
		background-color: #80c4ec;
		padding: 0 20px !important;
	}

	.career-form .elementor-field-type-submit {
		display: block !important;
		clear: both;
		width: 100% !important;
	}

	.installations .wpb_content_element {
		margin-bottom: 10px;
	}

	.installations h6::before,
	.installations h6::after {
		display: inline-block;
		content: "";
		border-top: 0.1rem solid #1487df;
		width: 0rem;
		margin: -0.7rem 0rem;
		transform: translateY(-1rem);
	}

	.installations .icon-prev,
	.installations .icon-next {
		width: 20px;
		height: 20px;
		margin-top: -10px;
		margin-left: -10px;
		font-family: arial !important;
	}

	.installations img {
		width: 260px !important;
	}

	.vc_carousel-slideline-inner {
		left: 0;
		position: relative;
		width: 100%;
		text-align: center !important;
	}

	.video .wpb_content_element {
		margin-bottom: 0;
	}

	.wpb_single_image.vc_align_left {
		text-align: center;
	}

	.guarantee h6::before,
	.guarantee h6::after {
		display: inline-block;
		content: "";
		border-top: 0.1rem solid #1487df;
		width: 3rem;
		margin: -0.7rem 0.2rem;
		transform: translateY(-1rem);
	}

	.guarantee h1 {
		color: #000;
		font-family: "archivo";
		font-weight: 500;
		font-style: normal;
		font-size: 28px;
		margin-top: 10px;
	}

	.copyrights {
		text-align: center;
	}

	.ast-header-break-point
	.footer-widget-area[data-section="section-fb-html-5"] {
		display: block;
		margin-left: 45px;
	}

	.about_valve_mobile {
		display: block !important;
	}

	.about_valve {
		display: none !important;
	}

	.about_valve_mobile h1 {
		color: #0b3050;
		font-size: 26px;
		line-height: 30px;
		font-family: "archivo";
		font-weight: bold;
		font-style: normal;
		margin-bottom: 5px;
		margin-top: 0;
	}

	.about_valve_mobile h1 strong {
		color: #2f9ee2;
	}

	.about_valve_mobile h3 {
		color: #0b3050;
		font-family: "archivo";
	}

	.about_valve_mobile h4 {
		color: #0b3050;
		font-size: 18px;
		line-height: 22px;
		font-family: "archivo";
		font-weight: 600;
		font-style: normal;
	}

	.about_valve_mobile h4 strong {
		color: #2f9ee2;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
	}

	.vc_custom_1716317132889 {
		padding-right: 5% !important;
		padding-left: 5% !important;
	}

	.box-highlight {
		display: flex;
		width: 100%;
	}

	.guarantee-block {
		background-color: #fff;
		box-shadow: 0px 2px 10px #dddddd;
		margin: 50px auto;
		max-width: 388px;
		min-height: 500px;
	}

	.ast-header-break-point .ast-builder-menu-mobile .main-navigation {
		display: block;
		margin-top: 20px;
	}

	#block-9 {
		margin: 20px 14% !important;
	}

	.swiper-slide-contents h1 {
		font-size: 35px !important;
		padding: 10px;
		line-height: 50px !important;
	}

	.swiper-slide-contents h2 {
		font-size: 22px !important;
		background-color: #ffffffba;
		padding: 10px;
	}

	.swiper-slide-contents h3 {
		font-size: 22px !important;
		background-color: #ffffffba;
		padding: 10px;
	}

	.mob-top {
		display: none;
	}

	.ast-builder-menu-mobile
	.main-navigation
	.menu-item.menu-item-has-children
	> .ast-menu-toggle {
		top: 0;
		width: 100%;
	}
	.ast-header-break-point
	.main-header-bar-navigation
	.menu-item-has-children
	> .ast-menu-toggle
	> .ast-icon.icon-arrow {
		pointer-events: none;
		float: right;
	}

	.elementor-1872 .elementor-element.elementor-element-da8113d {
		transition: background 0.3s, border 0.3s, border-radius 0.3s,
			box-shadow 0.3s;
		transition-behavior: normal, normal, normal, normal;
		transition-duration: 0.3s, 0.3s, 0.3s, 0.3s;
		transition-timing-function: ease, ease, ease, ease;
		transition-delay: 0s, 0s, 0s, 0s;
		transition-property: background, border, border-radius, box-shadow;
		margin-top: 70px;
		margin-bottom: 0%;
	}

	.elementor-1872
	.elementor-element.elementor-element-8511d2d:not(
	.elementor-motion-effects-element-type-background
	),
	.elementor-1872
	.elementor-element.elementor-element-8511d2d
	> .elementor-motion-effects-container
	> .elementor-motion-effects-layer {
		background-image: url(/wp-content/uploads/2024/04/map5a.jpg);
		background-position: top center;
		background-size: contain;
		background-repeat: no-repeat;
		background-size: 140%;
	}

	.elementor-1872
	.elementor-element.elementor-element-19c1c6a
	.elementor-heading-title {
		color: #ffffff;
		font-size: 28px;
		font-weight: 600;
		line-height: 40px;
		text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.7);
	}
}

.story {
	display: none;
}

/* SALES SIGN IN PAGE */
.bg-light {
	background: #e3eff9;
	padding: 20px;
}

.bg-light.elementor-widget:not(:last-child) {
	margin-bottom: 0;
	padding-bottom: 0px;
}

/* NEWS AND EVENT */
.page-id-960 h2 a {
	text-decoration: none !important;
}

#block-9 {
	margin: 0 4%;
}

#block-9 ul {
	padding: 0 10px;
}

/* Aboutus */

.page-title {
	margin-bottom: 0;
	font-weight: 500;
}

.our-story h1 {
	color: #000;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 48px;
}

.our-story h4 {
	color: #000;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 32px;
	font-size: 18px;
}

.our-story .wpb_content_element {
	margin-bottom: 0 !important;
}

.our-story h6 {
	color: #1487df;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: 3px;
	font-size: 16px;
	text-transform: uppercase;
}

.our-story h6::after {
	display: inline-block;
	content: "";
	border-top: 0.1rem solid #1487df;
	width: 6rem;
	margin: -0.7rem 1rem;
	transform: translateY(-1rem);
}

.location h6 {
	color: #fff;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 1.5;
	font-size: 20px;
	letter-spacing: 0.5px;
}

.location h6 strong {
	color: #1487df;
}

.location h5 {
	color: #fff;
	font-family: "archivo";
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	font-size: 18px;
}

.location h4 {
	color: #fff;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 1.3;
	font-size: 28px;
}

.product .wpb_content_element {
	margin-bottom: 0 !important;
}

.product .vc_column-inner {
	padding-top: 0 !important;
}

/** Triguns Custom CSS **/

.elementor-button:focus {
	color: #3287d1 !important;
}
.ast-header-html-6 .ast-builder-html-element {
	font-size: 15px;
	line-height: 1.3;
	letter-spacing: 2px;
}
@media (min-width: 1200px) {
	.home_hero_wrapper .top-text.vc_col-sm-4 {
		width: 35%;
	}
	.home_hero_wrapper .vc_col-sm-8 {
		width: 65%;
	}
	.home_hero_wrapper .top-text.vc_col-sm-4 > div {
		padding-right: 0;
	}
	.about_valve h2 {
		font-size: 60px !important;
		line-height: 1 !important;
	}
	.about_valve .hero_second_text h2 {
		font-size: 55px !important;
		font-weight: 600 !important;
	}
	.container-1400 {
		max-width: 1280px;
		margin: 0 auto;
		float: none;
	}
	.product .faq .vc_column-inner,
	.home_faq_wrapper .faq .vc_column-inner {
		float: right;
		max-width: 660px;
	}
	.home_faq_wrapper .contact-form .vc_column-inner > .wpb_wrapper {
		max-width: 560px;
	}
	[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap {
		text-align: right;
	}
	.copyrights br {
		display: none;
	}
	.video_text_wrapper {
		display: flex;
	}
	.video_text_wrapper > .vc_col-sm-8 {
		width: 65%;
	}
	.video_text_wrapper > .vc_col-sm-4 {
		width: 35%;
	}
	.our-story {
		display: flex;
		align-items: center;
	}
	.full_width_img figure,
	.full_width_img figure .vc_single_image-wrapper,
	.full_width_img figure img,
	.our-story .right_col div,
	.our-story .right_col figure,
	.our-story .right_col img {
		width: 100%;
	}
	.our-story .left_col .vc_column-inner {
		max-width: 630px;
		float: right;
	}
	.contact_info_wrapper,
	.two_box_wrap,
	.how_it_work_wrapper,
	.product .pro_right_col figure .vc_single_image-wrapper,
	.product {
		display: flex;
	}
	.product .pro_right_col div,
	.product .pro_right_col figure {
		height: 100%;
	}
	.product .pro_right_col figure .vc_single_image-wrapper img {
		object-fit: cover;
	}
	.how_it_work_wrapper {
		align-items: center;
	}
	.how_it_work_desc_col .vc_column-inner {
		max-width: 530px;
	}
	.how_it_work_wrapper .video_col {
		width: 57%;
	}
	.how_it_work_wrapper .how_it_work_desc_col {
		width: 43%;
	}
}
.vc_btn3.vc_btn3-size-md {
	font-weight: 500;
	letter-spacing: 1px;
}
.vc_tta.vc_tta-style-classic .vc_tta-panel-body,
.vc_tta.vc_tta-style-classic .vc_tta-panel-heading {
	border-width: 0px !important;
}
.product .faq .vc_tta-title-text {
	font-weight: 500;
}
.product .faq .vc_tta-container {
	margin-bottom: 0;
}
.vc_tta-panel-body {
	color: #000;
}
.vc_btn3.vc_btn3-size-md,
.vc_btn3.vc_btn3-color-sky,
.vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
	color: #fff !important;
	background-color: #2f9ee2;
	border-width: 2px !important;
	font-weight: 500;
	letter-spacing: 1px !important;
}
.vc_btn3.vc_btn3-size-md:hover,
.vc_btn3.vc_btn3-color-sky:hover,
.vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat:hover {
	color: #2f9ee2 !important;
	background-color: #fff !important;
	border-color: #2f9ee2 !important;
}
.vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline {
	color: #2f9ee2 !important;
}
.vc_btn3.vc_btn3-color-sky.vc_btn3-style-outline:hover {
	color: #fff !important;
	background-color: #2f9ee2 !important;
}
.case_studies_list > .elementor-container.elementor-column-gap-default,
.image_box_list > .elementor-container.elementor-column-gap-default {
	display: flex;
	gap: 35px;
}
.case_studies_list > .elementor-container.elementor-column-gap-default {
	gap: 30px;
}
.image_box_list
> .elementor-container.elementor-column-gap-default
> .elementor-column {
	background-color: #fff;
	box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	max-width: 397px;
}
.image_box_list
> .elementor-container.elementor-column-gap-default
> .elementor-column
.elementor-element,
.image_box_list
> .elementor-container.elementor-column-gap-default
> .elementor-column
.elementor-widget-container {
	position: relative;
	height: 100%;
}
.image_box_list
> .elementor-container.elementor-column-gap-default
> .elementor-column
.elementor-widget-container::after {
	content: "";
	position: absolute;
	background: url("/wp-content/uploads/2024/05/cricle-btn.png")
		no-repeat center;
	width: 70px;
	height: 70px;
	left: 50%;
	bottom: -35px;
	transform: translateX(-50%);
}

.testimonial_wrapper
.image_box_list
> .elementor-container.elementor-column-gap-default
> .elementor-column
.elementor-widget-container::after {
	display: none !important;
}

.image_box_list .elementor-image-box-content {
	padding: 40px 30px 65px;
	position: relative;
}
.case_studies_list .elementor-widget-image,
.case_studies_list .elementor-widget-image .elementor-widget-container,
.image_box_list .elementor-image-box-img a,
.image_box_list .elementor-image-box-img {
	min-height: 280px;
	max-height: 280px;
	overflow: hidden;
	display: flex !important;
	min-width: 100%;
	line-height: 0;
}
.case_studies_list .quotes.elementor-widget-image .elementor-widget-container {
	display: block !important;
}
.case_studies_list .elementor-widget-image,
.case_studies_list .elementor-widget-image .elementor-widget-container {
	min-height: 270px;
	max-height: 270px;
}
.case_studies_list .elementor-widget-image img,
.image_box_list .elementor-image-box-img img {
	object-fit: cover;
	width: 100%;
}

.quotes,
.quotes .elementor-widget-container {
	min-height: inherit !important;
	max-height: inherit !important;
}
.quotes img {
	object-fit: none !important;
	width: auto !important;
}
.case_studies_list .elementor-widget-image img {
	height: auto !important;
}
.iws_top_wrap .iws_left_col {
	justify-content: flex-end;
	align-items: center;
}
.iws_top_wrap
.iws_left_col
> .elementor-widget-wrap.elementor-element-populated {
	max-width: 650px;
	padding: 40px 75px 40px 45px;
}
.vc_custom_heading.custom_line_after_title,
.custom_line_after_title .elementor-heading-title {
	position: relative;
	display: inline-block;
	padding-right: 110px;
	color: #1487df;
	font-family: "archivo";
	font-weight: 500;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: 3px;
	font-size: 16px;
	text-transform: uppercase;
}

.custom_line_after_title.before_after_title .elementor-heading-title {
	padding-left: 110px;
}
.before_after_line_list .elementor-icon-list-items::after,
.vc_custom_heading.custom_line_after_title::after,
.custom_line_after_title .elementor-heading-title::after {
	content: "";
	position: absolute;
	background-color: #1487df;
	width: 80px;
	height: 1px;
	top: 50%;
	right: 0;
	display: inline-block;
	transform: translateY(-1px);
}
.before_after_line_list .elementor-icon-list-items::before,
.custom_line_after_title.before_after_title .elementor-heading-title::before {
	content: "";
	position: absolute;
	background-color: #1487df;
	width: 80px;
	height: 1px;
	top: 50%;
	left: 0;
	display: inline-block;
	transform: translateY(-1px);
}
.title30 {
	color: #000 !important;
	font-family: "archivo";
	font-weight: 400 !important;
	font-style: normal;
	line-height: 1.2 !important;
	font-size: 30px !important;
}
.title38 {
	color: #000 !important;
	font-family: "archivo";
	font-weight: 400 !important;
	font-style: normal;
	line-height: 1.2 !important;
	font-size: 38px !important;
}
.contact_wrapper .wpb_text_column {
	color: #000;
}

.show_on_desktop {
	display: block !important;
}
.show_on_mobile {
	display: none !important;
}
.show_on_mobile .wpb_single_image {
	text-align: center !important;
}

.contact_form .with_frm_style input[type="text"],
.contact_form .with_frm_style input[type="email"],
.contact_form .with_frm_style input[type="password"],
.contact_form .with_frm_style input[type="search"],
.contact_form .with_frm_style input[type="tel"],
.contact_form input[type="text"],
.contact_form .with_frm_style input[type="url"],
.contact_form .with_frm_style textarea {
	border: 0 !important;
	border-bottom: 1px solid #8192a6cf !important;
	border-radius: 0px;
	box-shadow: none !important;
	color: #000 !important;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
.contact_form .with_frm_style textarea {
	min-height: 100px;
}
.contact_form ::-webkit-input-placeholder {
	color: #919191 !important;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
.contact_form :-moz-placeholder {
	/* Firefox 18- */
	color: #919191 !important;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
.contact_form ::-moz-placeholder {
	/* Firefox 19+ */
	color: #919191 !important;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
.contact_form :-ms-input-placeholder {
	color: #919191 !important;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
.contact_form .frm_submit {
	text-align: right;
}

.wpb_gmaps_widget.map .wpb_wrapper {
	padding: 0;
	filter: grayscale(1);
}
.contact_info_wrapper .left_col {
	background: rgb(11, 48, 80);
	background: -moz-linear-gradient(
		90deg,
		rgba(11, 48, 80, 1) 21%,
		rgba(59, 126, 86, 1) 100%
	);
	background: -webkit-linear-gradient(
		90deg,
		rgba(11, 48, 80, 1) 21%,
		rgba(59, 126, 86, 1) 100%
	);
	background: linear-gradient(
		90deg,
		rgba(11, 48, 80, 1) 21%,
		rgba(59, 126, 86, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b3050",endColorstr="#3b7e56",GradientType=1);
}
.title45 {
	font-weight: 400 !important;
	line-height: 1.2 !important;
	font-size: 45px !important;
}
.contact_info_wrapper .left_col > .vc_column-inner {
	padding: 65px 65px 65px 0px !important;
	max-width: 620px;
	float: right;
}
.info_col {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
.info_col .wpb_column {
	float: none;
}
.info_col .vc_column-inner {
	padding: 0;
}
.info_col .vc_col-sm-3 {
	width: 45px;
}
.info_col .vc_col-sm-3 + .vc_col-sm-9 {
	margin-left: 20px;
	width: calc(100% - 65px);
}
.vc_custom_heading.info_title {
	color: #2f9ee1 !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	letter-spacing: 1px;
	margin-bottom: 3px !important;
}
.wpb_text_column.info_text,
.wpb_text_column.info_text a {
	margin: 0;
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	font-weight: 300 !important;
	text-decoration: none !important;
	letter-spacing: 0.3px;
	transition: all 0.3s ease-in-out;
}
.wpb_text_column.info_text a:hover {
	opacity: 0.5;
}
.contact_info_wrapper .right_col div {
	height: 100%;
}
.contact_info_wrapper .right_col iframe {
	height: 100%;
	min-height: 350px;
}

.calendly_btn {
	margin: 0 !important;
}
.calendly_btn a.vc_btn3 {
	color: #006bff !important;
	font-size: 16px;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px !important;
	margin-bottom: 0px;
	background-image: none;
	background-color: #fff !important;
	border: 0 !important;
	padding: 18px 30px 20px 90px !important;
	position: relative;
	height: 70px;
}
.calendly_btn a.vc_btn3:hover {
	color: #006bff !important;
}
.calendly_btn a.vc_btn3::before {
	content: "";
	position: absolute;
	background: url("/wp-content/uploads/2024/06/calendly_icon.png")
		no-repeat;
	width: 50px;
	height: 51px;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
.calendly_btn a.vc_btn3::after {
	content: "Powered By Calendly";
	position: absolute;
	color: #7c7c7c;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 600;
	font-family: "Archivo";
	left: 90px;
	bottom: 16px;
	text-transform: none;
	letter-spacing: 0.5px;
}

.three_box_wrap {
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.three_box_wrap > .wpb_column {
	background-color: #fff;
	padding: 18px;
	margin: 12px;
	box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.1);
	position: relative;
}
.three_box_wrap > .wpb_column::after {
	content: "";
	position: absolute;
	background: url("/wp-content/uploads/2024/06/border.jpg");
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
}
.three_box_wrap .vc_custom_heading {
	color: #000;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
	margin: 0;
}
.two_box_wrap > .wpb_column.vc_col-sm-6 {
	border-bottom: 4px solid #1487df;
	margin: 20px;
	background-color: #e5eef6;
}
.two_box_wrap .wpb_text_column {
	color: #000000;
	font-weight: 500;
}
.two_box_wrap .wpb_text_column ul {
	padding-left: 0px;
	list-style-type: none;
}
.two_box_wrap .wpb_text_column ul li {
	padding-left: 20px;
	position: relative;
}
.two_box_wrap .wpb_text_column ul li + li {
	margin-top: 10px;
}
.two_box_wrap .wpb_text_column ul li::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 6px solid #2f9ee2;
	border-bottom: 4px solid transparent;
	top: 8px;
	left: 2px;
}
.how_it_work_desc_col .wpb_text_column {
	font-size: 19px;
	line-height: 1.6;
	color: #000;
	font-weight: 400;
}

.elementor-icon-list-item a,
.elementor-icon-list-item a .elementor-icon-list-text {
	color: #3287d1 !important;
}
.elementor-icon-list-item a:hover,
.elementor-icon-list-item a:hover .elementor-icon-list-text {
	text-decoration: underline;
}

.case_studie_col .cs_title > .elementor-widget-container {
	background: rgb(5, 64, 124);
	background: -moz-linear-gradient(
		90deg,
		rgba(5, 64, 124, 1) 0%,
		rgba(9, 105, 180, 1) 50%,
		rgba(75, 156, 97, 1) 100%
	);
	background: -webkit-linear-gradient(
		90deg,
		rgba(5, 64, 124, 1) 0%,
		rgba(9, 105, 180, 1) 50%,
		rgba(75, 156, 97, 1) 100%
	);
	background: linear-gradient(
		90deg,
		rgba(5, 64, 124, 1) 0%,
		rgba(9, 105, 180, 1) 50%,
		rgba(75, 156, 97, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05407c",endColorstr="#4b9c61",GradientType=1);
}
.case_studie_col .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}
.case_studie_col .middle_col {
	min-height: 140px;
}

.eael-advanced-accordion-icon-closed,
.eael-advanced-accordion-icon-opened {
	order: 1;
	margin-left: 10px;
	margin-right: 0 !important;
}
.iws_top_wrap .elementor-widget-image,
.iws_top_wrap .elementor-widget-image .elementor-widget-container {
	display: flex;
	width: 100%;
	height: 100%;
}
.iws_top_wrap .elementor-widget-image img,
.iws_top_wrap .elementor-widget-image .elementor-widget-container img {
	object-fit: cover;
	object-position: left;
}
.iws_top_wrap .elementor-widget-image.center_img img,
.iws_top_wrap
.elementor-widget-image.center_img
.elementor-widget-container
img {
	object-position: center;
}
.careers_form .elementor-field {
	box-shadow: none !important;
	padding-left: 0;
	padding-right: 0;
}
.careers_form .elementor-field-type-recaptcha {
	width: 70%;
}
.careers_form .elementor-field-type-submit {
	width: 30%;
	justify-content: end;
}
.elementor-heading-title span {
	color: #1487df;
}
.os_faq_left_col > .elementor-widget-wrap {
	justify-content: end;
}
.os_faq_left_col > .elementor-widget-wrap > .elementor-element {
	max-width: 580px;
}
.fit_cover_img,
.fit_cover_img .elementor-widget-container {
	display: flex;
	width: 100%;
	height: 100%;
}
.fit_cover_img img,
.fit_cover_img .elementor-widget-container img {
	object-fit: cover;
}

.only_text_wrap.elementor-widget-text-editor {
	color: #000000;
}
.only_text_wrap.elementor-widget-text-editor h1,
.only_text_wrap.elementor-widget-text-editor h2,
.only_text_wrap.elementor-widget-text-editor h3,
.only_text_wrap.elementor-widget-text-editor h3,
.only_text_wrap.elementor-widget-text-editor h5,
.only_text_wrap.elementor-widget-text-editor h6 {
	color: #000000;
	font-weight: 500;
	margin-bottom: 15px;
}
.video_col {
	line-height: 0;
}
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body {
	text-align: left;
}

.e-loop-item > .elementor-section-wrap,
.e-loop-item > .elementor-section-wrap > .blog_item,
.e-loop-item > .elementor-section-wrap > .blog_item > .elementor-container,
.e-loop-item
> .elementor-section-wrap
> .blog_item
> .elementor-container
> .elementor-column,
.e-loop-item
> .elementor-section-wrap
> .blog_item
> .elementor-container
> .elementor-column
> .elementor-widget-wrap {
	height: 100%;
}

.single .elementor-widget-theme-post-content h1,
.single-post .elementor-widget-theme-post-content h1,
.single .elementor-widget-theme-post-content h2,
.single-post .elementor-widget-theme-post-content h2,
.single .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content h3,
.single .elementor-widget-theme-post-content h4,
.single-post .elementor-widget-theme-post-content h4,
.single .elementor-widget-theme-post-content h5,
.single-post .elementor-widget-theme-post-content h5,
.single .elementor-widget-theme-post-content h6,
.single-post .elementor-widget-theme-post-content h6 {
	font-weight: 400;
}
.single .elementor-widget-theme-post-content img,
.single-post .elementor-widget-theme-post-content img {
	margin: 30px auto;
}

.full_width_slider_under_box .swiper-slide-contents {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 40px;
	background-image: url("/wp-content/uploads/2024/05/form_bg.jpg");
	background-position: center;
	background-size: cover;
}

@media (min-width: 1199px) {
	.full_width_slider_under_box .swiper-slide-contents {
		left: 50%;
		position: relative;
		transform: translateX(-630px);
	}
}
.case_study_left_col {
	justify-content: end;
}
.results_right_col {
	justify-content: flex-start;
}
.case_study_left_col > .elementor-widget-wrap {
	max-width: 630px;
}
.before_after_line_list .elementor-icon-list-items {
	position: relative;
	padding: 0px 100px !important;
	max-width: max-content;
	margin: 0 auto !important;
}

.gform-theme--framework .gf_step_completed .gf_step_number::after,
.step_form_col .gform_heading,
.gform_validation_errors,
.gform-field-label .gfield_required .gfield_required_text,
.page-id-7455 footer.site-footer,
.page-id-7687 footer.site-footer {
	display: none !important;
}

.gform-theme--foundation .gfield.emi_hide {
	display: none;
}

.gform-theme--foundation
.gfield.emi_hide
+ .gfield#field_4_1
+ .gfield#field_4_3,
.gform-theme--foundation .gfield.emi_hide + .gfield#field_4_1 {
	grid-column: span 6;
}

.step_form_col {
	position: relative;
}
.step_form_col::before {
	content: "";
	position: absolute;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(
		0deg,
		rgba(255, 255, 255, 1) 0%,
		rgba(230, 239, 246, 1) 100%
	);
	background: -webkit-linear-gradient(
		0deg,
		rgba(255, 255, 255, 1) 0%,
		rgba(230, 239, 246, 1) 100%
	);
	background: linear-gradient(
		0deg,
		rgba(255, 255, 255, 1) 0%,
		rgba(230, 239, 246, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e6eff6",GradientType=1);
	width: 100%;
	height: 100px;
	top: 0;
	left: 0;
	border: 15px solid #fff;
}
.step_form_col form {
	padding-top: 100px;
	position: relative;
	z-index: 2;
}
.step_form_col.financing_form_col form {
	padding-top: 0 !important;
}
.step_form_col.financing_form_col::before {
	display: none !important;
}
.gfield--type-html.form_top_text {
	position: absolute;
	top: 0;
}

.blank_div {
	padding: 0 !important;
	border: 0 !important;
	height: 0px !important;
}
.gf_page_steps {
	gap: 0 65px !important;
	margin-bottom: 40px !important;
	padding-right: 154px;
	position: relative;
	align-items: flex-start;
}
.gf_page_steps::before {
	content: "3";
	position: absolute;
	top: 0;
	right: 40px;
	text-align: center;
	color: #1487df;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: "Archivo";
	font-weight: 500;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff !important;
	border: 1px solid #1487df !important;
	z-index: 2;
}
.gf_page_steps::after {
	content: "instant quote";
	position: absolute;
	top: 52px;
	right: 0px;
	width: 154px;
	color: #1487df;
	font-size: 15px;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: "Archivo";
	font-weight: 500;
	text-align: right;
}
.gf_page_steps .gf_step.gf_step_first {
	width: 86px;
}
.gf_page_steps .gf_step.gf_step_last {
	width: 205px;
}
.gf_page_steps .gf_step {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
}
.gf_page_steps .gf_step::after {
	content: "";
	position: absolute;
	width: 250px;
	height: 1px;
	top: 50%;
	left: 30px;
	border-top: 0.1rem solid #1487df;
	margin: 0.08rem 1rem;
	transform: translateY(-1rem);
	z-index: 1;
}
.gform-theme--foundation {
	--gf-form-gap-y: 25px !important;
}
.gf_page_steps .gf_step .gf_step_label {
	color: #1487df;
	font-size: 15px;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: "Archivo";
	font-weight: 500;
}
.gf_page_steps .gf_step .gf_step_number {
	color: #1487df;
	font-size: 20px;
	line-height: 1.2;
	text-transform: uppercase;
	font-family: "Archivo";
	font-weight: 500;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff !important;
	border: 1px solid #1487df !important;
	position: relative;
	z-index: 2;
}
.gf_page_steps .gf_step.gf_step_active .gf_step_number {
	color: #fff;
	background-color: #1487df !important;
}
.gform-theme--framework .gform-field-label {
	color: #000;
	font-size: 16px;
	line-height: 1.3;
	font-family: "Archivo";
	font-weight: 400;
}
.gform-field-label .gfield_required {
	position: relative;
}
.gform-field-label .gfield_required::after {
	content: "*";
	color: #cf0000;
	font-size: 15px;
	line-height: 1;
}
.ginput_container input,
.ginput_container select,
.ginput_container textarea {
	background-color: #f5f5f5 !important;
	padding: 15px 20px !important;
	border-radius: 5px !important;
	border: 1px solid #eaeaea !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	font-weight: 500 !important;
	box-shadow: none !important;
}
.ginput_container input {
	min-height: 55px !important;
}
/* .meter_size {
grid-column: span 2 !important;
} */

.Meter_size_radio {
	grid-column: span 6 !important;
}

/* .Meter_size_picture {
grid-column: span 4 !important;
} */

.how_to_get_link a {
	color: #1487df;
	font-size: 16px;
	line-height: 1.5;
	text-decoration: underline !important;
}
.how_to_get_link a:hover {
	text-decoration: none !important;
}

.meter_size .ginput_container input,
.meter_size .ginput_container select {
	padding: 10px !important;
	height: 45px !important;
	min-height: inherit !important;
}

.ginput_container input[type="radio"],
.ginput_container input[type="checkbox"] {
	padding: 0 !important;
	min-height: inherit !important;
	width: 15px !important;
	height: 15px !important;
	border: 1px solid #d5d5d5 !important;
	border-radius: 0 !important;
}
.ginput_container input[type="radio"] {
	border-radius: 100% !important;
}
.ginput_container input[type="file"] {
	padding: 10px !important;
	min-height: 45px !important;
}
.gform-theme--framework .gfield_radio .gform-field-label {
	/* color: #949494 !important; */
	text-transform: uppercase;
	font-size: 15px !important;
	line-height: 1.1 !important;
}
.gform-theme--framework .Meter_size_picture .gform-field-label,
.gform-theme--framework .meter_size .gform-field-label,
.gform-theme--framework .gfield--type-post_image .gform-field-label {
	color: #1487df;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.form_note_text {
	font-size: 14px;
}
.ginput_container ::-webkit-input-placeholder {
	color: #b2b2b2 !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	font-weight: 500 !important;
}
.ginput_container :-moz-placeholder {
	/* Firefox 18- */
	color: #b2b2b2 !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	font-weight: 500 !important;
}
.ginput_container ::-moz-placeholder {
	/* Firefox 19+ */
	color: #b2b2b2 !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	font-weight: 500 !important;
}
.ginput_container :-ms-input-placeholder {
	color: #b2b2b2 !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	font-weight: 500 !important;
}
.gform_footer .button,
.gform_page .button {
	color: #fff !important;
	font-size: 15px !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	letter-spacing: 0.3px !important;
	background: rgb(28, 139, 202) !important;
	background: -moz-linear-gradient(
		0deg,
		rgba(28, 139, 202, 1) 0%,
		rgba(59, 169, 240, 1) 100%
	) !important;
	background: -webkit-linear-gradient(
		0deg,
		rgba(28, 139, 202, 1) 0%,
		rgba(59, 169, 240, 1) 100%
	) !important;
	background: linear-gradient(
		0deg,
		rgba(28, 139, 202, 1) 0%,
		rgba(59, 169, 240, 1) 100%
	) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c8bca",endColorstr="#3ba9f0",GradientType=1);
	padding: 18px 50px !important;
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
}

.gform_page_footer.top_label {
	justify-content: space-between;
}
.gform_confirmation_message {
	color: #1487df;
	font-size: 25px;
	line-height: 1.5;
	font-family: "Archivo";
	font-weight: 400;
}
.gform_confirmation_message h3 {
	color: #0b3050;
	font-size: 32px;
	line-height: 1.3;
	font-family: "Archivo";
	font-weight: 600;
	position: relative;
	margin-bottom: 0 !important;
	padding-bottom: 30px;
}
.gform_confirmation_message h3::after {
	content: "";
	position: absolute;
	background-color: #2a99db;
	width: 150px;
	border-top: 0.1rem solid #1487df;
	margin: 0rem auto;
	transform: translateX(-50%);
	bottom: 0;
	left: 50%;
}
.step_number {
	position: relative;
	z-index: 2;
}
.step_number .elementor-widget-container {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.step_list > .elementor-container {
	justify-content: space-between;
}
.step_list > .elementor-container > .elementor-column {
	width: auto;
}
.step_col1,
.step_col2,
.step_col3 {
	position: relative;
}
.step_col1 {
	max-width: 86px;
}
.step_col2 {
	max-width: 205px;
}
.step_col3 {
	max-width: 121px;
}
.step_col1::before,
.step_col2::before {
	content: "";
	position: absolute;
	width: 270px;
	height: 1px;
	top: 20px;
	left: 43px;
	border-top: 0.1rem solid #1487df;
	z-index: 1;
}

.quote_id_title {
	position: relative;
}
.quote_id_title strong {
	font-weight: 700;
}
.price_text strong {
	color: #fff;
	font-size: 25px;
	line-height: 1;
}
/* .price_text.box_price_text strong {
font-size: 25px;
} */
.price_text span,
.price_text.box_price_text span {
	font-size: 30px;
}
.price_text strong,
.price_text span,
.price_text.box_price_text span,
.price_text.box_price_text strong {
	color: #fff;
}

/* .quote_id_title::after {
content: "";
position: absolute;
border-top: 0.1rem solid #1487df;
bottom: 20px;
left: 50%;
width: 145px;
transform: translateX(-50%);
} */

.gfield--type-date .ginput_container input,
.gfield--input-type-date .ginput_container input {
	width: 100%;
}

.financing_form_col .gform_footer {
	justify-content: flex-end;
}
.gfield--type-html.title {
	padding: 15px 20px;
	background-color: #e5eef6;
	margin: 50px 0px 10px;
	border-left: 5px solid #0b3050;
}
.gfield--type-html.title h3 {
	margin: 0;
	color: #0b3050;
	font-weight: 600;
	font-size: 25px;
	line-height: 1.3;
}
.gfield--type-html.form_normal_text.gfield_no_follows_desc {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
}

.form_top_text.gfield_html h2 {
	color: #0b3050;
	font-family: "Archivo", Sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.form_top_text.gfield_html h3 {
	color: var(--e-global-color-secondary);
	font-family: "Archivo", Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 0;
}

.gform_drop_area.gform-theme-field-control {
	padding: 20px !important;
}
.gform_drop_area.gform-theme-field-control .button.gform_button_select_files {
	padding: 10px 20px !important;
	font-size: 12px !important;
}

.before_after_full_line {
	position: relative;
}
.before_after_full_line::before {
	content: "";
	position: absolute;
	background-color: #1487df;
	width: calc(100% - 50px);
	height: 0.1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.before_after_full_line .elementor-heading-title {
	position: relative;
	width: max-content;
	margin: 0 auto;
	background-color: #fff;
	padding: 0px 25px;
}

.plan_box_list > .elementor-container {
	gap: 15px;
	justify-content: center;
}
.payment_plan_box {
	position: relative;
	transition: all 0.5s ease-in-out;
}
@media (min-width: 1200px) {
	.payment_plan_box:hover {
		transform: translateY(-15px);
	}
}
/* .payment_plan_box::before {
content: "";
position: absolute;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(
0deg,
rgba(255, 255, 255, 1) 0%,
rgba(237, 243, 249, 1) 50%
);
background: -webkit-linear-gradient(
0deg,
rgba(255, 255, 255, 1) 0%,
rgba(237, 243, 249, 1) 50%
);
background: linear-gradient(
0deg,
rgba(255, 255, 255, 1) 0%,
rgba(237, 243, 249, 1) 50%
);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#edf3f9",GradientType=1);
width: calc(100% - 15px);
height: calc(100% - 15px);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
} */
/** Checkout Page CSS Start **/

.payment_plan_box a.elementor-button:hover {
	color: #fff !important;
}

.as_low_as::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 100%;
	left: -19px;
	top: 0px;
	background-color: #3287d1;
	clip-path: polygon(95% 0, 100% 0%, 100% 100%, 0% 100%);
}

.woocommerce-checkout .site-content {
	background-color: #e5eef6;
}
.woocommerce-checkout .site-content .primary {
	background: rgb(229, 238, 246);
	background: -moz-linear-gradient(
		90deg,
		rgba(229, 238, 246, 1) 65%,
		rgba(255, 255, 255, 1) 65%
	);
	background: -webkit-linear-gradient(
		90deg,
		rgba(229, 238, 246, 1) 65%,
		rgba(255, 255, 255, 1) 65%
	);
	background: linear-gradient(
		90deg,
		rgba(229, 238, 246, 1) 65%,
		rgba(255, 255, 255, 1) 65%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5eef6",endColorstr="#ffffff",GradientType=1);
}
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-checkout .primary {
	margin: 0 auto !important;
}

.ast-page-builder-template .entry-header {
	margin-top: 0px !important;
}

.woocommerce-checkout header.entry-header .entry-title {
	color: #0b3050;
	font-family: "Archivo", Sans-serif;
	font-size: 45px;
	font-weight: 700;
	line-height: 1.1;
	padding-top: 50px;
	text-align: center;
	background-image: linear-gradient( 90deg, #002C58 0%, #00C1F3 100% );
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
	margin-top: 20px !important;
}
.woocommerce-cart header.entry-header .entry-title {
	color: #0b3050;
	font-family: "Archivo", Sans-serif;
	font-size: 45px;
	font-weight: 700;
	line-height: 1.1;
	padding-top: 40px;
	text-align: center;
	background-image: linear-gradient( 90deg, #002C58 0%, #00C1F3 100% );
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
   
}

#post-6950 header.entry-header .entry-title {
	color: #0b3050;
	font-family: "Archivo", Sans-serif;
	font-size: 45px;
	font-weight: 700;
	line-height: 1.1;
	padding-top: 60px;
	text-align: center;
	background-image: linear-gradient( 90deg, #002C58 0%, #00C1F3 100% );
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
   
}

#post-9917 header.entry-header .entry-title {
	color: #0b3050;
	font-family: "Archivo", Sans-serif;
	font-size: 45px;
	font-weight: 700;
	line-height: 1.1;
	padding-top: 15px;
	text-align: center;
	background-image: linear-gradient( 90deg, #002C58 0%, #00C1F3 100% );
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
   
}

@media (max-width: 767px) {
	#post-9917 header.entry-header .entry-title {
		padding-top: 60px;
		padding-bottom: 20px;
		font-size: 25px;
	}
	#post-6950 header.entry-header .entry-title {
		padding-top: 40px;
		font-size: 25px;
	}
}

.wc-block-components-sidebar {
	margin-top:0px !important;
	padding-left: 0px !important;
	border-radius: 0px !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
	border-radius: 0px !important;
}

.woocommerce-checkout
.wc-block-components-form
.wc-block-components-text-input
input[type="email"],
.woocommerce-checkout
.wc-block-components-form
.wc-block-components-text-input
input[type="number"],
.woocommerce-checkout
.wc-block-components-form
.wc-block-components-text-input
input[type="tel"],
.woocommerce-checkout
.wc-block-components-form
.wc-block-components-text-input
input[type="text"],
.woocommerce-checkout
.wc-block-components-form
.wc-block-components-text-input
input[type="url"],
.woocommerce-checkout .wc-block-components-text-input input[type="email"],
.woocommerce-checkout .wc-block-components-text-input input[type="number"],
.woocommerce-checkout .wc-block-components-text-input input[type="tel"],
.woocommerce-checkout .wc-block-components-text-input input[type="text"],
.woocommerce-checkout .wc-block-components-text-input input[type="url"] {
	border: 1px solid #ccd8e3 !important;
}
.woocommerce-checkout
.wc-block-components-radio-control--highlight-checked
.wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.woocommerce-checkout
.wc-block-components-radio-control--highlight-checked
label.wc-block-components-radio-control__option--checked-option-highlighted {
	box-shadow: inset 0 0 0 1px #ccd8e3 !important;
}
.wc-block-components-checkout-step--with-step-number
.wc-block-components-checkout-step__container:after,
.woocommerce-checkout
.wc-block-checkout__actions_row
a.wc-block-components-checkout-return-to-cart-button,
.woocommerce-checkout
.wc-block-components-checkout-step--with-step-number
.wc-block-components-checkout-step__title:before {
	display: none;
}
.woocommerce-checkout input[type="radio"]:checked,
.woocommerce-checkout input[type="reset"],
.woocommerce-checkout input[type="checkbox"]:checked,
.woocommerce-checkout input[type="checkbox"]:hover:checked,
.woocommerce-checkout input[type="checkbox"]:focus:checked,
.woocommerce-checkout input[type="range"]::-webkit-slider-thumb {
	border-color: #ccd8e3 !important;
	background-color: #ffffff !important;
}
.woocommerce-checkout
.wc-block-components-radio-control
.wc-block-components-radio-control__input:checked:before {
	background: #3287d1;
}
.woocommerce-checkout
.wc-block-components-form
.wc-block-components-checkout-step {
	padding: 20px !important;
	background: #fff;
	border: 1px solid var(--ast-border-color);
}
.woocommerce-checkout .wc-block-checkout__actions_row {
	justify-content: flex-end !important;
}
.woocommerce-checkout
.wc-block-components-radio-control
.wc-block-components-radio-control__input:focus {
	outline: 0px solid hsla(0, 0%, 7%, 0.8);
	outline-offset: 0px;
}
.woocommerce-checkout
.wc-block-components-totals-coupon__form
.wc-block-components-totals-coupon__button,
.woocommerce-checkout
.wc-block-checkout__actions_row
.wc-block-components-checkout-place-order-button {
	font-family: "Archivo", Sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	fill: #ffffff;
	color: #ffffff;
	background-color: #3287d1;
	border: 2px solid #3287d1;
	padding: 18px 50px 15px 50px;
	width: auto;
	border-radius: 6px;
	box-shadow: none !important;
	transition: all 0.5s ease-in-out;
}
.woocommerce-checkout
.wc-block-components-totals-coupon__form
.wc-block-components-totals-coupon__button {
	padding: 15px 30px;
}
.woocommerce-checkout
.wc-block-components-totals-coupon__form
.wc-block-components-totals-coupon__button:hover,
.woocommerce-checkout
.wc-block-checkout__actions_row
.wc-block-components-checkout-place-order-button:hover {
	background-color: #fff;
	fill: #3287d1;
	color: #3287d1;
}
.woocommerce-checkout .wc-block-components-panel__button,
.woocommerce-checkout .wc-block-components-panel__button[aria-expanded="false"],
.woocommerce-checkout .wc-block-components-panel__button[aria-expanded="true"] {
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1.3;
	letter-spacing: 0.3px;
	background-color: #046bd2 !important;
	border-radius: 0px !important;
}
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__image {
	border: 1px solid #ccd8e3;
}
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__quantity {
	background: #3287d1;
	border: 0px;
	box-shadow: 0 0 0 2px #fff;
	color: #fff;
}
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__image
> img {
	max-width: 100%;
	width: auto;
}

.woocommerce-checkout
.wc-block-checkout__sidebar
.wc-block-components-product-name {
	color: #0b3050;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__individual-prices {
	font-size: 16px;
	line-height: 1.2;
	padding-top: 5px;
	font-weight: 400;
}
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__individual-prices
.wc-block-components-formatted-money-amount {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
}
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__description
.wc-block-components-product-metadata,
.woocommerce-checkout
.wc-block-components-order-summary
.wc-block-components-order-summary-item__description
p {
	margin-top: 5px;
}
.woocommerce-checkout .wc-block-components-formatted-money-amount {
	color: #3287d1;
	font-weight: 700;
	font-size: 18px;
}
.woocommerce-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label {
	font-weight: 700;
	color: #0b3050;
}
.woocommerce-checkout .wc-block-components-totals-wrapper:first-child {
	border-top: 0;
	padding-top: 0;
}
button {
	cursor: pointer;
}
.woocommerce-checkout .wc-block-components-title.wc-block-components-title {
	font-size: 18px;
	color: #3287d1;
	font-weight: 500;
}
.woocommerce-checkout.woocommerce-order-received
header.entry-header
.entry-title {
	text-align: center;
}
.woocommerce-checkout.woocommerce-order-received .site-content .primary {
	background: #e5eef6 !important;
	background-color: #e5eef6 !important;
}
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-order-details
table.shop_table {
	box-shadow: none;
	background-color: #f9fafb;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order {
	max-width: 880px;
}
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-order-details
table.shop_table
tfoot
tr:nth-last-child(1)
th {
	color: #0b3050;
}
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-order-details
table.shop_table
tfoot
tr:nth-last-child(1)
.amount {
	color: #3287d1;
}
.woocommerce-page.woocommerce-checkout .woocommerce-customer-details address,
.woocommerce.woocommerce-checkout .woocommerce-customer-details address {
	background-color: #f9fafb;
	padding: 20px !important;
	border-radius: 3px;
}
.woocommerce-js
.woocommerce-customer-details
.woocommerce-customer-details--email,
.woocommerce-js
.woocommerce-customer-details
.woocommerce-customer-details--phone {
	margin-top: 10px;
}
.woocommerce-js td.product-name .wc-item-meta {
	padding-left: 20px;
}
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-order-details
table.shop_table
tr
td,
.woocommerce-checkout.woocommerce-order-received
.woocommerce-order
.woocommerce-order-details
table.shop_table
tr
th {
	padding: 1em 1.2em;
}
/** Checkout Page CSS End **/

.right_icon_list .elementor-icon-list-item a {
	justify-content: space-between !important;
	flex-direction: row-reverse !important;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
	outline: none;
	gap: 10px;
}
.right_icon_list .elementor-icon-list-item .elementor-icon-list-text {
	color: #000 !important;
	text-decoration: none !important;
	padding-left: 0 !important;
	transition: all 0.3s ease-in-out;
	outline: none;
}
.right_icon_list .elementor-icon-list-item a:hover,
.right_icon_list .elementor-icon-list-item a:hover .elementor-icon-list-text {
	color: #3287d1 !important;
}

/* Site survey page */
.lookup-survey-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    max-width: 600px;
}
.lookup-input-container {
    width: 320px;
    min-width: 200px;
    max-width: 400px;
    display: flex;
    align-items: center;
}
.lookup-btn-container {
    width: 120px;
    min-width: 90px;
    max-width: 160px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.lookup-survey-input {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #c9e1f6;
    background: #fff;
}
.lookup-search-btn {
    width: 100%;
    padding: 9px 0;
    background: #00C1F3;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    font-size: 16px;
    white-space: nowrap;
}

.pags-main-top-title {
	font-size: 34px;
	line-height: normal;
	font-weight: 700;
	margin-bottom: 20px;
	color: #334155;
}

.page-template-site-survey-form .content-area {
	padding: 25px 0px;
}

.pgs-entry-header {
	padding: 70px 0px;
	background-image: url(/wp-content/uploads/2024/06/inner-header-bg.jpg?id=5139) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.pgs-entry-header h1 {
	font-size: 55px;
	color: #fff;
	max-width: 1350px;
	margin: 0 auto;
}

.page-template-site-survey-form .site-content {
	background: #e5eef6;
}

.page-template-site-survey-form .pgs-table {
	background-color: #fff;
}

.page-template-site-survey-form .pgs-table td,
.page-template-site-survey-form .pgs-table th{
	padding: 15px 20px;
}

.page-template-site-survey-form .pgs-table td   .pgs-chk-box {
	display: inline-block;
	margin-right: 10px;
}

.page-template-site-survey-form .pgs-table td label {
	font-weight: 600;
}

.page-template-site-survey-form .pgs-table th {
	background-image: linear-gradient(90deg, #002C58 20%, #00C1F3 100%);
	background-repeat: repeat;
	background-position: center center;
	background-size: auto;
	background-attachment: scroll;
	color: #fff;
	text-align: left;
	font-size: 20px;
}
.page-template-site-survey-form .pgs-table th:first-child {
  border-top-left-radius: 10px;
}

.page-template-site-survey-form .pgs-table th:last-child {
  border-top-right-radius: 10px;
}


.page-template-site-survey-form select,
.page-template-site-survey-form textarea,
.page-template-site-survey-form input[type=text],
.page-template-site-survey-form input[type=password],
.page-template-site-survey-form input[type=number],
.page-template-site-survey-form input[type=email],
.page-template-site-survey-form input[type=phone] {
	background-color: #e5eef6;
	border: none;
	border-radius: 5px;
	width: 100%;
	max-width: unset;
}

.page-template-site-survey-form input {
	outline-style: none;
	box-shadow: none;
}

.page-template-site-survey-form input[type=phone] {
	padding: 12px;
}

.page-template-site-survey-form .pgs-table .pgs-up-block {
	display: inline-block;
	position: relative;
}

.page-template-site-survey-form .pgs-table .pgs-up-block .preview {
	margin-bottom: 0px;
}

.page-template-site-survey-form .pgs-table .pgs-up-block .preview img {
	vertical-align: middle;
	border: 2px solid;
	border-style: dashed;
	padding: 5px;
	border-color: #e2e8f0;
	border-radius: 5px;
	height: 120px;
	object-fit: cover;
	width: 120px !important;
}

.page-template-site-survey-form .pgs-table .pgs-up-block button,
.page-template-site-survey-form #clear-signature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #2998da, #1e6bb8);
  border: none;
  border-radius: 8px;
  padding: 8px 25px;
  font-size: 12px;
  line-height: 1.5;
  /* font-weight: bold; */
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  min-height: 40px;
  height: auto;
}

.page-template-site-survey-form .pgs-table .pgs-up-block button:hover,
.page-template-site-survey-form #clear-signature:hover {
  background: linear-gradient(to bottom, #1e6bb8, #155a9e);
  color: #fff;
}

/* Estilos para el spinner dentro del botón */
.page-template-site-survey-form .pgs-table .pgs-up-block button img.spinner {
  width: 26px;
  height: 26px;
  margin-left: 8px;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) invert(100%);
  /* display: inline-block; */
}

/* Asegurar que el botón mantenga su altura cuando se muestra/oculta el spinner */
.page-template-site-survey-form .pgs-table .pgs-up-block button:has(img.spinner) {
  min-height: 40px;
  height: auto;
}

/* Asegurar que el botón mantenga su altura consistente */
.page-template-site-survey-form .pgs-table .pgs-up-block button.pgsUploadBtn,
.page-template-site-survey-form .pgs-table .pgs-up-block button.pgsAdditionalUploadBtn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.page-template-site-survey-form .pgs-table .pgs-up-block button.remove-btn {
	background: linear-gradient(to bottom, #dc3545, #c82333);
	border: none;
	padding: 0;
	width: 22px;
	height: 22px;
	min-height: 22px !important;
	line-height: 22px;
	color: #fff;
	border-radius: 6px;
	position: absolute;
	top: -8px;
	right: 8px;
	font-weight: bold;
	font-size: 12px;
	box-shadow: 0 2px 6px rgba(220, 53, 69, 0.3);
	transition: all 0.3s ease;
}

.page-template-site-survey-form .pgs-table .pgs-up-block button.remove-btn:hover {
	background: linear-gradient(to bottom, #c82333, #a71e2a);
	box-shadow: 0 3px 8px rgba(220, 53, 69, 0.4);
	transform: scale(1.1);
}

.page-template-site-survey-form .pgs-table .pgs-up-block .pgs-add-more-btn:hover {
	background-color: #fff;
	color: #2f9ee2;

}

.page-template-site-survey-form .pgs-table .pgs-up-block .pgs-add-more-btn,
.page-template-site-survey-form button.pgs-form-control {
	border: 1px solid #2f9ee2;
	background-color: #2998da;
	transition: all 0.5s ease-in-out;
}

#clear-signature {
	padding: 2px 15px;
}

.wv-submit-btn {
	text-align: right;
	position: relative;
}

.page-template-site-survey-form .pgs-table .pgs-up-block .pgs-add-more-btn:hover {
	background-color: #fff;
	color: #2998da;
}

.page-template-site-survey-form button.btn-submit {
  background: linear-gradient(to bottom, #004080, #0073e6);
  border: none;
  border-radius: 999px;
  color: #fff;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.page-template-site-survey-form button.btn-submit:hover {
  background: linear-gradient(to bottom, #0059b3, #3399ff);
  color: #fff;
}

.page-template-site-survey-form button.btn-save {
  background: linear-gradient(to bottom, #149f69, #0d6b45);
  border: none;
  border-radius: 999px;
  color: #fff;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.page-template-site-survey-form button.btn-save:hover {
  background: linear-gradient(to bottom, #0f8054, #0a5a3b);
  color: #fff;
}


.pga-canvas-signature-pad {
	display: flex;
	align-items: end;
	gap: 15px;
}

.page-template-site-survey-form .site_survey_form_msg.pgs-error {
	background: #ff000026;
	padding: 15px 20px;
	border: 1px solid #ff000078;
	color: red;
	margin-top: 15px;
	font-weight: 600;
	border-radius: 5px;
}

.page-template-site-survey-form .site_survey_form_msg.pgs-success {
	background: #27ac46ab;
	padding: 15px 20px;
	border: 1px solid #0f3a269e;
	color: #fff;
	margin-top: 15px;
	font-weight: 600;
	border-radius: 5px;
}

.page-template-site-survey-form ul {
	margin-left: 18px;
}

.page-template-site-survey-form ul li {
	margin-bottom: 10px;
}

/* Site survey page only mobile CSS */
.pgs-survey-form .pgs-survey-block {
	margin-bottom: 25px;
}

.pgs-survey-form .pgs-survey-block .pgs-survey-heading {
	background-image: linear-gradient(90deg, #002C58 20%, #00C1F3 100%);
	background-repeat: repeat;
	background-position: center center;
	background-size: auto;
	background-attachment: scroll;
	color: #fff;
	text-align: left;
	font-size: 20px;
	padding: 15px 20px;
	font-weight: 700;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background: #fff;
	padding: 10px;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group {
	margin: 10px;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group.pgs-property-address-div input {
	margin-bottom: 15px;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group .pgs-rdo-block,
.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group .pgs-chk-box {
	display: inline-block;
	margin-right: 5px;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group .pgs-rdo-block label,
.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group .pgs-chk-box label {
	display: inline-block;
	margin-bottom: 0px;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group .pgs-rdo-block input,
.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group .pgs-chk-box input {
	width: auto;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group .pgs-chk-box {
	display: inline-block;
	margin-right: 5px;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row label {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 8px;
	display: block;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row input,
.pgs-survey-form .pgs-survey-block .pgs-group-row select,
.pgs-survey-form .pgs-survey-block .pgs-group-row textarea {
	background-color: #e5eef6;
	border: none;
	border-radius: 5px;
	width: 100%;
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block {
	display: inline-block;
	position: relative;
	margin-bottom: 6px;
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .preview {
	margin-bottom: 15px;
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .preview img {
	vertical-align: middle;
	border: 2px solid;
	border-style: dashed;
	padding: 5px;
	border-color: #e2e8f0;
	border-radius: 5px;
	height: 120px;
	object-fit: cover;
	width: 120px !important;
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .preview .remove-btn {
	background-color: red;
	border: none;
	padding: 0;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	left: 110px;
	/*right: 10px;*/
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsUploadBtn,
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsAdditionalUploadBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to bottom, #2998da, #1e6bb8);
	border: 1px solid #2998da;
	padding: 8px 20px;
	transition: all 0.3s ease;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	box-shadow: 0 2px 8px rgba(41, 152, 218, 0.3);
	min-height: 40px;
	height: auto;
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsUploadBtn:hover,
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsAdditionalUploadBtn:hover{
	background: linear-gradient(to bottom, #1e6bb8, #155a9e);
	color: #fff;
	box-shadow: 0 4px 12px rgba(41, 152, 218, 0.4);
	transform: translateY(-1px);
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgs-add-more-btn {
	border: 1px solid #2f9ee2;
	background-color: #2998da;
	transition: all 0.5s ease-in-out;
}

.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgs-add-more-btn:hover {
	background-color: #fff;
	color: #2998da;
}

.pgs-survey-form .pgs-survey-block .pgs-group-row.pgs-text-area {
	grid-template-columns: repeat(1, 1fr);
}

/* Estilos para el spinner en los botones del formulario de encuesta */
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsUploadBtn img.spinner,
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsAdditionalUploadBtn img.spinner {
	width: 16px;
	height: 16px;
	margin-left: 8px;
	vertical-align: middle;
	display: inline-block;
	filter: brightness(0) saturate(100%) invert(100%);
}

/* Asegurar que los botones mantengan su altura cuando se muestra/oculta el spinner */
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsUploadBtn:has(img.spinner),
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsAdditionalUploadBtn:has(img.spinner) {
	min-height: 40px;
	height: auto;
}

/* Asegurar que los botones mantengan su altura consistente */
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsUploadBtn,
.pgs-survey-form .pgs-survey-block .pgs-group .pgs-up-block .pgsAdditionalUploadBtn {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pgs-help-popup {
	display: flex;
	padding-left: 10px;
	place-items: center;
	gap: 10px;
}

.pgs-help-popup img {
	margin-bottom: 6px;
}


.pgs-popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	justify-content: center;
	align-items: center;
}

.pgs-popup-content {
	background: #fff;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	max-width: 400px;
	position: relative;
}

.pgs-popup-content img {
	max-height: 85vh;
}

.pgs-popup-close {
	position: absolute;
	top: -7px;
	right: -6px;
	font-size: 20px;
	cursor: pointer;
	border: none;
	background-color: red;
	width: 27px;
	height: 28px;
	line-height: 24px;
	color: #fff;
	border-radius: 50%;
}

.submit-btn-inner{
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: space-between;
}

.pgs-group .pgs-multi-block:has(.pgs-upload-btn-cam) .pgs-upload-btn img{
	width: 20px;
}
.pgs-group .pgs-multi-block:has(.pgs-upload-btn-cam) .pgs-upload-btn-label{
	color: #ffffff;
}


.survey-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.survey-header-left h1 {
  margin: 0;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

.survey-header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}

.lookup-survey-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lookup-survey-input {
  background: transparent !important;
  border: none;
  border-bottom: 2px solid #00C1F3 !important;
  padding: 10px 14px 6px 14px !important;
  font-size: 16px !important;
  color: #002C58 !important;
  width: 300px !important;
  transition: border-color 0.2s !important;
  outline: none !important;
  border-radius: 0px !important;
}

.lookup-survey-input::placeholder {
  color: #7da7c4;
}

.lookup-search-btn {
  background-color: #00C1F3;
  color: white;
  border: none;
  padding: 10px 20px;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.lookup-search-btn:hover {
  background-color: #009fcc;
}

/* ✅ RESPONSIVE */
@media (max-width: 768px) {
  .survey-header-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .survey-header-right {
    width: 100%;
    justify-content: flex-start;
	margin-top: -20px;;
  }

  .lookup-survey-wrapper {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .lookup-survey-input {
    width: 100%;
  }

  .lookup-search-btn {
    width: 100%;
  }
}


.page-template-site-survey-form .lookup-survey-input.lookup-error {
  border-bottom: 2px solid red !important;
}

/** Responsive Start **/

@media (max-width: 1024px) {
	.ast-desktop .ast-primary-header-bar.main-header-bar,
	.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
		padding: 5px 20px;
	}
	.ast-builder-layout-element .ast-site-identity {
		margin-left: 0;
		padding: 0;
	}
	.main-header-bar-wrap {
		position: relative;
		top: 0px;
		margin-top: 0;
	}
	.ast-site-identity {
		top: 0px;
	}
	[CLASS*="-sticky-header-active"]
	.ast-header-sticked
	[data-section="section-header-mobile-trigger"]
	.ast-button-wrap
	.ast-mobile-menu-trigger-fill,
	[data-section="section-header-mobile-trigger"]
	.ast-button-wrap
	.ast-mobile-menu-trigger-fill {
		background: #0b3050;
	}
	[data-section="section-header-mobile-trigger"]
	.ast-button-wrap
	.mobile-menu-toggle-icon
	.ast-mobile-svg {
		width: 30px;
		height: 30px;
	}
	.ast-button-wrap .menu-toggle.main-header-menu-toggle {
		padding: 5px;
	}
	.home_hero_wrapper {
		flex-direction: column;
	}
	.home_hero_wrapper > div {
		width: 100%;
	}
	.home_hero_wrapper > div > .vc_column-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.home_hero_wrapper > div h2 br {
		display: none;
	}
	.home_hero_wrapper .alignleft {
		display: inline;
		float: none;
		margin-right: 0;
	}
	.home_hero_wrapper .vc_col-sm-8 .wpb_content_element {
		margin-bottom: 0;
	}
	.home_three_box_with_icon {
		padding-left: 15px !important;
		padding-right: 15px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.home_three_box_with_icon > .wpb_column {
		min-width: 365px;
	}
	.home_three_box_with_icon > .wpb_column .box-highlight {
		margin-bottom: 0;
	}
	.home_three_box_with_icon > .wpb_column .vc_col-sm-4 {
		width: 25%;
	}
	.home_three_box_with_icon > .wpb_column .vc_col-sm-8 {
		width: 75%;
	}
	.vc_custom_1717997297376.home_three_box_with_icon {
		padding-bottom: 45px !important;
	}
	.before_after_line_list .elementor-icon-list-items::before,
	.before_after_line_list .elementor-icon-list-items::after,
	.our-story h6::after,
	.custom_line_after_title.before_after_title .elementor-heading-title::before,
	.vc_custom_heading.custom_line_after_title::after,
	.custom_line_after_title .elementor-heading-title::after,
	.guarantee h6::before,
	.mission h6::after,
	.guarantee h6::after,
	.installations h6::before,
	.installations h6::after,
	.video h5::after,
	.video h5::after {
		display: none !important;
	}
	.video_text_wrapper > div {
		width: 100%;
		float: none;
	}
	.before_after_line_list .elementor-icon-list-items {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.video_text_wrapper .text_col > .vc_column-inner {
		padding: 40px !important;
	}
	.video_text_wrapper .text_col .wpb_text_column {
		padding: 0 !important;
	}
	.video_text_wrapper .text_col > .vc_column-inner > .wpb_wrapper {
		display: flex;
		gap: 30px;
	}
	.our_mission_wrapper .mission {
		flex-direction: column;
		max-width: 94%;
		margin: 0 auto;
		padding: 50px 0 !important;
		gap: 40px;
		text-align: center;
	}
	.our_mission_wrapper .mission > .wpb_column {
		width: 100%;
		padding: 0;
	}
	.our_mission_wrapper .wpb_content_element,
	.our_mission_wrapper .vc_column-inner {
		padding: 0 !important;
		margin: 0 !important;
	}
	.guarantee_list_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.guarantee_list_wrap > .guarantee-block {
		max-width: 324px;
		width: 100%;
		margin: 40px 15px;
	}
	.our-story,
	.home_faq_wrapper {
		display: flex;
		flex-direction: column-reverse;
	}
	.home_faq_wrapper .vc_custom_1717484409747,
	.home_faq_wrapper .vc_custom_1717484470405 {
		padding: 40px !important;
	}
	.home_faq_wrapper > .wpb_column {
		width: 100%;
	}
	.our-story .left_col .vc_column-inner,
	.product .faq .vc_custom_1717499522522,
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
		padding: 50px 0px 50px;
		max-width: 94%;
		margin: 0 auto;
	}

	.our-story .left_col .vc_column-inner,
	.product .faq .vc_custom_1717499522522 {
		padding: 50px 0px 50px !important;
	}
	.site-below-footer-wrap[data-section="section-below-footer-builder"] {
		max-width: 94%;
		margin: 0 auto;
	}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"]
	.ast-builder-grid-row {
		gap: 50px;
		flex-wrap: wrap;
		display: flex;
		justify-content: center;
	}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack
	.site-footer-section {
		margin-bottom: 0px;
		width: 46%;
	}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack
	.site-footer-section-1 {
		width: 100%;
	}
	.site-below-footer-wrap[data-section="section-below-footer-builder"]
	.ast-builder-grid-row {
		flex-direction: column;
		justify-content: center;
		gap: 20px;
		text-align: center;
	}
	.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack
	.site-footer-section {
		width: 100%;
		text-align: center;
	}
	.site-footer-section-1 p,
	.contact-form h2,
	.faq h5 {
		text-align: center;
	}
	.footer-widget-area[data-section="section-fb-html-5"]
	.ast-builder-html-element
	img.alignleft {
		float: none;
		margin: 5px;
	}
	#ast-fixed-header .menu-item-4777 .menu-text {
		color: var(--ast-global-color-3);
		background-color: transparent;
		border-radius: 5px;
		padding: 0;
		background-image: none;
		display: block;
	}
	.iws_top_wrap .iws_left_col {
		justify-content: center;
	}
	.iws_top_wrap
	.iws_left_col
	> .elementor-widget-wrap.elementor-element-populated {
		max-width: 100%;
		padding: 50px 15px;
	}
	.vc_custom_heading.custom_line_after_title,
	.custom_line_after_title .elementor-heading-title {
		padding-right: 0;
	}
	.custom_line_after_title.before_after_title .elementor-heading-title {
		padding-left: 0;
	}
	.case_studies_list
	> .elementor-container.elementor-column-gap-default
	> .elementor-column,
	.image_box_list
	> .elementor-container.elementor-column-gap-default
	> .elementor-column {
		min-width: 350px;
	}
	.image_box_list > .elementor-container.elementor-column-gap-default {
		gap: 80px 35px;
		justify-content: center;
	}
	.case_studies_list > .elementor-container.elementor-column-gap-default {
		justify-content: center;
	}
	.image_box_list .elementor-image-box-content {
		padding: 30px 30px 65px;
	}
	.case_studies_list .elementor-widget-image,
	.case_studies_list .elementor-widget-image .elementor-widget-container,
	.image_box_list .elementor-image-box-img a,
	.image_box_list .elementor-image-box-img {
		min-height: 250px;
		max-height: 250px;
	}
	.flex_reverse_col > .elementor-container {
		display: flex;
		flex-direction: column-reverse;
	}
	.case_studies_list .elementor-absolute.cs_title {
		position: inherit;
	}
	.os_faq_left_col > .elementor-widget-wrap > .elementor-element {
		max-width: 100%;
	}
	.elementor-column.os_faq_left_col,
	.product .faq {
		order: 1;
	}

	.page-title.inner_page_header {
		padding: 50px 15px !important;
	}
	.page-title h1 {
		font-size: 45px;
		line-height: 1em;
		text-align: center;
	}
	.guarantee,
	.contact_wrapper .vc_column-inner {
		padding: 50px 15px 0 !important;
	}
	.guarantee .vc_column-inner {
		padding: 0 !important;
	}
	.guarantee .guarantee_list_wrap > .guarantee-block {
		margin: 15px 15px;
	}
	.title38 {
		font-size: 35px !important;
	}
	.our-story .left_col,
	.how_it_work_desc_col h2,
	.our_mission > .wpb_column,
	.our-story .right_col,
	.contact_wrapper .left_col div,
	.contact_wrapper .left_col h5,
	.contact_wrapper .left_col h2,
	.contact_info_wrapper .left_col,
	.contact_info_wrapper .left_col h2,
	.contact_info_wrapper .right_col,
	.contact_wrapper .left_col,
	.contact_wrapper .right_col {
		width: 100%;
		text-align: center !important;
	}
	.contact_wrapper .left_col .vc_column-inner,
	.our_mission > .wpb_column .vc_column-inner,
	.contact_wrapper .right_col .vc_column-inner {
		padding: 0 !important;
	}
	.calendly_btn {
		margin-top: 40px !important;
	}
	.contact_wrapper .left_col .wpb_text_column {
		padding-right: 0 !important;
	}
	.show_on_desktop {
		display: none !important;
	}
	.show_on_mobile {
		display: block !important;
		text-align: center !important;
	}
	.mission.vc_custom_1717495190570,
	.contact_info_wrapper .left_col > .vc_column-inner {
		padding: 50px 15px !important;
		max-width: 100%;
		float: none;
		text-align: center !important;
	}
	.location .vc_custom_1717562492750,
	.mission.vc_custom_1717495190570 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.our_mission > .wpb_column .wpb_single_image.vc_align_right,
	.only_editor_text,
	.contact_info_wrapper .left_col .wpb_single_image.vc_align_left,
	.contact_info_wrapper .left_col .vc_custom_heading.info_title {
		text-align: center !important;
	}
	.contact_info_wrapper .left_col .wpb_single_image.vc_align_left {
		margin-bottom: 0;
	}
	.info_col {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
	}
	.info_col .vc_col-sm-3 + .vc_col-sm-9 {
		margin-left: 0px;
		width: calc(100% - 0px);
		margin-top: 10px;
	}
	.contact_wrapper .left_col .vc_custom_1717652209332 {
		margin-top: 30px !important;
	}
	.contact_wrapper .right_col h2 {
		text-align: center !important;
		margin-top: 50px;
	}
	.vc_row.product,
	.how_it_work_wrapper,
	.our_mission {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		text-align: center;
	}
	.product .faq,
	.how_it_work_wrapper > .wpb_column,
	.product .pro_right_col {
		width: 100%;
		float: none;
	}
	.our_mission > .wpb_column .wpb_single_image.vc_align_right {
		margin-bottom: 40px !important;
	}
	.mission .wpb_text_column.wpb_content_element {
		margin-bottom: 0;
	}
	.blue_bg_cta_wrapper > .wpb_column > .vc_column-inner {
		padding: 50px 15px !important;
	}
	.how_it_work_desc_col .vc_column-inner {
		padding: 40px 15px !important;
	}
	.img_text_wrap {
		padding-bottom: 30px;
	}
	.product_details_wrapper,
	.work_point_list {
		padding: 50px 15px !important;
	}
	.work_point_list .list_wrap .vc_row.vc_column-gap-30 > .vc_column_container {
		padding: 0;
	}
	.work_point_list .vc_column-inner,
	.product_details_wrapper,
	.work_point_list .vc_row.vc_column-gap-30 > .vc_column_container,
	.work_point_list .vc_row.vc_column-gap-30 {
		margin-left: 0;
		margin-right: 0;
		padding: 0 !important;
		align-items: self-start;
	}
	.howitworks-steps h2 {
		font-size: 30px;
	}
	.two_box_wrap > .wpb_column.vc_col-sm-6 {
		margin: 10px 0;
		width: 100%;
	}
	.two_box_wrap > .wpb_column.vc_col-sm-6 .vc_column-inner {
		padding: 30px !important;
	}
	.full_width_slider_under_box .swiper-slide-contents {
		text-align: center;
	}
	.full_width_slider_under_box .swiper-slide-inner {
		justify-content: center !important;
	}
	/* .left_form_wrap {
	max-width: 620px;
	margin: 0 auto;
} */
	.gf_page_steps .gf_step.gf_step_first,
	.gf_page_steps .gf_step.gf_step_last {
		width: 50%;
	}
	.gf_page_steps {
		gap: 0 0px !important;
		padding-right: 33.333%;
	}
	.gf_page_steps::after {
		width: 33.333%;
		text-align: center;
	}
	.gf_page_steps::before {
		right: 16.6665%;
		text-align: center;
		transform: translateX(50%);
	}
	.gf_page_steps .gf_step::after {
		width: 100%;
		top: 20px;
		left: 50%;
		transform: translateY(0rem);
	}
	.gform-theme--foundation .gfield--width-third,
	.gform-theme--foundation .gfield--width-quarter {
		grid-column: span 6;
	}
	.form_top_text.gfield_html h2,
	.form_top_text.gfield_html h3 {
		text-align: center;
	}
	.woocommerce-checkout header.entry-header .entry-title {
		font-size: 35px;
		text-align: center;
	}

	.woocommerce-checkout .ast-container,
	.woocommerce-checkout .ast-container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.wc-block-components-sidebar-layout .wc-block-components-main {
		width: 100% !important;
		padding: 0 !important;
	}
	.woocommerce-checkout .wc-block-components-sidebar {
		width: 100%;
		padding: 20px;
		background-color: #fff;
		border-radius: 6px;
	}
	.woocommerce-checkout .site-content .primary {
		background: rgb(229, 238, 246);
		background: -moz-linear-gradient(
			90deg,
			rgba(229, 238, 246, 1) 100%,
			rgba(255, 255, 255, 1) 100%
		);
		background: -webkit-linear-gradient(
			90deg,
			rgba(229, 238, 246, 1) 100%,
			rgba(255, 255, 255, 1) 100%
		);
		background: linear-gradient(
			90deg,
			rgba(229, 238, 246, 1) 100%,
			rgba(255, 255, 255, 1) 100%
		);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5eef6",endColorstr="#ffffff",GradientType=1);
	}
	.payment_plan_box {
		width: 100% !important;
		max-width: 220px;
	}
	.plan_box_list > .elementor-container {
		justify-content: center;
	}

	.pags-main-top-title {
		font-size: 30px;
	}

}

@media (max-width: 921px) {
	.woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
		margin-top: 40px;
	}

	.page-template-site-survey-form .content-area {
		padding: 40px 0px !important;
	}


}
@media (max-width: 767px) {
	.hero_mobile_wrapper .vc_custom_1716413096477,
	.hero_mobile_wrapper .vc_custom_1716412640779 {
		padding-left: 0 !important;
	}
	.home_three_box_with_icon > .wpb_column {
		min-width: 100%;
	}
	.mission h1,
	.hero_mobile_wrapper h1 {
		font-size: 30px;
		line-height: 1.3;
	}
	.hero_mobile_wrapper h2 {
		font-size: 28px;
		line-height: 1.3;
	}
	.hero_mobile_wrapper .wpb_text_column {
		padding: 0;
	}
	.hero_mobile_wrapper .top-text.wpb_column {
		padding-left: 15px;
		padding-right: 15px;
	}
	.installations {
		padding: 0px 15px !important;
	}
	.lgx_logo_slider_app {
		max-width: 450px;
	}
	.video_text_wrapper .text_col > .vc_column-inner > .wpb_wrapper {
		flex-direction: column;
	}
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack
	.site-footer-section {
		width: 100%;
		margin: 0 !important;
	}
	.site-footer h2.wp-block-heading {
		text-align: center;
		margin: 0 !important;
	}
	#block-9 {
		margin: 20px 0% 0 !important;
	}
	.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
		justify-content: center;
		align-items: flex-start !important;
		text-align: center;
	}
	.site-footer #block-9 ul {
		padding: 0;
	}
	.wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1
	> div {
		width: 50%;
	}
	.ast-header-break-point
	.footer-widget-area[data-section="section-fb-html-5"] {
		margin: 0 !important;
	}
	.hero_mobile_wrapper {
		text-align: center;
	}
	.get-started-btn {
		margin: 0 auto;
	}
	.video_text_wrapper .text_col > .vc_column-inner {
		padding: 40px 15px !important;
	}
	.careers_form .elementor-field-type-submit,
	.careers_form .elementor-field-type-recaptcha {
		width: 100%;
	}
	.page-title h1 {
		font-size: 30px;
		line-height: 1em;
		text-align: center;
	}
	.title38,
	.contact_wrapper .left_col h2,
	.contact_info_wrapper .left_col h2 {
		font-size: 30px !important;
	}
	.contact_wrapper .frm_style_formidable-style.with_frm_style .form-field {
		margin-bottom: 20px;
	}
	.title38 br {
		display: none;
	}
	.left_point .vc_column-inner,
	.right_point .vc_column-inner,
	.left_point .wpb_text_column,
	.right_point .wpb_text_column {
		margin: 0 auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}
	.left_point {
		padding-bottom: 30px;
	}
	.left_point,
	.left_point + .right_point {
		padding-top: 30px !important;
		margin-top: 30px !important;
	}
	.categories_menu .elementor-nav-menu {
		row-gap: 20px;
	}
	.full_width_slider_under_box .swiper-slide-contents {
		padding: 20px;
	}

	.left_form_wrap {
		max-width: 550px;
		margin: 0 auto;
	}
	.step_form_col::before {
		border: 10px solid #fff;
	}
	.form_top_text.gfield_html h3 {
		font-size: 16px;
	}
	.woocommerce-checkout .wc-block-components-totals-wrapper:first-child {
		padding-top: 10px;
	}

	.page-template-site-survey-form .content-area {
		padding: 30px 0px !important;
	}

	.pgs-survey-form .pgs-survey-block .pgs-group-row {
		grid-template-columns: repeat(1, 1fr);
	}

	.pgs-survey-form .pgs-survey-block .pgs-group-row .pgs-group {
		margin: 5px;
	}

	.pags-main-top-title {
		font-size: 26px;
	}

	.submit-btn-inner {
		display: flex;
		align-items: center;
		gap: 15px;
		justify-content: space-between;
		flex-direction: column;
		text-align: center;
	}

}

@media (max-width: 639px) {
	.gform-theme--foundation
	.gfield.emi_hide
	+ .gfield#field_4_1
	+ .gfield#field_4_3,
	.gform-theme--foundation .gfield.emi_hide + .gfield#field_4_1,
	.gform-theme--foundation .gfield--width-third,
	.gform-theme--foundation .gfield--width-quarter,
	.Meter_size_radio {
		grid-column: span 12 !important;
	}
	/* .meter_size {
	grid-column: span 2 !important;
}
	.Meter_size_picture {
	grid-column: span 10 !important;
	padding-left: 10px !important;
}
	.gform-theme--foundation .gfield--width-third,
	.gform-theme--foundation .gfield--width-quarter {
	grid-column: span 12;
}*/
	.elementor iframe.vidyardiframe {
		height: 245px;
	}

}

@media (max-width: 480px) {
	.hero_mobile_wrapper h1 {
		font-size: 40px !important;
		line-height: 1.1 !important;
	}
	.hero_mobile_wrapper h2 {
		font-size: 35px !important;
		line-height: 1.2 !important;
	}
	.hero_mobile_wrapper .vc_custom_1716413096477 {
		margin-bottom: 20px !important;
	}
	.our_mission_wrapper .mission .wpb_text_column h2 {
		font-size: 32px !important;
		line-height: 1.3 !important;
	}
	.guarantee {
		padding-bottom: 40px;
	}
	.guarantee-block {
		min-height: auto;
		padding-bottom: 50px;
	}
	.guarantee_list_wrap > .guarantee-block {
		max-width: 100%;
		width: 100%;
		margin: 40px 0px;
	}
	.home_faq_wrapper .vc_custom_1717484409747,
	.home_faq_wrapper .vc_custom_1717484470405 {
		padding: 40px 15px !important;
	}
	.contact-form h2 {
		line-height: 1.3;
		font-size: 32px;
	}
	.faq h5 {
		letter-spacing: 1.8px;
	}
	.case_studies_list .elementor-widget-image,
	.case_studies_list .elementor-widget-image .elementor-widget-container,
	.image_box_list .elementor-image-box-img a,
	.image_box_list .elementor-image-box-img {
		min-height: 230px;
		max-height: 230px;
	}

	.case_studies_list
	> .elementor-container.elementor-column-gap-default
	> .elementor-column,
	.image_box_list
	> .elementor-container.elementor-column-gap-default
	> .elementor-column {
		min-width: 100%;
	}
	.page-title h1 {
		font-size: 30px;
	}
	.gf_page_steps::after,
	.gf_page_steps .gf_step .gf_step_label {
		font-size: 13px;
	}
	.gf_page_steps::after {
		padding: 0px 10px;
	}
	/* .meter_size {
	grid-column: span 3 !important;
}
	.Meter_size_picture {
	grid-column: span 9 !important;
} */
	.gform_footer .button:hover,
	.gform_page .button {
		padding: 18px 30px !important;
	}
	.step_col1 {
		max-width: 75px;
	}
	.step_col2 {
		max-width: 95px;
	}
	.step_col3 {
		max-width: 60px;
	}
	.step_col1::before,
	.step_col2::before {
		width: 125px;
		left: 55px;
	}
	.gfield--type-html.title {
		padding: 15px 15px;
	}
	.gfield--type-html.title h3 {
		font-size: 20px;
	}
	.step_form_col form {
		padding-top: 130px;
	}
	.elementor iframe.vidyardiframe {
		height: 205px;
	}
	.payment_plan_box {
		width: 100% !important;
		max-width: 100%;
	}
	.pags-main-top-title {
		font-size: 24px;
	}

}
@media (max-width: 399px) {
	.step_col1::before,
	.step_col2::before {
		width: 120px;
	}
	.elementor iframe.vidyardiframe {
		height: 184px;
	}

}
@media (max-width: 374px) {
	.calendly_btn a.vc_btn3 {
		letter-spacing: 0.5px !important;
		padding: 18px 20px 20px 80px !important;
	}
	.calendly_btn a.vc_btn3::after {
		left: 80px;
	}
	.step_col1::before,
	.step_col2::before {
		width: 100px;
	}
	.elementor iframe.vidyardiframe {
		height: 175px;
	}

}
/** Responsive End **/

/*============= new 24-03-2025 ==================*/
.ast-above-header.ast-above-header-bar{
	background-size:cover !important;
}

.survey-search-container .survey-search-form input{
	border-radius: 5px;
	width: 270px;
	padding: 9px 12px;
}

.survey-search-container .survey-search-form button[type="submit"],
.survey-search-container button[type="button"] {
	color: #ffffff;
	background-color: #2998da;
	border-radius: 5px;
	border: 1px solid #2f9ee2;
	padding: 14px 20px;
	transition: all 0.5s ease-in-out;
	text-align: center;
}

.survey-search-container .survey-search-form button[type="submit"]:hover,
.survey-search-container button[type="button"]:hover {
	color: #2998da;
	background-color: #fff;
}


.survey-search-container .table-title{
	margin-bottom: 15px;
}

.survey-search-container ul:has(table){
	margin-left: 0px;
	margin-bottom:0px;
}

.survey-search-container ul table tr td{
	text-align: center;
}
.survey-search-container ul table{
	border-radius: 5px;
	margin-bottom: 0px;
}

.survey-search-container ul table tbody tr:first-child th:first-child{
	border-radius: 5px 0px 0px 0px;
}

.survey-search-container ul table tbody tr:first-child th:last-child{
	border-radius: 0px 5px 0px 0px;
}


.survey-search-container ul table tbody tr:last-child td:first-child{
	border-radius: 0px 0px 0px 5px;
}

.survey-search-container ul table tbody tr:last-child td:last-child{
	border-radius: 0px 0px 5px 0px;
}

.survey-form-container .acf-form .acf-field input[type=email],
.survey-form-container .acf-form .acf-field input[type=text]{
	height: 45px;
	border-radius: 5px;
}

.survey-form-container .acf-form .acf-field select{
	border-radius: 5px;
	height: 45px;
}

.survey-form-container .acf-form .acf-field textarea{
	border-radius: 5px;
}

.survey-form-container .acf-form .acf-field input[type=text].input.hasDatepicker{
	width: 200px;
}

.survey-form-container .acf-form .acf-form-submit{
	padding: 16px;
}

.survey-form-container .acf-form .acf-form-submit .acf-button{
	color: #ffffff;
	background-color: #2998da;
	border-radius: 5px;
	border: 1px solid #2f9ee2;
	padding: 14px 20px;
	transition: all 0.5s ease-in-out;
	text-align: center;
}

.survey-form-container .acf-form .acf-form-submit .acf-button:hover{
	color: #2998da;
	background-color: #ffffff;
}

.survey-form-container .acf-form .acf-fields.-border{
	border-radius: 5px;
}

.survey-form-container .acf-form .acf-fields.-border .acf-field:first-child:before{
	border-radius: 5px 0px 0px 0px;
}
.survey-form-container .acf-form .acf-fields.-border .acf-field:last-child:before{
	border-radius: 0px 0px 0px 5px;
}

.survey-form-container .survey-history{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap:10px;
	padding: 16px;
}

.survey-form-container .survey-history a{
	font-family: "Archivo";
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 5px;
	transition: all 0.5s ease-in-out;
	padding: 9px 20px;
	text-align: center;
	display: inline-block;
}

.survey-form-container .survey-history .survey-history-block a{
	background-color: #149f69;
	border: 1px solid #149f69;
	color: #ffffff;
}

.survey-form-container .survey-history .survey-history-block a:hover{
	background-color: #ffffff;
	border: 1px solid #149f69;
	color: #149f69 !important;
}

.survey-form-container .survey-history .survey-add-new-block a{
	background-color: #2998da;
	border: 1px solid #2998da;
	color: #ffffff;
}

.survey-form-container .survey-history .survey-add-new-block a:hover{
	background-color: #ffffff;
	border: 1px solid #2998da;
	color: #2998da !important;
}


.survey-form-container .survey-add-new-block a.survey-add-new-btn{
	font-family: "Archivo";
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 5px;
	transition: all 0.5s ease-in-out;
	padding: 9px 20px;
	text-align: center;
	background-color: #2998da;
	border: 1px solid #2998da;
	color: #ffffff;
	display: inline-block;
}

.survey-form-container .survey-add-new-block a.survey-add-new-btn:hover{
	background-color:#ffffff;
	border: 1px solid #2998da;
	color:#2998da !important;
}

.pgs-loader {
	background-image: url('../astra-child/img/pgs_loader.svg');
	background-position: center center;
	background-attachment: inherit;
	background-size: cover;
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	position: absolute;
	right: 119px;
	top: 10px;
}


@media (max-width: 1349px) {
	header .custom-logo-link img{
		max-width: 150px;
	}

	.main-header-menu > .menu-item > .menu-link,
	#astra-footer-menu > .menu-item > .menu-link{
		font-size: 12px;
	}
	.main-header-menu .menu-link,
	.main-header-menu > a{
		padding: 0px 5px;
	}

	.site-below-footer-wrap[data-section="section-below-footer-builder"]
	.ast-builder-grid-row {
		padding: 20px 20px 0px;
	}

}


@media (max-width: 1199px) {
	.survey-search-container{
		padding:60px 0px;
	}

	.ast-container,
	.ast-container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}


	.btn_link .menu-text,
	#menu-item-4777 .menu-text {
		padding: 5px 10px 5px 10px;
		transition: all 0.5s ease-in-out;
	}

	.main-header-menu > .menu-item > .menu-link,
	#astra-footer-menu > .menu-item > .menu-link{
		font-size: 11px;
	}

	.main-header-menu .menu-link,
	.main-header-menu > a{
		padding: 0px 3px;
		font-size: 11px;
	}

	.ast-site-identity {
		padding:0px;
	}

	.ast-icon.icon-arrow svg{
		margin-left: 5px;
	}

	.survey-form-container .acf-form .acf-form-submit,
	.survey-form-container .acf-form .acf-fields>.acf-field{
		padding: 16px 0px;
	}

	.survey-form-container{
		padding:60px 0px;
	}

	.survey-form-container .survey-history{
		padding: 16px 0px;
	}

	.site-footer-below-section-2  .footer-add-logo img{
		margin-right: 20px !important;
	}

}


@media (max-width: 1023px) {
	.btn_link .menu-text,
	#menu-item-4777 .menu-text {
		padding: 5px 3px 5px 3px;
	}

	.site-header-section .ast-builder-menu{
		padding-top: 0px;
	}

	header .custom-logo-link img {
		max-width: 110px;
	}

	.acf-fields.-left>.acf-field>.acf-label{
		width: 30%;
	}

	.acf-fields.-left>.acf-field>.acf-input{
		width: 70%;
	}

	.acf-fields.-left>.acf-field:before{
		width: 30%;
	}

	.site-footer-below-section-2  .footer-add-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		gap:15px;
	}

	.site-footer-below-section-2  .footer-add-logo img{
		margin-right: 0px !important;
	}

}


@media (max-width: 768px) {
	.survey-search-container{
		padding:50px 0px 30px;
	}

	.survey-form-container{
		padding:50px 0px 30px;
	}

	.ast-container,
	.ast-container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}


	.site-below-footer-wrap[data-section="section-below-footer-builder"]
	.ast-builder-grid-row {
		padding: 20px 15px 0px;
	}

}


@media (max-width: 767px) {
	.pgs-group .pgs-multi-block:has(.pgs-upload-btn-cam) {
		display: flex;
		flex-direction: column;
	}

	.pgs-group .pgs-multi-block:has(.pgs-upload-btn-cam) .pgs-upload-btn-label{
		color: #ffffff;
		width: calc(100% - 92px);
	}
	.pgs-group .pgs-multi-block:has(.pgs-upload-btn-cam) .pgs-upload-btn.pgs-upload-btn-img,
	.pgs-group .pgs-multi-block:has(.pgs-upload-btn-cam) .pgs-upload-btn.pgs-upload-btn-cam{
		width: 42px;
		padding: 5px;
	}

	.pgs-group .pgs-multi-block:has(.pgs-upload-btn-cam) .pgs-upload-btn img{
		width: 20px;
	}

	.pgs-group .pgs-multi-block{
		display: flex;
		flex-direction: column;
	}

	/* Estilos base para los botones del bloque multi */
	.pgs-group .pgs-multi-block .pgsUploadBtn,
	.pgs-group .pgs-multi-block .pgsAdditionalUploadBtn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 40px;
		height: auto;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Estilos para el spinner en los botones del bloque multi */
	.pgs-group .pgs-multi-block .pgsUploadBtn img.spinner,
	.pgs-group .pgs-multi-block .pgsAdditionalUploadBtn img.spinner {
		width: 16px;
		height: 16px;
		margin-left: 8px;
		vertical-align: middle;
		display: inline-block;
		filter: brightness(0) saturate(100%) invert(100%);
	}

	/* Asegurar que los botones mantengan su altura cuando se muestra/oculta el spinner */
	.pgs-group .pgs-multi-block .pgsUploadBtn:has(img.spinner),
	.pgs-group .pgs-multi-block .pgsAdditionalUploadBtn:has(img.spinner) {
		min-height: 40px;
		height: auto;
	}

	.pgs-group .pgs-multi-block .pgsUploadBtn,
	.pgs-group .pgs-multi-block .pgsAdditionalUploadBtn {
		width: 100%;
		background: linear-gradient(to bottom, #2998da, #1e6bb8) !important;
		border: 1px solid #2998da !important;
		border-radius: 8px !important;
		color: #fff !important;
		font-weight: 600 !important;
		box-shadow: 0 2px 8px rgba(41, 152, 218, 0.3) !important;
		transition: all 0.3s ease !important;
	}

	.pgs-group .pgs-multi-block .pgsUploadBtn:hover,
	.pgs-group .pgs-multi-block .pgsAdditionalUploadBtn:hover {
		background: linear-gradient(to bottom, #1e6bb8, #155a9e) !important;
		box-shadow: 0 4px 12px rgba(41, 152, 218, 0.4) !important;
		transform: translateY(-1px) !important;
	}
}



@media (max-width: 389px) {
	.survey-search-container .survey-search-form input{
		border-radius: 5px;
		width: 190px;
		padding: 9px 12px;
	}


	.survey-form-container .survey-history{
		flex-direction: column;
		align-items: flex-start;
	}

	.site-footer-below-section-2  .footer-add-logo img{
		height: 30px;
		gap:10px;
	}

}


.wv-please-note{
	margin: 0;
	text-align: left;
}


.acf-map {
	width: 100%;
	border: #ccc solid 1px;
	margin: 5px;
}

.acf-map img {
	max-width: inherit !important;
}

table.location_table {
	border: unset;
	margin: 0px;
}

table.location_table td {
	border: none !important;
	padding: 0px !important;
}

.location_table_mobile {
	width: 180px;
	margin-top: 30px;
	padding-left: 5px;
}

div.previewMobile {
	float: left;
}

.hide {
	display: none;
}

input.search-address {
	margin-top: 10px;
	background-color: #ffffff !important;
	border: 1px solid black;
	display: none;
}

.spinner {
	float: right;
	margin-top: 5px;
	display: none;
}

.spinner2 {
	float: right;
	display: none;
	filter: brightness(0) invert(1);
}

span.required {
	color: red;
	font-weight: bold;
}

.error {
	border: 1px solid red;
}

.bold {
	font-weight: 600;
}

.div-label {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 8px;
	display: block;
}

div.warning {
	color: red;
}

/* Chrome, Safari, Edge, Opera */
.page-template-site-survey-form input::-webkit-outer-spin-button,
.page-template-site-survey-form input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
.page-template-site-survey-form input[type=number] {
	-moz-appearance: textfield;
}



/* New How I t Works Page */

.img-box .elementor-inner-column:hover h3, .img-box .elementor-inner-column:hover p {
	color: #fff !important;
}

.img-box .elementor-inner-column p.elementor-image-box-description {
	min-height: 215px;
}

@media only screen and (max-width:1440px){
	.img-box .elementor-inner-column p.elementor-image-box-description {
		min-height: 200px !important;
		font-size: 18px !important;
	}
}

@media only screen and (max-width:1024px){
.img-box .elementor-inner-column p.elementor-image-box-description {
		min-height: 165px !important;
	}
}

@media only screen and (max-width:767px){
	.img-box .elementor-inner-column p.elementor-image-box-description {
		min-height: auto !important;
		font-size: 16px !important;
	}
}

/* Estilo solo para el botón "Examinar" del campo de upload de facturas */
#billing_details_upload_files::-webkit-file-upload-button {
	background: linear-gradient(to bottom, #2998da, #1e6bb8) !important;
	border: none !important;
	border-radius: 6px !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 8px 16px !important;
	margin-right: 10px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
}

#billing_details_upload_files::-webkit-file-upload-button:hover {
	background: linear-gradient(to bottom, #1e6bb8, #155a8a) !important;
}

/* Para Firefox */
#billing_details_upload_files::file-selector-button {
	background: linear-gradient(to bottom, #2998da, #1e6bb8) !important;
	border: none !important;
	border-radius: 6px !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 8px 16px !important;
	margin-right: 10px !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
}

#billing_details_upload_files::file-selector-button:hover {
	background: linear-gradient(to bottom, #1e6bb8, #155a8a) !important;
}

/* esto es lo que estaba en el archivo original */
/* Shopping cart */
.post-6948 {
	margin-top: 20px !important;
}


.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
	height: 48px;
}

/* Estilo ultra-específico solo para el botón de cupón */
.wc-block-components-totals-coupon .wc-block-components-panel__button {
    padding-left: 20px !important;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button:hover {
    padding-left: 20px !important;
}
 
/* Subtotal checkout */
.woocommerce-checkout .is-large .wc-block-components-sidebar .wc-block-components-totals-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}


/* ===== Estilos globales para páginas Woo ===== */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
    background: #f8fbff; /* fondo suave similar a la landing */
}

/* Contenedor principal */
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-order-received .entry-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Títulos centrados */
.woocommerce-cart h1,
.woocommerce-checkout h1,
.woocommerce-order-received h1 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 40px;
    color: #003366; /* azul corporativo */
}

/* Carrito */
.woocommerce-cart-form__cart-item.cart_item {
    background: #fff;
   
}

.woocommerce-cart .cart-collaterals .cart_totals {
	background: #fff;
}

/* Checkout */
.woocommerce-checkout .site-content .primary {
	background: #f8fbff !important;
}



.woocommerce-cart .entry-content, .woocommerce-checkout .entry-content, .woocommerce-order-received .entry-content {
	background: #fff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    margin-top: 40px;
	margin-bottom: 40px;
}

/* ==== Order received ==== */
.woocommerce-order-received .woocommerce-order {
    background: #fff;
    padding: 40px;
    border-radius: 12px;
}

.woocommerce-order-received .woocommerce-thankyou-order-details {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
}
.woocommerce-order-received .woocommerce-thankyou-order-details li {
    background: #f1f6fb;
    padding: 15px 25px;
    border-radius: 10px;
    font-weight: 600;
}
.woocommerce-order-received h2 {
    margin-top: 30px;
    font-size: 1.8rem;
    color: #003366;
    border-bottom: 2px solid #0073e6;
    padding-bottom: 10px;
}

.woocommerce-order-received .woocommerce-thankyou-order-details li {
    font-size: 1.2rem;
    font-weight: 600;
    color: #003366;
	background: #f9fafb;
}

/* Texto azul dentro de las direcciones */
.woocommerce-column address {
    color: #0274be; /* azul */
    font-style: normal; /* quitar cursiva del <address> */
	height: 220px;
}

/* Hacer que ambas cajas tengan el mismo tamaño */
.woocommerce-columns--addresses {
    display: flex;
    gap: 20px;
    align-items: stretch; /* igualar altura */
}

.woocommerce-column {
    flex: 1; /* mismo ancho */
    display: flex;
    flex-direction: column;
}

/* Botón Place Order personalizado */
.wc-block-components-checkout-place-order-button {
    background-color: #046BD2 !important; /* azul más oscuro */
    color: #fff !important;
    border-radius: 0px !important; /* bordes rectos */
    padding: 20px !important;
    font-size: 16px;
    font-weight: 600;
    border: none !important;
    transition: background 0.2s ease;
}

/* Hover */
.wc-block-components-checkout-place-order-button:hover {
    background-color: #0066cc !important; /* azul más vivo al pasar el mouse */
}


@media only screen and (max-width:767px){
	.woocommerce-cart .entry-content, .woocommerce-checkout .entry-content, .woocommerce-order-received .entry-content {
		padding: 10px;
    }
	.woocommerce-order-received .woocommerce-thankyou-order-details {
		flex-direction: column;
	}
	.woocommerce-order-received .woocommerce-thankyou-order-details li {
		padding: 10px 15px;
	}
	.woocommerce-order-received h2 {
		margin-top: 20px;
	}
	.woocommerce-order-received .woocommerce-thankyou-order-details li {
		font-size: 1rem;
	}
	.woocommerce-order-received .woocommerce-thankyou-order-details li {
		font-size: 1rem;
	}

	
.woocommerce-checkout header.entry-header .entry-title {
	font-size: 25px;
}
.woocommerce-cart header.entry-header .entry-title {
	font-size: 25px;
}

.woocommerce-order-received .woocommerce-order {
	padding: 0px !important;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce-order ul.woocommerce-order-overview li {
	border-bottom: 0px !important;
}

.woocommerce-columns--addresses {
	flex-direction: column; /* en columna */
}

.woocommerce-column {
	width: 100%; /* que ocupe todo el ancho */
}


}

/* Centrar el formulario de registro */
.afwc_reg_form_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
	border: 1px solid var(--ast-border-color);
	padding: 40px;
	border-radius: 3px;
}

.afwc_reg_form_wrapper form {
    width: 100%;
}

@media (max-width: 767px) {
	.afwc_reg_form_wrapper {
		padding: 10px;
	}
}

/* ===== ESTILOS PARA DASHBOARD DE AFILIADOS ===== */

/* Contenedor principal del dashboard */
#afwc_dashboard_wrapper {
    margin: 0 auto;
    padding: 20px;
    background: #f8fafc;
    /* border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); */
}

/* Selector de fechas mejorado */
#afwc_top_row_container {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

#afwc_date_range_container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#afwc_datepicker_from,
#afwc_datepicker_to {
    position: relative;
}

#afwc_datepicker_from input,
#afwc_datepicker_to input {
    padding: 10px 15px;
    border: 2px solid #e2e8f0;
    border-radius: 6px;
    font-size: 14px;
    background: #ffffff;
    transition: all 0.3s ease;
    min-width: 150px;
}

#afwc_datepicker_from input:focus,
#afwc_datepicker_to input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

#afwc_datepicker_from div,
#afwc_datepicker_to div {
    color: #64748b;
    font-weight: 500;
    font-size: 14px;
}

/* Dropdown de fechas inteligentes */
#afwc-smart-dates-dropdown-wrapper {
    position: relative;
    cursor: pointer;
}

#afwc-smart-dates-dropdown-icon {
    width: 20px;
    height: 20px;
    color: #64748b;
    transition: transform 0.3s ease;
}

#afwc-smart-dates-dropdown-wrapper:hover #afwc-smart-dates-dropdown-icon {
    transform: rotate(180deg);
}

#afwc-smart-dates-dropdown-list {
    position: absolute;
    top: 100%;
    right: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    min-width: 180px;
    padding: 8px 0;
    margin-top: 5px;
}

#afwc-smart-dates-dropdown-list li {
    padding: 10px 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 14px;
    color: #374151;
}

#afwc-smart-dates-dropdown-list li:hover {
    background-color: #f1f5f9;
}

#afwc-smart-dates-dropdown-list .afwc-separator {
    height: 1px;
    background-color: #e2e8f0;
    margin: 4px 0;
    padding: 0;
    cursor: default;
}

/* Sección de KPI mejorada */
#afwc_kpi_section_wrapper {
    margin-bottom: 40px;
}

.afwc-kpi-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.afwc-kpi-box {
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    color: #2d3748;
    padding: 45px 30px;
    border-radius: 8px;
    text-align: center;
    min-width: 180px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

.afwc-kpi-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%);
    pointer-events: none;
}

.afwc-kpi-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

#afwc_kpi_section_wrapper .afwc-kpi-row .afwc-kpi-box {
	padding: 20px 15px;
}

.afwc-kpi-number {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 8px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

.afwc-kpi-title {
    font-size: 0.9rem;
    font-weight: 500;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
}

/* Separadores entre KPI */
.afwc-kpi-separator {
    width: 24px;
    height: 24px;
    fill: #cbd5e1;
    transition: fill 0.3s ease;
}

.afwc-kpi-row:hover .afwc-kpi-separator {
    fill: #3b82f6;
}

/* Estilos para diferentes tipos de KPI - Colores corporativos claros y profesionales */
.afwc-kpi-box:nth-child(1) {
    background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);
    border-left: 4px solid #3182ce;
}

.afwc-kpi-box:nth-child(3) {
    background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
    border-left: 4px solid #4a5568;
}

.afwc-kpi-box:nth-child(5) {
    background: linear-gradient(135deg, #e6f3ff 0%, #bee3f8 100%);
    border-left: 4px solid #2b6cb0;
}

/* Segunda fila */
.afwc-kpi-row:nth-child(2) .afwc-kpi-box:nth-child(1) {
    background: linear-gradient(135deg, #f0fff4 0%, #c6f6d5 100%);
    border-left: 4px solid #38a169;
}

.afwc-kpi-row:nth-child(2) .afwc-kpi-box:nth-child(3) {
    background: linear-gradient(135deg, #fffaf0 0%, #fed7aa 100%);
    border-left: 4px solid #dd6b20;
}

.afwc-kpi-row:nth-child(2) .afwc-kpi-box:nth-child(5) {
    background: linear-gradient(135deg, #faf5ff 0%, #e9d8fd 100%);
    border-left: 4px solid #805ad5;
}

/* Tercera fila */
.afwc-kpi-row:nth-child(3) .afwc-kpi-box:nth-child(1) {
    background: linear-gradient(135deg, #fffaf0 0%, #fbd38d 100%);
    border-left: 4px solid #d69e2e;
}

.afwc-kpi-row:nth-child(3) .afwc-kpi-box:nth-child(3) {
    background: linear-gradient(135deg, #f7fafc 0%, #e2e8f0 100%);
    border-left: 4px solid #718096;
}

/* Responsive styles for KPI boxes */
@media (max-width: 768px) {
    /* Container wrapper with equal padding */
    #afwc_kpi_section_wrapper {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* Make rows stack vertically */
    .afwc-kpi-row {
        flex-direction: column;
        margin-bottom: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Add spacing to each KPI box */
    .afwc-kpi-box {
        margin-bottom: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Hide or rotate separators in mobile */
    .afwc-kpi-separator {
        display: none !important;
    }
    
    /* Only remove margin from last box of last row */
    .afwc-kpi-row:last-child .afwc-kpi-box:last-of-type {
        margin-bottom: 0 !important;
    }
    
    /* Date picker container responsive styles */
    #afwc_top_row_container,
    .afwc-top-row-wrapper {
        padding: 10px 5px !important;
    }
    
    #afwc_date_range_container {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
    }
    
    /* Date input containers */
    #afwc_datepicker_from,
    #afwc_datepicker_to {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
        flex: none !important;
    }
    
    /* Date inputs */
    #afwc_datepicker_from input[type="date"],
    #afwc_datepicker_to input[type="date"],
    #afwc_from,
    #afwc_to {
        width: 95% !important;
        padding: 12px 10px !important;
        font-size: 14px !important;
        box-sizing: border-box !important;
        border: 1px solid #ddd !important;
		border-right: 2px solid #ddd !important;
        border-radius: 4px !important;
        display: block !important;
		margin: 10px !important;
    }
    
    /* "to" text */
    #afwc_date_range_container > div:not(#afwc_datepicker_from):not(#afwc_datepicker_to):not(#afwc-smart-dates-dropdown-wrapper) {
        text-align: center !important;
        margin: 0 0 10px 0 !important;
        font-size: 13px !important;
        color: #666 !important;
    }
    
    /* Smart dates dropdown wrapper */
    #afwc-smart-dates-dropdown-wrapper {
        width: 100% !important;
        margin: 0 !important;
        position: relative !important;
    }
    
    /* Smart dates dropdown icon */
    #afwc-smart-dates-dropdown-icon {
        width: 95% !important;
        height: 44px !important;
        padding: 10px !important;
        border: 1px solid #ddd !important;
		border-right: 2px solid #ddd !important;
        border-radius: 4px !important;
        background: #fff !important;
        cursor: pointer !important;
		margin: 10px !important;
    }
	#afwc_top_row_container.afwc-top-row-wrapper #afwc_date_range_container {
		border: 1px solid #ddd !important;
		border-right: 2px solid #ddd !important;
	}
    
    /* Table header with View all button - responsive */
    .afwc-table-header-wrapper {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    
    .afwc-table-header {
        flex: 1 !important;
        min-width: 150px !important;
    }
    
    .afwc-view-all-reports {
        margin-left: auto !important;
        margin-right: 10px !important;
    }

	.afwc-view-all-reports a {
		border-right: 2px solid #3b82f6 !important;
	}

}

.frm_style_formidable-style.with_frm_style div.frm_description {
	display: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
	margin: 0 !important;
}

/* ===== ESTILOS PARA SECCIONES DE DATOS ===== */

/* Secciones de datos (visitas, referencias, productos, pagos) */
.afwc-visits-section,
.afwc-referrals-section,
.afwc-products-section,
.afwc-payouts-section {
    background: #ffffff;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
}

.afwc-visits-section:hover,
.afwc-referrals-section:hover,
.afwc-products-section:hover,
.afwc-payouts-section:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

/* Headers de las secciones */
.afwc-table-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f1f5f9;
}

.afwc-table-header {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1e293b;
    position: relative;
}

.afwc-table-header::after {
    content: '';
    position: absolute;
    bottom: -17px;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #3b82f6, #8b5cf6);
    border-radius: 2px;
}

.afwc-view-all-reports a {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 8px 16px;
    border: 1px solid #3b82f6;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.afwc-view-all-reports a:hover {
    background: #3b82f6;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
}

/* Estilos para las tablas */
.afwc_visits,
.afwc_referrals,
.afwc_products,
.afwc_payout_history {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.afwc_visits thead,
.afwc_referrals thead,
.afwc_products thead,
.afwc_payout_history thead {
    background: linear-gradient(90deg, #002C58 20%, #00C1F3 100%);	
    color: #ffffff;
}

.afwc_visits th,
.afwc_referrals th,
.afwc_products th,
.afwc_payout_history th {
    padding: 15px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    color: #ffffff !important;
}

.afwc_visits td,
.afwc_referrals td,
.afwc_products td,
.afwc_payout_history td {
    padding: 15px 12px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.9rem;
    color: #374151;
    vertical-align: middle;
}

.afwc_visits tbody tr,
.afwc_referrals tbody tr,
.afwc_products tbody tr,
.afwc_payout_history tbody tr {
    transition: background-color 0.2s ease;
}

.afwc_visits tbody tr:hover,
.afwc_referrals tbody tr:hover,
.afwc_products tbody tr:hover,
.afwc_payout_history tbody tr:hover {
    background-color: #f8fafc;
}

.afwc_visits tbody tr:last-child td,
.afwc_referrals tbody tr:last-child td,
.afwc_products tbody tr:last-child td,
.afwc_payout_history tbody tr:last-child td {
    border-bottom: none;
}

/* Estilos específicos para columnas */
.datetime {
    font-weight: 500;
    color: #64748b;
}

.medium {
    text-transform: capitalize;
    font-weight: 500;
}

.referring_url a {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 500;
}

.referring_url a:hover {
    text-decoration: underline;
}

.is_converted svg {
    width: 20px;
    height: 20px;
}

.is_converted svg.yes {
    color: #10b981;
}

.is_converted svg.no {
    color: #ef4444;
}

/* Información del dispositivo */
.afwc-visits-device-wrapper,
.afwc-visits-browser-wrapper,
.afwc-visits-os-wrapper,
.afwc-visits-country-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 0.8rem;
}

.afwc-visits-info-label {
    font-weight: 500;
    color: #64748b;
    margin-right: 8px;
    min-width: 60px;
}

.afwc-visits-info-value {
    color: #374151;
    font-weight: 500;
}

.afwc-visits-device svg {
    width: 16px;
    height: 16px;
    color: #3b82f6;
    margin-right: 4px;
}

/* Estilos para comisiones y montos */
.commission {
    font-weight: 700;
    color: #059669;
    font-size: 1rem;
}

/* Asegurar que los títulos de las columnas sean blancos */
.afwc_referrals th.commission,
.afwc_visits th.commission,
.afwc_products th.commission,
.afwc_payout_history th.commission {
    color: #ffffff !important;
}

.sales {
    font-weight: 700;
    color: #059669;
    font-size: 1rem;
}

.payout_amount {
    font-weight: 700;
    color: #059669;
    font-size: 1rem;
}

/* Estados de pago */
.text_orange {
    color: #f59e0b !important;
    font-weight: 600;
    background: #fef3c7;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Tabla vacía */
.empty-table {
    text-align: center;
    color: #9ca3af;
    font-style: italic;
    padding: 40px !important;
}

/* Enlaces de productos */
.product a {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 500;
}

.product a:hover {
    text-decoration: underline;
}

/* Estilos consistentes para columnas de la tabla de productos */
.afwc_products .product,
.afwc_products .qty,
.afwc_products .sales {
    font-weight: 500;
    color: #374151;
    font-size: 0.9rem;
    background: transparent;
    border-radius: 0;
}

/* Asegurar que los títulos de las columnas de productos sean blancos */
.afwc_products th.product,
.afwc_products th.qty,
.afwc_products th.sales {
    color: #ffffff !important;
}

/* Orden ID - Estilo consistente con otras columnas */
.order_id {
    font-family: inherit;
    font-weight: 500;
    color: #374151;
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-size: 0.9rem;
}

/* ===== ESTILOS RESPONSIVOS PARA MÓVILES ===== */

@media (max-width: 768px) {
    /* Dashboard principal */
    #afwc_dashboard_wrapper {
        padding: 15px;
        margin: 10px;
    }
    
    /* Selector de fechas en móvil */
    #afwc_top_row_container {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        padding: 15px;
    }
    
    #afwc_date_range_container {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    #afwc_datepicker_from input,
    #afwc_datepicker_to input {
        min-width: 120px;
        font-size: 16px; /* Evita zoom en iOS */
    }
    
    /* KPI boxes en móvil */
    .afwc-kpi-row {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
    
    .afwc-kpi-box {
        min-width: auto;
        width: 100%;
        padding: 40px 20px;
        margin: 0 10px;
    }
    
    .afwc-kpi-number {
        font-size: 1.8rem;
    }
    
    .afwc-kpi-title {
        font-size: 0.8rem;
    }
    
    /* Ocultar separadores en móvil */
    .afwc-kpi-separator {
        display: none;
    }
    
    /* Secciones de datos en móvil */
    .afwc-visits-section,
    .afwc-referrals-section,
    .afwc-products-section,
    .afwc-payouts-section {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    /* Headers de secciones en móvil */
    .afwc-table-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .afwc-table-header {
        font-size: 1.2rem;
    }
    
    .afwc-view-all-reports a {
        font-size: 0.8rem;
        padding: 6px 12px;
    }
    
    /* Tablas responsivas */
    .afwc_visits,
    .afwc_referrals,
    .afwc_products,
    .afwc_payout_history {
        font-size: 0.8rem;
    }
    
    .afwc_visits th,
    .afwc_referrals th,
    .afwc_products th,
    .afwc_payout_history th {
        padding: 10px 8px;
        font-size: 0.7rem;
    }
    
    .afwc_visits td,
    .afwc_referrals td,
    .afwc_products td,
    .afwc_payout_history td {
        padding: 10px 8px;
        font-size: 0.8rem;
    }
    
    /* Información del dispositivo en móvil */
    .afwc-visits-device-wrapper,
    .afwc-visits-browser-wrapper,
    .afwc-visits-os-wrapper,
    .afwc-visits-country-wrapper {
        font-size: 0.7rem;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 6px;
    }
    
    .afwc-visits-info-label {
        min-width: auto;
        margin-right: 0;
        margin-bottom: 2px;
    }
    
    /* Montos en móvil */
    .commission,
    .sales,
    .payout_amount {
        font-size: 0.9rem;
    }
    
    /* Estados de pago en móvil */
    .text_orange {
        font-size: 0.7rem;
        padding: 3px 6px;
    }
    
    /* Orden ID en móvil */
    .order_id {
        font-size: 0.8rem;
        padding: 0;
    }
    
    /* Columnas de productos en móvil */
    .afwc_products .product,
    .afwc_products .qty,
    .afwc_products .sales {
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {
    /* Ajustes para pantallas muy pequeñas */
    #afwc_dashboard_wrapper {
        padding: 10px;
        margin: 5px;
    }
    
    .afwc-kpi-box {
        padding: 35px 15px;
        margin: 0 5px;
    }
    
    .afwc-kpi-number {
        font-size: 1.5rem;
    }
    
    .afwc-kpi-title {
        font-size: 0.75rem;
    }
    
    .afwc-visits-section,
    .afwc-referrals-section,
    .afwc-products-section,
    .afwc-payouts-section {
        padding: 10px;
    }
    
    .afwc-table-header {
        font-size: 1.1rem;
    }
    
    /* Hacer las tablas más compactas */
    .afwc_visits th,
    .afwc_referrals th,
    .afwc_products th,
    .afwc_payout_history th {
        padding: 8px 6px;
        font-size: 0.65rem;
    }
    
    .afwc_visits td,
    .afwc_referrals td,
    .afwc_products td,
    .afwc_payout_history td {
        padding: 8px 6px;
        font-size: 0.75rem;
    }
    
    /* Columnas de productos en pantallas muy pequeñas */
    .afwc_products .product,
    .afwc_products .qty,
    .afwc_products .sales {
        font-size: 0.75rem;
    }
    
    /* Ocultar columnas menos importantes en móvil */
    .user_agent_info {
        display: none;
    }
    
    .campaign {
        display: none;
    }
    
    .method {
        display: none;
    }
    
    .payout_notes {
        display: none;
    }
    
    .invoice {
        display: none;
    }
}

/* ===== ESTILOS PARA TARJETA DE PERFIL DE AFILIADO ===== */

/* Contenedor principal de la tarjeta */
.afwc-affiliate-details-card-wrapper {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.afwc-affiliate-details-card {
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    /* max-width: 600px; */
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.afwc-affiliate-details-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3182ce 0%, #2b6cb0 100%);
}

.afwc-affiliate-details-card:hover {
    border-color: #3182ce;
    box-shadow: 0 8px 25px rgba(49, 130, 206, 0.15);
    transform: translateY(-2px);
}

/* Avatar */
.afwc-avatar-wrapper {
    flex-shrink: 0;
}

.afwc-avatar-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #e2e8f0;
    transition: all 0.3s ease;
    object-fit: cover;
}

.afwc-affiliate-details-card:hover .afwc-avatar-img {
    border-color: #3182ce;
    box-shadow: 0 4px 12px rgba(49, 130, 206, 0.2);
}

/* Detalles del afiliado */
.afwc-details {
    flex: 1;
    min-width: 0;
}

.afwc-display-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a202c;
    margin: 0 0 12px 0;
    line-height: 1.2;
}

.afwc-signup-date-wrapper,
.afwc-referral-url-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    flex-wrap: wrap;
    gap: 8px;
}

.afwc-detail-title {
    font-weight: 600;
    color: #4a5568;
    font-size: 0.9rem;
    min-width: fit-content;
}

.afwc-signup-date-wrapper span:last-child,
.afwc-referral-url-wrapper span:last-child {
    color: #2d3748;
    font-weight: 500;
}

/* URL de referencia */
.afwc-click-to-copy {
    background: #f7fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 6px 10px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 0.85rem;
    color: #2b6cb0;
    cursor: pointer;
    transition: all 0.3s ease;
    word-break: break-all;
    display: inline-block;
    max-width: 100%;
}

.afwc-click-to-copy:hover {
    background: #edf2f7;
    border-color: #3182ce;
    color: #1a365d;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(49, 130, 206, 0.15);
}

/* Responsive para móviles */
@media (max-width: 768px) {
    .afwc-affiliate-details-card {
        flex-direction: column;
        text-align: center;
        padding: 20px;
        gap: 15px;
    }
    
    .afwc-avatar-img {
        width: 70px;
        height: 70px;
    }
    
    .afwc-display-name {
        font-size: 1.3rem;
    }
    
    .afwc-signup-date-wrapper,
    .afwc-referral-url-wrapper {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 4px;
    }
    
    .afwc-click-to-copy {
        font-size: 0.8rem;
        padding: 5px 8px;
        text-align: center;
        width: 100%;
        max-width: 280px;
    }
}

@media (max-width: 480px) {
    .afwc-affiliate-details-card {
        padding: 15px;
        margin: 0 10px;
    }
    
    .afwc-avatar-img {
        width: 60px;
        height: 60px;
    }
    
    .afwc-display-name {
        font-size: 1.2rem;
    }
    
    .afwc-detail-title {
        font-size: 0.85rem;
    }
    
    .afwc-click-to-copy {
        font-size: 0.75rem;
        padding: 4px 6px;
    }
}

/* ===== ESTILOS PARA MODAL DE TERMS & CONDITIONS ===== */

/* Modal overlay */
#terms-modal {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Modal content */
#terms-modal > div {
    animation: slideIn 0.3s ease-in-out;
}

@keyframes slideIn {
    from { 
        opacity: 0;
        transform: translateY(-50px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

/* Terms link styling */
.terms-link {
    transition: all 0.3s ease;
}

.terms-link:hover {
    color: #0056b3 !important;
    text-decoration: underline !important;
}

/* Close button hover effect */
.close-modal {
    transition: color 0.3s ease;
}

.close-modal:hover {
    color: #333 !important;
}

/* Footer Close button styling */
.close-modal-btn {
    transition: background-color 0.3s ease;
}

.close-modal-btn:hover {
    background-color: #0056b3 !important;
}

/* Responsive modal */
@media (max-width: 768px) {
    #terms-modal > div {
        width: 95% !important;
        margin: 10% auto !important;
        max-height: 85% !important;
    }
    
    #terms-modal h2 {
        font-size: 20px !important;
    }
    
    #terms-modal h3 {
        font-size: 18px !important;
    }
    
    #terms-modal h4 {
        font-size: 16px !important;
    }
    
    #terms-modal .close-modal {
        font-size: 24px !important;
    }
    
    #terms-modal .close-modal-btn {
        padding: 10px 25px !important;
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    #terms-modal > div {
        width: 98% !important;
        margin: 5% auto !important;
        max-height: 90% !important;
    }
    
    #terms-modal > div > div:first-child {
        padding: 15px !important;
    }
    
    #terms-modal > div > div:last-child {
        padding: 15px !important;
    }
    
    #terms-modal .close-modal-btn {
        padding: 8px 20px !important;
        font-size: 13px !important;
    }
}

/* ===== ESTILOS PARA MY ACCOUNT - CENTRADO EN PANTALLAS GRANDES ===== */

/* Contenedor principal de My Account */
.woocommerce-MyAccount-content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Para pantallas muy grandes, centrar mejor el contenido */
@media (min-width: 1400px) {
    .woocommerce-MyAccount-content {
        max-width: 1400px !important;
        padding: 0 40px !important;
    }
}

/* Para pantallas extra grandes */
@media (min-width: 1600px) {
    .woocommerce-MyAccount-content {
        max-width: 1600px !important;
        padding: 0 60px !important;
    }
}

/* Asegurar que el contenido se vea bien en todas las resoluciones */
@media (min-width: 1920px) {
    .woocommerce-MyAccount-content {
        max-width: 1800px !important;
        padding: 0 80px !important;
    }
}

/* Estilos específicos para el dashboard de afiliados */
.woocommerce-MyAccount-content .afwc_dashboard_wrapper {
    max-width: 100% !important;
    margin: 0 !important;
}

/* Mejorar la presentación de formularios en My Account */
.woocommerce-MyAccount-content form {
    max-width: 100% !important;
}

/* Centrar tablas y listas */
.woocommerce-MyAccount-content table,
.woocommerce-MyAccount-content .woocommerce-orders-table {
    width: 100% !important;
    margin: 0 auto !important;
}

/* Mejorar la presentación de las tarjetas de métricas del dashboard */
.woocommerce-MyAccount-content .afwc-metric-card {
    flex: 1 !important;
    min-width: 200px !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: left !important;
}

/* Responsive para pantallas medianas */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content {
        padding: 0 0px !important;
    	width: 107% !important;
    	margin-left: -10px !important;
    }
}

.afwc-affiliate-details-card-wrapper .afwc-affiliate-details-card {
	background: #fff;
  }

  .nav-tab-active, .nav-tab-active:hover, .nav-tab-active:focus, .nav-tab-active:focus:active {
	color: #0274be;
  }

  .nav-tab-active, .nav-tab-active:hover, .nav-tab-active:focus, .nav-tab-active:focus:active {
	border-bottom: 2px solid #0274be;
  }