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













/* Button secondary */













/* Button Transparent */







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










































/* 1e. Website Header */




/* 1g. Website Footer */









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

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

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

.dnd-section {
  padding: 50px 20px;
}

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

@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: 'Exo 2', serif; font-style: normal;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.31px;
  line-height: 24px;
}

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

a {
  font-weight: 500; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  font-size: 16px;
  color: #4b00ff;
  line-height: 24px;
  transition: color 0.3s ease;
}

a:hover,
a:focus,
a:active {
  color: #4b00ff;
}

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

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

h2 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 22px;
  letter-spacing: 0.25px;
  line-height: 30px;
  text-transform: none;
}

h3 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 20px;
  letter-spacing: 0.25px;
  line-height: 26px;
  text-transform: none;
}

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

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

h6 {
  font-weight: 600; text-decoration: none; font-family: Montserrat, sans-serif; font-style: normal;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 18px;
  text-transform: none;
}

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

  h2 {
    font-size: 32px;
    line-height: 40px;
  }

  h3 {
    font-size: 26px;
    line-height: 40px;
  }

  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: 16px;
    line-height: 24px;
  }
}






.mwb-btn {
  padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;

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

/* Button primary */

.mwb-btn.mwb-btn--primary {
  font-family: 'Exo 2', serif; font-style: normal; font-weight: 600; text-decoration: none;
  border: 2px solid #000000;
;
  background-color: rgba(0, 0, 0, 0%);
  color: #000;
}

.mwb-btn.mwb-btn--primary svg path {
  fill: #000;
}

.mwb-btn.mwb-btn--primary:hover {
  border-color: #000000;
  background-color: #000000;
  color: #FFFFFF;
}

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

.mwb-btn.mwb-btn--primary:focus,
.mwb-btn.mwb-btn--primary:active {
  border-color: #000000;
  background-color: #000000;
  color: #FFFFFF;
}

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


/* primary Button Animation */

.mwb-btn.mwb-btn--primary.mwb-btn-animation:hover:before {
  background-color: #000000;
}

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

/* Button secondary */

.mwb-btn.mwb-btn--secondary {
  font-weight: 600; font-style: normal; text-decoration: none;
  border: 2px solid #FFFFFF;
;
  background-color: rgba(255, 255, 255, 0%);
  color: #FFFFFF;
}

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

.mwb-btn.mwb-btn--secondary:hover {
  border-color: #4B00FF;
  background-color: #4B00FF;
  color: #FFFFFF;
}

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

.mwb-btn.mwb-btn--secondary:focus,
.mwb-btn.mwb-btn--secondary:active {
  border-color: #4B00FF;
  background-color: #4B00FF;
  color: #FFFFFF;
}

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

/* secondary Button Animation */
.mwb-btn.mwb-btn--secondary.mwb-btn-animation:hover:before {
  background-color: #4B00FF;
}

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

/* Transparetn Button */

.mwb-btn.mwb-btn--transparent {
  color: ;
}

.mwb-btn.mwb-btn--transparent svg path {
  fill: ;
}

.mwb-btn.mwb-btn--transparent:hover {
  color: ;
}

.mwb-btn.mwb-btn--transparent:hover svg path {
  fill: ;
}

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

.mwb-btn.mwb-btn--transparent:focus svg path,
.mwb-btn.mwb-btn--transparent:active svg path {
  fill: ;
}

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

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;
}

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

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

.form-title + div > form,
.mwb-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: 600; 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.25px;
  line-height: 32px;
  text-transform: none;
}

/* Labels */

form label {
  padding: 0px;

  font-family: 'Exo 2', serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0.31px;
  line-height: 24px;
  text-transform: none;
}

/* Help text */

form legend {
  font-family: 'Exo 2', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #000000;
  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: 'Exo 2', serif; font-style: normal;
  line-height: 24px;
  background-color: 






rgba(250, 249, 246, 1.0)

;
  border-radius: 40px;
  color: #000000;
}

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: #4b00ff;
}

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: #000000;
}

::-moz-placeholder {
  color: #000000;
}

:-ms-input-placeholder {
  color: #000000;
}

:-moz-placeholder {
  color: #000000;
}

::placeholder {
  color: #000000 !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: #4b00ff !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: 'Exo 2', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #000000;
}

/* GDPR */

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

/* Submit button */

form input[type=submit],
form .hs-button,
form .hs-button.primary {
  padding-top: 8px;
padding-right: 16px;
padding-bottom: 8px;
padding-left: 16px;
;
  border: 2px solid #000000;
;
  font-family: 'Exo 2', serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(0, 0, 0, 0%);
  color: #000;
  border-radius: 32px;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  min-width: 150px;
}

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

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

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

  font-family: 'Exo 2', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #DB524E;
  font-size: 16px;
  letter-spacing: 0.31px;
  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: #4b00ff;
}

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

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

@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;
;
  }
}






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





/* Footer Background  */

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