/*******************
 * MERAC BANNER *
*******************/
html , body{
 overflow-x: hidden; 
  max-width: 100vw;
}
  
h1 {
  font-size: 3.8rem;
  color: #19355b !important; 
  font-size: 38px; 
  font-style: normal; 
  font-weight: bold; 
  line-height: 102.848%;
}


  ._hs-elevate-heading-container_1bnlv_1 h1 {
    color: white !important
  }

#hs_cos_wrapper_widget_1751982601819_ img {
  max-width: 100%;
}

.dnd_area-row-0-padding {
  padding: 0px 32px 0 !important;
  position: relative;  
}

.cell_17516251255994-vertical-alignment img {
  position: relative;
  bottom: -71px;
  margin-top: -110px;
  max-width: 450px !important;
}


/***********************************************
 * Talk to our Experienced Engineers BANNER *
***********************************************/
.dnd_area-row-1-background-image {
  padding-top: 80px
}

.talk-to h2 {
  color: #19355b !important; 
  text-align: right; 
  font-size: 2rem !important; 
  font-style: normal; 
  font-weight: 800; 
  text-transform: uppercase; 
  line-height: 0.8;
}
  
.dnd_area-row-1-background-image img {
  position: relative;
  bottom: -30px;
  margin-top: -60px;
  margin-bottom: -70px;
}

/***********************************************
 * Pink text SECTION *
***********************************************/
.pink-intro h3 {
  font-size: 2rem; 
  line-height: 110%; 
  font-weight: 600;
  margin-bottom: 1rem
}

.pink-content {
  font-size: 1rem; 
  line-height: 149%; 
  font-weight: 600;
}


/***********************************************
 * Get started text SECTION *
***********************************************/
.contact-heading h2 {
  color: #19355b !important; 
  font-size: 3rem; 
  font-style: normal; 
  font-weight: 800;
  line-height: 0.95;
}

.contact-content p {
  font-size: 2rem;
  font-style: normal;
  font-weight: bold;
  line-height: 108%;
}


/***********************************************
 * FORM *
***********************************************/
.hsfc-Step {
    border: none !important;
}

.hsfc-Step__Content {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
} 

label {
  font-size: 2rem !important;
  font-style: normal;
  font-weight: 700;
  line-height: 133.968%;
}

#hs_form_target_widget_1751628137913-22 {
  margin-top: 0 !important;
  margin-bottom: 3rem;  
  position: relative;
}

.hsfc-ErrorAlert {
  font-size: 12px !important;
}


/***********************************************
 * Part of Crowd Convert SECTION *
***********************************************/
#hs_cos_wrapper_module_17516319321133_, #hs_cos_wrapper_module_17516319321133 {
  line-height: 0 !important;
}

#hs_cos_wrapper_module_17516319321133_ img {
  height: 350px !important;
  object-fit: cover;
}


@media screen and (min-width: 400px) {
  h1 {
    font-size: 52px; 
  }
  
  .talk-to h2 {
    font-size: 3rem !important; 
  }
  
  .contact-heading h2 {
    font-size: 5.5rem; 
  }
}

@media screen and (min-width: 768px) {
  .row-fluid .span6 {
    width: 100% !important;
  }
  
  /*******************
   * MERAC BANNER *
  *******************/
  .dnd_area-row-0-padding {
    padding: 50px 32px !important;
  }

  .cell_17516251255994-vertical-alignment img {
    bottom: -70px;
    margin-top: -110px;
    max-width: 500px !important;
    position: absolute;
    right: -120px;
  }
  

  /***********************************************
   * Talk to our Experienced Engineers BANNER *
  ***********************************************/
  .talk-to h2 {
    font-size: 6rem !important; 
  }

  .dnd_area-row-1-background-image img {
    position: relative;
    max-width: 650px !important;
    left: -280px;
    bottom: 40px;
    margin-bottom: -150px;
  }
}

@media screen and (min-width: 1024px) {
  .row-fluid .span6 {
    width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 6 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 6 / 100) !important;
  }

  /*******************
  * MERAC BANNER *
  *******************/
  h1 {
    color: #19355b;
    font-size: 56px;
    font-style: normal;
    font-weight: bold;
    line-height: 102.848%;
  }
  
  .dnd_area-row-0-background-color,.dnd_area-row-0-background-image {
      position: relative;
      z-index: 0;
      min-height: 850px;
      display: block;
  }
  
  .dnd_area-row-0-background-color, .dnd_area-row-0-background-image {
      z-index: 1;
      display: flex !important;
      justify-content: center;
      flex-direction: column;
  }
  
  .cell_17516251255994-vertical-alignment img {
    height: auto;
    max-width: 900px !important;
    position: absolute;
    bottom: -127px;
    z-index: 300;
    right: -200px;
  }

  
  /***********************************************
   * Talk to our Experienced Engineers BANNER *
  ***********************************************/
  .talk-to h2 {
    font-size: 7.5rem !important; 
  }
  
  .dnd_area-row-1-background-image img {
    max-width: 850px !important;
    bottom: 25px;
  }

  /***********************************************
   * Pink text SECTION *
  ***********************************************/
  .pink-intro h3 {
    font-size: 2.6rem; 
  }

  .pink-content {
    font-size: 1.5rem; 
  }
  
  /***********************************************
   * Get started text SECTION *
  ***********************************************/
  .contact-heading h2 {
    font-size: 7.4rem; 
  }

  .contact-content p {
    font-size: 3rem;
  }

  .hsfc-Step__Content {
    flex-direction: row;
  }
  
  #hs_form_target_widget_1751628137913-15 {
    margin-left: 30px;
  }

  #hs_form_target_widget_1751628137913-20 {
    width: 66% !important
  }


}

@media screen and (min-width: 1280px) {
  
  /*******************
  * MERAC BANNER *
  *******************/
    .cell_17516251255994-vertical-alignment img {
      right: 0;
    }
  
  
   /***********************************************
   * Talk to our Experienced Engineers BANNER *
  ***********************************************/
  .dnd_area-row-1-background-image {
    padding-top: 150px
  }
    
  .talk-to h2 {
    font-size: 7.5rem !important; 
  }
  
  .dnd_area-row-1-background-image {
      position: relative;
      z-index: 0;
      min-height: 850px;
      display: block;
  }
  
  .dnd_area-row-1-background-image img {
      height: auto;
      max-width: 900px !important;
      position: absolute;
      bottom: -18%;
      z-index: 300;
      left: -10%;
      margin-bottom: 0;
  }
  
  [data-hsfc-id=Renderer] .hsfc-NavigationRow__Buttons:has(>*:only-child) {
    justify-content: end;
    flex-direction: column;
    height: 100%;
    padding-bottom: var(--hsf-row__vertical-spacing, var(--hsf-default-row__vertical-spacing));
  }
  
  #hs_form_target_widget_1751628137913-22 {
    margin-top: 0 !important;
    margin-bottom: 0;
    height: 113px;
    position: relative;
  }
}

@media screen and (min-width: 1400px) {
   /***********************************************
   * Talk to our Experienced Engineers BANNER *
  ***********************************************/
  .talk-to h2 {
    font-size: 8.4rem !important; 
  }
}

/* Basic styles to ensure it's visible while you troubleshoot CSS */
  .hs-elevate-header {
    background-color: #ffffff;
    padding: 0 0 20px 0;
    width: 100%;
  }
  .header-content {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .header-nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
  }
  .header-nav li {
    margin-left: 25px;
  }
  .header-nav a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
  }
  .hs-elevate-header__skip {
    position: absolute;
    top: -100px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 10px;
    z-index: 100;
  }
  .hs-elevate-header__skip:focus {
    top: 0;
  }

  .hs-content-id-250009614568 header {
    display: none !important;
  }


  ._hs-elevate-heading-container_1bnlv_1 h1 {
    color: white !important
  }

  .hs-elevate-blog-title h1 {
    font-size: 3rem !important;
  }

.hs-content-id-343419474155 header {
  display: none !important;