


  



  





























  












































/* 1e. Forms */































.dnd-section {
  padding: 100px 32px;
}

.blog-post-section {
  padding: 100px 0;
}

.dnd-section > .row-fluid,
.content-wrapper,
.header__wrapper {
  max-width: 1344px;
}
.primary-font{
  font-family: Geist
}
.secondary-font{
  font-family: ABC Marist
}
.primary-colour{
  color:#3574E3;
}
.secondary-colour{
  color: #ffffff;
}
html {
  font-size: 16px;
}

body {
  font-family: Geist, arial, sans-serif;
  color: #231f20;
  font-size: 16px;
  line-height: 1.75;
}

p {
  font-family: Geist, arial, sans-serif;
}

a {
  font-family: Geist, arial, sans-serif;
  color: #231f20;
}

a:hover,
a:focus {
  font-family: Geist, arial, sans-serif
  color: #231f20;
}

a:active {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #736f70;
}

h1 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 72px;
  text-transform: none;
  line-height: 1;
}

h2 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 48px;
  text-transform: none;
  line-height: 1;
}

h3 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 44px;
  text-transform: none;
  line-height: 1;
}

h4 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 32px;
  text-transform: none;
  line-height: 1;
}

h5 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 24px;
  text-transform: none;
  line-height: 1.3;
}

h6 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 20px;
  text-transform: none;
  line-height: 1.3;
}



@media(max-width:767px){

html {
  font-size: 16px;
}

body {
  font-family: Geist, arial, sans-serif;
  color: #231f20;
  font-size: 16px;
  line-height: 1.3;
}

p {
  font-family: Geist, arial, sans-serif;
}

a {
  font-family: Geist, arial, sans-serif;
  color: #3574E3;
}

a:hover,
a:focus {
  font-family: Geist, arial, sans-serif;
  color: theme.colors.secondary.color;
}

a:active {
  font-family: Geist, arial, sans-serif;
  color: theme.colors.secondary.color;
}

h1 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 40px;
  text-transform: none;
  line-height: 1.3;
}

h2 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 32px;
  text-transform: none;
  line-height: 1.3;
}

h3 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 28px;
  text-transform: none;
  line-height: 1.3;
}

h4 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 24px;
  text-transform: none;
  line-height: 1.3;
}

h5 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 20px;
  text-transform: none;
  line-height: 1.3;
}

h6 {
  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  color: #231f20;
  font-size: 16px;
  text-transform: none;
  line-height: 1.3;
}
}





/* Form */

form {
  border: 1px none #ffffff;

  padding: 45px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 20px;
}

/* Form title */

.form-title {
  border: 1px none #3574E3;

  padding-top: 25px;
padding-right: 0px;
padding-bottom: 25px;
padding-left: 0px;

  font-weight: 400; font-family: 'ABC Marist', arial, sans-serif;
  background-color: 

  
  
    
  


  rgba(53, 116, 227, 1.0)

;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #ffffff;
  font-size: 44px;
  text-transform: ;
}

/* Labels */

form label {
  padding-top: 6px;
padding-right: 0px;
padding-bottom: 6px;
padding-left: 0px;

  font-family: Geist, arial, sans-serif;
  color: #ffffff;
  font-size: 16px;
}

/* Help text */

form legend {
  font-family: Geist, arial, sans-serif;
  color: #231f20;
  font-size: 14px;
}

/* 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 select,
form textarea {
  border: 1px none #102d7b;

  padding: 10px;

  font-family: Geist, arial, sans-serif;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 0px;
  color: #231f20;
  font-size: 16px;
}
form textarea {
  height: 150px;
}
.legal-consent-container .hs-form-booleancheckbox-display input{
  margin-top:5px;
}
/* Form fields - placeholders */

::-webkit-input-placeholder {
  color: #102d7b;
}

::-moz-placeholder {
  color: #102d7b;
}

:-ms-input-placeholder {
  color: #102d7b;
}

:-moz-placeholder {
  color: #102d7b;
}

::placeholder {
  color: #102d7b;
}

/* Form fields - date picker */

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

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: #3574E3 !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: Geist, arial, sans-serif;
  color: #231f20;
}

form .hs-richtext a {
  font-family: Geist, arial, sans-serif;
  color: #231f20;
}

/* GDPR */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: Geist, arial, sans-serif;
  color: #231f20;
  font-size: 14px;
}

/* Inline thank you message */

.submitted-message {
  border: 1px none #ffffff;

  padding: 45px;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 20px;
}