/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2025 | 20:35:46 */
/* --------------------------- ROOT --------------------------- */	
:root {
	--primary: 			#104378;
	--secondary: 		#116EBB;	
	--text: 			#2F3B4D;
	--accent: 			#2491EB;

	--light-text: 		#57718E;

	--background: 		#ECF6FE;
	--background-1:		#F5F9FC;
	--background-2:		#FBFDFF;
	
	--bg-salmon:		#FAB6B3;
	--bg-pink:			#F6A2BC;
	--bg-purple:		#C7B8D3;
	--bg-blue:			#A4C8E9;
	--bg-green:			#B0D4D9;
	--bg-yellow:		#ECEBBB;
	
	--t-salmon:			#3E0200;
	--t-pink:			#3B0012;
	--t-purple:			#1D0033;  
	--t-blue:			#072846;
	--t-green:			#00363D;
	--t-yellow:			#2D2B00;
		
	--i-salmon:			#F44942;
	--i-pink:			#EA3F74;
	--i-purple:			#8A5EAC;
	--i-blue:			#2491EB;
	--i-green:			#54A3AD;
	--i-yellow:			#989A1D;
		
	--white: 			#fff;
	--black: 			#000;
	--border: 			#8996A4;

	--shadow: 			rgba(52, 91, 128, 0.07);
	--shadow-hover:		rgba(52, 91, 128, 0.2);
	
	--bg-text:			#F44942;
	--bg-validation: 	#6D0505;
	
	--transparent:		#FFFFFF00;
}

 /* Root Font Size */
html {
	font-size: 17px;
}

@media only screen and (max-width: 1024px) {
	/*html {
		font-size: 16px;
	}*/
}

/* -------------------------- FONTS --------------------------- */
h1, h1 strong, h1 b,
h2, h2 strong, h2 b,
h3, h3 strong, h3 b {

}
h4, h4 strong, h4 b,
h5, h5 strong, h5 b,
h6, h6 strong, h6 b {

}

/* -------------------------- LINKS --------------------------- */
.ch-read-more a,
.ch-read-more-link a,
.ch-read-more-link span {
	color: var(--text);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--accent);
	text-underline-offset: 6px;
}

.ch-read-more a:active, 
.ch-read-more a:focus-visible, 
.ch-read-more a:focus,
.ch-read-more a:hover,
.ch-read-more span:hover,
.ch-read-more-link a:active,
.ch-read-more-link a:focus-visible,
.ch-read-more-link a:focus,
.ch-read-more-link a:hover,
.ch-read-more-link span:hover {
	text-decoration-color: var(--primary);
	
}

.ch-white-link a {

}
.ch-white-link a:active,
.ch-white-link a:focus-visible,
.ch-white-link a:focus,
.ch-white-link a:hover {
		
}

.ch-underline-on-hover a:active,
.ch-underline-on-hover a:focus-visible,
.ch-underline-on-hover a:focus,
.ch-underline-on-hover a:hover {
	text-decoration: underline;
}


/* Reverse Animated Underline & Animated Underline 	*/
	.ch-animated-underline,
	.ch-reverse-animated-underline {
		overflow: visible;
	}
	.ch-reverse-animated-underline a,
	.ch-animated-underline a {
		position: relative;
		text-decoration: none;
	}
	.ch-reverse-animated-underline a::before,
	.ch-animated-underline a::before {
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 1px;
		bottom: -7px;
		right: 0;
		border-radius: 10px;
		background-color: var(--accent);
		transform-origin: top right;
		transition: transform 0.3s ease;
	}
	.ch-reverse-animated-underline a::before,
	.ch-animated-underline a:hover::before,
	.ch-animated-underline a:focus::before {
		transform: scaleX(1);
	}
	.ch-animated-underline a::before,
	.ch-reverse-animated-underline a:hover::before,
	.ch-reverse-animated-underline a:focus::before {
		transform: scaleX(0);
	}

	.ch-reverse-animated-underline a:hover {
		color: var(--secondary) !important;
	}

/* -------------------------- BUTTONS --------------------------- */
.ch-nolabel-button .elementor-button-text {
    position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

.ch-button-md a {
    min-width: 135px;
}

.ch-back-button a {
	box-shadow: none !important;
    background: none !important;
}

.ch-back-button a:active,
.ch-back-button a:focus-visible,
.ch-back-button a:focus,
.ch-back-button a:hover {

}

.ch-primary-button a {
	border: solid 2px var(--secondary);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
	font-weight: 500 !important;
}
.ch-primary-button a:hover,
.ch-primary-button a:active,
.ch-primary-button a:focus-visible,
.ch-primary-button a:focus {
    border: solid 2px var(--primary);
}

.ch-secondary-button a {
	border: solid 2px var(--accent);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26), #00000029 0px 0px 8px inset !important;
 	color: var(--primary) !important;
	background: var(--transparent) !important;
	font-weight: 600 !important;
}
.ch-secondary-button a:hover,
.ch-secondary-button a:active,
.ch-secondary-button a:focus-visible,
.ch-secondary-button a:focus {
	border: solid 2px var(--primary);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
	color: white !important;
	background: var(--primary) !important;
}

.ch-primary-button-2 a {
	border: solid 2px var(--secondary);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
	font-weight: 500 !important;
}
.ch-primary-button-2 a:hover,
.ch-primary-button-2 a:active,
.ch-primary-button-2 a:focus-visible,
.ch-primary-button-2 a:focus {
    border: solid 2px var(--accent);
	background: var(--accent) !important;
}

.ch-secondary-button-2 a {
	border: solid 2px var(--accent);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26), #00000029 0px 0px 8px inset !important;
 	color: white !important;
	background: var(--transparent) !important;
	font-weight: 500 !important;
}
.ch-secondary-button-2 a:hover,
.ch-secondary-button-2 a:active,
.ch-secondary-button-2 a:focus-visible,
.ch-secondary-button-2 a:focus {
	border: solid 2px var(--accent);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
	color: white !important;
	background: var(--accent) !important;
}

.ch-submit-button {

}
.ch-submit-button a:hover,
.ch-submit-button a:active,
.ch-submit-button a:focus-visible,
.ch-submit-button a:focus {
    
}

.ch-back-to-top a {
    text-decoration: none !important;
}

/* -------------------------- Menu --------------------------- */

/* Mobile Menu */
.ch-mobile-menu a {
    white-space: nowrap;
}

.ch-mobile-menu li a span {
    width: 100% !important;
    display: flex;
    justify-content: flex-end;
}

.ch-mobile-menu li a {
    background: white !important;
}

.ch-mobile-menu li a:active, 
.ch-mobile-menu li a:focus-visible, 
.ch-mobile-menu li a:focus, 
.ch-mobile-menu li a:hover {
    background: white !important;
}

/* -------------------------- Home Page --------------------------- */
@media screen and (max-width: 767px) {
     .ch-hero-banner {
        display: none;
    }
    
    .ch-hero {
		background-size: cover;
        /*background-image: url('https://chwebagency.com/wp-content/uploads/2023/09/CH-Web-Agency-A46.jpg') !important;*/
    }
    
    .ch-hero-inner {
         background: rgba(255,255,255,.75) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
        border-radius: 10px;
        box-shadow: 6px 6px 16px 10px var(--shadow);
    }
    .ch-hero-help {
        margin: 20px 0px 0px 0px;
    }
	.ch-hero::before {
		content:'';
		background-color: #FFFFFFCC;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}
}

/* -------------------------- Cards --------------------------- */
.ch-transition {
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}


.ch-animate-up:hover {
	padding-bottom: 10px;
	margin-top: -10px;
}

article.ch-equal-height  {
	height: 100% !important;
}

.ch-loop-item  .ch-scale-image:hover {
	scale: 1.01;
}

.ch-box-features {
    max-height: 500px;
}

.ch-cover-image {
    border-radius:10px;
    height: 100% !important;
    overflow: hidden !important;
}

.ch-cover-image img {
    object-fit: cover !important;
    border-radius:10px;
}

.ch-box,
.ch-box-features {
	border-radius: 10px;
	box-shadow: 6px 6px 16px 10px var(--shadow);
	--background-transition: 0.3s;
}

.ch-box-features {
	padding: 35px;
}


@media screen and (max-width: 767px) {
    .ch-box-features {
		padding: 25px 25px 35px 25px;
	}
}

.ch-box-interactive {
	border-radius: 10px;
	box-shadow: 0px 0px 16px 10px var(--shadow);
	--background-transition: 0.3s;
}

.ch-box-interactive:hover {
	box-shadow: 0px 0px 16px 10px var(--shadow-hover) !important;
	--background-transition: 0.3s;
}

.ch-border {

}
.ch-border:hover {
	
}

/* Min Height for knowledge base links */
.ch-knowledge-base-posts {
    min-height: 200px;
}

/* Default overflow hidden hides outline */
.elementor-posts--skin-classic .elementor-post {
	overflow: visible !important;
}

/* -------------------------- Pages --------------------------- */
.ch-glass,
.ch-glass-hero {
  background: rgba(255,255,255,.8) !important;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  	.ch-glass,
	.ch-glass-hero {
     background: rgba(255,255,255,.75) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
  }
}

.ch-glass-hero .ch-mini-menu a:after {
	border-radius: 20px !important;
}


/* -------------------------- CPT --------------------------- */
/* Case Studies */
.ch-term-list span:not(:last-child) {
	padding-right: 14px;
}

.ch-half-box {
	max-width: 600px !important;
}

@media screen and (max-width: 767px) {
    .ch-half-box {
		max-width: 767px !important;
	}
}




.ch-inline-list strong {
	font-size: 16px !important;
}

.ch-inline-list li {
    display: inline;
    padding-right: 16px;
    margin: 0px;
	color: var(--light-text);
	font-weight: 500 !important;
}

.ch-inline-list ol {
    margin: 0px;
    padding: 0px;
}

.ch-inline-list ol {
    margin-top: -10px;
}

.ch-inline-list-features h3 {
	font-size: .9rem;
	padding: 0px 0px 14px 0px !important;
	margin: 0px !important;
	line-height: 1rem;
}

.ch-inline-list-features span {
	overflow-wrap: normal;
	display: inline-block;
	padding-bottom: 10px;
	font-size: .8rem;
	color: var(--light-text);
	
}

.ch-inline-list-features span:after {
    padding-right: 16px;
    content:"";
}

/* 
* Created by JDavis 8-16-2023                      
* Desc: Apply var colors & fonts to gforms                 
* Case: Default Gravity Forms                            
*/

/* -------------------------- GRAVITY FORMS --------------------------- */
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: var(--primary) !important;
    color: #fff;
}
.gform_previous_button.gform-theme-button,
.gform_button.button,
.gform_next_button.gform-theme-button.button {
    line-height: 1rem !important;
}

/* Gravity Form Text */
.gform_heading h2, .gform_validation_errors h2 {
    padding: 0px; 
	margin: 0px 35px !important;
}
.gfield_description a {
}
.gfield_description {
    font-size: .8rem !important;
}
.gform_page_footer {
  margin-top: 35px !important;
  padding: 0px !important;
}

/* Error Validation */
.ch-hide-required .gfield_required {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

.gfield_required {
	font-style: normal !important;
    color: var(--text) !important;
}

.gfield_validation_message {
    padding: 0px !important;
    border: none !important;
    background: transparent !important;
    font-size: .8rem !important;
    font-weight: bold;
}
.gform_validation_errors {
    padding: 8px !important;
    border-radius: 4px !important;
	border: none !important;
	background: #e7a495 !important;
	margin-top: 0px !important;
}

.gform_submission_error {
    text-align: center !important;
    margin: 0px !important;
    padding: 0px !important;
    font-weight: 600!important;
    font-size: .8rem !important;
	color: #430d02 !important;
}

.gfield_error .gform-field-label,
.gfield_error .gfield_label {
	color: var(--text) !important;
}
.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border-color: var(--text) !important;
}

/* Gravity Form Fields */
.gfield .textarea {
    border-radius: 0px !important;
    -webkit-appearance: none;
}

/* Gravity Form Labels */
.gfield .gfield_label {
    margin: 10px 0px 10px 0px !important
    font-size: .9rem !important;
}
.gfield_consent_label {
    margin-bottom: 0;
    max-width: calc(100% - 32px);
    vertical-align: top;
    padding: 0px 0px 0px 10px;
    line-height: 1.2rem;
}

/* Gravity Form Buttons */
.gform_button {
    color: white !important;
    background-color: var(--primary) !important;
	border: solid 2px var(--primary) !important;
}
.gform_next_button {
    color: white !important;
}
.gform_previous_button {
    border: solid 2px var(--accent);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26), #00000029 0px 0px 8px inset !important;
 	color: var(--primary) !important;
	background: var(--transparent) !important;
}

.gform_button.button,
.gform_next_button.button,
.gform_footer .button {
    border: solid 2px var(--primary) !important;
    background-color: var(--primary) !important;
}

.gform_previous_button:active,
.gform_previous_button:focus,
.gform_previous_button:focus-visible,
.gform_previous_button:hover {
    background-color: var(--secondary) !important;
    border: solid 2px var(--secondary) !important;
    color: white !important;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.26) !important;
}

.gform_button.button:active,
.gform_button.button:focus,
.gform_button.button:focus-visible,
.gform_button.button:hover,
.gform_next_button.button:active,
.gform_next_button.button:focus,
.gform_next_button.button:focus-visible,
.gform_next_button.button:hover {
  	background-color: var(--secondary) !important;
	border: solid 2px var(--secondary) !important;
}

/* Gravity Form Radio & Check */
.gfield-choice-input {
    margin-top: 7px !important;
    top: 0;
    vertical-align: top !important;
}

.ginput_container_consent input,
.gchoice {
    margin-bottom: 10px;
    margin-left: 4px;
}
.gchoice label {
    font-size: .9rem !important;
    line-height: 1.2em !important;
    padding: 0px 5px 0px 10px;
}

/* General Form Inputs */
input[type=email],
input[type=tel],
input[type=textarea],
input[type=text],
select {
    -webkit-appearance: none;
    border-radius: 0px;
    background-color: #ffffff;
    color: var(--text) !important;
}

/* Radio Buttons & Check boxes*/
/* Check Boxes & Radio Buttons */
input[type=checkbox],
input[type=radio] {
    -ms-transform: scale(1.6); /* IE */
    -moz-transform: scale(1.6); /* FF */
    -webkit-transform: scale(1.6); /* Safari and Chrome */
    /*-webkit-appearance: none;*/
    -o-transform: scale(1.6); /* Opera */
    transform: scale(1.6);
}

/* Select Arrow */
select,
select .sli-input {
    background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
    background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
    background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
    background-repeat: no-repeat;
    margin-right: 1.8rem;
    color: var(--text) !important;
}

/* Disabled Input */
.ch-form input.gchoice_other_control:disabled,
.ch-form input.gf-default-disabled:disabled {
	opacity: .2 !important;
}

/* Form Steps */
.ch-quote form {
}
.ch-quote .gf_step_number {
    position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

.ch-quote .gf_step_label {
    font-family: "Open Sans", Sans-serif !important;
	font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 16px !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-align: center !important;
	color: var(--text) !important;
	margin: 0px !important;
    padding: 6px 10px !important;
	border-radius: 20px !important;
	min-width: 100px !important;*/
}

/*
.ch-quote .gf_step_label:hover {
	background-color: #b0d3ed !important;
}
*/

.ch-quote .gf_step_active .gf_step_label {
	color: white !important;
	background: var(--secondary);
	box-shadow: 2px 2px 15px 7px var(--shadow);
}

/* Hide Progress Number */
.ch-quote  .gf_step_number {
    display: none !important;
}

/* Adjust margin on outer container */
.ch-quote  .gf_step {
  margin: 0px 0px 0px 0px !important;
}

/* Center align steps & add background */
.ch-quote  .gf_page_steps {
    text-align: center;
	padding: 10px !important;
    border-radius: 50px;
	border: 1px solid var(--text) !important;
	display: inline-flex;
	flex-wrap: wrap;
    justify-content: center;
	margin: 0 auto;
	margin-bottom: 20px !important;
}

.ch-quote form {
    display: flex;
    flex-direction: column;
}


@media screen and (max-width: 1024px) {
.ch-quote .gf_step_label {
    padding: 6px 14px !important;
	min-width: 0px !important;
	}
}
@media screen and (max-width: 500px) {
	.ch-quote .gf_step_label {
    	padding: 6px 10px !important;
		min-width: 0px !important;
	}
}
@media screen and (max-width: 370px) {
	.ch-quote .gf_page_steps {
		padding: 5px !important;;
	}
	.ch-quote .gf_step_label {
		font-size: 10px !important;;
  		padding: 2px 7px !important;
		min-width: 0px !important;
	}
}

/* Make last step look like button */
/*
.ch-quote  .gf_step_last .gf_step_label {
	color: white !important;
	box-shadow: 0px 0px 6px 4px #E5E5E5;
	border-radius: 4px !important;
	background: var(--secondary);
}

.ch-quote  .gf_step_active.gf_step_last .gf_step_label,
.ch-quote  .gf_step_last .gf_step_label:hover {
	background: var(--primary) !important;
}
*/

/* -------------------------- Graphics --------------------------- */
.elementor-widget-icon svg {
	overflow: visible !important;
}

.ch-accordion h3 {
    color: var(--light-text);
}

.accent-bar {
    height: 13px;
    width: 84px;
    margin-right: 5px;
    border-radius: 20px;
    display: inline-block;
    box-shadow: 0px 3px 20px #00000029;

}

.bar-1 {
    background-color: var(--bg-salmon);
}

.bar-2 {
    background-color: var(--bg-pink);
}

.bar-3 {
    background-color: var(--bg-purple);
}

.ch-colorful-icons li:nth-child(1) span.elementor-icon-list-icon{
    background: var(--i-salmon);
}
.ch-colorful-icons li:nth-child(2) span.elementor-icon-list-icon{
    background: var(--i-pink);
}
.ch-colorful-icons li:nth-child(3) span.elementor-icon-list-icon{
    background: var(--i-purple);
}
.ch-colorful-icons li:nth-child(4) span.elementor-icon-list-icon{
    background: var(--i-blue);
}
.ch-colorful-icons li:nth-child(5) span.elementor-icon-list-icon{
    background: var(--i-green);
}
.ch-colorful-icons li:nth-child(6) span.elementor-icon-list-icon{
    background: var(--i-yellow);
}

.ch-stacked-icons .elementor-icon-list-icon {
    padding: 5px;
    border-radius: 50%;
    height: 42px;
    width: 42px;
}

.ch-stacked-icons .elementor-icon-list-text {
    margin-left: 10px;
}


.ch-inline-icons .elementor-icon-list-icon {
    justify-content: center;
	margin: 15px 0px 10px 0px !important;
	/*
	padding: 8px;
   
    margin-top: 10px !important;
    border-radius: 50%;
    height: 55px;
    width: 55px;
	*/
}

.ch-inline-icons .elementor-icon-list-text,
.ch-inline-icons .elementor-icon-list-icon {
    margin: 0 auto;
    text-align: center !important;
}

.ch-inline-icons .elementor-icon-list-item {
    display: block !important;
    max-width: 125px !important;
}



.ch-circle-box {
    min-width: 640px;
    height: 640px;
}

@media screen and (max-width: 1024px) {
    .ch-circle-box {
        min-width: 475px;
        height: 475px !important;
        max-width: 100% !important;
    }
}
@media screen and (max-width: 767px) {
    .ch-circle-box {
        min-width: auto;
        height: auto !important;
        max-width: 100% !important;
    }
}


.ch-shadow-img img {
	box-shadow: 2px 2px 15px 7px var(--shadow);
}

.ch-image-box {
     transform: rotate(7deg);
}

.ch-image-box img {
    transform: rotate(-7deg);
    box-shadow: 2px 2px 15px 7px var(--shadow);
}

.ch-image-shadow img {
    box-shadow: 2px 2px 15px 7px rgba(0, 0, 0, 0.15),
                20px 20px 0px 0px var(--bg-blue),
                24px 24px 10px 3px rgba(0, 0, 0, 0.10),
                -20px -20px 0px 0px var(--secondary), 
                 -24px -24px 10px 3px rgba(0, 0, 0, 0.10);
}


.ch-box-shadow-decoration {
     transform: rotate(7deg);
}
.ch-box-shadow-decoration-inner {
    transform: rotate(-7deg);
    box-shadow: 2px 2px 15px 7px var(--shadow);
}
@media screen and (max-width: 767px) {
	.ch-box-shadow-decoration {
     transform: rotate(0deg);
	}
	.ch-box-shadow-decoration-inner {
		transform: rotate(-0deg);
		box-shadow: 2px 2px 15px 7px var(--shadow);
	}
}

@media screen and (max-width: 767px) {
	.ch-inline-icons .elementor-icon-list-item {
		display: block !important;
		min-width: 24% !important;
		max-width: 30% !important;
	}
}
@media screen and (max-width: 480px) {
	.ch-inline-icons .elementor-icon-list-item {
		display: block !important;
		min-width: 77px !important;
		max-width: 45% !important;
	}
}





/* Home Page Animation */
.ch-animate-bar .bar-1 {
    background-color: var(--bg-salmon);
    animation-name: bars-1;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 1s;
}
.ch-animate-bar .bar-2 {
    background-color: var(--bg-pink);
    animation-name: bars-2;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: .75s;
}

.ch-animate-bar .bar-3 {
    background-color: var(--bg-purple);
    animation-name: bars-3;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: .5s;
}

.ch-hero .ch-box-1 {
    background-color: var(--bg-blue);
    animation-name: boxes-1;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 3.5s;
}
.ch-hero .ch-box-2 {
    background-color: var(--bg-green);
    animation-name: boxes-2;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 3.75s;
}

.ch-hero .ch-box-3 {
    background-color: var(--bg-yellow);
    animation-name: boxes-3;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-delay: 4s;
}

@keyframes bars-1 {
  0%   {background-color: var(--bg-salmon);}
  50%  {opacity: .75; background-color: var(--i-salmon);}
  100% {background-color: var(--bg-salmon);}
}
@keyframes bars-2 {
  0%   {background-color: var(--bg-pink);}
  50%  {opacity: .75; background-color: var(--i-pink);}
  100% {background-color: var(--bg-pink);}
}
@keyframes bars-3 {
  0%   {background-color: var(--bg-purple);}
  50%  {opacity: .75; background-color: var(--i-purple);}
  100% {background-color: var(--bg-purple);}
}

@keyframes boxes-1 {
  0%   {background-color: var(--bg-blue);}
  50%  {background-color: #75B4EE;}
  100% {background-color: var(--bg-blue);}
}
@keyframes boxes-2 {
  0%   {background-color: var(--bg-green);}
  50%  {background-color: #76CDD8;}
  100% {background-color: var(--bg-green);}
}
@keyframes boxes-3 {
  0%   {background-color: var(--bg-yellow);}
  50%  {background-color: #EBE789;}
  100% {background-color: var(--bg-yellow);}
}

body.disableScrolling {
	height: 100vh !important;
	overflow: hidden;
}
.#widget-global-9vyfa6ofgqt::-webkit-scrollbar,
.lc-1w7ftyl::-webkit-scrollbar {
	display: none !important;
}
div#homescreen-wrapper::-webkit-scrollbar {
    display: none !important;
}

/* Open Widget */
.openchat .elementor-button-text {
    display: none;
}
.openchat .elementor-button-icon {
    font-size: 1.2rem;
}
.openchat a {
    width: 60px;
    height: 60px;
}

 button.service {
    background-color: transparent;
    font-family: "Open Sans", Sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2em;
    fill: var(--e-global-color-d52d7fe);
    color: var(--e-global-color-d52d7fe);
    background-image: linear-gradient(250deg, var(--e-global-color-6105ff1) 38%, var(--e-global-color-568d18f) 100%);
    border-radius: 30px 30px 30px 30px;
    border: none;
    }
    
    button.service:hover,
    button.service:active,
	button.service:focus,
    button.service:focus-visible {
    background-color: transparent;
    color: var(--e-global-color-51dfb8d);
    background-image: linear-gradient(180deg, var(--e-global-color-ca96fd6) 0%, #f2295b 100%) !important;
}


/* ---------------------------------- HEADER ------------------------------------*/
.ch-alert-message a {
    color: var(--secondary) !important;
    text-decoration: underline;
}
.ch-alert-message a:focus-visible,
.ch-alert-message a:hover,
.ch-alert-message a:active,
.ch-alert-message a:focus {
    color: var(--primary) !important;
    text-decoration: underline;
}
#alertBar {
    /*display: none;*/
}
.hideAlertToggled.show {
    /*display: none;*/
}
#alertBar.hideAlertToggled.show {
    display: none !important;
    max-height: 0px !important;
    overflow: hidden;
    transition: max-height 0s ease-in-out;
}
#alertBar.show {
    display: flex !important;
    max-height: 500px !important;
    transition: max-height .5s ease-in-out;
}


.ch-mega-menu .e-n-menu-title.e-click {
    padding: 4px 16px 4px 25px;
}
.ch-mega-menu a .e-n-menu-title-text {
    padding: 4px 28px;
}
button.e-n-menu-dropdown-icon {
    box-shadow: none;
}

.ch-mega-menu .e-n-menu-title-text {
     cursor: pointer !important;
}


@media screen and (max-width: 1024px) {
    .ch-mega-menu .e-n-menu-title.e-click {
        padding: 4px 4px 4px 10px;
    }
    .ch-mega-menu a .e-n-menu-title-text {
        padding: 4px 10px;
    }
}

.ch-white-link-alt a:hover,
.ch-white-link-alt a:focus,
.ch-white-link-alt a:focus-visible,
.ch-white-link-alt a:active {
    opacity: .8;
}

/*Adjust for the icon being hidden on desktop */
.ch-header .e-click a {
      margin-right: -7px;
}

/* Default color is white on Desktop */
.ch-header .e-n-menu-wrapper li.e-n-menu-title a {
    color: white !important;
  
}

/* Style WP sub menu */
.ch-sub-menu li {
   list-style-type: none;
   text-align: center !important;
   padding-bottom: 5px;
   font-size: .85rem;
   font-family: 'Open Sans';
}

.ch-sub-menu ul {
  padding: 0px !important;
  margin: 0px !important;
}

.ch-sub-menu li a {
    color: white;
    text-align: center !important;
}

.ch-sub-menu li a:focus,
.ch-sub-menu li a:focus-visible,
.ch-sub-menu li a:active,
.ch-sub-menu li a:hover {
    color: #68BBFF !important;
    
}

/* Hide blue overlay for mobile */
.ch-header li,
.ch-header a {
    -webkit-tap-highlight-color: transparent !important;
}

/* Hide icon by default on desktop */
.ch-header .e-n-menu-icon {
    display: none !important;
}



@media screen and (max-width: 1024px) {
   
    /*Adjust for the icon being hidden on tablet */
    .ch-header .e-click a {
        margin-right: -7px;
    }
}

@media screen and (max-width: 767px) {
    /*No adjustments on mobile  */
    .ch-header .e-click a {
        margin-right: 0px;
    }
    
    .ch-header button {
        cursor: pointer !important;
    }
    
    /* Style main wrapper for mobile menu and add background blur */
    .ch-header .e-n-menu-wrapper {
        height: 100vh !important;
        padding: 20vh 0px;
        background: rgba(255,255,255,.65) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        backdrop-filter: blur(6px) !important;
         align-items: center;
    }
    
    /* Make list items 200px wide and add border radius */
    .ch-header .e-n-menu-wrapper li.e-n-menu-title {
        max-width: 230px;
        width: 230px !important;
        border-radius: 4px !important;
        background: var(--background-2) !important;
        box-shadow: 0px 0px 16px 10px var(--shadow) !important;
        padding: 0px;
    }
    
    /* Add highlight on hover */
    .ch-header .e-n-menu-wrapper li.e-n-menu-title:hover {
        background: var(--secondary) !important;
        box-shadow: 0px 0px 16px 10px var(--shadow-hover) !important;
         
    }
    
    /* Adjust a tag size so it fills li */
    .ch-header .e-n-menu-wrapper li.e-n-menu-title a {
        width: 100% !important;
        justify-content: center;
        color: var(--text) !important;
        padding: 12px;
        z-index: 1;
    }
    
    /* Make text white on hover or active state */
    /*.ch-header .e-n-menu-wrapper li.e-n-menu-title.e-current a,*/
    .ch-header .e-n-menu-wrapper li.e-n-menu-title a:hover {
        color: white !important;
    }
    
    /* Change background for current menu item */
    /*
    .ch-header .e-n-menu-wrapper li.e-n-menu-title.e-current  {
        background: var(--secondary) !important;
        color: white !important;
    }*/

    /* Make a tag full width so that the entire element is clickable */
    .ch-header .e-n-menu-wrapper li.e-n-menu-title div {
        width: 100% !important;
    }
    .ch-header .e-n-menu-wrapper li.e-n-menu-title a {
        width: 100% !important;
        justify-content: center;
        color: var(--text) !important;
        
    }
    
    /* adjust placement of icon */
    .ch-header .e-n-menu-icon {
        display: flex !important;
        margin-left: -50px;
        padding-left: 20px;
        z-index: 0;
    }
    
    /* Add padding to submenu except last item */
    .ch-sub-menu li:not(:last-child) {
       padding-bottom: 15px;
       font-size: .9rem;
    }

}

@media screen and (max-width: 385px) {
    .ch-header-cta {
        display: none;
    }
}


/*------------------- Services Pages -----------------------*/

.ch-accent-list ol {
    padding-left: 20px !important;
}

.ch-accent-list li {
    padding-bottom: 15px !important;
}

.ch-accent-list li::marker {
    font-weight: 600 !important;
    color: var(--i-green) !important;
}

.ch-icon-box .elementor-icon-box-wrapper {
    float: left;
    text-align: left;
    display: flex !important;
    flex-direction: row-reverse !important;
}


.ch-max-600 {
    width: 600px !important;
}

.ch-max-600 {
    max-width: 100%;
}

.dark-accordion h3.e-n-accordion-item-title-text {
    color: white;
}

@media (max-width: 767px) {
.ch-max-600 {
        width: 100% !important;
    }
}

.ch-dark-blur {
    backdrop-filter: blur(10px); 
	transform: translateZ(0); 
}

.ch-inline-icons.ch-icon-background .elementor-icon-list-icon svg{
    aspect-ratio: 1;
    position: relative;
    align-content: center;
    align-items: center;
    background: var(--shadow-hover);
    padding: 10px;
    border-radius: 30px;
    width: 60px;
    height: 60px;
} 
.ch-list-background .elementor-icon-list-icon {
    aspect-ratio: 1;
    position: relative;
    align-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 
    background: transparent !important;
    border-radius: 30px;
    margin-right: 15px;
}

.ch-list-background .elementor-icon-list-icon svg {
    padding: 20%;
    margin: 0px !important;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  	.transparent.ch-glass,
	.transparent.ch-glass-hero {
     background: rgba(255,255,255,.25) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
  }
}

.ch-blue-bold b {
   color: transparent;
    background-image: linear-gradient(to right, #f32170, #5E5DB8, #cf23cf, #5E5DB8);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
}

.ch-blur {
    filter: blur(10px);
}

.animation {
  filter: blur(0px);
  animation-name: myAnimation;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes other {
  from {filter: blur(10px);}
  to {filter: blur(40px);}
}



