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













/* Button Transparent */







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










































/* 1e. Website Header */




/* 1g. Website Footer */









.content-wrapper,
.cfd-container {
  max-width: 1240px;
}

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

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

.dnd-section {
  padding: 40px 15px;
}

@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: Roboto, sans-serif; font-style: normal;
  color: #1C3500;
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 28px;
}

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

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

a:hover,
a:focus {
  font-weight: 600; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
  color: #1A3300;
  line-height: 24px;
}

a:active {
  font-weight: 600; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
  color: #1A3300;
  line-height: 24px;
}

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

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

h2 {
  font-weight: 600; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
  color: #1C3500;
  font-size: 28px;
  letter-spacing: -0.64px;
  line-height: 34px;
  text-transform: none;
}

h3 {
  font-weight: 600; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
  color: #1C3500;
  font-size: 24px;
  letter-spacing: -0.52px;
  line-height: 30px;
  text-transform: none;
}

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

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

h6 {
  font-weight: 600; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
  color: #1C3500;
  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: 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: 18px;
    line-height: 28px;
  }
}






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

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

/* Button Filled */

.cfd-btn.cfd-btn--filled {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  border: 2px solid #1A3300;
;
  background-color: #1A3300;
  color: #ffffff;
}

.cfd-btn.cfd-btn--filled svg path {
  fill: #ffffff;
}

.cfd-btn.cfd-btn--filled:hover {
  border-color: #DE9C6A;
  background-color: #DE9C6A;
  color: #FFFFFF;
}

.cfd-btn.cfd-btn--filled:hover svg path {
  fill: ;
}

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

.cfd-btn.cfd-btn--filled:active svg path,
.cfd-btn.cfd-btn--filled:focus svg path {
  fill: #FFFFFF;
}


/* Filled Button Animation */

.cfd-btn.cfd-btn--filled.cfd-btn-animation:hover:before {
  background-color: #DE9C6A;
}

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

/* Button Outlined */

.cfd-btn.cfd-btn--outlined {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  border: 2px solid #1A3300;
;
  background-color: rgba(255, 255, 255, 0%);
  color: #1A3300;
}

.cfd-btn.cfd-btn--outlined svg path {
  fill: #1A3300;
}

.cfd-btn.cfd-btn--outlined:hover {
  border-color: #DE9C6A;
  background-color: #DE9C6A;
  color: #FFFFFF;
}

.cfd-btn.cfd-btn--outlined:hover svg path {
  fill: #FFFFFF;
}

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

.cfd-btn.cfd-btn--outlined:focus svg path,
.cfd-btn.cfd-btn--outlined:active svg path {
  fill: #FFFFFF;
}

/* Outlined Button Animation */
.cfd-btn.cfd-btn--outlined.cfd-btn-animation:hover:before {
  background-color: #DE9C6A;
}

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

/* Transparetn Button */

.cfd-btn.cfd-btn--transparent {
  color: #1A3300;
}

.cfd-btn.cfd-btn--transparent svg path {
  fill: #1A3300;
}

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

.cfd-btn.cfd-btn--transparent:hover svg path {
  fill: #0059DF;
}

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

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

.cfd-btn.cfd-btn--transparent,
.cfd-btn.cfd-btn--transparent:hover,
.cfd-btn.cfd-btn--transparent:focus,
.cfd-btn.cfd-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;
}

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

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

.form-title + div > form,
.cfd-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: Roboto, 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: #1C3500;
  font-size: 22px;
  letter-spacing: -0.44px;
  line-height: 32px;
  text-transform: none;
}

/* Labels */

form label {
  padding: 0px;

  font-family: Roboto, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1C3500;
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 28px;
  text-transform: none;
}

/* Help text */

form legend {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #1C3500;
  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: 1px solid #D7D9E3;

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

  font-weight: 400; text-decoration: none; font-family: Roboto, sans-serif; font-style: normal;
  line-height: 28px;
  background-color: 

  
  
    
  


  rgba(250, 249, 246, 1.0)

;
  border-radius: 8px;
  color: #1C3500;
}

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

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

::-moz-placeholder {
  color: #1C3500;
}

:-ms-input-placeholder {
  color: #1C3500;
}

:-moz-placeholder {
  color: #1C3500;
}

::placeholder {
  color: #1C3500 !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: #1A3300 !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: Roboto, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #1C3500;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: Roboto, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #1C3500;
  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 #1A3300;
;
  font-family: Roboto, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: #1A3300;
  color: #ffffff;
  border-radius: 8px;
  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 {
  #DE9C6A;
  background: #DE9C6A;
  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-error-msg {
  padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

  font-family: Roboto, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #DB524E;
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 28px;
  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: #1A3300;
}

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

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

@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,
.cfd-header {
  background-color: rgba(255, 255, 255,100%);
}





/* Footer Background  */

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