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

body{
  background-image: url('https://page.topdesk.com/hubfs/2_Images/Background/Background%20form.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.body-wrapper{
min-height: 100dvh
}

form{
  max-width: 756px;
  width: 100% !important;
  margin: 0 auto;
  background-color: white;
  border-radius: 12px; 
  padding: 36px 36px 12px 36px !important;  
  box-shadow: 0 0 9px 0 rgba(5, 75, 100, 0.15);
}
form.hs-form .hs-form-field{
  display: flex;
  flex-direction: column-reverse;
}

.hs-fieldtype-text.field.hs-form-field {
    display: flex;
    flex-direction: column;
}
.hs-fieldtype-select.field.hs-form-field {
    display: flex;
    flex-direction: column;
}
.legal-consent-container .hs-form-booleancheckbox-display>span p{
  margin-left: unset!important; 
}

i.fa.fa-question-circle{
  display: none;
}

div#hs_form_target_widget_1690874357959{
  width: 100%;
}

a {
  color: #054B64 !important;
  font-weight: 600;
  text-decoration: none!important;
}

a:hover {
  font-weight: 600;
  color: #0A7DA0!important;
}

.legal-consent-container.hs-richtext p{
  font-size: 14px;
}

.text_block{
  max-width: 756px;
  margin: 0 auto;
}

.text_block h2{
  font-family: 'bree-serif','Bree Serif',serif;
}

p, a{
  font-family: 'Open Sans',sans-serif;
}

a:hover{
  font-family: 'Open Sans',sans-serif;
}

div#hs_cos_wrapper_module_1689897303727102 {
    display: none;
}

form.hs-form .hs-button, form.hs-form input[type=submit]{
  background-color: #48BF86 ;
  border-bottom: unset ;
  border-radius: 99px ;
  font-family: 'Open Sans',sans-serif ;
  font-weight: 600 ;
  color: #232323 ;
  font-size: 24px ;
  padding: 12px 32px ;
}

input.hs-button.primary.large.data-hj-whitelist:hover{
 background-color: #9DDDB9 ;
}
a:focus{
  font-weight: 600;
  font-family: unset;
  font-style: unset;
}
a:focus-visible {
  outline: 3px solid #232323;
    outline-offset: 1px;
}
input.hs-button.primary.large.data-hj-whitelist:focus-visible {
    outline: 3px solid #232323;
    outline-offset: 3px;
}
@media (min-width: 576px){
  form.hs-form input[type=submit],form.hs-form .hs-button{
    width:auto
  }
}
@media (min-width: 768px){
  form.hs-form input[type=submit],form.hs-form .hs-button{
    margin-bottom:24px;
    padding-left:36px;
    padding-right:36px
  }
}

@media (max-width: 768px){
  form{
    padding: 18px 24px 9px !important
  }
  form.hs-form .hs-form-field{
    margin-bottom: 12px!important;
  }
  .row-fluid-wrapper.row-depth-1.row-number-3.dnd-section{
    padding: 100px 20px;
  }
}

@media (min-width: 1200px){
  form.hs-form input[type=submit],form.hs-form .hs-button{
    font-size:24px;
    line-height:32px
  }
}

form.hs-form fieldset{
  max-width:100% !important
}
form.hs-form .hs-form-field{
  margin:0;
  padding:0;
  margin-bottom:24px;
  width:100% !important;
  float:none !important
}
form.hs-form label{
  display:block;
  margin-bottom:3px;
  font-weight:600;
  color:#3a3a3a;
  font-size:16px
}
@media (min-width: 576px){
  form.hs-form label{
    font-size:18px
  }
}
form.hs-form legend{
  font-size:16px;
  color:#525252
}
@media (min-width: 576px){
  form.hs-form legend{
    font-size:18px
  }
}
form.hs-form ::placeholder{
  color:#a9a9a9;
  font-style:italic;
  font-size:16px
}
@media (min-width: 576px){
  form.hs-form ::placeholder{
    font-size:18px
  }
}
form.hs-form div.input{
  margin:0 !important;
  padding:0 !important
}
form.hs-form input[type=text],form.hs-form input[type=email],form.hs-form input[type=password],form.hs-form input[type=tel],form.hs-form input[type=number],form.hs-form input[type=file],form.hs-form select,form.hs-form textarea{
  outline:none;
  display:inline-block;
  width:100% !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:9px 12px;
  background-color:white;
  border:1px solid #757575;
  border-radius:6px;
  color:#525252;
  font-size:16px
}
@media (min-width: 576px){
  form.hs-form input[type=text],form.hs-form input[type=email],form.hs-form input[type=password],form.hs-form input[type=tel],form.hs-form input[type=number],form.hs-form input[type=file],form.hs-form select,form.hs-form textarea{
    padding:10px 18px;
    font-size:18px;
    min-height:48px !important;
    max-height:48px !important
  }
}
form.hs-form input[type=text]:hover,form.hs-form input[type=email]:hover,form.hs-form input[type=password]:hover,form.hs-form input[type=tel]:hover,form.hs-form input[type=number]:hover,form.hs-form input[type=file]:hover,form.hs-form select:hover,form.hs-form textarea:hover{
  outline:2px solid #d7d7d7;
  border-radius:6px
}
form.hs-form input[type=text]:focus,form.hs-form input[type=email]:focus,form.hs-form input[type=password]:focus,form.hs-form input[type=tel]:focus,form.hs-form input[type=number]:focus,form.hs-form input[type=file]:focus,form.hs-form select:focus,form.hs-form textarea:focus{
  outline-offset:1px;
  border-radius:6px;
  outline: 2px solid #232323
}
form.hs-form input[type=text]:active,form.hs-form input[type=email]:active,form.hs-form input[type=password]:active,form.hs-form input[type=tel]:active,form.hs-form input[type=number]:active,form.hs-form input[type=file]:active,form.hs-form select:active,form.hs-form textarea:active{
  outline:2px solid transparent
}
form.hs-form textarea{
  min-height:96px !important;
  max-height:96px !important
}
form.hs-form select{
  appearance:none;
  background-image:url(https://www.topdesk.com/en/wp-content/themes/macgyver/img/icon-arrow-select-box-ash500.svg);
  background-repeat:no-repeat;
  background-position:center right 18px;
  background-size:12px 9px;
  padding-right:36px
}
form.hs-form input[type=file]{
  border:0;
  padding-left:0;
  padding-right:0
}
form.hs-form input:-webkit-autofill,form.hs-form input:-webkit-autofill:hover,form.hs-form input:-webkit-autofill:focus,form.hs-form textarea:-webkit-autofill,form.hs-form textarea:-webkit-autofill:hover,form.hs-form textarea:-webkit-autofill:focus,form.hs-form select:-webkit-autofill,form.hs-form select:-webkit-autofill:hover,form.hs-form select:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0px 1000px #ffffff inset !important
}
form.hs-form .inputs-list{
  margin:0;
  padding:0;
  list-style:none
}
form.hs-form .inputs-list li{
  padding:0;
  margin:0;
  background:none
}
form.hs-form .inputs-list li label{
  margin:12px 0;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap
}
form.hs-form .inputs-list li label input{
  flex:none;
  background:white;
  cursor:pointer
}
form.hs-form .inputs-list li label>span{
  margin-left:12px;
  font-weight:400
}
form.hs-form input[type=checkbox]{
  position:relative;
  appearance:none;
  outline:none;
  height:21px !important;
  width:21px !important;
  border:1px solid #757575;
  border-radius:4px
}
@media (min-width: 576px){
  form.hs-form input[type=checkbox]{
    height:24px !important;
    width:24px !important
  }
}
form.hs-form input[type=checkbox]:hover{
  outline:2px solid #d7d7d7
}
form.hs-form input[type=checkbox]:focus{
  outline-offset:1px;
  outline: 1px solid #232323;
}
form.hs-form input[type=checkbox]:checked{
  border:0
}
form.hs-form input[type=checkbox]:checked:after{
  position:absolute;
  display:inline-block;
  content:'';
  height:21px !important;
  width:21px !important;
  background-color: #3EB1CC;
  background-repeat:no-repeat;
  background-size:18px;
  background-position:center center;
  border-radius:4px
}
@media (min-width: 576px){
  form.hs-form input[type=checkbox]:checked:after{
    height:24px !important;
    width:24px !important
  }
}
form.hs-form input[type=checkbox]+span p{
  font-weight:400;
  color:#525252;
  font-size:16px
}
@media (min-width: 768px){
  form.hs-form input[type=checkbox]+span p{
    font-size:18px
  }
}
form.hs-form input[type=checkbox]+span p a{
  font-size:16px
}
@media (min-width: 768px){
  form.hs-form input[type=checkbox]+span p a{
    font-size:18px
  }
}
form.hs-form input[type=radio]{
  position:relative;
  appearance:none;
  outline:none;
  height:21px !important;
  width:21px !important;
  border:1px solid #757575;
  border-radius:50%
}
@media (min-width: 576px){
  form.hs-form input[type=radio]{
    height:24px !important;
    width:24px !important
  }
}
form.hs-form input[type=radio]:hover{
  outline:2px solid #d7d7d7
}
form.hs-form input[type=radio]:focus{
  outline-offset:1px;
    outline: 1px solid #232323;
}
form.hs-form input[type=radio]:checked{
}
form.hs-form input[type=radio]:checked:after{
  display:inline-block;
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  height:11px !important;
  width:11px !important;
  border-radius:50%
}
@media (min-width: 576px){
  form.hs-form input[type=radio]:checked:after{
    top:5px;
    left:5px;
    height:12px !important;
    width:12px !important
  }
}
form.hs-form .hs-dateinput{
  position:relative
}
form.hs-form .hs-dateinput:before{
  content:'\01F4C5';
  position:absolute;
  right:10%;
  top:50%;
  transform:translateY(-50%)
}
form.hs-form .fn-date-picker .pika-table thead th{
  color:#FFF
}
form.hs-form .fn-date-picker td.is-selected .pika-button{
  border-radius:0;
  box-shadow:none
}
form.hs-form .fn-date-picker td .pika-button:hover,form.hs-form .fn-date-picker td .pika-button:focus{
  border-radius:0 !important;
  color:#FFF
}
form.hs-form .hs-richtext,form.hs-form .hs-richtext p{
  font-family:'Open Sans', sans-serif;
  font-size:16px;
  font-weight:400;
  color:#525252;
  line-height:24px;
  margin:6px 0
}
@media (min-width: 576px){
  form.hs-form .hs-richtext,form.hs-form .hs-richtext p{
    font-size:18px;
    line-height:26px;
    margin:12px 0
  }
}

form.hs-form p:empty{
  display:none
}
form.hs-form .hs-richtext img{
  max-width:100%;
  height:auto
}
form.hs-form .legal-consent-container .hs-form-booleancheckbox-display{
  margin-top:6px;
  margin-bottom:6px;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap
}
form.hs-form .legal-consent-container .hs-form-booleancheckbox-display input{
  flex:none;
  position:relative;
  top:1px
}
form.hs-form .legal-consent-container .hs-form-booleancheckbox-display>span{
  margin-left:12px
}
form.hs-form .hs-form-required{
  display:none !important
}

form.hs-form ul.hs-error-msgs{
  padding:0;
  margin:0;
  margin-top:6px
}
form.hs-form ul.hs-error-msgs li{
  list-style:none;
  background-image:url("https://www.topdesk.com/en/wp-content/themes/macgyver/img/icon-error-message.svg");
  background-repeat:no-repeat;
  background-size:18px 18px;
  background-position:top left
}
form .legal-consent-container .hs-richtext u{
  text-decoration: none !important;
}
form .legal-consent-container .hs-richtext u a{
  border-bottom: 2px solid #054b64;
}
@media (min-width: 576px){
  form.hs-form ul.hs-error-msgs li{
    background-size:24px 20px
  }
}
form.hs-form ul.hs-error-msgs li label.hs-error-msg{
  margin:0 0 0 24px;
  font-weight:400
}
@media (min-width: 576px){
  form.hs-form ul.hs-error-msgs li label.hs-error-msg{
    margin-left:36px
  }
}
form.hs-form ul.hs-error-msgs li label>a{
  display:inline-block;
  padding-left:48px;
  border:0
}
form.hs-form .hs_error_rollup{
  display:none !important
}
}

@media (min-width: 768px){
  form.hs-form input[type=submit],form.hs-form .hs-button{
    margin-top: 0
  }
}
form.hs-form .hs-recaptcha{
  display:none
}

/* Thank you message styling */
.submitted-message{
  background-color: #fff;
  max-width: 756px;
  margin: 0 auto;
  padding: 36px 36px 12px 36px;
  box-shadow: 0 0 9px 0 rgba(5, 75, 100, 0.15);
  border-radius: 12px;
}