<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.page.page-id-44516 p:last-child{
	margin-bottom:0px;
}
.page.page-id-44516 header,
.page.page-id-44516 .elementor-element.elementor-element-10f1370m,
.page.page-id-45728 header,
.page.page-id-44516 .elementor-element.elementor-element-10f1370m,
.page.page-id-46069 header,
.page.page-id-46069 .elementor-element.elementor-element-10f1370m{
	display:none;
}
.elementor-heading-title span.green-color-text{
color:#00BDA5;
}

.bs-block{
box-shadow: 121px 315px 94px 0 rgba(0, 0, 0, 0.00), 78px 201px 86px 0 rgba(0, 0, 0, 0.01), 44px 113px 73px 0 rgba(0, 0, 0, 0.04), 19px 50px 54px 0 rgba(0, 0, 0, 0.06), 5px 13px 30px 0 rgba(0, 0, 0, 0.07);
}
.bg-bluegradient{
	background: radial-gradient(73.93% 49.94% at 50% 50.06%, rgba(255, 255, 255, 0.00) 58.04%, #FFF 100%), linear-gradient(132deg, #A5E8FF 16.54%, #C1D7FF 118.79%);
}
.margin-bottom-0 p:last-child{
margin-bottom:0px;	
}
/* adjust 'steps(...)' to roughly match number of characters */
@keyframes typing {
  from { width: 0; }
  to   { width: 100%; } /* expands to full text width */
}

@keyframes blink-caret {
  50% { border-color: transparent; }
}
@media screen and (min-width: 1024px) {
	
	.desk-block{
		display:block;
	}
}
.image-bs{
/*	    display: inline-block;
    box-shadow: 0 37px 10px 0 rgba(0, 0, 0, 0.00), 0 24px 10px 0 rgba(0, 0, 0, 0.01), 0 13px 8px 0 rgba(0, 0, 0, 0.04), 0 6px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.07);
    height: 50px;
    line-height: 50px;
    text-align: center;
    min-width: 122px !important;
    padding: 0px 15px !important ;
    border-radius: 6px;*/
	box-shadow: 0 37px 10px 0 rgba(0, 0, 0, 0.00), 0 24px 10px 0 rgba(0, 0, 0, 0.01), 0 13px 8px 0 rgba(0, 0, 0, 0.04), 0 6px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 3px 0 rgba(0, 0, 0, 0.07);
    background:#ffffff;
	
}

.blue-gradient-text span{
		color:#0E87F7;
/*	 background: linear-gradient(90deg, #00BDA5 50%, #1B98C4 100%, #3574E3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */

}
.bg-gradient-blue {
  background: 
    url('https://firecompass.com/wp-content/uploads/2025/10/Ellipse-2976.png') left top no-repeat,
    url('https://firecompass.com/wp-content/uploads/2025/10/Ellipse-2975.png') right top no-repeat,
    linear-gradient(132deg, #A5E8FF 16.54%, #C1D7FF 118.79%), 
    #D9D9D9;
  background-size: auto 100%, auto 100%, cover;
  background-position: left 0 top 0, right 0 top 0, center;
}

.green-blue-gradient-text  span{
background: linear-gradient(90deg, #00BDA5 0%, #1B98C4 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.blue-color-gradient-text span {

  background: linear-gradient(160deg, #6B0CEA 30%,#1B98C4 50% ,#3574E3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.bg-shhape{
	 background: 
    url('https://firecompass.com/wp-content/uploads/2025/10/Ellipse-2990-1.png') left bottom no-repeat,
    url('https://firecompass.com/wp-content/uploads/2025/10/Ellipse-2992.png') right bottom no-repeat;
	    background-size: auto 100%, auto 100%;
    background-position: left 0 bottom 0, right 0 bottom 0;
}
.typewrite span{
  background-size: 200%;
  background-position: -200%;
  animation: animated-gradient 7s infinite alternate-reverse;   
}
@keyframes animated-gradient{
  to{
    background-position: 200%;
  }
}
@media only screen and (max-width: 600px) {
	.bg-gradient-blue{
		background:linear-gradient(132deg, #A5E8FF 16.54%, #C1D7FF 118.79%);
	}
	 .custom-btn.custom-max-btn.hero-cta .elementor-button{
		font-size:12px !important;
		 padding:16px 10px !important;
	} 
	 .custom-btn.custom-min-btn.custom-mobile-btn  .elementor-button{
		min-width:200px;
		 font-size:12px !important;
		 padding:16px 10px !important;
	} 
	
	.custom-btn.custom-min-max.cutom-fwbtn   .elementor-button{
		min-width:100%;
	}
}

.text-center .elementor-counter-title{
	text-align:center;
}
.bg-radient {
	background: radial-gradient(36.87% 21.91% at 50% 78.09%, #6B0CEA 0%, #180A28 100%);
}

.radial-bg{
	background: radial-gradient(132.9% 60.5% at 50% 84.6%, #0E87F7 0%, #180A28 100%);
}
.bg-red-grad{
	background: radial-gradient(43.83% 50% at 50% 50%, #E33538 0%, #180A28 100%);
}
}</style>
<!-- end Simple Custom CSS and JS -->
