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

@font-face {
  font-family: 'Satoshi-Light';
  src: url('https://8184132.fs1.hubspotusercontent-na1.net/hubfs/8184132/Satoshi-Light.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap !important;
}

h1, h2, span, p, input, label, div, summary {
  font-family: 'Satoshi-Light' !important;
  line-height: 120% !important;
}

#hs_cos_wrapper_module_1756796416554, #hs_cos_wrapper_module_1756718890591 {
  background-color: #F1F4FE;
  padding: 16px 0px 16px 16px !important;
  border-radius: 16px !important;
}


.hsfc-Step {
  box-shadow: 0 8px 40px rgba(102, 112, 133, 0.15) !important;
  border-radius: 12px !important;
  overflow: visible !important;
}

.hsfc-Button {
  border-radius: 12px !important;
}

.hsfc-Button:hover {
  background-color: #1d2d50 !important;
  border-color: #1d2d50 !important;
}

.hsfc-Step__Content{
 padding-top: 38px !important;
}

.span12.widget-span.widget-type-custom_widget.dnd-module {
  /*display: flex !important;
  align-items: flex-start !important;  
}
/*****************************************/