/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Global Styles for Dropdowns, Nav Icons */
@import url('//cdn2.hubspot.net/hub/21706293/hub_generated/template_assets/110334836751/1695144980034/Reformer/css/v2/global_styles.min.css');

/* Text Styles */

/* Hover States */

/* Nav item */
.eut-menu a:hover {
  color: #191957! important
}



/* * */
/* Section - Main Heading & Subheading */

.section-header {
    text-align: center;
    max-width: 740px;
    margin: 0 auto;
    margin-bottom: 40px;

}

.section-subheader {
   color:#505070;
   
  }

/* Section Max-Width to be set from the editor */
/* * */


/* Hero Subheading Text */

/* Client Logos */

.clients-logos-wrapper {
  text-align: center;
  background-color: #F6F9FF;
}

p.clients-subheading {
  font-size: 20px !important;
  line-height: 2rem;
  margin-bottom: 40px;
  color: #727299;
}



/* Hero Text Color   */

.eut-slogan-inner>h1 {
    color: #1A1A57 !important;
}

/* Hero Text Color   */
.content-wrapper--vertical-spacing{
  padding: 160px 20px;
  padding-bottom: 160px;
}

.dnd-module>span {
    font-size: 20px !important;
    font-weight: 400;
}

/* Hero Highlight */
.hero-text {
  color: #156CEF;
}


/* NAV Properties */

/* nav bg color */
.eut-header.eut-header-skin-dark {
  background-color: #F6F9FF;
}

/* nav witdh */
.eut-container {
   max-width: 1440px !important;
   margin-bottom: 0px
}
.eut-header {
  padding-top: 40px;
}


/* Client Logos */

.subtitle-logos {
  color:#727299;
  font-size:20px;
  font-weight: 400;
  margin-bottom: 50px !important;
  margin-top: -50px !important;
  line-height: 1.5em;
}

/* Center logos */
#hs_cos_wrapper_widget_1680077294585, #hs_cos_wrapper_module_1680077302814, #hs_cos_wrapper_module_1680077305325 {
  margin: 0 auto !important;
  width: 50%;
}

/* maging the 2nd image bigger */
#hs_cos_wrapper_module_1680077299885 {
  margin: 0 auto !important;
  width: 70%;
}

/* Features Section */


.features-small-icon {
     display: inline;
     width: 100%;
     vertical-align: middle !important;
     height: auto !important;
    
}

.features-small-icon img {
  width: 50px !important;
  height: 50px !important;
  margin-right: 10px;
  float: left;
}

.features-small-icon p {
     font-weight: 700 !important;
     font-size: 17px !important;
     min-height: 100px !important;
     padding-top: 9px !important;
     color: #191957;
}


p.feature-text {
  display: table-cell;
  vertical-align: middle !important;
}



/* Feature Link */
.hs-cta-img {
  font-size:17px;
  color: #191957;
  font-weight: 600;
  text-decoration: none;
  padding-top: 50px !important;

}

/* Margin Top */
.row-number-10  {
  align-items: middle;

}


/* End Feature Box*/

/* Icon Boxes*/

.eut-h6  {
   font-size: 22px !important;
   font-weight: 600;
   color: #191957;
}

p.eut-description {
   font-size: 20px !important;
   font-weight: 400;
   color: #191957;
   margin-bottom: 60px !important;

}

.eut-icon-box {
  background-color: #ffffff;
  padding: 30px 50px 50px;
  border-radius: 16px;
  box-shadow: 0 1px 20px rgb(0 0 0 / 0.1);
}



html {
  scroll-behavior: smooth;
  /*Adds smooth scrolling instead of snapping to element*/
}


/* Navigation */
.eut-header .eut-header-skin-light .eut-header .eut-header-skin-dark {
  background-color: #fff !important;
  max-width: 1440px;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;

}

.menu-link {
  font-size: 18px !important;
  color: #676792  !important;

} 

  
/* END OF NAVIGATION */  
  
}

.eut-body-text {
  font-family: Jost,sans-serif;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875em;
}


/* Background Color */

/* Background color - Whitepaper */
.dnd_area-row-0-background-color {
  background-color: #F6F9FF !important;
}


/* Headings & Typography */

/* H1*/


.eut-h1 h1 {
  font-size: 60px !important;
}

.eut-h1 .eut-h2 h1 h2 {
  font-family: Jost,sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2em;
  text-decoration: none;
  color: #1A1A57;
}



/* H4*/

.eut-h4>span {
  font-size: 38px !important;
   color: #ffffff !important;
   line-height: 60px;
}

span, a {
  font-family: Jost,sans-serif;
}



/* Subheading */

.eut-leader-text blockquote p {
  font-family: Jost,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.667em;
  text-decoration: none;
  color: #676792;
}

/* Subheading - Uppercase Blue */
.eut-slogan .eut-subtitle {
  font-family: Jost,sans-serif;
  font-style: medium;
  line-height: 1.2em;
  text-decoration: none;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  color: #156CEF;
  letter-spacing: 0.2rem;
}

/* Body Text */

.eut-desription .eut-anim-item .eut-text-grey .eut-body-text  {
  font-family: Jost,sans-serif;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.667em;
  text-decoration: none;

}

/* Links Decoration */
a {
  text-decoration: none !important;
}


/* Hero Description */

.eut-desription {
  margin-bottom: 50px;
  font-size: 20px !important;
  color: #676792; 
  font-weight: 400;
}


/* Buttons */

/* Primary */
.eut-bg-primary-1 .eut-bg-primary-2 {
  background-color: #156CEF;
}

/* Client Logos */


/* Centering the logos */
#hs_cos_wrapper_widget_1679927638400, #hs_cos_wrapper_module_1679927651239, #hs_cos_wrapper_module_1679927680183, #hs_cos_wrapper_module_1679927644506 {
  margin: 0 auto !important;
  width: 50%;
}


/* Whitepaper Button */
.eut-bg-primary-4 {
  background-color: #156CEF !important;
}

.eut-button a {
  cursor: pointer;
  display: inline-block;
  line-height: 1.000em;
  padding: 24px 60px;
  border-radius: 12px;
  text-align: center;
  transition: color 0.3s linear, background-color 0.3s linear;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}


/* Button text */
.eut-large-text .eut-link-text  {
  font-family: Jost,sans-serif;
  font-style: normal;
  line-height: 1.2em;
  text-decoration: none;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
}

.eut-bg-primary-4 .eut-btn-title {
  color: #ffffff;
}

/* Hide Nav Line */
.eut-header .eut-line {
  width: 0px;
}
  

/* WHITEPAPER PAGE */
.eut-list-item {
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500;
  color: #ffffff;
  margin-top: 20px;
}

/* Section Bg Color */
.row-number-4 { 
   background-color: #0040CB;
}

/* Form Background */
.cell_1650909201576-background-color {
  background-color: #ffffff !important;
  border-radius: 24px !important;
}


/* Form Padding */
.cell_1650909201576-padding {
  padding: 40px !important;
}

/* Form Label */
form label {
  font-size: 17px;
  font-weight: 500;
  color: #000000;
  
}

/* Form Field */
.input .hs-input {
   border-radius: 10px !important;
}

/* Form asterix */
.hs-form-required {
 padding-left: 5px;
}

/* Left Box Padding - inside the blue box*/
.cell_16508761996482-vertical-alignment,  {
  padding-right: 6% !important;
}

.eut-header-btn .eut-list-item  {
  color: ffffff !important;
  font-style: normal;
  font-weight: 500;
}


/* Whitepaper */

span.eut-text-black {
    font-size: 20px !important;
    color: #ffffff !important;
}


.hs_cos_wrapper .hs_cos_wrapper_widget .hs_cos_wrapper_type_rich_text p {
    font-size: 18px !important;
}



/* Section Pading Top */

.hs-richtext>p {
     color: #6D7E94;
     font-size: 17px !important;
  
}

/* Form Button*/

#hs_cos_wrapper_widget_1650909200903 input[type="submit"] {
  background-color: #1A1A57 !important;
  background-image: none !important;
  border-style: none !important;
  height:60px;
  font-weight: 400;
  font-size: 17px;
}


/*Hero Background Image */
.dnd_area-row-0-background-image {
  background-image: url('https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/hero_abstract_shapes-2.svg') !important;
  background-size: auto !important;
  background-position: left bottom !important;
  background-repeat: no-repeat !important;
  margin-bottom: 30px;
}


/* Footer */

.eut-footer {
    background-color: #1A1A57 !important;
}

#hs_cos_wrapper_footer3-2-module-4 {
  background-color:  #1A1A57 !important; 
}

/* z-index */

.row-number-1 {
    position: relative !important;
}

.background-elements-1 {
     position: absolute;
     top: 120px;
     right: -70px;
     background-image: url('https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/chub_backup/circle_hero.svg');
     background-repeat: no-repeat;
     background-size: contain;
     height: 215px;
     width: 215px;
     z-index: 1;
}


.background-elements-2 {
     position: absolute;
     bottom: 30px;
     left: 0px;
     background-image: url('https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/chub_backup/hero_abstract_shapes.svg');
     background-repeat: no-repeat;
     background-size: contain;
     height: 215px;
     width: 215px;
     z-index: 1;
}

.eut-list-item {
       background-image: url('https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Whitepaper/checkmark.svg');
       background-repeat: no-repeat;
}

.eut-text-black {
           margin-left: 6px;
}

/* CTA */

.dnd_area-row-3-hidden  {
        background-color: #0040CB;
        height: 440px !important;
        position: relative;
        z-index: 1;
} 

.background-elements-cta-1 {
    position: absolute;
    right: 0px;
    top: 30px;
    background-image: url('https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/cta_illustration.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 420px;
    width: 650px;
    z-index: -1;}

.ctabutton {
    background-color: #156CEF !important;
}


/* HERO BUTTON */
.eut-bg-primary-1 {
    background-color: #156CEF !important;
}


.cta-button {
      margin-top: 50px;
      background-color: #FF9317 !important;
}


/* Centering Elements */

.dnd_area-row-3-vertical-alignment {
   display: flex;
   align-items: center;
}

/* Bootstrap Custom Style */

/* Slider */

.testimonial-container {
	background-color: #1A1A57 !important;
  padding: 40px !important;
  border-radius: 20px;
}

/* Removing Slider arrow hover effect */
.testimonial-container .button:focus, .testimonial-container .button:hover, .testimonial-container button:focus, .testimonial-container button:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Flexbox vertical distribution */


.slider-flex {
  min-height: 560px !important;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

/* Expand the 2nd child */
.slider-flex>div:nth-child(2) {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center; 
  }

/* Testimonial Typography */

.testimonial-bottom {
  text-align: center !important;
  color: #ffffff !important;
 
}

h3.testimonial {
	font-size: 25px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	margin-bottom: 0px !important;
  color: #ffffff !important;
  text-align: center !important;
}



p.testimonial-name {
	font-size: 22px !important;
	font-weight: 500;
	color: #5596F6 !important;
  margin-bottom: 4px !important;
}

p.testimonial-company {
	font-size: 18px !important;
	font-weight: 400;
	margin-bottom: 0px !important;
  color: #ffffff !important;
}


.testimonial-picture {
	height: 50px;
	width: 50px;
	margin-bottom: 10px;
	border-radius: 50%;
}


/* Slider Bg graphic elements */

.testimonial-container {
	position: relative;
	
}

.bg-elements-1 {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/Testimonial%20Slider/slider-bg-elements-1.svg");
	top:30px;
	right:30px;
	width: 250px;
	height: 150px;
	background-repeat: no-repeat;
}

.bg-elements-2 {
	position: absolute;
	background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/Testimonial%20Slider/slider-bg-elements-2.svg");
	bottom: 30px;
	left: 30px;
	width: 148px;
	height: 163px;
	background-repeat: no-repeat;
	background-size: contain;
}

/* End Slider */


/* Whitepaper Section */

.whitepaper-text {
  width: 70%;
}

.whitepaper-text h2  {
  color: #ffffff !important;
}

.whitepaper-text p  {
  color: #ffffff !important;
}

.whitepaper-text .eut-subtitle {
   color: #ffffff !important;
}

.whitepaper-text .eut-btn-title {
  color: #156CEF !important;

}


/* Contract Lifetime Cycle - section with big graph - 2 boxes & graph */


.less-time-waiting .eut-icon-box {
 box-shadow: none;
 display: inline-block !important;
}

.less-time-waiting .eut-icon-box:first-child, .less-time-waiting .eut-icon-box:nth-of-type(2)  {
  padding: 60px 140px 40px 60px !important;
}


.less-time-waiting .eut-h6 {
  line-height: 2.4rem;
}

#hs_cos_wrapper_widget_1680042822907 {
  margin-top: 60px;
}


/* Icon Boxes - Fix The Read More Link to the bottom */
.eut-icon-boxes .eut-icon-box {
  justify-content: space-between;
}

/* Contract Lifetime Cycle Graphs */

/* Hidding the mobile image */
#hs_cos_wrapper_widget_1680071957340 {
  display: none !important;
}



/* CTA Blue */

.cta-blue {
  width: 70%;
}

.cta-blue h2 {
 color: #ffffff !important;
  margin-bottom: 50px;
}

.cta-blue  .eut-bg-primary-3 {
 background-color: #FF9317 !important;
}

/* remove container-fluid gutter */
.container-fluid {
  --bs-gutter-x: 0rem !important;
}

/* (cta image class) */
#hs_cos_wrapper_widget_1680068466323 {
}


 /* Homepage Features Section - NEW */

.features-content {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	margin-bottom: 60px;
}


.feature-image {
	padding-top:30px;
}

.feature-content {
	padding-left: 30px !important;
	padding-right:30px  !important;
	margin-top: 40px  !important;

}


.feature-text h3 {
	color: #191957;
	font-size: 38px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.3em;
}

.feature-text p {
	color: #525272;
	font-size: 21px !important;
	font-weight: 400;
	line-height: 1.8em;

}

.feature-section h6 {
	color: #262676;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 26px;

}

.feature-image img {
	width: 100%;
}  


.feature-text {
	margin-bottom: 20px;
}


/* Icon Section */

.features-bottom {
	margin-top:40px;
}

.feature-icons {
	display: flex;
	flex-wrap:wrap;
}

/* Icon Text */
.feature-icon p {
	margin-right: 10px;
	font-size: 17px !important;
	font-weight: 500;
	margin-bottom: 0 !important;
  color: #191957 !important;

}

.feature-icon {
	display: flex;
	align-items: center;
	background-color: #E1F1F5;
	padding: 12px 18px 12px 18px;
	border-radius: 100px; 
	margin-bottom: 20px;
	font-size: 18px;
	color:#191957;

}

.feature-icon img {
	margin-right: 10px;
}


/* Learn More Link */

.learn-more-link {
	margin-top: 10px;
}

.learn-more-link span {	
	vertical-align: middle;

}


.learn-more-link a {
	font-size: 17px;
	color: #156CEF !important;
	font-weight: 500;
	text-decoration: none;
	vertical-align: middle;
}

.features-content {
	margin-bottom: 60px !important;
}


/* END Features Section NEW */


/*  ---------------------------1200------------------------------- */

/* RESPONSIVE ADJUSTMENTS 1200 */

@media screen and (max-width: 1200px) {


.feature-image img {
	margin-bottom: 50px;

}  
  
/* Maintaining hero image size */

#hs_cos_wrapper_widget_1679923064852 .eut-single-image img {
  width: auto !important;
 }

/* put image at the top for boxes 1 & 3 */
  
.features-content {
	display: flex;
	flex-direction: column-reverse;
}

/* put image at the top for boxes 2 */

.feature-2 {
	display: flex;
	flex-direction: row-reverse;
}

.feature-image img {
	margin-bottom: 0;
}

.feature-content {
	margin-top: 20px;
	margin-bottom: 60px;
	width: 100%;
}

	.feature-text {
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;

	}

	.feature-top {
		width: 80%;
		margin: 0 auto;

	}

	.feature-image {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 0px;
	}

	.feature-icons {
		justify-content: center;
		align-items: center;
		flex-wrap:wrap;
		width: 100%;
	}

	.feature-icon {
		flex-grow: 0;
		width: 400px;
		margin-left: 20px;

	}

	.features-bottom {
		text-align: center;
		margin-top: 30px;
	}


.client-logo {
  margin-bottom: 40px !important;
}


.eut-icon-boxes.module_16800366614335 {
  grid-column-gap: 50px !important;
}

#hs_cos_wrapper_widget_1680077294585, #hs_cos_wrapper_module_1680077299885, #hs_cos_wrapper_module_1680077302814, #hs_cos_wrapper_module_1680077305325 {
  margin: 0 auto !important;
  width: 100% !important;
  padding-bottom: 50px !important;
}

.eut-icon-boxes.module_16800366614335 {
  grid-row-gap: 40px;
  grid-column-gap: 40px;
}

.eut-grid.eut-columns-table-lg-3 {
  grid-template-columns: repeat(2,1fr);
}

}

/* END RESPONSIVE 1200 */



@media (min-width: 1600px) and (max-width: 2000px) {
   
  
    /* Fixed hero image size */
 
#hs_cos_wrapper_widget_1679923064852 .eut-single-image img {
  width: auto !important;
  margin-right: 10%;
 }
  
  
}


/*  -------------------------992-------------------------------- */


/* RESPONSIVE FINAL ADJUSTMENTS 992 */
@media screen and (max-width: 992px) {
  
  
	.feature-image {
		width: 100%;
		margin: 0 auto;
	}

	.feature-top {
		width: 100%;
		padding: 20px;
	}


	.feature-icons {
		justify-content: center;
	}
  
  .feature-icon {
    margin-left: 0px !important;
  }

	.features-bottom {
		text-align: center;
		margin-top: 0px;
	}

	.feature-content {
		width: 100%;
	}


.features-content .feature-content {
	padding: 0px !important;
}	  

  .client-logo {
  margin-bottom: 40px !important;
}
  
  
.features-content {
  margin-bottom: 0px !important;
}


.whitepaper-text {
  width: 100% !important;
}
  
  
.less-time-waiting .eut-icon-box:first-child, .less-time-waiting .eut-icon-box:nth-of-type(2) {
  padding: 60px 40px 20px 40px !important;
  text-align: center !important;
  
 }
  
  .cta-blue {
  width: 100% !important;
  }    
    
       
     .section-header, .feature-text {
        max-width: 96% !important;
     }   
  
  
	/* END RESPONSIVE ADJUSTMENTS 992 */
	
	}

/*  --------------------------767--------------------------------- */

/* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (max-width: 767px) {
     
  /* Adjustable hero image size */
 #hs_cos_wrapper_widget_1679923064852 .eut-single-image img {
  width: 100% !important;
 }   
     
    .client-logo {
  margin-bottom: 40px !important;
}

  #hs_cos_wrapper_widget_1680068466323 {
    margin-top: 50px !important;
}

/* (showing the mobile image alternative) */

 /* Hiding desktop image */
#hs_cos_wrapper_widget_1681929807939 {
    display: none;
  }
  
  
 /* showing mobile image */
#hs_cos_wrapper_widget_1680071957340 {
  display: initial !important;
}
  
  
#hs_cos_wrapper_widget_1680071957340 img {
  margin-top: 50px !important;
}
  
/* Center & resize logos on mobile */
#hs_cos_wrapper_widget_1680077294585 img, #hs_cos_wrapper_module_1680077299885 img, #hs_cos_wrapper_module_1680077302814 img, #hs_cos_wrapper_module_1680077305325 img {
  margin: 0 auto !important;
  width: 60% !important;
  padding-bottom: 50px !important;
  }

  
.eut-grid.eut-columns-table-lg-3 {
    grid-template-columns: repeat(1,1fr) !important;
  
}

.eut-grid.eut-columns-2 {
  grid-template-columns: repeat(1,1fr) !important;
}
  
     
/* Slider Responsive */     
  
     
 .slider-flex {
   min-height: 770px !important;   
     }     
     
/* Slider H3 Size */
h3.testimonial {
  font-size: 23px !important;
}     
     
     .testimonial-bottom {
      margin-top: 30px;
     }
     
     .testimonial-logo {
      margin-bottom: 20px;
     }
    
	.bg-elements-1, .bg-elements-2 {
		background-image: none;

	}
     
 /* Moving slider arrows at the bottom */   
 .carousel-control-next, .carousel-control-prev {
  top: 84% !important;
  bottom: 10% !important;
     
}   
 
        .section-header, .feature-text {
       width: 100% !important;
     }   
     
     .feature-top {
      padding: 0px !important;
     }
     
     .eut-slogan-inner {
      margin-bottom: 50px !important;
     }
     
   .eut-icon-box {
  padding: 30px 30px 40px !important;
     }
     
     p.eut-description {
        margin-bottom: 30px !important;
}

     
     #hs_cos_wrapper_widget_1680071957340  .eut-single-image {
         scale: 1 !important;
     }   
     
}  
     
/* END RESPONSIVE ADJUSTMENTS 767 */


/* Section 1 - Homepage Hero */


.hero-text h1 {
	font-size: 53px !important;

}

.hero-content {
	display: flex !important;
	align-items: center;
}


/* Hero Text */
.hero-section {
	background-color: #F6F9FF;
	padding: 30px;
}

.hero-text-wrapper {
	text-align: left;
	padding-right: 6% !important;

}

p.hero-subheading {
	font-size: 22px;
	line-height: 2.6rem;
}


/* Hero Image */

.hero-text span {
	color: #156CEF;
}

.hero-image img {
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
	margin-left: 20%;

}

.hero-image-section {
	text-align: center;

}

.hero-image-section { 
	position: relative;
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}


  a  {
	text-decoration: none;
  }


/* Button with arrow */

/* Primary - Filled  */
.btn-primary-filled  {
	background-color: #156CEF;
	color: white !important;
	border: none;
	font-size: 17px !important;
	font-weight: 500;
	border-radius: 14px;
	margin-top: 30px;
	padding: 22px 30px 22px 30px !important;
	transition: color 0.1s cubic-bezier(0.16,0.08,0.355,1), background 0.1s cubic-bezier(0.16,0.08,0.355,1);
	display: inline-block;
	cursor: pointer;
	min-width: 250px;
	outline: none;
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: hidden;
	letter-spacing: 0.5px;
  }
  
  @media (min-width: 400px) {
   .btn-primary-filled {
	  width: auto;
	}
  }
  
  @media (min-width: 800px) {
   .btn-primary-filled {
	  font-size: 1.1rem;
	  padding: 1.6rem 2.8rem;
	}
  }
  .btn-primary-filled:hover {
	color: #ffffff;
	background-color: #0F5ED2;
  }

.btn-primary-filled:focus {
	background-color: #156CEF;
}
  
  /* Arrow */
  
  .btn-primary-filled .btn-arrow-filled {
	  position: relative;
	  transition: background-color 300ms ease-out;
	}
  
  .btn-arrow-filled span {
	  display: inline-block;
	  position: relative;
	  transition: all 300ms ease-out;
	  will-change: transform;
	  color: #ffffff !important;
	}
	.btn-arrow-filled:hover span {
	  transform: translate3d(-1.4rem,0,0);
	}
	.btn-arrow-filled img {
	  position: absolute;
	  width: 1.1em;
	  right: 0px;
	  opacity: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  transition: all 300ms ease-out;
	  will-change: right, opacity;
	}
	.btn-arrow-filled img * {
	  stroke: transparent solid 2px;
	}
	.btn-arrow-filled:hover img {
	  opacity: 1;
	  right: -2.4rem;
	}

/* Hero Floating Elements */

.hero-image {
	position: relative;
}

	.hero-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/hero/floating-elements.svg");
		top: 24%;
		left:-7%;
		height: 100%;
		width: 130%;
		background-repeat: no-repeat;
		overflow: auto;	
}
	}

/* CSS Floating Animation */
.hero-floating  {
  animation: float 10s ease-in-out infinite;
  }

	@keyframes float {
	0% {
	  transform: translatey(0px);
	}
	50% {
	  transform: translatey(-20px);
	}
	100% {
	  transform: translatey(0px);
	}
	}

	.email-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/hero/email.svg");
		top: 0%;
		right:11%;
		height: 120px;
		width: 120px;
		background-repeat: no-repeat;
		overflow: visible; 
	}

	.calendar-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/hero/calendar.svg");
		top: 0%;
		left: 17%;
		height: 120px;
		width: 120px;
		background-repeat: no-repeat;
		overflow: visible; 
	}

	

.email-floating {
		-webkit-animation: jello-horizontal 5s both;
				animation: jello-horizontal 5s both;
				animation-delay: 10s;
				animation-iteration-count: infinite;
				-moz-animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
				-o-animation-iteration-count: infinite;
}

.calendar-floating {
	-webkit-animation: jello-horizontal 5s both;
			animation: jello-horizontal 5s both;
			animation-delay: 2.5s;
			animation-iteration-count: infinite;
			-moz-animation-iteration-count: infinite;
			-webkit-animation-iteration-count: infinite;
			-o-animation-iteration-count: infinite;
}


@keyframes jello-horizontal {
	0% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}
	2% {
	  -webkit-transform: scale3d(1.25, 0.75, 1);
			  transform: scale3d(1.25, 0.75, 1);
	}
	4% {
	  -webkit-transform: scale3d(0.75, 1.25, 1);
			  transform: scale3d(0.75, 1.25, 1);
	}
	6% {
	  -webkit-transform: scale3d(1.15, 0.85, 1);
			  transform: scale3d(1.15, 0.85, 1);
	}
	8% {
	  -webkit-transform: scale3d(0.95, 1.05, 1);
			  transform: scale3d(0.95, 1.05, 1);
	}
	10% {
	  -webkit-transform: scale3d(1.05, 0.95, 1);
			  transform: scale3d(1.05, 0.95, 1);
	}
	12% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	  }



  }

  

/* RESPONSIVE ADJUSTMENTS 1570 */

@media screen and (max-width: 1570px) {
	
	.container {
		padding-left: 50px;
		padding-right: 50px;
	}
	
  .row {
  padding-left: 12px !important;
}
  
  
	.hero-image img {
		margin-left: 0%;
	
	}

	.hero-floating {
		left: -20%;
	}
.calendar-floating {
	left: 6%;
}

.email-floating {
	right: 20%;
}

}

@media screen and (max-width: 1200px) {
  
    .row {
  padding-left: 0px !important;
}

	.hero-text {
		text-align: center;
		margin-bottom: 50px;
		max-width: 700px;
		margin: 0 auto;
		
	}

	.hero-text-wrapper {
		max-width: 80%;
		margin: 0 auto;
	}


.hero-text h1 {
		font-size: 54px !important;
	}

	.hero-image {
		margin-top: 50px;
	}

	.hero-image img {
		margin-left: 0% !important;

	}

	
	.hero-floating {
		left: 50%;
		margin-left: -500px;
	}

	.email-floating {
		left: 55%;

	}

	.calendar-floating {
		left: 50%;
		margin-left: -300px;

	}


}

/* RESPONSIVE ADJUSTMENTS 992 */
@media screen and (max-width: 992px) {

.hero-text 	h1 {
		font-size: 50px !important;
	}


	.hero-text-wrapper {
		max-width: 100%;
		margin: 0 auto;
	}


}
	/* END RESPONSIVE ADJUSTMENTS 992 */
	
	

 /* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (max-width: 767px) {

.hero-floating {
	left: 0%;
	top: 41%;
	margin-left: 0px;
	width: 100%;
	height: 100%;
	background-size: contain;
	scale: 1.3;
}


.hero-text h1 {
		font-size: 38px !important;
    line-height: 3rem !important;
	}
     p.hero-subheading {
			font-size: 20px;
      line-height: 2.2rem !important;
		}
     
     .btn-primary-filled {
        margin-top: 17px !important; 
     }

.hero-image {
	overflow: visible;
}

		.email-floating {
			top: -5%;
			left: 60%;
			scale: 0.8;
	
		}
	
		.calendar-floating {
			left: 70%;
			top: -5%;
			margin-left: -300px;
			scale: 0.8;
	
		}

} /* END RESPONSIVE ADJUSTMENTS 767 */


/* End Section 1 - Homepage Hero */



/* Hero Floating Elements */

.hero-image {
	position: relative;
}

.hero-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/hero/floating-elements.svg");
		top: 24%;
		left:-7%;
		height: 100%;
		width: 130%;
		background-repeat: no-repeat;
		overflow: auto;
	
	}

/* CSS Floating Animation */
.hero-floating  {
  animation: float 10s ease-in-out infinite;
  }

	@keyframes float {
	0% {
	  transform: translatey(0px);
	}
	50% {
	  transform: translatey(-20px);
	}
	100% {
	  transform: translatey(0px);
	}
	}

	.email-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/hero/email.svg");
		top: 0%;
		right:11%;
		height: 120px;
		width: 120px;
		background-repeat: no-repeat;
		overflow: visible; 
	}

	.calendar-floating {
		position: absolute;
		background-image: url("https://21706293.fs1.hubspotusercontent-na1.net/hubfs/21706293/1.%20Redesign/Homepage/hero/calendar.svg");
		top: 0%;
		left: 17%;
		height: 120px;
		width: 120px;
		background-repeat: no-repeat;
		overflow: visible; 
	}

	

.email-floating {
		-webkit-animation: jello-horizontal 5s both;
				animation: jello-horizontal 5s both;
				animation-delay: 10s;
				animation-iteration-count: infinite;
				-moz-animation-iteration-count: infinite;
				-webkit-animation-iteration-count: infinite;
				-o-animation-iteration-count: infinite;
}

.calendar-floating {
	-webkit-animation: jello-horizontal 5s both;
			animation: jello-horizontal 5s both;
			animation-delay: 2.5s;
			animation-iteration-count: infinite;
			-moz-animation-iteration-count: infinite;
			-webkit-animation-iteration-count: infinite;
			-o-animation-iteration-count: infinite;
}


@keyframes jello-horizontal {
	0% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}
	2% {
	  -webkit-transform: scale3d(1.25, 0.75, 1);
			  transform: scale3d(1.25, 0.75, 1);
	}
	4% {
	  -webkit-transform: scale3d(0.75, 1.25, 1);
			  transform: scale3d(0.75, 1.25, 1);
	}
	6% {
	  -webkit-transform: scale3d(1.15, 0.85, 1);
			  transform: scale3d(1.15, 0.85, 1);
	}
	8% {
	  -webkit-transform: scale3d(0.95, 1.05, 1);
			  transform: scale3d(0.95, 1.05, 1);
	}
	10% {
	  -webkit-transform: scale3d(1.05, 0.95, 1);
			  transform: scale3d(1.05, 0.95, 1);
	}
	12% {
	  -webkit-transform: scale3d(1, 1, 1);
			  transform: scale3d(1, 1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	  }

  }

 

/* RESPONSIVE ADJUSTMENTS 1570 */

@media screen and (max-width: 1570px) {
	
	.hero-floating {
		left: -20%;
	}
.calendar-floating {
	left: 6%;
}

.email-floating {
	right: 20%;
}

}

@media screen and (max-width: 1200px) {
  
	.hero-floating {
		left: 50%;
		margin-left: -500px;
	}

	.email-floating {
		left: 55%;
	}

	.calendar-floating {
		left: 50%;
		margin-left: -300px;
	}

}


 /* RESPONSIVE ADJUSTMENTS 767 */
   @media screen and (max-width: 767px) {

.hero-floating {
	left: 0%;
	top: 41%;
	margin-left: 0px;
	width: 100%;
	height: 100%;
	background-size: contain;
	scale: 1.3;
}

		.email-floating {
			top: -5%;
			left: 60%;
			scale: 0.8;
	
		}
		.calendar-floating {
			left: 70%;
			top: -5%;
			margin-left: -300px;
			scale: 0.8;
	
		}
} /* END RESPONSIVE ADJUSTMENTS 767 */

/* End Section - Homepage Hero Two Rows */