/* @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    */
/*****************************************/


.nav-title {
color: #fff;
  font-size: 40px;
  font-weight: 900;
}

.nav-desc {
color: rgba(255,255,255,0.5);
}

.mega-menu-special-intro {
  color: #36D3EF;
  margin: 10px 0px;

  text-transform: uppercase;
}

.mega-menu-value-prop-title {
  color: #fff;
  margin: 10px 0px;
  font-weight: 500; 
  text-transform: uppercase;
}
.mega-menu-value-prop-desc {
  color: rgba(255,255,255,0.5);
  margin: 10px 0px;
  font-weight: 200; 
}


.mega-menu-column-title {
  color: #fff;
  margin: 10px 0px;
}
.mega-menu-item-title {
  color: #fff;
  margin: 10px 0px;
  font-weight: 500; 
  text-transform: uppercase;
}

.mega-menu-item-desc {
  color: rgba(255,255,255,0.5);
  margin: 10px 0px;
  font-weight: 200; 
}
.mega-menu-compare-link {
  color: #fff;
  margin: 10px 0px;
}

.hhs-hero-mod H1 {
font-size: 60px;
}

.hhs-hero-mod H2 {
font-size: 40px;
margin-top: 30px;
}

#main-hero .cta-primary {
  margin-top: 30px;
}


.main-modal-parent {
display: flex !important;
width: 90%;
margin: auto;
}

.main-modal-child {
border: 1px solid #C0F1FE; background-color: #EAFAFE; padding: 15px; margin: 5px; text-align: center;
}

}
.main-modal-child:hover {
background-color: #36D3EF;
}

.home-stripe-title-1 {
  font-size: 38px ;
}

.home-stripe-title-2 {
  font-size: 20px;
}

.slider-title-1 {
color: #fff;

}

.slider-title-2 {
color: #fff;
  font-weight: 700;
  font-size: 28px;
  text-transform: none;
}

.scrolling-logos.slick-slider .logo-item img {
  filter:grayscale(1) opacity(50%) hue-rotate(180deg);
  }

.hhs-flexi-card {
  border: 1px solid rgba(255,255,255,0.5)
}



.home-slider-how-it-works .c-slide-inner-1 {

background: rgba(255, 255, 255, 0.2) !important;
border-radius: 16px !important;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(7.5px) !important;
-webkit-backdrop-filter: blur(7.5px) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
}



/* creates the dropcap on landing pages */
.landing-page-main-content p:first-child:first-letter {
  color: #9f1e54;
  float: left;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}

.landing-page-tagline h2 {
font-weight: 600;
}

.landing-page-key-points {
}

.landing-page-last-cta {
}

.landing-page-hero #hs_cos_wrapper_dnd_area-module-3 .first-col .hhs-col-inner-con {
vertical-align: top !important;
}

.content-type {
display: block;
margin-bottom: 40px;
text-align: center;
rgba(255,255,255,0.6) !important;
}

.pricing-table li {
font-size: 12px;  
  
}

.hhs-foot-break-line {
border-color: rgba(255,255,255,0) !important;
}