/* Lightbox style custom popup form */
form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-columns-1, .form-columns-2 {
  max-width: initial!important;
}

.hs-error-msgs {
  position: relative;
    top: 20px;
}

.form-columns-2 {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

@media screen and (max-width: 600px) {
  .hs-form-field {
    width: 100%!important;
  }
  
  .form-columns-2 {
    flex-direction: column;
  } 
  
  .hs_submit {
    margin-top: 4px!important;
  }
}

.mfp-content {
  max-width: 600px;
  background-color: #fff;
  padding: 0;
  border-radius: 16px;
}

#cta-form {
  padding: 40px;
  position: relative;
  width: 100%;
  max-width: 950px;
  margin: auto;
}

#cta-form iframe {
  width: 100%;
  height: 85vh;
  max-height: 75em;
  margin: auto;
  border: none;
}

.form-title {
  margin-bottom: 32px;
  font-size: 21px;
  font-family: AvenirLTStd-Heavy;
  margin-top: 0
}

.hs-richtext {
  font-family: "AvenirLTStd-Book";
  color: black;
  font-size: 14px;
}

@media screen and (max-width: 480px) {
  #cta-form {
    padding: 24px;
  }  
}

input[type=email],input[type=text],select {
  width: 100%!important;
}

.hs-button {
  font-family: "AvenirLTStd-Black";
  font-size:24px;
  display: block;
  width: 25%!important;
  min-width:180px;
  color: #FFF;
  text-decoration: none;
  border-radius: 8px;
  border: none;
  padding: 12px 16px;
  margin:auto!important;
  text-align: center;
  background-color: #3B5EF8;
  transition: .2s all linear;
  cursor: pointer;
}

.hs_submit {
  margin-top: 20px; 
}

.hs-button:hover {
  opacity:0.8;
}


.hs-form-required {
  color: #FC326C;
}

.hs-form-checkbox label {
  font-size:18px;
  letter-spacing:normal;
  color:#232323;
  font-family:"AvenirLTStd-Light";
  text-transform:none;
}

.hs-form-booleancheckbox {
  list-style-type: none;
}

.hs-form-booleancheckbox label {
  font-family:"AvenirLTStd-Light";
  font-size: 16px;
  line-height: 1.5em;
  width: 100%;
  display: flex;
  grid-gap: 8px; 
  align-items: flex-start;
  letter-spacing: 0px;
  color: #000;
}

.hs-form-booleancheckbox label span {
  width: 95%;
}

.hs-form-booleancheckbox-display span a {
  color: #3B5EF8;
  font-family: "AvenirLTStd-Heavy";
}

.legal-consent-container {
  border-top: 1px solid #ebebeb;
  padding-top: 0.5em;
}

.legal-consent-container .hs-form-booleancheckbox-display p {
  font-size:18px;
  letter-spacing:normal;
  color:#232323;
  font-family:"AvenirLTStd-Light";
  text-transform:none;
  margin-left:0.75em!important;
  display:block!important;
}
.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 25px !important;
  margin-top: .15em;
}
.legal-consent-container .hs-form-booleancheckbox-display span.hs-form-required {
  display: none; 
}

.legal-consent-container .hs-richtext { 
  font-size:12px;
  color:#a7a6a6;
  text-align:center;
  letter-spacing:0.5px;
  width:260px;
  margin-left:auto;
  margin-right:auto;
}


.hs-form .input input[type=number], .hs-form .input input[type=text], .hs-form .input input[type=email], .hs-form-field textarea, .input input[type=tel] {
  font-family: "AvenirLTStd-Light";
  padding: 12px 16px;
  font-size: 16px;
  border: 1.5px solid #E3E7F2;
  width:100%;
  border-radius: 0;
  background-color: #F7F8FC;
  line-height: 24px;
  border-radius: 8px;
  color: #000000;
}

.hs-form select {
  font-family: "AvenirLTStd-Book";
  font-size: 18px;
  padding: 12px 16px;
  min-width: 50%;
  max-width: 100%;
  background-image: url("https://5209470.fs1.hubspotusercontent-na1.net/hubfs/5209470/ui_elements/form-ui-select-arrow.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 98% center;
  border: 1px solid #E3E7F2;
  border-radius: 0;
  background-color: #fff;
  color: #AFB7CF;
  border-radius: 4px;
}  


.hs-form .input input[type=text], .hs-form .input input[type=email], .hs-form input[type=submit], .hs-form .input textarea, .hs-form select, .hs-form .hs-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

.hs-form .input input[type=checkbox] {
  font-size: 18px;
  position: relative;
}

.legal-consent-container .hs-form-booleancheckbox-display input[type=checkbox] {
  top:0.25em;
  margin-right:0.75em;
}
.hs-form-field input.invalid, .hs-form-field input.error, .hs-form-field textarea.invalid, .hs-form-field textarea.error {
  border:2px solid #FC326C!important; 
}


.hs-form .legal-consent-container .input {
  margin-bottom: 18px;
}

.hs-form ul {
  padding: 0;
}

.hs-form ul.inputs-list {
  margin-bottom: 0;
  list-style-type: none;
}


.hs-form ul.inputs-list.multi-container {
  margin-top: 0.25em;
}


.hs-form .hs_error_rollup {
  display:none;
}

.hs-error-msgs li {
  list-style-type:none;
  font-size:12px;
  margin-bottom: 12px;
}

.hs-error-msgs label {
  color: #FC326C;
  position:relative;
  top:-1em;
  font-weight:normal;
}

.hs_cos_wrapper_type_form  h3{
  text-align: center
}


.hs-button {
  font-size: 18px;
  padding: 1em 0;
  line-height: 1em;
  width: 100%!important
}


.input {
  margin-right: 0!important
}
/* Mobile form resets */
@media screen and (max-width: 480px) {
  .hs-form select {
    width: 100%;
  }  
  .form-title {
    margin-bottom: 32px;
    font-size: 18px}
  .hs_firstname input, .hs_lastname input{
    max-width: 100%!important
  }
  .hs_firstname input{
    margin-right: 0;
  }
  .hs_lastname input, .hs_lastname label{
    margin-left: 0;
  }

}

.submitted-message strong {
  font-family: "AvenirLTStd-Heavy";
  padding-bottom: 16px
}

.submitted-message a {
  text-decoration: none;
  font-family: "AvenirLTStd-Heavy";

}

}
a {
  color: #00b0cd;
}


#hs_form_target_Form_to_use {
  max-width: 700px;
  margin: auto;
}

.title {text-align: center;}

.hs-form-72a8016d-be23-446c-9f60-6fe503b0f76a_c156ac6c-a2a1-46c7-be2e-215d7b8dce0d fieldset.form-columns-1 .hs-input{width:100%}

.submitted-message {
  font-size: 18px}   

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

  .submitted-message {
    font-size: 16px}   
}
.legal-consent-container .hs-form-booleancheckbox-display p{
  color:#165e7a!important;
  font-weight: bold;
}


.hs-form .input input[type=number]:focus, 
.hs-form .input input[type=text]:focus, 
.hs-form .input input[type=email]:focus, 
.hs-form-field textarea:focus, 
.input input[type=tel]:focus {
  outline: none;
  border: 1px solid #3B5EF8 !important; 
  background-color: #ffffff;
  border-radius: 4px;
}

* {
  outline: none !important; 
}

#by_clicking_here_entering_my_email_address_and_clicking_submit_i_am_providing_applovin_with_express-9b0e3a21-3c87-429c-b727-172879b441dc {
  width: 14px;
  height: 14px;
  appearance: none;
  border: 1px solid #E3E7F2;
  border-radius: 4px;
  cursor: pointer;
  margin: auto;
}

#by_clicking_here_entering_my_email_address_and_clicking_submit_i_am_providing_applovin_with_express-9b0e3a21-3c87-429c-b727-172879b441dc:checked {
  background-color: #3B5EF8;
  border-color: #3B5EF8;
}

#by_clicking_here_entering_my_email_address_and_clicking_submit_i_am_providing_applovin_with_express-9b0e3a21-3c87-429c-b727-172879b441dc:checked::after {
  content: "✔";
  color: white;
  font-size: 9px;
  display: block;
  text-align: center;
}

/* Reset default checkbox styles */
.hs-form .input input[type="checkbox"] {
  appearance: none; 
  -webkit-appearance: none; /
  -moz-appearance: none;
  width: 16px!important; 
  height: 16px!important; 
  border: 2px solid #AFB7CF; 
  border-radius: 4px; 
  background-color: white; 
  position: relative; 
  cursor: pointer; 
  transition: all 0.3s ease; 
}

/* Remove the border when checked */
.hs-form .input input[type="checkbox"]:checked {
  border: 2px solid #3B5EF8; 
}

/* Add the SVG checkmark when the checkbox is checked */
.hs-form .input input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: -2px; 
  left: -2px; 
  width: 16px; 
  height: 16px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.24814%201C2.45424%201%201%202.45424%201%204.24814V11.7519C1%2013.5458%202.45424%2015.0001%204.24814%2015.0001H11.7519C13.5458%2015.0001%2015.0001%2013.5458%2015.0001%2011.7519V4.24814C15.0001%202.45424%2013.5458%201%2011.7519%201H4.24814ZM6.86344%2010.9586L6.87469%2010.9587H6.85219L6.86344%2010.9586ZM7.34719%2010.7562C7.21501%2010.8884%207.03967%2010.9558%206.86344%2010.9586C6.68721%2010.9558%206.51188%2010.8884%206.37969%2010.7562L3.70217%208.07866C3.56717%207.94366%203.49967%207.76366%203.49967%207.58366C3.49967%207.18991%203.81467%206.88616%204.19718%206.88616C4.38843%206.88616%204.55718%206.96491%204.69218%207.08866L6.86344%209.25992L11.2847%204.83865C11.4197%204.70365%2011.5997%204.63615%2011.7797%204.63615C12.1735%204.63615%2012.4772%204.95115%2012.4772%205.33365C12.4772%205.5249%2012.3985%205.69365%2012.2747%205.82865L7.34719%2010.7562Z%22%20fill%3D%22%233B5EF8%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-size: contain; 
  background-repeat: no-repeat;
  background-position: center; 
}

.thank-you-message-container {
  height: 100%;
  display: flex;
  justify-content: center; 
  align-items: center; 
  gap: 20px;
  min-height: 440px;
}

.thank-you-message {
  text-align: center;
  width: 100%; 
  margin: auto 0; 
}

.inner-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 300px;
  margin: auto;
}

.inner-grid svg {
  margin: auto;
}

#by_clicking_here__i_agree_to_applovin_s_privacy_policy_and_terms_and_conditions_and_acknowledge_any-f647a84a-3fa1-45e1-9b49-e5a37c485813 {
  margin-top: 5px;
}

#product_updates-f647a84a-3fa1-45e1-9b49-e5a37c485813, #insights_and_analysis-f647a84a-3fa1-45e1-9b49-e5a37c485813 {
  margin-top: 5px;
}