/* 1a. Containers */

/*  Container Width */



/* Section Horizontal Spacing */





/*  Section Vertical Spacing */





/* 1b. Colors */






/* 1c. Typography */




/* Body Text */







/* Heading One */








/* Heading Two */








/* Heading Three */








/* Heading Four */








/* Heading Five */








/* Heading Six */








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






/* 1d. Buttons */

/* General Button */






/* Button Filled */













/* Button Outlined */














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










































/* 1e. Website Header */




/* 1g. Website Footer */









.content-wrapper {
  max-width: 1340px;
}

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

/* -------- Drag and drop layout styles ------- */
.dnd-section {
  padding: 120px 20px;
}


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

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


  .dnd-section {
    padding: 64px 16px;
  }

}






body {
  background-color: #FFFFFF;
}

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

body, html,p {
  font-weight: 400; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  color: #3C4851;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 24px;
}

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

a {
  font-weight: 500; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  font-size: 16px;
  color: #007FFF;
  line-height: 24px;
}

a:hover,
a:focus,
a:active {
  color: #007FFF;
}


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

h1 {
  font-weight: 500; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 38px;
  letter-spacing: -1.44px;
  line-height: 46px;
  text-transform: none;
}

h2 {
  font-weight: 500; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 38px;
  letter-spacing: -1.32px;
  line-height: 48px;
  text-transform: none;
}

h3 {
  font-weight: 500; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 32px;
  letter-spacing: 0px;
  line-height: 40px;
  text-transform: none;
}

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

h5 {
  font-weight: 500; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 24px;
  text-transform: none;
}

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

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 48px;
    line-height: 58px;
  }

  h2 {
    font-size: 44px;
    line-height: 54px;
  }

  h3 {
    font-size: 38px;
    line-height: 46px;
  }

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

  h5 {
    font-size: 18px;
    line-height: 26px;
  }

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

  body, html,p {
    font-size: 20px;
    line-height: 24px;
  }
}






.we-btn {
  padding-top: 6px;
padding-right: 32px;
padding-bottom: 6px;
padding-left: 32px;

  border-radius: 24px;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
}

/* Button Filled */

.we-btn.we-btn--primary {
  font-family: 'DM Sans', serif; font-style: normal; font-weight: 700; text-decoration: none;
  border: 2px none #007FFF;
;
  background-color: #007FFF;
  color: #ffffff;
}

.we-btn.we-btn--primary svg path {
  fill: #ffffff;
}

.we-btn.we-btn--primary:hover {
  border-color: #007FFF;
  background-color: #007FFF;
  color: #FFFFFF;
}

.we-btn.we-btn--primary:hover svg path {
  fill: ;
}

.we-btn.we-btn--primary:focus,
.we-btn.we-btn--primary:active {
  border-color: #007FFF;
  background-color: #007FFF;
  color: #FFFFFF;
}

.we-btn.we-btn--primary:active svg path,
.we-btn.we-btn--primary:focus svg path {
  fill: #FFFFFF;
}


/* Filled Button Animation */

.we-btn.we-btn--primary.we-btn-animation:hover:before {
  background-color: #007FFF;
}

.we-btn.we-btn--primary.we-btn-animation:hover {
  background-color: unset;
  color: #FFFFFF;
}

/* Button Outlined */

.we-btn.we-btn--secondary {
  font-family: 'DM Sans', serif; font-style: normal; font-weight: 500; text-decoration: none;
  border: 2px none #007FFF;
;
  background-color: #010101;
  color: #FFFFFF;
}

.we-btn.we-btn--secondary svg path {
  fill: #FFFFFF;
}

.we-btn.we-btn--secondary:hover {
  border-color: #010101;
  background-color: #010101;
  color: #FFFFFF;
}

.we-btn.we-btn--secondary:hover svg path {
  fill: #FFFFFF;
}

.we-btn.we-btn--secondary:focus,
.we-btn.we-btn--secondary:active {
  border-color: #010101;
  background-color: #010101;
  color: #FFFFFF;
}

.we-btn.we-btn--secondary:focus svg path,
.we-btn.we-btn--secondary:active svg path {
  fill: #FFFFFF;
}

/* Outlined Button Animation */
.we-btn.we-btn--secondary.we-btn-animation:hover:before {
  background-color: #010101;
}

.we-btn.we-btn--secondary.we-btn-animation:hover {
  background-color: unset;
  color: #FFFFFF;
}





/* Form */

form {
  border-right: 1px solid #f5cfe1;
border-bottom: 1px solid #f5cfe1;
border-left: 1px solid #f5cfe1;

  padding-top: 30px;
padding-right: 15px;
padding-bottom: 30px;
padding-left: 15px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 8px;
}

.we-form .we-form--form {
  border-radius: 8px;
}

.form-title + div > form,
.we-form--form > span > .form-title + div > form {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.form-title + div > form,
.we-form--form > span > .form-title + div > form {
  border-radius: 0 0 8px 8px;
}

/* Form title */

.form-title {
  border: 1px solid #f5cfe1;

  padding: 15px;

  font-family: Montserrat, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #000000;
  font-size: 22px;
  letter-spacing: -0.44px;
  line-height: 32px;
  text-transform: none;
}

/* Labels */

form label {
  padding: 0px;

  font-family: 'DM Sans', serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #3C4851;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 24px;
  text-transform: none;
}

/* Help text */

form legend {
  font-family: 'DM Sans', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #3C4851;
  font-size: 14px;
  line-height: 24px;
}

/* 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: 1px solid #D7D9E3;

  padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;

  font-weight: 400; text-decoration: none; font-family: 'DM Sans', serif; font-style: normal;
  line-height: 24px;
  background-color: 

  
  
    
  


  rgba(250, 249, 246, 1.0)

;
  border-radius: 8px;
  color: #3C4851;
}

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-color: #007FFF;
}

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

::-webkit-input-placeholder {
  color: #3C4851;
}

::-moz-placeholder {
  color: #3C4851;
}

:-ms-input-placeholder {
  color: #3C4851;
}

:-moz-placeholder {
  color: #3C4851;
}

::placeholder {
  color: #3C4851 !important;
}

/* Form fields - date picker */

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

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: #007FFF !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: 'DM Sans', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #3C4851;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: 'DM Sans', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #3C4851;
  font-size: 14px;
}

/* Submit button */

form input[type=submit],
form .hs-button,
form .hs-button.primary {
  padding-top: 6px;
padding-right: 32px;
padding-bottom: 6px;
padding-left: 32px;
;
  border: 2px none #007FFF;
;
  font-family: 'DM Sans', serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: #007FFF;
  color: #ffffff;
  border-radius: 24px;
  font-size: 16px;
  line-height: 28px;
  text-transform: capitalize;
  min-width: 150px;
}

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

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

.hs-error-msg {
  padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

  font-family: 'DM Sans', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #DB524E;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 24px;
  text-transform: none;
}

.hs-error-msgs .hs-main-font-element {
  color: #DB524E;
}

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

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

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

@media (min-width: 768px) {
  form {
    padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
;
  }

  .form-title {
    padding-top: 20px;
padding-right: 25px;
padding-bottom: 20px;
padding-left: 25px;
;
  }
}






.header,
.we-header {
  background-color: rgba(255, 255, 255,100%);
}





/* Footer Background  */

.footer {
  background: rgba(3, 3, 3,1.0);
}