/* 1a. Containers */

/*  Container Width */




/* Section Horizontal Spacing */





/*  Section Vertical Spacing */





/* 1b. Colors */






/* 1c. Typography */




/* Body Text */







/*  Mini Title */









/* Heading One */








/* Heading Two */








/* Heading Three */








/* Heading Four */








/* Heading Five */








/* Heading Six */








/*------------ Anchor-------------- */





/* 1d. Buttons */

/* General Button */






/* Button Filled */













/* Button Outlined */













/* Button Transparent */







/* --------- 1d. Forms ------------*/





































/* 1e. Website Header */




/* 1g. Website Footer */









.dnd-section > .row-fluid,
.content-wrapper {
  max-width: 1242px;
}

@media (min-width: 1536px) {
  max-width: 1536px;
}

/* -------- Drag and drop layout styles ------- */

.dnd-section {
  padding: 80px 24px;
}

@media only screen and (min-width: 768px) {
  .dnd-section {
    padding: 60px 0px;
  }
}

@media only screen and (min-width: 992px) {
  .dnd-section {
    padding: 80px 20px;
  }
}






body {
  background-color: #FFFFFF;
}

/* ---------- Paragraphs ---------- */

body, html,p {
  font-weight: 400; text-decoration: none; font-family: Inter, serif; font-style: normal;
  color: #0D0D0F;
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 28px;
}

/* ----------- Anchors ---------- */

a {
  font-weight: 600; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  font-size: 16px;
  color: #0066FF;
  line-height: 24px;
}

a:hover,
a:focus,
a:active {
  color: #0066FF;
}

/* ----------- Headings ----------- */

.mwb-tc__mini-title {
  font-weight: 700; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #0066FF;
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: 18px;
  text-transform: uppercase;
}

h1 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #0D0D0F;
  font-size: 32px;
  letter-spacing: -0.96px;
  line-height: 38px;
  text-transform: none;
}

h2 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #0D0D0F;
  font-size: 32px;
  letter-spacing: -0.64px;
  line-height: 38px;
  text-transform: none;
}

h3 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #0D0D0F;
  font-size: 20px;
  letter-spacing: -0.52px;
  line-height: 30px;
  text-transform: none;
}

h4 {
  font-weight: 600; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #0D0D0F;
  font-size: 20px;
  letter-spacing: -0.44px;
  line-height: 30px;
  text-transform: none;
}

h5 {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #0D0D0F;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 28px;
  text-transform: none;
}

h6 {
  font-weight: 600; text-decoration: none; font-family: Inter, sans-serif; font-style: normal;
  color: #0D0D0F;
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: 20px;
  text-transform: none;
}

@media only screen and (min-width: 768px) {

  .mwb-tc__mini-title {
    font-size: 12px;
    line-height: 18px;
  }

  h1 {
    font-size: 56px;
    line-height: 67px;
  }

  h2 {
    font-size: 48px;
    line-height: 57px;
  }

  h3 {
    font-size: 28px;
    line-height: 42px;
  }

  h4 {
    font-size: 22px;
    line-height: 32px;
  }

  h5 {
    font-size: 22px;
    line-height: 30px;
  }

  h6,
  .systems-page .success {
    font-size: 16px;
    line-height: 22px;
  }

  body, html,p {
    font-size: 18px;
    line-height: 28px;
  }
}






.mwb-btn {
  padding-top: 15px;
padding-right: 24px;
padding-bottom: 15px;
padding-left: 24px;

  border-radius: 32px;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
}

/* Button Filled */

.mwb-btn.mwb-btn--filled {
  font-family: Inter, serif; font-style: normal; font-weight: 600; text-decoration: none;
  border: 2px solid #0066FF;
;
  background-color: #0066FF;
  color: #ffffff;
}

.mwb-btn.mwb-btn--filled svg path {
  stroke: #ffffff;
}

.mwb-btn.mwb-btn--filled:hover {
  border-color: #005CE6;
  background-color: #005CE6;
  color: #FFFFFF;
}

.mwb-btn.mwb-btn--filled:hover svg path {
  stroke: ;
}

.mwb-btn.mwb-btn--filled:focus,
.mwb-btn.mwb-btn--filled:active {
  border-color: #0052CC;
  background-color: #0052CC;
  color: #FFFFFF;
}

.mwb-btn.mwb-btn--filled:active svg path,
.mwb-btn.mwb-btn--filled:focus svg path {
  stroke: #FFFFFF;
}


/* Filled Button Animation */

.mwb-btn.mwb-btn--filled.mwb-btn-animation:hover:before {
  background-color: #005CE6;
}

.mwb-btn.mwb-btn--filled.mwb-btn-animation:hover {
  background-color: unset;
  color: #FFFFFF;
}

/* Button Outlined */

.mwb-btn.mwb-btn--outlined {
  font-family: Inter, serif; font-style: normal; font-weight: 600; text-decoration: none;
  border: 2px solid #0066FF;
;
  background-color: rgba(255, 255, 255, 0%);
  color: #0066FF;
}

.mwb-btn.mwb-btn--outlined svg path {
  stroke: #0066FF;
}

.mwb-btn.mwb-btn--outlined:hover {
  border-color: #0059DF;
  background-color: #0059DF;
  color: #FFFFFF;
}

.mwb-btn.mwb-btn--outlined:hover svg path {
  stroke: #FFFFFF;
}

.mwb-btn.mwb-btn--outlined:focus,
.mwb-btn.mwb-btn--outlined:active {
  border-color: #0052CC;
  background-color: #0052CC;
  color: #FFFFFF;
}

.mwb-btn.mwb-btn--outlined:focus svg path,
.mwb-btn.mwb-btn--outlined:active svg path {
  stroke: #FFFFFF;
}

/* Outlined Button Animation */
.mwb-btn.mwb-btn--outlined.mwb-btn-animation:hover:before {
  background-color: #0059DF;
}

.mwb-btn.mwb-btn--outlined.mwb-btn-animation:hover {
  background-color: unset;
  color: #FFFFFF;
}

/* Transparetn Button */

.mwb-btn.mwb-btn--transparent {
  font-family: Inter, serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #0066FF;
}

.mwb-btn.mwb-btn--transparent svg path {
  stroke: #0066FF;
}

.mwb-btn.mwb-btn--transparent:hover {
  color: #0059DF;
}

.mwb-btn.mwb-btn--transparent:hover svg path {
  stroke: #0059DF;
}

.mwb-btn.mwb-btn--transparent:focus,
.mwb-btn.mwb-btn--transparent:active {
  color: #0052CC;
}

.mwb-btn.mwb-btn--transparent:focus svg path,
.mwb-btn.mwb-btn--transparent:active svg path {
  stroke: #0052CC;
}

.mwb-btn.mwb-btn--transparent,
.mwb-btn.mwb-btn--transparent:hover,
.mwb-btn.mwb-btn--transparent:focus,
.mwb-btn.mwb-btn--transparent:active {
  background-color: transparent;
  border: none;
}






/* Form */

.mwb-form-container {
  
  padding: 24px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 16px;
}


/* Form title */

.form-title {
  font-family: Inter, sans-serif; font-style: normal; font-weight: 600; text-decoration: none
  color: #0D0D0F;
  font-size: 22px;
  letter-spacing: -0.44px;
  line-height: 32px;
  text-transform: none;
}

/* Labels */

form label {
  font-family: Inter, serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0D0D0F;
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 21px;
  text-transform: none;
}

/* Help text */

form legend {
  font-family: Inter, serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #0D0D0F;
  font-size: 14px;
  line-height: 28px;
}

/* Form fields */

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'],
form input[type='date'],
form input[type='month'],
form input[type='time'],
form select,
form textarea  {
  border-top: 1px solid #D7D8DE;
border-right: 1px solid #D7D9E3;
border-bottom: 1px solid #D7D9E3;
border-left: 1px solid #D7D9E3;

  padding: 12px;

  font-weight: 400; text-decoration: none; font-family: Inter, serif; font-style: normal;
  font-size: 14px;
  line-height: 22px;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 6px;
  color: #0D0D0F;
}

form input[type='text']:focus,
form input[type='email']:focus,
form input[type='password']:focus,
form input[type='tel']:focus,
form input[type='number']:focus,
form input[type='search']:focus,
form input[type='date']:focus,
form input[type='month']:focus,
form input[type='time']:focus,
form select:focus,
form textarea:focus {
  border: 2px solid #0066FF;
}

form input[type='text']:focus-visible,
form input[type='email']:focus-visible,
form input[type='password']:focus-visible,
form input[type='tel']:focus-visible,
form input[type='number']:focus-visible,
form input[type='search']:focus-visible,
form input[type='date']:focus-visible,
form input[type='month']:focus-visible,
form input[type='time']:focus-visible,
form select:focus-visible,
form textarea:focus-visible {
  outline: none;
}

/* Form fields - placeholders */


.hs-input::placeholder,
textarea::placeholder {
  font-size: 14px!important;
  line-height: 21px!important;
  color: #9C9DAD!important;

}

select {
    color: #9C9DAD!important;
}

/* Form fields - date picker */

form .hs-dateinput:before {
  right: 12px;
}

form .pika-table thead th {
  background-color: ;
  color: ;
}

form td.is-today .pika-button {
  color: ;
}

form .is-selected .pika-button {
  background-color: #ffffff;
  color: ;
}

form .pika-button:hover {
  background-color: #0066FF !important;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: Inter, serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #0D0D0F;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: Inter, serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #0D0D0F;
  font-size: 14px;
}

/* Submit button */

form input[type=submit],
form .hs-button,
form .hs-button.primary {
  padding-top: 15px;
padding-right: 24px;
padding-bottom: 15px;
padding-left: 24px;
;
  border: 2px solid #0066FF;
;
  font-family: Inter, serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: #0066FF;
  color: #ffffff;
  border-radius: 32px;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  min-width: 150px;
}

form input[type=submit]:hover,
form .hs-button:hover,
form .hs-button.primary:hover {
  #005CE6;
  background: #005CE6;
  color: #FFFFFF;
}

body form input[type=submit]:focus,
body form .hs-button:focus,
form input[type=submit]:active,
form .hs-button:active {
  #0052CC;
  background-color: #0052CC;
  color: #FFFFFF;
}

.hs-form__alerts__list-item--error,
.hs-error-msgs .hs-main-font-element,
.hs-error-msg {
  padding-top: 8px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

  font-family: Inter, serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #EF3939;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 18px;
  text-transform: none;
}

.error,
.hs-input.invalid.error {
  border: 2px solid #EF3939 ;
}

.hs-form .hs-input[type="radio"]:checked:before,
.hs-form .hs-input[type=checkbox]:checked {
  background: #0066FF;
}

.hs-form .hs-input[type="radio"]:checked {
  border-color: #0066FF;
}

.hs-form .hs-input[type=checkbox]:checked {
  border: 1px solid #0066FF;
}

@media (min-width: 768px) {
  .mwb-form-container {
    padding: 40px;
;
  }
}










/* Footer Background  */

.footer {
  background: linear-gradient(180deg, #002660 0%, #003F9F 157.38%);
}