







/* 1a. Containers */





/* 1b. Breakpoints */







/* 1c. Colors */









/* 1d. Typography */












/* 1f. Corner Radius */



/* 1g. Lists */




/* 1h. Horizontal Rule */



/* 1i. Blockquote */




/* 1j. Buttons */



















































/* 1k. Forms */















































/* 1l. Tables */











/* 1m. Site Header */












/* 1n. Site Footer */












/* 1o. Blog */








.content-wrapper, .page-center {
  max-width: 1310px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.content-wrapper--narrow {
  max-width: 760px;
}

@media screen and (min-width: 800px) {
  .content-wrapper--narrow {
    padding: 0;
  }
}

.dnd-section,
.content-wrapper--blog-index,
.content-wrapper--blog-post {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1310px;
}





html {
  font-size: 18px;
}

body {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: #FFFFFF;
  color: #2B2B2B;
  font-size: 18px;
}

/* Paragraphs */

p {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 18px;
  letter-spacing: 0.2px;
}

p.lead,
p.intro {
  font-size: 1.25rem;
}
p.small, li {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 16px;
  letter-spacing: 0.2px;
}

/* Anchors */

a {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #00a9a4;
}

a:hover, a:focus {
  font-weight: 400; text-decoration: underline; font-family: 'Founders Grotesk', sans-serif; font-style: normal;
  color: ;
}

a:active {
  font-weight: 400; text-decoration: underline; font-family: 'Founders Grotesk', sans-serif; font-style: normal;
  color: ;
}

a.button:disabled {
  background-color: #f1f1f1;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Chronicle Display', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  text-transform: none;
}



h1 {
  font-family: 'Chronicle Display', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 60px;
  letter-spacing: -0.3px;
  text-transform: none;
}

h2 {
  font-family: 'Chronicle Display', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 44px;
  letter-spacing: -0.3px;
  text-transform: none;
}

h3 {
  font-weight: 400; font-style: normal; text-decoration: none;
  color: #2B2B2B;
  font-size: 34px;
  letter-spacing: 0.2px;
  text-transform: none;
}

h4 {
  font-family: 'Chronicle Display', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 26px;
  letter-spacing: 0.2px;
  text-transform: none;
}

h5 {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #2B2B2B;
  font-size: 20px;
  letter-spacing: 0.2px;
  text-transform: none;
}

h6 {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 12px;
  letter-spacing: 4.35px;
  text-transform: uppercase;
}

/*-=-=- Only Desktop CSS -=-=-*/
@media (max-width:1199px ) {
  h1 { font-size: 60px; }
  h2 { font-size: 44px; }
  h3 { font-size: 34px; }
  h4 { font-size: 26px; }
  h5 { font-size: 20px; }
  h6 { font-size: 12px; }
}

/*-=-=- Smaller Desktop Devices -=-=-*/
@media (max-width:991px ) {
  h1 { font-size: 60px; }
  h2 { font-size: 44px; }
  h3 { font-size: 34px; }
  h4 { font-size: 26px; }
  h5 { font-size: 20px; }
  h6 { font-size: 12px; }
}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {
  h1 { font-size: 44px; }
  h2 { font-size: 32px; }
  h3 { font-size: 26px; }
  h4 { font-size: 20px; }
  h5 { font-size: 18px; }
  h6 { font-size: 12px; }
}




/* Lists */

ul,
ol {
  margin: 1.5rem 0;
  padding-left: 1.5rem;
}

ul li,
ol li {
  margin: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

/* Blockquote */

blockquote {
  border-left: 10px solid #2B2B2B;
  padding-left: 1.5rem;
}

/* Horizontal Rules */

hr {
  border-bottom-color: #d0d0d0;
}





/* Primary Button */

button,
.button,
.hs-button {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(43, 43, 43, 1.0)

;
  border: 1px solid #2B2B2B;
  border-radius: 0px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 12px;
  padding: 13px 23px 9px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  text-align: center;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active,
.hs-button:hover,
.hs-button:focus,
.hs-button:active
{
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(43, 43, 43, 0.0)

;
  border: 1px solid #2B2B2B;
  color: #2B2B2B;
}

button:active,
.button:active,
.hs-button:active
{
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(123, 123, 123, 0);
  border: 1px solid #2B2B2B;
  border-color: #7b7b7b;
  color: #2B2B2B;
}

/* Disabled Button */

button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled {
  color: #f1f1f1;
}

button:disabled,
.button:disabled {
  background-color: #d0d0d0;
}

/* Dark Theme Button */

button.button--light,
.button.button--light,
.hs-button.button--light
{
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: 

  
  
    
  


  rgba(43, 43, 43, 1.0)

;
}

button.button--light:focus, button.button--light:hover,
.button.button--light:focus, .button.button--light:hover,
.hs-button.button--light:focus, .hs-button.button--light:hover
{
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}


/* Secondary Button */

.button.button--secondary {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 169, 164, 1.0)

;
  border: 1px solid #00a9a4;
  border-radius: 0px;
  color: #ffffff;
  fill: #ffffff;
  padding: 13px 23px 9px;
  text-transform: uppercase;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(12, 90, 85, 1.0)

;
  border: 1px solid #0C5A55;
  color: #ffffff;
  fill: #ffffff;
}

.button.button--secondary:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(92, 170, 165, 100);
  border: 1px solid #0C5A55;
  border-color: #5caaa5;
  color: #ffffff;
  fill: #ffffff;
}

/* Outlined Button */

.button.button--outlined {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #2B2B2B;
  border-radius: 0px;
  color: #2B2B2B;
  fill: #2B2B2B;
  padding: 13px 23px 9px;
  text-transform: uppercase;
}

.button.button--outlined:hover,
.button.button--outlined:focus,
.button.button--outlined:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(43, 43, 43, 1.0)

;
  border: 1px solid #2B2B2B;
  color: #ffffff;
  fill: #ffffff;
}

.button.button--outlined:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(123, 123, 123, 100);
  border: 1px solid #0C5A55;
  border-color: #7b7b7b;
  color: #ffffff;
  fill: #ffffff;
}

/* Dark Theme Button */

.button.button--outlined.button--light
{
  background-color: transparent;
  border-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.button.button--outlined.button--light:focus, .button.button--outlined.button--light:hover
{
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #2B2B2B;
}

/* Simple Button */

.button.button--simple {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #00a9a4;
  fill: #00a9a4;
  text-transform: uppercase;
}

.button.button--simple i{
  margin-left: 8px;
  margin-bottom: 4px;
  transition: all .15s linear;
}
.button.button--simple:hover i{
  margin-left: 14px;
  margin-bottom: 4px;
}



.button.button--simple:after {
  content: none;
}



.button.button--simple:hover,
.button.button--simple:focus {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #00a9a4;
  fill: #00a9a4;
}



.button.button--simple:hover:after,
.button.button--simple:focus:after,
.button.button--simple:active:after {
  content: none;
}



.button.button--simple:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #50f9f4;
  fill: #50f9f4;
}

/* Button Sizing */

.button.button--small {
  font-size: 12px;
  padding: 13px 23px 9px;
}

.button.button--large {
  font-size: 16px;
  padding: 14px 23px 8px;
}





form {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px none #ffffff;
  border-radius: 0px;
  padding: 0px 0px;
}

.hs-form-field {
  margin-bottom: 1.5rem;
}

/* Form Title */

.form-title {
  font-family: 'Chronicle Display', serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.01)

;
  border: 1px none #2B2B2B;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #2B2B2B;
  font-size: 44px;
  padding: 30px 0px;
  text-transform: none;
}

/* Labels */

.hs-form-field > label,
.hs-form-field > label span {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2B2B2B;
  font-size: 16px;
  padding: 0px 0px;
}

/* Help Text - Legends */

.hs-form-field legend {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #999;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 5px;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
select,
textarea {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #FFFFFF;
  border-radius: 0px;
  color: #2B2B2B;
  font-size: 18px;
  padding: 19px 16px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='file']:focus,
select:focus,
textarea:focus {
  outline-color: #00a9a4;
}

::-webkit-input-placeholder {
  color: #2B2B2B;
}

::-moz-placeholder {
  color: #2B2B2B;
}

:-ms-input-placeholder {
  color: #2B2B2B;
}

:-moz-placeholder {
  color: #2B2B2B;
}

::placeholder {
  color: #2B2B2B;
}

/* Inputs - Checkbox/Radio */

form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 16px;
}

/* Inputs - Datepicker */

.fn-date-picker .pika-table thead th {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  color: #FFFFFF;
}

.fn-date-picker td.is-today .pika-button {
  color: #2B2B2B;
}

.hs-datepicker .is-selected button.pika-button {
  background-color: #2B2B2B;
  color: #2B2B2B;
}

.hs-datepicker button.pika-button:hover {
  background-color: #00a9a4 !important;
}

/* Form Rich 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: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
}
form .hs-richtext a{
  color: #00a9a4;
  text-decoration: underline;
}

/* GDPR Text */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
  font-size: 14px;
  margin: 0px auto 30px;
}

/* Validation */

.hs-input.invalid.error {
  border-color: #ef6b51;
}

.hs-error-msg,
.hs-error-msgs {
  color: #ef6b51;
}

/* Submit */



form input[type='submit'],
form .hs-button {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 169, 164, 1.0)

;
  border: 1px solid #00a9a4;
  border-radius: 0px;
  color: #ffffff;
  fill: #ffffff;
  padding: 13px 23px 9px;
  text-transform: uppercase;
}

form input[type='submit']:hover,
form input[type='submit']:focus,
form .hs-button:hover,
form .hs-button:focus {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(12, 90, 85, 1.0)

;
  border: 1px solid #0C5A55;
  color: #ffffff;
  fill: #ffffff;
}

form input[type='submit']:active,
form .hs-button:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: rgba(92, 170, 165, 100);
  border: 1px solid #0C5A55;
  border-color: #5caaa5;
  color: #ffffff;
  fill: #ffffff;
}





form input[type='submit'],
form .hs-button {
  font-size: 16px;
  padding: 14px 23px 8px;
}



/* Inline Thank You Message */

.submitted-message {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px none #ffffff;
  border-radius: 0px;
  padding: 0px 0px;
  color: #2B2B2B;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #D2E9FC;
}

th,
td {
  border: 1px solid #D2E9FC;
  color: #2B2B2B;
  padding: 15px 15px;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(0, 0, 0, 1.0)

;
  border-bottom: 2px none #D2E9FC;
  color: #FFFFFF;
}

tbody + tbody {
  border-top: 2px none #D2E9FC;
}






.header, header .header-sticky {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-bottom: 1px none #FFFFFF;
}

.header__container {
  /*max-width: 1310px;*/
  max-width: 1400px;
}

/* Header Content */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header span,
.header div,
.header li,
.header blockquote,
.header .related-post__title a {
  color: 

  
  
    
  


  rgba(43, 43, 43, 1)

;
}

/* Logo */

.header__logo .logo-company-name {
  color: 

  
  
    
  


  rgba(43, 43, 43, 1)

;
}


/* Navigation Menu */

.header__menu .hs-menu-item a {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #323232;
  font-size: 16px;
  text-transform: none;
}

.header__menu .hs-menu-item a:hover,
.header__menu .hs-menu-item a:focus {
  color: #323232;
}

.header__menu .hs-menu-item a:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #323232;
}



.header__menu .hs-menu-children-wrapper .hs-menu-item a:hover, .header__menu .hs-menu-children-wrapper .hs-menu-item a:active
.header__menu .hs-menu-children-wrapper .hs-menu-item a:focus {
  color: #323232;
}


/* Blog Post Listing Module */

.header .blog-post-listing h1,
.header .blog-post-listing h2,
.header .blog-post-listing h3,
.header .blog-post-listing h4,
.header .blog-post-listing h5,
.header .blog-post-listing h6,
.header .blog-post-listing p,
.header .blog-post-listing div,
.header .blog-post-listing span {
  color: #2B2B2B;
}





.footer--site-page {
  background-color: 

  
  
    
  


  rgba(43, 43, 43, 1.0)

;
  border-top: 1px none #2b2b2b;
}

.footer--landing-page {
  background-color: 

  
  
    
  


  rgba(43, 43, 43, 1.0)

;
}

.footer__container {
  max-width: 1310px;
}


/* Footer Content */

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer a:not(.button),
footer div,
footer span,
footer blockquote,
footer .related-post__title a {
  color: #FFFFFF;
}
footer svg {
  fill: #FFFFFF;
}



.footer--site-page h4 {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  font-size: 12px;
  letter-spacing: 4.35px;
  text-transform: uppercase;
}



/* Footer Menu */

.footer .hs-menu-item a {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  text-transform: capitalize;
}

.footer .hs-menu-item a:hover,
.footer .hs-menu-item a:focus {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
}

.footer .hs-menu-item a:active {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
}

/* Form Module */

.footer--site-page .form-title,
.footer--site-page form .hs-richtext,
.footer--site-page form .hs-richtext *,
.footer--site-page form .hs-richtext p,
.footer--site-page form .hs-richtext h1,
.footer--site-page form .hs-richtext h2,
.footer--site-page form .hs-richtext h3,
.footer--site-page form .hs-richtext h4,
.footer--site-page form .hs-richtext h5,
.footer--site-page form .hs-richtext h6,
.footer--site-page .hs-form-field > label,
.footer--site-page .hs-form-field > label span,
.footer--site-page .hs-form-field legend,
.footer--site-page form .inputs-list:not(.no-list) label,
.footer--site-page form .inputs-list:not(.no-list) label > span,
.footer--site-page form .inputs-list:not(.no-list) label > span p {
  color: #FFFFFF;
}

/* Blog Post Listing Module */

.footer .blog-post-listing h1,
.footer .blog-post-listing h2,
.footer .blog-post-listing h3,
.footer .blog-post-listing h4,
.footer .blog-post-listing h5,
.footer .blog-post-listing h6,
.footer .blog-post-listing p,
.footer .blog-post-listing div,
.footer .blog-post-listing span {
  color: #2B2B2B;
}

/* Related Posts Module */

.footer--site-page .related-post__title a:hover,
.footer--site-page .related-post__title a:focus {
  color: #afafaf;
}

.footer--site-page .related-post__title a:active {
  color: #ffffff;
}

/* Social Follow Module */

.footer--site-page .social-links__icon svg {
  fill: #FFFFFF;
}

.footer--site-page .social-links__icon:hover svg {
  fill: 

  
  
    
  


  rgba(43, 43, 43, 1.0)

;
}

.footer--site-page .social-links__icon:hover {
  background-color: #FFFFFF;
}





/* Error Pages - Global */

.error-page:before {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
}

/* System Pages - Global */

.hs-search-results__title {
  font-family: 'Chronicle Display', serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #2B2B2B;
}

.hs-search-results__title:hover {
  font-family: 'Chronicle Display', serif; font-style: normal; font-weight: 400; text-decoration: none;
}

/* Forms in System Pages */

#email-prefs-form h3 {
  font-family: 'Founders Grotesk', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #2B2B2B;
  font-size: 16px;
  padding: 0px 0px;
}

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #2B2B2B;
}

/* Password Prompt */

.password-prompt input[type='password'] {
  margin-bottom: 1.5rem;
}

/* Backup Unsubscribe */

.backup-unsubscribe input[type='email'] {
  margin-bottom: 1.5rem;
  padding: 19px 16px !important;
}





/* Icon */

body .icon svg {
  fill: #2B2B2B;
}

/* Pricing Table */

body .price-block__header {
  background-color: #2B2B2B;
}

body .billing-selectors__pricing-option input[type='radio']:checked + label:before {
  border-color: #2B2B2B;
}

/* Image Module */

img {
  max-width: 100%;
}

/* Social Follow */

body .social-links__icon svg {
  fill: #2B2B2B;
}

body .social-links__icon:hover svg {
  fill: #2B2B2B;
}

body .social-links__icon:hover {
  background-color: transparent;
}

/* Statististic */

body .statistic__circle {
  background-color: #d0d0d0;
}

body .statistic__info {
  color: #2B2B2B;
}

body .statistic__bar,
body .statistic__fill,
body .statistic__fill {
  border-color: #2B2B2B;
}

body .statistic__circle:after {
  background-color: #FFFFFF
}

/* Testimonial Slider */

body .tns-nav button {
  background-color: #d0d0d0;
}

body .tns-nav .tns-nav-active {
  background-color: #2B2B2B;
}


/* //////////////////////Add css Naveed///////////////////// */
.body-container--landing-page li {
  font-size: 18px;
}
.body-container--landing-page ul li::marker {
      font-size: 27px;
    line-height: 0;
}
/*  ///////////// form css ///////////////////// */
/* Start Custom Fonts CSS */
@font-face {
    font-family: 'Founders Grotesk';
    font-style: normal;
    font-weight: 600;
    font-display: auto;
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Semibold.eot');
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Semibold.eot?#iefix') format('embedded-opentype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Semibold.woff2') format('woff2'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Semibold.woff') format('woff'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Semibold.ttf') format('truetype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Semibold.svg#FoundersGrotesk') format('svg');
}

@font-face {
    font-family: 'Founders Grotesk';
    font-style: italic;
    font-weight: 600;
    font-display: auto;
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-SemiboldItalic.eot');
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-SemiboldItalic.woff2') format('woff2'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-SemiboldItalic.woff') format('woff'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-SemiboldItalic.ttf') format('truetype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-SemiboldItalic.svg#FoundersGrotesk') format('svg');
}

@font-face {
    font-family: 'Founders Grotesk';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Medium.eot');
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Medium.eot?#iefix') format('embedded-opentype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Medium.woff2') format('woff2'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Medium.woff') format('woff'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Medium.ttf') format('truetype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Medium.svg#FoundersGrotesk') format('svg');
}

@font-face {
    font-family: 'Founders Grotesk';
    font-style: italic;
    font-weight: 500;
    font-display: auto;
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-MediumItalic.eot');
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-MediumItalic.woff2') format('woff2'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-MediumItalic.woff') format('woff'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-MediumItalic.ttf') format('truetype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-MediumItalic.svg#FoundersGrotesk') format('svg');
}

@font-face {
    font-family: 'Founders Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Regular.eot');
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Regular.eot?#iefix') format('embedded-opentype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Regular.woff2') format('woff2'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Regular.woff') format('woff'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Regular.ttf') format('truetype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-Regular.svg#FoundersGrotesk') format('svg');
}

@font-face {
    font-family: 'Founders Grotesk';
    font-style: italic;
    font-weight: 400;
    font-display: auto;
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-RegularItalic.eot');
    src: url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-RegularItalic.eot?#iefix') format('embedded-opentype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-RegularItalic.woff2') format('woff2'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-RegularItalic.woff') format('woff'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-RegularItalic.ttf') format('truetype'), url('https://dev-nuorder-website.pantheonsite.io/wp-content/uploads/2020/09/FoundersGrotesk-RegularItalic.svg#FoundersGrotesk') format('svg');
}

form {
  font-family: "Founders Grotesk", Sans-serif!important;

}
form button:hover{
   background: #006562 !important;
}
form button {
  text-transform: none;

border-radius: 100px!important;
    background-color: #00A39E!important;
    display: flex!important;
    padding: 24px 20px 16px 20px!important;
    justify-content: center!important;
    align-items: center!important;
    gap: 10px!important;
    color: #FFF!important;
    font-family: "Founders Grotesk"!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: 12px!important;
    font-family: "Founders Grotesk", Sans-serif !important;
}
form label, form label span {
font-size: 22px!important;
font-style: normal!important;
font-weight: 400!important;
line-height: 26.4px!important;
letter-spacing: 0.2px!important;!important;
  margin:0;
}
form input, form input span, form select{
font-size: 18px!important;
font-style: normal!important;
font-weight: 400!important;
letter-spacing: 0.072px!important;
}
form label {
margin:0!important;
}

.hsfc-CheckboxFieldGroup__Options label span, .hsfc-RadioFieldGroup__Options label span{

font-size: 18px!important;
font-style: normal!important;
font-weight: 400!important;
line-height:  25.2px!important;
letter-spacing: 0.072px!important;
}
form .hsfc-PhoneInput {
    gap:12px!important;
}
.hsfc-CheckboxFieldGroup__Options label, .hsfc-RadioFieldGroup__Options label{
    display: flex!important;
    gap: 12px!important;
/*     align-items: self-start!important; */
}
form input[type="tel"],.hsfc-PhoneInput__FlagAndCaret, form input[type="text"],form input[type="email"], form input[type="number"], form input[type="password"], form select {
    padding: 18px 12px!important;
    align-items: center;
    align-self: stretch;
    border-radius: 4px!important;
    background: #FFF;
  line-height: 25.2px!important;
}
form input[type="checkbox"]{
    display: flex;
    width: 18px;
    height: 18px;
    padding: 10px!important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
form input::placeholder {
/*   color: #585858; */
  color: #585858!important;
  font-size: 18px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: 25.2px!important;
  letter-spacing: 0.072px!important;
}
[data-hsfc-id=Renderer] .hsfc-ErrorAlert {
  color: #CD4942!important;
  font-family: "Founders Grotesk", Sans-serif!important;
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: 15.6px!important;
  letter-spacing: 0.048px!important;
}
form input[type='text']:focus{
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border-bottom: 2px solid #00A39E;
}
 .hsfc-PhoneInput__FlagAndCaret{
box-shadow: 0 0 4px var(--hsf-field-input__border-color, var(--hsf-default-field-input__border-color));
}
form input[aria-invalid="true"]  {
  border: 1px solid #CD4942!important;
}

form input[aria-invalid="true"]::placeholder {
  color: #CD4942!important;
}
[data-hsfc-id=Renderer] .hsfc-CheckboxInput{
border-radius: 3px;
}
[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:checked {
  border-color: #00A39E !important;
  background-color: #00A39E !important;
}

[data-hsfc-id="Renderer"] .hsfc-CheckboxInput:not(:checked) {
  border: 1px solid #999 !important;
  background-color: transparent !important;
}
[data-hsfc-id=Renderer] .hsfc-CheckboxInput:checked:after {
  background-color : #Fff!important;
}

[data-hsfc-id="Renderer"] .hsfc-RadioInput:checked {
  border: 1px solid #00A39E !important;
  background-color: transparent !important;
}

[data-hsfc-id="Renderer"] .hsfc-RadioInput:not(:checked) {
  border: 1px solid #999 !important;
  background-color: transparent !important;
}
[data-hsfc-id=Renderer] .hsfc-RadioInput:checked:after {
  background-color : #00A39E!important;
  border :  1px solid #00A39E!important;
  
}
form h4 {
 
font-size: 22px!important;
font-style: normal!important;
font-weight: 400!important;
line-height: 28.6px!important;
letter-spacing: 0.088px!important;
  margin:0;
}

form .hsfc-RichText p {
  font-size: 12px!important;
  font-style: normal!important;
  font-weight: 400!important;
  line-height: 15.6px!important;
  letter-spacing: 0.048px!important;
  margin: 0;
} 

@media only screen and (max-width: 1024px) {
  form label, form label span {
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 25.2px!important;
    letter-spacing: 0.2px!important;!important;
  }

}
/* ////////////////////////////////////////////// */