@font-face {
 font-family: Sharp Grotesk;
 src: url('https://f.hubspotusercontent30.net/hubfs/6191183/DBX%20Fonts/SharpGroteskDBBook23.otf') format('otf'), url('https://f.hubspotusercontent30.net/hubfs/6191183/DBX%20Fonts/SharpGroteskDBBook23.otf') format('otf'), url('https://f.hubspotusercontent30.net/hubfs/6191183/DBX%20Fonts/SharpGroteskDBBook23.otf') format('truetype');
}
@font-face {
 font-family: AtlasGrotesk;
 src: url('https://f.hubspotusercontent30.net/hubfs/6191183/DBX%20Fonts/AtlasGrotesk-Regular.otf') format('otf'), url('https://f.hubspotusercontent30.net/hubfs/6191183/DBX%20Fonts/AtlasGrotesk-Regular.otf') format('otf'), url('https://f.hubspotusercontent30.net/hubfs/6191183/DBX%20Fonts/AtlasGrotesk-Regular.otf') format('truetype');
}

.sign-up_2{
  max-width: 900px;
  margin: auto;
}

.sign-up_2 h2
{
  color:#1E1919;
text-align:center;
  font-family: Sharp Grotesk, Arial, Helvetica, sans-serif;
    font-size: 52px;
margin-top: 20px;
    margin-bottom: 20px;
}

.form{
text-align:center;
}

.form p{
font-size:
}
.sign-up_2 h4
{
  color:#1E1919;
text-align:center;
/*  font-weight:600; */
 font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
 font-size: 22px;
  margin-bottom:20px;
  color: #1e1919;
  font-weight:bold;
}

.sign-up_2 p
{
  color:#1E1919;
 text-align:center; 
   font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
  font-size:24px;
  font-weight:bold;
          margin-bottom: 0px;
    margin-top: 40px;
}

.sign-up_2 h1{
  text-align:center;
/**  margin: bottom: 30px; **/
}

.sub_btn{
  text-align:center;
}

button {
    font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
  background: #0061fe;
  color: #f7f5f2;
  text-align: center;
  font-weight: 500;
  padding: 10px 30px;
  border-radius: 0px;
  transition: background-color .3s ease,color .3s ease;
}

#overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none;
}

#popup {
  max-width: 672px;
  width: 80%;
  max-height: 350px;
  height: 80%;
  padding: 20px;
  position: relative;
  background: #fff;
  margin: 20px auto;
}

#close {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  cursor: pointer !important;
  color: #000 !important;
}

.form1 p {
font-weight:bold;
  font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
    font-size: 16px;
    float: left;
      margin-right: 45px;
}
input[type=text1] 
{
border-top-style: hidden;
        border-right-style: hidden;
        border-left-style: hidden;
        border-bottom-style: groove;
        text-align:center;
         padding:0px 78px;
           margin-top: -10px;
          float:none;
           width:40%;
          border-color:#efefef;
          margin-bottom: 20px;
}


.hs-form-1ebc9cd1-9d54-42c5-9484-877dc42d45fc_942c48b2-4363-4f3a-b09e-0f6d7ff91ce6 fieldset.form-columns-2 .hs-form-field {
    width: 50%;
    text-align: center !important;
    float: left;
}

.form5 input[type=text] 
{
      font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
  font-size:18px;
  border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
/*     border-bottom-style: groove; */
    /* text-align: center; */
    padding: 0px 0px;
      color: #191a1b;
  
/*     float: left; */
    margin-bottom: 22px;
  text-align:center;
    border-color: #cacaca;
    width:65%;
}

input:focus {
    outline: none;
}

#popup h2{
    text-align: center;
/*     font-family: GT Sectra Display Bold Regular; */
  font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
    font-size: 35px;
  font-weight: 600;
}



@media (max-width:731px) and (min-width:320px) {
  .content_2 p{
  font-weight:500;
      line-height: 28px;
font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
font-size:23px;
/*   text-align:inherit !important; */
  color:#000;
      padding-bottom: 15px;
  word-spacing: 0px;
     -webkit-hyphens: auto; /* for Safari */
    hyphens: auto;
}
  
  .content_form{
/*     max-width: 740px; */
/*       padding-left: 67px;
    padding-right: 153px; */
    margin: 0 auto;
    padding:0px !important;
}
   input[name="industry"].hs-input {
   width:100% !important;
     } 

.form5{

    margin: auto !important;
    width: 100% !important;
    /* border: 3px solid green; */
    /* padding: 10px; */
/*     padding-right: 0px;
    margin-right: 0px; */
}


  
  .menu{
margin-bottom:0px !important;
}
  
  .modal-content {
  background: #efefef;
  margin: auto;
/*   max-width: 800px; */
  max-width: 665px;
  overflow: auto;
  overflow-x: hidden;
  padding: 1.5em;
  position: relative;
  //transform: scale(.8); // This sets the size to 80%, which is set to 100% below...
  //transition: transform .3s;
  width: 100%;
/*     height:100%; */
    margin-top:10px !important;
/*     margin-bottom:0px !important; */
}

    #popup {
  max-width: 672px;
  width: 80%;
  max-height: 600px;
  height: 100%;
  padding: 20px;
  position: relative;
  background: #fff;
  margin: 20px auto;
    }
  #popup h2 {
    text-align: center;
    /* font-family: GT Sectra Display Bold Regular; */
    font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-top: 0px;
    font-weight: 600;
}
  
  .form5 input[type=submit]{
      background: #0061FE;
    color: #fff;
    padding: 9px 44px;
    border-radius: 0px;
    outline: 0 !important;
   border:none;
    font-size:22px;
      letter-spacing: 1px;
/*     position:relative !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 18px !important; */
    /* position: absolute; */
    /* top: 50%; */
/*     left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
}
  
  .form1 p {
    font-weight: bold;
    font-family:AtlasGrotesk, Arial, Helvetica, sans-serif;
    font-size: 16px;
    float: left;
/*     margin-right: 92px; */
    margin-right: -66px;
}
  
  .sign-up_2{
    max-width: 900px;
    margin: auto;
}
  .sign-up_2 h2 {
    text-align: center;
/*     font-family: GT America Medium Regular; */
    font-size: 25px;
}
  
   .content_form p {
    font-weight:500;
    line-height: 28px;
    font-family: 'AtlasGrotesk, Arial, Helvetica, sans-serif';
    font-size:23px;
    -webkit-hyphens: auto; /* for Safari */
    hyphens: auto;
}
  input[type=text1] 
{
border-top-style: hidden;
        border-right-style: hidden;
        border-left-style: hidden;
        border-bottom-style: groove;
        text-align:center;
         padding:0px 78px;
           margin-top: -10px;
          float:none;
           width:90%;
}

 
}

@media (max-width:1024px) and (min-width:768px) {
   .content_2 p{
  font-weight:500;
      line-height: 28px;
font-family: 'AtlasGrotesk, Arial, Helvetica, sans-serif';
font-size:23px;
      -webkit-hyphens: auto; /* for Safari */
    hyphens: auto;
   /*  word-break: break-all;
/*   text-align:inherit !important; */
  color:#000;
      padding-bottom: 15px;
  word-spacing: 0px;
}
.form1 p {
    font-weight: bold;
    font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
    font-size: 16px;
    float: left;
    margin-right: 0px;
}
}

/* test 
 * /
 
/*
  Modal Overlay
*/
.modal-overlay {
  outline:0 !important;
  background:rgba(0,0,0,.8);
   height: 100%; 
  left: 0;
  display: flex;   
  overflow: auto;
  padding: 1.5em;
  position: fixed;
  top: 0;
  //transition: opacity .2s;
  width: 100%;
  z-index: -1;
}

.modal-overlay[aria-hidden="true"] {
  opacity: 0;
  visibility: hidden;
}

.modal-overlay[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

/*
  Modal Content Area
*/
.modal-content {
  background: #efefef;
  margin: auto;
/*   max-width: 800px; */
  max-width: 668px;
  overflow: auto;
  overflow-x: hidden;
  padding: 1.5em;
  position: relative;
  //transform: scale(.8); // This sets the size to 80%, which is set to 100% below...
  //transition: transform .3s;
  width: 100%;
  outline:0 !important;
  border:none !important;
  border-radius:0px !important;
  margin-top:168px;
}

.modal-overlay[aria-hidden="false"] .modal-content {
  //transform: scale(1);
  //transform: rotate(7deg);
}

/*
  General Modal Content
*/
#modal-title {
  margin-top: 0;
  padding-right: 1.25em;
}

/*
  Close Modal Button
*/
.btn-close {
  background: none;
  border: none;
  cursor: pointer;
  font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
  //font-size: 2em;
  //font-weight: 800;
  font-size:1.2em;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: .25em;
  top: .25em;
  z-index: 2;
}

.btn-close:hover {
  color: #c12f48;
}

.btn-close:focus {
  outline: 1px dotted;
}


/*

  This is here purely for demo styling

*/

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
}

body, html {
  background: #dedede;
  font-size: 20px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}


.btn:focus,
.input:focus,
.modal-content:focus {
  outline: 1px solid #ccc;
  box-shadow: 0 0 4px #e8a1ad;
}


.menu button{
    background: #0061FE;
    color: #fff;
    padding: 10px 45px;
    border-radius: 0px;
    outline: 0 !important;
  border: none;
    box-shadow: none;
}
.menu button:hover{
      background: #0061FE;
    color: #fff;
    padding: 10px 45px;
    border-radius: 0px;
    outline: 0 !important;
  border:none;
    box-shadow: none;
}

.menu button:focus {
    background: #5DF0D2;
    color: #030606;
    padding: 9px 44px;
    border-radius: 0px;
    outline: none !important;
  border: none;
    box-shadow: none;
}
  

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    /* outline: 5px auto -webkit-focus-ring-color; */
    outline-offset: -2px;
    outline: none;
  border:none;
  color:#fff;
}


.form5 label{
  color:#000;
  text-align:center;
   font-weight: 500;;
    font-family: AtlasGrotesk, Arial, Helvetica, sans-serif !important;
    font-size: 24px;
  margin-bottom: 15px !important;
  }

.form5 label.hs-error-msg{
color:#DB4546;
  width:90%;
      font-size: 15px;
}

.form5 .hs-input.invalid.error {
    border-color: #DB4546;
}
.form5 ul{
padding:0px;
list-style:none;
}

input:focus {
    border-bottom: 2px solid #0061fe !important;
    outline: 0;
    box-shadow: none;
}


.form5 input[type=submit]{
      margin-top: 30px;
/*     margin-left: 177px; */
      background: #0061fe;
    color: #fff;
  font-weight:bold;
    padding: 24px;
    border-radius: 0px;
    outline: 0 !important;
   border:none;
  font-size:22px;
      letter-spacing: 1px;

/*   position:absolute;
  margin-top: -62px;
    margin-left: 247px; */
}

.menu{
margin-bottom:75px;
}
.hs-form-29376eb0-6d42-4212-beca-31f33c612b2d_2544916f-6135-4fbe-813f-788ed2926cce
fieldset.form-columns-1 .hs-input{    width: 45% !important;
}

 input[name="industry"].hs-input {
   width:45% !important;
     } 

.form5{

margin: auto;
/*     width: 71%; */
    /* border: 3px solid green; */
    /* padding: 10px; */
    padding-right: 0px;
    margin-right: 0px;
}
.hs_error_rollup{
display:none !important;
}


.form5 input[type=email] {
      font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
  font-size:18px;
      color: #191a1b;
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    /* border-bottom-style: groove; */
    /* text-align: center; */
    padding: 0px 0px;
/*     float: left; */
    margin-bottom: 22px;
    text-align: center;
    border-color: #cacaca;
    width: 65%;
}

.hs_industry.hs-industry.hs-fieldtype-text.field.hs-form-field{
text-align:center !important;
}

.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field{
text-align:center !important;
  margin-bottom: 20px !important;
}

.hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field{
text-align:center !important;
}

.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field{
text-align:center !important;
      margin-bottom: 15px !important;
      margin-top: 25px;
}
.hs_company.hs-company.hs-fieldtype-text.field.hs-form-field{
text-align:center !important;
}
.hs-form-1ebc9cd1-9d54-42c5-9484-877dc42d45fc_1581c075-323e-403d-8b0a-f07aa18b01b4.submitted-message
{
padding-left: 45px !important;
    /* text-align: center; */
    font-size: 30px !important;
    color: purple;
    font-weight: bold !important;
}


.hs_submit.hs-submit {
text-align: center;
}
fieldset.form-columns-1 {
margin: 0 auto !important;
}
fieldset.form-columns-2 {
margin: 0 auto!important;
}
.form5 form {
margin: 0 auto !important;
}

.content_2 p{
  font-weight:500;
      line-height: 28px;
font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
font-size:23px;
  text-align:justify;
      
  color:#000;
      padding-bottom: 15px;
}

.content_2 ul{

    margin-left: -20px;
}

.content_2 ul li{
font-size:23px;
  font-weight:500;
font-family: AtlasGrotesk, Arial, Helvetica, sans-serif;
/*   text-align:justify; */
  color:#000;
          line-height: 34px;
}

.content_2{
float:right;

}

::marker {
  color: #6B30FF !important;
  font-size: 18px;
}


.content_form{
/*     max-width: 740px; */
/*       padding-left: 67px;
    padding-right: 153px; */
    margin: 0 auto;
      max-width: 1016px;
}


::placeholder {
  color: #cacaca;
}

span{
font-size:14px;
}
input[type=checkbox], input[type=radio]{
margin-right:10px !important;
}
li.hs-form-booleancheckbox

{
text-align: center;
    margin: auto;
    width: 80%;
}