/* 1b. Breakpoints */







/* 1c. Colors */









/* 1d. Typography */











/* 1e. Border */



/* 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 {
  max-width: 1300px;
}

@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: 1300px;
}





html {
  font-size: 16px;
}

body {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #FFFFFF;
  color: #00326D;
  font-size: 16px;
}

/* Paragraphs */

p.lead,
p.intro {
  font-size: 1.25rem;
}


/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  color: #00326D;
  text-transform: none;
}



  h1 {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
    color: #00326D;
    font-size: 62px;
    letter-spacing: 0px;
    text-transform: none;
  }

  h2 {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
    color: #00326D;
    font-size: 42px;
    letter-spacing: 0px;
    text-transform: none;
  }

  h3 {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
    color: #00326D;
    font-size: 32px;
    letter-spacing: 0px;
    text-transform: none;
  }

  h4 {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 300; text-decoration: none;
    color: #00326D;
    font-size: 20px;
    letter-spacing: 1.18px;
    text-transform: none;
  }

  h5 {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
    color: #00326D;
    font-size: 20px;
    letter-spacing: 1.18px;
    text-transform: none;
  }

  h6 {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
    color: #00326D;
    font-size: 18px;
    letter-spacing: 1.06px;
    text-transform: none;
  }



/* Lists */

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

ul li,
ol li {
  margin: 0.7rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 1.5rem;
}

/* Blockquote */

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

/* Horizontal Rules */

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





/* Primary Button */

button,
.button {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 198, 171, 1.0)

;
  border: 1px solid #00C6AB;
  border-radius: 50px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 16px;
  padding: 12px 44px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active
color: #FFFFFF;
}




/* Disabled Button */

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

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

/* Secondary Button */

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

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px solid #00C6AB;
  border-radius: 50px;
  color: #00C6AB;
  fill: #00C6AB;
  padding: 12px 44px;
  text-transform: none;
}

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

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px solid #009E83;
  color: #009E83;
  fill: #009E83;
}

.button.button--secondary:active {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #009E83;
  border-color: #50eed3;
  color: #50eed3;
  fill: #50eed3;
}

/* Simple Button */

.button.button--simple {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #00C6AB;
  fill: #00C6AB;
  text-transform: uppercase;
}



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



.button.button--simple:hover,
.button.button--simple:focus {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #009E83;
  fill: #009E83;
}



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



.button.button--simple:active {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #50eed3;
  fill: #50eed3;
}

/* Button Sizing */

.button.button--small {
  font-size: 14px;
  padding: 12px 44px;
}

.button.button--large {
  font-size: 18px;
  padding: 12px 44px;
}


  /* Search button */
  .hs-search-field__button {
    margin-left: 6px;
    margin-bottom: 0;
  }

  .hs-search-field__bar > form > .hs-search-field__input {
    padding: 10px;
  }






form {
  background-color: 

  
  
    
  


  rgba(0, 50, 109, 1.0)

;
  border: 1px none #D0D0D0;
  border-radius: 18px;
  padding: 45px 45px;
}

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

/* Form Title */

.form-title {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 50, 109, 1.0)

;
  border: 1px none #D0D0D0;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  color: #FFFFFF;
  font-size: 32px;
  padding: 25px 25px;
  text-transform: none;
}

/* Labels */

.hs-form-field > label,
.hs-form-field > label span {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  padding: 6px 0px;
}

/* Help Text - Legends */

.hs-form-field legend {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
}

/* Inputs */

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

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #D2E9FC;
  border-radius: 4px;
  color: #00326D;
  font-size: 16px;
  padding: 12px 12px;
}

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

::-webkit-input-placeholder {
  color: #D0D0D0;
}

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

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

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

::placeholder {
  color: #D0D0D0;
}

/* 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: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
}

/* Inputs - Datepicker */

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

  
  
    
  


  rgba(0, 50, 109, 1.0)

;
  color: #FFFFFF;
}

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

.hs-datepicker .is-selected button.pika-button {
  background-color: #FFF9E3;
  color: #00326D;
}

.hs-datepicker button.pika-button:hover {
  background-color: #00C6AB !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: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
}

/* GDPR Text */

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

/* 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: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(0, 198, 171, 1.0)

;
    border: 1px solid #00C6AB;
    border-radius: 50px;
    color: #FFFFFF;
    fill: #FFFFFF;
    padding: 12px 44px;
    text-transform: none;
  }

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

  
  
    
  


  rgba(0, 158, 131, 1.0)

;
    border: 1px solid #009E83;
    color: #FFFFFF;
  }

  form input[type='submit']:active,
  form .hs-button:active {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
    background-color: rgba(80, 238, 211, 100);
    border: 1px solid #009E83;
    border-color: #50eed3;
}





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



/* Inline Thank You Message */

.submitted-message {
  background-color: 

  
  
    
  


  rgba(0, 50, 109, 1.0)

;
  border: 1px none #D0D0D0;
  border-radius: 18px;
  padding: 45px 45px;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 1px solid #D2E9FC;
}

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

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(0, 50, 109, 1.0)

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

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






.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

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

.header__container {
  max-width: 1300px;
}

/* 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(0, 50, 109, 1)

;
}

/* Logo */

.header__logo .logo-company-name {
  color: 

  
  
    
  


  rgba(0, 50, 109, 1)

;
}

/* Navigation Menu */

.navigation-primary .menu-item a {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #00326D;
  font-size: 16px;
  text-transform: none;
}

.navigation-primary .menu-item a:hover,
.navigation-primary .menu-item a:focus {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #00326D;
}

.navigation-primary .menu-item a:active {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #00326D;
}

.navigation-primary .submenu:not(.level-1) {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:hover,
.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:focus {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(239, 247, 255, 1.0)

;
  color: #00326D;
}

.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:active {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(0, 198, 171, 1.0)

;
  color: #00326D;
}


@media (min-width: 768px) {
  .navigation-primary .submenu:not(.level-1) {
    border: 2px solid #EFF7FE;
  }
}

@media (max-width: 768px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .header__menu .header__mobile-menu-icon,
  .header__menu .header__mobile-menu-icon:after,
  .header__menu .header__mobile-menu-icon:before,
  .header__menu .menu-arrow-icon,
  .header__menu .menu-arrow-icon:after {
    background-color: #00326D;
  }

  .navigation-primary .submenu.level-1 .menu-item .menu-link:hover,
  .navigation-primary .submenu.level-1 .menu-item .menu-link:focus {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(239, 247, 255, 1.0)

;
    color: #00326D;
  }

  .navigation-primary .submenu.level-1 .menu-item .menu-link:active {
    font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(0, 198, 171, 1.0)

;
    color: #00326D;
  }
}

/* Menu Toggle */

@media screen and (max-width: 767px) {
  body .header__navigation-toggle svg,
  body .menu-arrow svg {
    fill: #00326D;
  }
}

/* Language Switcher */

.header__language-switcher .lang_list_class {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border: 2px solid #EFF7FE;
}

.header__language-switcher-label-current:after {
  border-top-color: #00326D;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #00326D;
  font-size: 16px;
  text-transform: none;
}

.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li:focus a,
.header__language-switcher .lang_list_class li a:active {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  color: #00326D;
}

.header__language-switcher .lang_list_class li:hover,
.header__language-switcher .lang_list_class li:focus {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 900; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(239, 247, 255, 1.0)

;
  color: #00326D;
}

/* 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: #00326D;
}

/* Related Posts Module */

.header .related-post__title a:hover,
.header .related-post__title a:focus {
  color: 

  
  
    
  


  rgba(0, 50, 109, 1)

;
}

.header .related-post__title a:active {
  color: 

  
  
    
  


  rgba(0, 50, 109, 1)

;
}

/* Social Follow Module */

.header .social-links__icon svg {
  fill: 

  
  
    
  


  rgba(0, 50, 109, 1)

;
}

.header .social-links__icon:hover svg {
  fill: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header .social-links__icon:hover {
  background-color: 

  
  
    
  


  rgba(0, 50, 109, 1)

;
}





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

  
  
    
  


  rgba(0, 50, 109, 1.0)

;
  border-top: 1px none #00C6AB;
}

.footer--landing-page {
  background-color: #FFFFFF;
}

.footer__container {
  max-width: 1300px;
}

.footer__bottom-section {
  border-color: #FFFFFF;
  border-top: 2px solid #EFF7FE;
}

/* Footer Content */

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



  .footer--site-page h4 {
      font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
      font-size: 18px;
      letter-spacing: 1.06px;
      text-transform: none;
  }



/* Footer Menu */

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

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

.footer .hs-menu-item a:active {
  font-family: 'Nunito Sans', 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: #00326D;
}

/* 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(0, 50, 109, 1.0)

;
}

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





/* Blog Title */

.blog-index__post-title a,
.blog-index__post-author-name {
  color: #00326D;
}

.blog-index__post-title a:hover,
.blog-index__post-title a:focus {
  color: #00001d;
}

.blog-index__post-title a:active {
  color: #5082bd;
}

/* Blog Meta - Author */

.blog-index__post-author-name,
.blog-post__author-name {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #00326D;
}

.blog-post__author-links svg {
  fill: #00326D;
}

.blog-post__author-links a:hover svg {
  fill: #00C6AB;
}

/* Tags */

.blog-index__post-tag-link,
.blog-post__tag-link {
  background-color: 

  
  
    
  


  rgba(255, 249, 227, 0.0)

;
  color: #00C6AB;
}

.blog-index__post-tags svg,
.blog-post__tags svg {
  fill: #FFF9E3;
}

/* Blog Listing */

.blog-subheader__author-links a {
  background-color: #00C6AB;
}

.blog-subheader__author-links a:hover {
  background-color: #009E83;
}

/* Blog Pagination */

.blog-pagination__link {
  color: #00C6AB;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  color: #009E83;
}

.blog-pagination__link:hover svg,
.blog-pagination__link:focus svg {
  fill: #009E83;
}

.blog-pagination__link:active {
  color: #50eed3;
}

.blog-pagination__link:active svg {
  fill: #50eed3;
}

.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #d0d0d0;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #d0d0d0;
}

.blog-pagination__link--active {
  background-color: #00C6AB;
  color: #fff;
}

.blog-pagination__link--active:hover,
.blog-pagination__link--active:focus {
  color: #fff;
}

/* Blog Post */

.blog-post__image {
  border-radius: 18px;
}

/* Blog Search */

.blog-search form button {
  border-radius: 4px;
}





/* Error Pages - Global */

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

/* System Pages - Global */

.hs-search-results__title {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
  color: #00326D;
}

.hs-search-results__title:hover {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: 800; text-decoration: none;
}

/* Forms in System Pages */

#email-prefs-form h3 {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  padding: 6px 0px;
}

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

/* Password Prompt */

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

/* Backup Unsubscribe */

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





/* Icon */

body .icon svg {
  fill: #FFF9E3;
}

/* Pricing Table */

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

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

/* Image Module */

img {
  max-width: 100%;
}

/* Social Follow */

body .social-links__icon svg {
  fill: #00326D;
}

body .social-links__icon:hover svg {
  fill: #00326D;
}

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

/* Statististic */

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

body .statistic__info {
  color: #00326D;
}

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

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

/* Testimonial Slider */

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

body .tns-nav .tns-nav-active {
  background-color: #FFF9E3;
}
/**/


.fullwidth { width:100%; float:left; }
img { max-width:100%; height:auto; border:none; vertical-align:top; }
a { font-family: "Lilita One", sans-serif; color: #707070; outline: none; text-decoration: none !important; cursor: pointer; vertical-align: middle; max-width: 100% !important; white-space: normal !important;display: inline-block; transition: all ease-in-out 0.3s; }
a:hover { color: #212126;  }
p { margin:0 0 10px; }
.wrapper { box-sizing: border-box; width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1402px; padding:0px 20px; }
.flexwrap { display:flex; flex-flow:row wrap; justify-content:left; display:-webkit-flex; -webkit-flex-flow:row wrap; -webkit-justify-content:left; }
.alignCenter { align-items:center; -webkit-align-items:center; }
.justCenter { justify-content:center; -webkit-justify-content:center; }
.text-center { text-align:center; }
.text-left { text-align:left; }
.text-right { text-align:right; }


body { margin:0; padding:0; font-size:18px; line-height:26px; font-family: "Rubik", sans-serif; font-weight:400; color:#212126; overflow-X:hidden; transition: .4s ease all;}

* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
h1, .h1 { margin:0 0 10px; padding:0; /* font-size:50px; line-height:70px; */ font-size: 46px; line-height: 56px; font-family: "Lilita One", sans-serif; font-weight:400; color:#212126; }
h2, .h2 { margin:0 0 15px; padding:0; /* font-size:44px; line-height:52px; */ font-size: 40px; line-height: 46px; font-family: "Lilita One", sans-serif; font-weight:400; color:#212126; }
h3, .h3 { margin:0 0 15px; padding:0; /* font-size:24px; line-height:32px; */ font-size: 22px; line-height:30px; font-family: "Lilita One", sans-serif; font-weight:400; color:#212126; }
h4, .h4 { margin:0 0 15px; padding:0; font-size:22px; line-height:30px; font-family: "Lilita One", sans-serif; font-weight:400; color:#212126; }
h5, .h5 { margin:0 0 15px; padding:0; font-size:20px; line-height:26px; font-family: "Lilita One", sans-serif; font-weight:400; color:#212126; }
h6, .h6 { margin:0 0 15px; padding:0; font-size:18px; line-height:24px; font-family: "Lilita One", sans-serif; font-weight:400; color:#212126; }

.btnStyle a { line-height: 24px; background-color: #3a75ba; border: 1px solid #3a75ba; border-radius: 60px; color: #fff; font-size: 18px; letter-spacing: .18px; padding: 13px 19.08px; text-transform: uppercase; text-align: center; }
.btnStyle a svg { vertical-align: middle; margin-left: 10px; fill: #fff;  margin-top: -3px; }
.btnStyle a svg path { fill: #fff; transition: all .3s ease-in-out; }
.btnStyle a:hover { background-color:#fff; border-color:#fff; color: #3A75BA; }
.btnStyle a:hover svg path { fill: #3A75BA; }
.btnStyle.btnWhite a { background-color: #fff; border-color: #fff; color: #3a75ba; }
.btnStyle.btnWhite a svg path { fill: #3a75ba; }
.btnStyle.btnWhite a:hover { background-color: transparent; color: #fff; }
.btnStyle.btnWhite a:hover svg path { fill: #fff; }

.btnStyle.arrowbtn a { font-size: 16px; }

.hs_error_rollup { display: none; }
.hs-error-msg, .hs-error-msgs { font-size: 16px; }
form .inputs-list > li { margin: 5px 0 0; }
form .inputs-list { text-align: left; }
form input[type='submit'] { outline: none; }


.w-100 { width: 100%; }

.sectitle h2 { letter-spacing: 2.64px; }

.heroSection  { background-size: cover; background-repeat: no-repeat; background-position: center top; position: relative; z-index: 1; }
.heroSection:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #11111180; z-index: -1; }
.heroSection.greenshad-gdt:before { background: linear-gradient(270deg, rgba(73, 122, 56, 0) 32.62%, rgba(73, 122, 56, 0.6) 82.01%); }
/* .heroText { font-size: 24px; line-height: 32px; margin: 0 0 20px; } */
.heroText { font-size: 22px; line-height: 30px; margin: 0 0 20px; }
.heroText a { text-decoration: underline !important; font-family: inherit; color: currentcolor; }
.heroContent h1 { margin-bottom: 10px; }
.prodLeft { width: 40%; }
.prodRight { width: 60%; padding-left: 70px; }
.prodLeft h2 { margin: 0 0 15px; }
/* .prodText { margin: 0 0 20px; font-size: 22px; line-height: 30px; } */
.prodText { margin: 0 0 20px; font-size: 20px; line-height: 28px; } 
.prodText strong { font-weight: 600; }
.prodImgsinn.flexwrap { flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: flex-end; -webkit-justify-content: flex-end; }
.prodsmImg { min-height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center; width: 380px; border-radius: 20px; position: relative; margin-right: -100px; }
.prodbgImg { min-height: 550px; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 442px; border-radius: 20px; }
.prodbgImg.prodbglargeImg { width: 550px; }

/* .solutTitle h2 { letter-spacing: 0.6px; } */
.solutheader { margin-bottom: 40px; }
.solutTitle h2 { margin-bottom: 10px; }
/* .soluhText { font-size: 24px; line-height: 32px; } */
.soluhText { font-size: 22px; line-height: 30px; }

.solutInner { margin: 0 -15px; row-gap: 30px; }
.solutItem { width: 33.33%; padding: 0 15px; position: relative; padding-bottom: 52px; }
.solutImage { background-size: cover; background-position: center center; background-repeat: no-repeat; /* border: 1px solid #3A75BA66; */ min-height: 450px; position: relative; overflow: hidden; border-radius: 20px; }
.solutImage img { position: absolute;   top: 0;    left: 0;    width: 100%;    height: 100%;    object-fit: cover; }
.solutItem h3 { letter-spacing: 1px; margin: 30px 0 6px; }
.solutText { margin: 0 0 20px; }
.solutBtn { position: absolute; bottom: 0; left: 0; width: 100%; padding-left: 15px; padding-right: 15px; }
.solutBtn.btnStyle a:hover { background-color: transparent; color: #3a75ba; border-color: #3a75ba; }


.abouLeft { width: 40.442%; }
.abouImage { min-height: 550px; min-height: 420px; position: relative; border-radius: 20px; overflow: hidden; }
.abouImage img {  position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; object-fit: cover; }
.abouRight { width: 59.558%; padding-left: 145px; } 
.abouRight h2 { margin-bottom: 14px; }
/* .abouText { margin: 0 0 20px; font-size: 22px; line-height: 30px; } */
.abouText { margin: 0 0 20px; font-size: 20px; line-height: 30px; }
.abouContent h1.h2,
.abouContent h2 { color: #3A75BA; margin: 0 0 10px; }
.abouCText { max-width: 1130px; margin: 0 auto; font-size: 20px; line-height: 28px; }

.ourmissInner { align-items: center; }
.ourmissLeft { width: 76.6%; padding-right: 145px; position: relative; z-index: 1; padding-left: 30px; }
.ourmissRight { width: 23.4%; }
.ourmissImage img { width: 100%; border-radius: 20px; } 
.ourmissText { max-width: 580px; font-size: 22px; line-height: 30px; }
.ourmissLeft:before { content: ""; background-image: url(https://47381903.fs1.hubspotusercontent-na1.net/hubfs/47381903/compostify/Images/Quote.svg); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 87px; height: 65px; position: absolute; z-index: -1; top: -20px; left: 0; }
.ourmissText strong { font-weight: 500; }
.ourmissText p + p { margin-top: 25px; }
.ourmissText p:last-child { margin-bottom: 0; }
/* .ourmissLeft h2 { letter-spacing: 2.64px; } */

.aboubxItt { width: 31.863%; margin-right: 2.206%; margin-bottom: 30px; border: 1px solid #3a75ba66; border-radius: 10px; padding: 30px 20px; }
.aboubxItt:nth-child(3n) { margin-right: 0; }
.aboubxItt h3 { letter-spacing: 1px; margin-bottom: 6px; }
.aboubxIcon { margin-bottom: 20px; }
.aboubxText { margin-bottom: 20px; }
.aboubxBtn.btnStyle a:hover { background-color: transparent; border-color: #3a75ba; color: #3a75ba; }


.contentInner { max-width: 1131px; margin-left: auto; margin-right: auto; }
.contentcols { margin-bottom: 30px; }
.contentcols:last-child { margin-bottom: 0; }
.contentcols h2 { /* letter-spacing: 2.64px; */ text-transform: capitalize; margin-bottom: 10px; }
.contentext { font-size: 20px; line-height: 28px; }
.contentext p:last-child { margin-bottom: 0; }


.contactsec { position: relative; z-index: 1; overflow: hidden; }
.cntformoverlay { position: absolute; top: 0; right: 0; width: 45%; height: 100%; }
.contactrow h2 { letter-spacing: 2.64px; text-transform: capitalize; }

.contactleft { width: 55%; padding-right: 34px; }
.contactright { width: 34.64%; position: relative; z-index: 11; margin-left: 5.75%; }
.contactform { margin-top: 40px; }

.defaultform .form-title , .defaultform form { background: transparent; padding: 0; margin: 0; border: 0; outline: 0; border-radius: 0; }
.defaultform .hs-form-field legend, .defaultform .hs-form-field>label, .defaultform .hs-form-field>label span { font-family: Rubik, sans-serif; line-height: 20px; }
.defaultform .hs-form-field>label { margin-bottom: 6px; padding: 0; }
.defaultform .hs-form-field>label span { padding: 0; }
.defaultform input[type=email], 
.defaultform input[type=number], 
.defaultform input[type=password], 
.defaultform input[type=tel], 
.defaultform input[type=text], 
.defaultform select, 
.defaultform textarea { display: block; outline: 0; font-family: Rubik, sans-serif; min-height: 44px; line-height: 18px; background-color: transparent; border: 1px solid #fff; color: #fff; }
.defaultform textarea { min-height: 88px; }
.defaultform form ::-webkit-input-placeholder { color: #ffffff; }
.defaultform form ::-moz-placeholder { color: #ffffff; }
.defaultform form :-ms-input-placeholder { color: #ffffff; }
.defaultform form :-moz-placeholder { color: #ffffff; }
.defaultform form ::placeholder { color: #ffffff; }
.defaultform form .hs-fieldtype-select .input:after { content: ''; transform: translateY(-50%) rotate(45deg); width: 8px; height: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } 
.defaultform form .input { margin-right: 0 !important; }
.defaultform form .form-columns-2 .hs-form-field { width: 48.66% !important; margin-right: 2.68%; }
.defaultform form .form-columns-2 .hs-form-field + .hs-form-field { margin-right: 0; }
.defaultform form .hs-form-field { margin-bottom: 20px; }
.defaultform form input[type='submit'] { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border-radius: 60px; padding: 13px 77px 13px 43px; font-weight: 400; font-family: "Lilita One", sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.16px; text-transform: uppercase; background-color: #fff; border-color: #fff; color: #3A75BA; }
.defaultform form input[type='submit'] { background-image: url(https://47381903.fs1.hubspotusercontent-na1.net/hubfs/47381903/compostify/Images/formbtn-arrow.svg); background-size: 18px 15px; background-position: right 47px center; background-repeat: no-repeat; }
.defaultform form input[type='submit']:hover { background-image: url('https://47381903.fs1.hubspotusercontent-na1.net/hubfs/47381903/compostify/Images/formbtn-arrow-hover.svg'); background-color: transparent; color: #fff; }
.defaultform form .hs-submit { margin-top: 20px; }

.contactright ul { margin: 40px 0 0; padding: 0; list-style: none; }
.contactright ul li { margin: 0; padding: 0; margin-bottom: 26px; width: 100%; }
.contactright ul li:last-child { margin-bottom: 0; }
.contactright ul li a { display: flex; flex-wrap: wrap; width: 100%; font-family: Rubik, sans-serif; }
.contactright ul li a .contactlisticon { width: 17px; display: block; margin-right: 8px; }
.contactright ul li a .contactlistext { font-size: 20px; width: calc(100% - 25px); display: block; }
.contactright ul li a .contactlistext > span { font-size: 18px; line-height: 23px; margin-bottom: 8px; font-weight: 500; display: block; }


.contactv2form { margin-top: 40px; }
.defaultv2form .form-title , .defaultv2form form { background: transparent; padding: 0; margin: 0; border: 0; outline: 0; border-radius: 0; }
.defaultv2form .hs-form-field legend, .defaultv2form .hs-form-field>label, .defaultv2form .hs-form-field>label span { font-family: Rubik, sans-serif; line-height: 20px; }
.defaultv2form .hs-form-field>label { color: #212126;  margin-bottom: 6px; padding: 0; }
.defaultv2form .hs-form-field>label span { color: #212126;  padding: 0; }
.defaultv2form input[type=email], 
.defaultv2form input[type=number], 
.defaultv2form input[type=password], 
.defaultv2form input[type=tel], 
.defaultv2form input[type=text], 
.defaultv2form select, 
.defaultv2form textarea { border-radius: 84px; display: block; outline: 0; font-family: Rubik, sans-serif; min-height: 44px; line-height: 18px; background-color: transparent; border: 1px solid #3A75BA66; color: #212126; }
.defaultv2form textarea { min-height: 88px; }
.defaultv2form form ::-webkit-input-placeholder { color: #212126; }
.defaultv2form form ::-moz-placeholder { color: #212126; }
.defaultv2form form :-ms-input-placeholder { color: #212126; }
.defaultv2form form :-moz-placeholder { color: #212126; }
.defaultv2form form ::placeholder { color: #212126; }
.defaultv2form form .hs-fieldtype-select .input:after { content: ''; transform: translateY(-50%) rotate(45deg); width: 8px; height: 8px; border-right: 2px solid #212126; border-bottom: 2px solid #212126; } 
.defaultv2form form .input { margin-right: 0 !important; }
.defaultv2form form .form-columns-2 .hs-form-field { width: 48.88% !important; margin-right: 2.23%; }
.defaultv2form form .form-columns-2 .hs-form-field + .hs-form-field { margin-right: 0; }
.defaultv2form form .hs-form-field { margin-bottom: 20px; }
.defaultv2form form input[type='submit'] { min-width: 160px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border-radius: 60px; padding: 13px 20px 13px 20px; font-weight: 400; font-family: "Lilita One", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: 0.18px; text-transform: uppercase; background-color: #3A75BA; border-color: #3A75BA; color: #FFFFFF; }
/* .defaultv2form form input[type='submit'] { background-image: url(https://47381903.fs1.hubspotusercontent-na1.net/hubfs/47381903/compostify/Images/formbtn-arrow.svg); background-size: 18px 15px; background-position: right 47px center; background-repeat: no-repeat; } */
.defaultv2form form input[type='submit']:hover { /* background-image: url('https://47381903.fs1.hubspotusercontent-na1.net/hubfs/47381903/compostify/Images/formbtn-arrow-hover.svg'); */ background-color: transparent; color: #3A75BA; }
.defaultv2form form .hs-submit { margin-top: 20px; }


.contentext :last-child { margin-bottom: 0; }
.contentext a { color: currentcolor; vertical-align: top; } 
.ctacpsfBtn { margin-top: 20px; }


.ourteamHeader h2 { margin-bottom: 4px; }
.othtext { font-size: 22px; line-height: 30px; }
.ourteam-row { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
.ourteam-cols { width: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px; margin-top: 30px; }
.otc-img { margin-bottom: 20px; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; display: block; min-height: 428px; border-radius: 20px; }
.otc-title h3 { margin-bottom: 0; letter-spacing: 1px; }
.otc-title h3 a { color: currentcolor; }
.otc-title h3 a:hover { color: #3a75ba; }
.otc-subtitle { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
.otc-text { font-size: 20px; line-height: 28px; }
.otc-text p:last-child { margin-bottom: 0; }
.otcPuSInn { max-height: 500px; position: relative; z-index: 1; background-color: #fff; max-width: 652px; margin-left: auto; margin-right: auto; border-radius: 20px;  }
.otcPuCols { width: 100%;  display: flex; flex-wrap: wrap; }
.otcPuImg { width: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; height: inherit; min-height: 392px;  border-top-left-radius: 10px; border-bottom-left-radius: 10px;  }
.otcPuContent { width: 50%; padding: 20px; }
.otcPuContent h3 { letter-spacing: 1px; margin-bottom: 0; }
.otcPu-subtitle { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
.otcPuText { font-size: 20px; line-height: 28px; }
.otcPuText p:last-child { margin-bottom: 0; }
.otcPuContent {     overflow-y: auto; height: inherit; max-height: 500px; }
.otcPuContent::-webkit-scrollbar-track { border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: #F5F5F5; }
.otcPuContent::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; }
.otcPuContent::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #212126; }

.mfp-bg { background: #111111; opacity: 0.66; }
button.mfp-close { margin-bottom: 0; }
.mfp-close-btn-in .mfp-close { color: #212126; opacity: 1; margin-right: 10px; background: #fff; border-radius: 0; margin-top: 2px; }
button.mfp-close:active, button.mfp-close:focus, button.mfp-close:hover { background-color: #fff; border: none; }
.mfp-container { cursor: pointer; }
.mfp-auto-cursor .mfp-content { cursor: pointer; }
.mfp-content { padding-top: 20px; padding-bottom: 20px; }
.mfp-container { padding-left: 15px; padding-right: 15px; }

.cmplistingHeader { margin-bottom: 40px; }
.cmplistingrow ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.cmplistingrow ul li { /* padding-top: 10px; padding-bottom: 10px; */ display: flex; flex-wrap: wrap; margin: 0; /* font-size: 26px; line-height: 38px; */ font-size: 22px; font-weight: 400; line-height: 32px; position: relative; margin-bottom: 20px; width: 45%; margin-right: 10%; }
.cmplistingrow ul li strong { font-weight: 700; /* font-size: 30px; line-height: 38px; */ font-size: 24px; line-height: 32px; }
.cmplistingrow ul li:nth-child(2n) { margin-right: 0; }
.cmplistingrow ul li.cmpltxtsp { padding-left: 34px; }
.cmplicon { display: block; width: 24px; margin-right: 10px; position: absolute; left: 0; top: 6px; }
.cmpltxt { display: block; }


.tcpmrow { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
.tcpmcols { width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; margin-top: 20px; }
.tcpmimg { background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; padding-top: 65%; border-radius: 10px; margin-bottom: 20px; }
.tcpmtxt { font-weight: 500; letter-spacing: 1px; }

.peodImgborder > div { border: 1px solid #3A75BA66; }
.prodreversecols { flex-direction: row-reverse; }
.prodreversecols .prodRight { padding-left: 0; padding-right: 70px; }
.prodreversecols .prodImgsinn { flex-direction: row-reverse; justify-content: flex-start; -webkit-justify-content: flex-start; }
.prodreversecols .prodsmImg { margin-right: 0; margin-left: -100px; }


.press-row { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;  }
.press-cols { width: calc(33.33% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 50px; }
.pressc-img { display: block; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-top: 65%; border-radius: 10px; }
.pressc-date { font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 8px; }
.pressc-content { margin-top: 20px; }
.pressc-title a { font-family: "Rubik", sans-serif; color: #212126; font-size: 18px; font-weight: 500; line-height: 26px; letter-spacing: 1px; }
.pressc-title a:hover { color: #3a75ba; }


.newsfHeader { margin-bottom: 40px; }
.newsform form , .newsform .form-title { background-color: transparent; border: 0; padding: 0; border-radius: 0; }
/* .newsform form .form-columns-2 .hs-form-field { width: 48.88% !important; margin-right: 2.23%; }
.newsform form .form-columns-2 .hs-form-field + .hs-form-field { margin-right: 0; } */
/* .newsform { margin-top: 40px; } */
.newsform .form-title , .newsform form { background: transparent; padding: 0; margin: 0; border: 0; outline: 0; border-radius: 0; }
.newsform .hs-form-field legend, .newsform .hs-form-field>label, .newsform .hs-form-field>label span { font-family: Rubik, sans-serif; line-height: 20px; }
.newsform .hs-form-field>label { color: #ffffff;  margin-bottom: 6px; padding: 0; }
.newsform .hs-form-field>label span { color: #ffffff;  padding: 0; }
.newsform input[type=email], 
.newsform input[type=number], 
.newsform input[type=password], 
.newsform input[type=tel], 
.newsform input[type=text], 
.newsform select, 
.newsform textarea { border-radius: 84px; display: block; outline: 0; font-family: Rubik, sans-serif; min-height: 44px; line-height: 18px; background-color: #FFFFFF; border: 1px solid #ffffff; color: #212126; }
.newsform textarea { min-height: 88px; }
.newsform form ::-webkit-input-placeholder { color: #212126; }
.newsform form ::-moz-placeholder { color: #212126; }
.newsform form :-ms-input-placeholder { color: #212126; }
.newsform form :-moz-placeholder { color: #212126; }
.newsform form ::placeholder { color: #212126; }
.newsform form .hs-fieldtype-select .input:after { content: ''; transform: translateY(-50%) rotate(45deg); width: 8px; height: 8px; border-right: 2px solid #212126; border-bottom: 2px solid #212126; } 
.newsform form .input { margin-right: 0 !important; }
.newsform form .form-columns-2 .hs-form-field { width: 48.88% !important; margin-right: 2.23%; }
.newsform form .form-columns-2 .hs-form-field + .hs-form-field { margin-right: 0; }
.newsform form .hs-form-field { margin-bottom: 20px; }
.newsform form input[type='submit'] { min-width: 160px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; border-radius: 60px; padding: 13px 20px 13px 20px; font-weight: 400; font-family: "Lilita One", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: 0.18px; text-transform: uppercase; background-color: #FFFFFF; border-color: #FFFFFF; color: #3A75BA; }
/* .defaultv2form form input[type='submit'] { background-image: url(https://47381903.fs1.hubspotusercontent-na1.net/hubfs/47381903/compostify/Images/formbtn-arrow.svg); background-size: 18px 15px; background-position: right 47px center; background-repeat: no-repeat; } */
.newsform form input[type='submit']:hover { /* background-image: url('https://47381903.fs1.hubspotusercontent-na1.net/hubfs/47381903/compostify/Images/formbtn-arrow-hover.svg'); */ background-color: transparent; color: #FFFFFF; }
.newsform form .hs-submit { text-align: center; margin-top: 20px; }
.newsform .hs-form-field>label span.hs-form-required { display: none; }

.logoSlider { display: block; }


.lmctacpsfInner { border-radius: 20px; }
.lmctacpsfBtn { margin-top: 40px; }


.abouIreverse { flex-direction: row-reverse; }
.abouIreverse .abouRight { padding-left: 0; padding-right: 145px; }

.solutSection { overflow: hidden; }
.solutionslider .slick-track { display: flex; flex-wrap: wrap; }
.solutionslider .solutItem { height: inherit; outline: 0; width: 100%; padding-left: 0; padding-right: 0; margin-left: 15px; margin-right: 15px; }
.solutionslider .solutBtn { padding-left: 0; padding-right: 0; }
.solutionslider .slick-list { overflow: visible; }
.solutionslider:before { z-index: 1; content: ''; position: absolute; top: 0; right: 100%; width: 3000px; height: 100%; }


/***/

.joblistrow { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
.joblistcols { border: 1px solid #3A75BA66; width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; margin-top: 20px; padding: 20px; position: relative; }
.joblistctitle h3 { letter-spacing: 1px; margin-bottom: 12px; }
.joblistctitle h3 a { font-family: inherit; color: currentcolor; }
.joblistctop { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 6px; }
.joblistctop span { margin-bottom: 6px; padding-right: 20px; font-size: 16px; line-height: 24px; color: #497A38; position: relative; display: inline-block; }
.joblistctop span:before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #497A38;  }
.joblistctop span:last-child:before { display: none; }
.joblistctop span:last-child { padding-right: 0; }
.joblistctext { font-size: 16px; line-height: 26px; margin-bottom: 30px; }
.joblistmainrow:not(:first-child) { margin-top: 60px; }
.joblistcBtn a:hover { border-color: #3A75BA; background-color: transparent; }
.joblistctitle h3 a:hover { color: #497A38; }
.joblistHeader h2 { margin-bottom: 0; }


/***/

.jobdetail-row { display: flex; flex-wrap: wrap; }
.jobdetail-left { width: 66%; }
.jobdetail-right { width: 34%; padding-left: 30px; }
.jdright-inner { background-color: #CFCF40; border-radius: 4px; padding: 20px; position: sticky; top: 100px; }
.jdright-inner ul { list-style: none; margin: 0; padding: 0; }
.jdrightBtn a { display: block; width: 100%; }
.jdright-inner ul li { display: flex; flex-wrap: wrap; width: 100%; margin: 0; margin-bottom: 24px; font-size: 16px; line-height: 30px; }
.jdright-inner ul li:last-child { margin-bottom: 0; }
.jdright-inner ul li span { display: inline-block; }
.jdright-inner ul li span.jdrightc-title { width: 29%; position: relative; padding-right: 5px; }
.jdright-inner ul li span.jdrightc-title:before { content: ':'; position: absolute; top: 0; right: 0; font-size: 16px; line-height: 30px; color: currentcolor; }
.jdright-inner ul li span.jdrightc-text { padding-left: 20px; width: 71%; }
.jdrightBtn { margin-top: 40px; }

.jdleftc-title h3 { letter-spacing: 1px; margin-bottom: 16px; }
.jdleftc-text { font-size: 16px; line-height: 24px; }
.jdleftc-text p:last-child { margin-bottom: 0; }
.jdleft-cols { margin-bottom: 40px; }
.jdleft-cols:last-child { margin-bottom: 0; }
.jdleftc-text ul { padding-left: 6px; margin: 0; }
.jdleftc-text ul li { margin-top: 0; margin-bottom: 0; margin-left: 14px; margin-right: 0; }


.ctacpsfBtn.btnStyle.btnblu a { border-color: #3a75ba; background-color: transparent; color: #3a75ba; }
.ctacpsfBtn.btnStyle.btnblu a:hover { background-color: #3a75ba; border-color: #3a75ba; color: #fff; }

.headMenu .hs-menu-wrapper ul li.active-branch > a { color: #cfcf40; }
.headMenu .hs-menu-wrapper ul li.hs-item-has-children.active-branch > a:before { border-color: #cfcf40; } 
.headMenu .hs-menu-wrapper ul li.active-branch > ul li.active > a { background-color: #cfcf40; border-bottom-color: #cfcf40; color: #202020; }


.prodBtn.btnStyle.btnblu a:hover { border-color: #3A75BA; background-color: transparent; }


.heromobileimg { display: none; }

.otc-popup.otc-popuptext { font-family: "Rubik", sans-serif; color: #212126; }
.otc-popup.otc-popuptext:hover { color: #3A75BA; }


/***** Responsive *****/

@media (max-width: 1400px) { 
  
 .wrapper { max-width: 1000px; }
  
 h1, .h1 { font-size: 44px; line-height: 56px; } 
 h2, .h2 { font-size: 36px; line-height: 40px; } 
/*  h3, .h3 { font-size: 22px; line-height: 30px; }  */
  
  
 .sectitle h2 { letter-spacing: 2.16px; }
 /* h1 , .h1 { font-size: 76px; line-height: 90px; } 
    h2 , .h2 { font-size: 42px; line-height: 46px; } */
  
 .heroText { font-size: 20px; line-height: 28px; } 
 
 /* .prodText { font-size: 20px; line-height: 28px; } */
     
 .prodRight { padding-left: 40px; } 
 .prodbgImg { min-height: 460px; } 
 .prodsmImg { min-height: 350px; } 
 
 .abouRight { padding-left: 60px; }
 .abouIreverse .abouRight { padding-right: 60px; }
  
 /* .ourmissLeft h2 { letter-spacing: 2px; }  
 .contentcols h2 { letter-spacing: 2px; } */
  
 .contactright { width: 39.25%; } 
  
 .solutImage { min-height: 360px; min-height: 340px; }
  
/*  .cmplistingrow ul li { font-size: 24px; } 
 .cmplistingrow ul li strong { font-size: 28px; }  */
  
 .ourmissLeft { width: 70%; padding-right: 65px; } 
 .ourmissRight { width: 30%; } 
  
 .othtext { font-size: 20px; line-height: 28px; } 
  
 .ourmissText { font-size: 20px; line-height: 28px; }
  
 .cmplistingrow ul li { width: 47%; margin-right: 6%; } 
  
 .soluhText { font-size: 22px; line-height: 30px; } 
  
 .jdright-inner ul li span.jdrightc-title { width: 43%; } 
 .jdright-inner ul li span.jdrightc-text { padding-left: 10px; width: 57%; } 
 .jdrightBtn { margin-top: 30px; } 
  
  
 

}

@media (max-width: 1024px) {
  
 .wrapper { max-width: 900px; } 
 
 /* h1, .h1 { font-size: 60px; line-height: 70px; } */
    h2, .h2 { font-size: 34px; line-height: 38px; }
  
 .sectitle h2 { letter-spacing: 2.04px; } 
 
/*  .heroText { font-size: 22px; line-height: 30px; } */
  
 .prodLeft { width: 100%; }
 .prodRight { padding-left: 0; width: 100%; margin-top: 40px; } 
  
 .solutheader { margin-bottom: 40px; }
 .solutItem { width: 50%; }
  
 .abouLeft { width: 100%; } 
 .abouRight { padding-left: 0; width: 100%; margin-top: 40px; }
 .abouIreverse .abouRight { padding-right: 0; } 
 .abouImage { min-height: auto; } 
 .abouImage img { height: auto !important; object-fit: contain; position: static; }
  
 /*.prodText { font-size: 20px; line-height: 30px; } 
 .abouText { font-size: 20px; line-height: 30px; } */
 .prodImgsinn.flexwrap { justify-content: center; -webkit-justify-content: center; } 
 .prodbgImg.prodbglargeImg { width: 100%; }
  
/*  .ourmissLeft { width: 70%; padding-right: 80px; }
 .ourmissRight { width: 30%; }  */
 .ourmissLeft { padding-right: 40px; }
  
  
 .aboubxItt { padding: 20px 20px; }
 
 .contactrow h2 { letter-spacing: 1.4px; } 
  
 .otc-img { min-height: 380px; } 
  
 .cmplistingrow ul li { width: 47.5%; margin-right: 5%; /* font-size: 22px; line-height: 34px;*/ } 
/* .cmplistingrow ul li strong { font-size: 26px; line-height: 34px; } */
  
  
 .prodreversecols .prodImgsinn { justify-content: center; -webkit-justify-content: center; } 
 .prodreversecols .prodRight { padding-right: 0; } 

 .soluhText { font-size: 20px; line-height: 30px; }  
  
 .jdright-inner { padding: 16px; } 
 .jobdetail-right { padding-left: 20px; }
 .jdleft-cols { margin-bottom: 30px; }
 .jdleftc-title h3 { margin-bottom: 12px; } 
 .jdright-inner ul li span.jdrightc-title { width: 45%; } 
 .jdright-inner ul li span.jdrightc-text { width: 55%; } 
  
  
  
}


@media (max-width: 991px) {
  
 .wrapper { max-width: 700px; } 
 
 /* h1, .h1 { font-size: 56px; line-height: 62px; } */
 .h1, h1 { font-size: 42px; line-height: 54px; } 
  
 /* .solutImage { min-height: 400px; } */
 .solutItem h3 { margin-top: 20px; }
  
 .contentext { font-size: 18px; line-height: 26px; } 
  
 .aboubxItt { width: 48.899%; } 
 .aboubxItt:nth-child(3n) { margin-right: 2.206%; } 
 .aboubxItt:nth-child(2n) { margin-right: 0; }  
 
 .contactsec { overflow: hidden; } 
 .contactleft { padding-right: 0; width: 100%; padding-bottom: 30px; } 
 .contactright { padding-top: 30px; padding-bottom: 30px; width: 100%; margin-left: 0; position: relative; z-index: 1; }
 .contactright:before , .contactright:after { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; content: ''; } 
 .contactright:after { left: auto; right: 100%; } 
 .cntformoverlay { display: none; }
 .contactform , .contactright ul { margin-top: 30px; } 
  
 .ourteam-cols { width: calc(50% - 30px); }
 .otc-text , .otcPuText { font-size: 18px; line-height: 26px; }
  
 .cmplistingrow ul li { width: 100%; margin-right: 0 !important; font-size: 20px; line-height: 30px; margin-bottom: 16px; } 
 .cmplistingrow ul li strong { font-size: 22px; line-height: 30px; } 
 .cmplistingrow ul li:last-child { margin-bottom: 0; }
 
 .press-cols { width: calc(50% - 30px); } 
  
 .ourmissImage img { border-radius: 10px; }
  
 .othtext { font-size: 18px; }  
 .ourmissText { font-size: 18px; line-height: 26px; }  
  
 .abouText { font-size: 18px; line-height: 26px; } 
 .heroText { font-size: 18px; line-height: 26px; }
  
 .prodText { font-size: 18px; line-height: 26px; } 
 .soluhText { font-size: 18px; line-height: 26px; }   
 
 .joblistrow { width: 100%; margin-left: 0; margin-right: 0; } 
 .joblistcols { width: 100%; margin-left: 0; margin-right: 0; }
 .joblistmainrow:not(:first-child) { margin-top: 40px; } 
  
 .jobdetail-left { width: 100%; } 
 .jobdetail-right { padding-left: 0; width: 100%; margin-top: 40px; } 
 .jdright-inner ul li { margin-bottom: 16px; } 
 .jdrightBtn { margin-top: 24px; } 
  
}




@media (max-width: 767px) {
  
 .wrapper { max-width: 100%; } 
  
 body { font-size: 16px; line-height: 24px; }
  
 h1 , .h1 { font-size: 34px; line-height: 40px; }
 h2 , .h2 { font-size: 30px; line-height: 34px; } 
 h3, .h3 { font-size: 20px; line-height: 28px; }
  
 .sectitle h2 { letter-spacing: 1.8px; } 
  
 .defaultform form .form-columns-2 .hs-form-field { margin-right: 0; width: 100% !important; }
 .defaultform form .hs-submit { margin-top: 10px; }
  
 .heroText { font-size: 16px; line-height: 24px; }
  
 .prodText { font-size: 16px; line-height: 24px; } 
 
 
 .solutInner { margin-left: 0; margin-right: 0; } 
 .solutItem { width: 100%; padding: 0; }
 .solutImage { min-height: auto; padding-top: 100%; border-radius: 10px; } 
 .solutImage img { height: auto; object-fit: contain; position: static; } 
 .solutheader { margin-bottom: 30px; }
 .solutBtn { position: static; padding-left: 0; padding-right: 0; } 
  
 .abouText { font-size: 16px; line-height: 24px; }  
 .abouRight { margin-top: 30px; } 
 .abouImage { min-height: auto; border-radius: 10px; }
 .aboubxItt { width: 100%; margin-right: 0 !important; } 
 .aboubxItt:last-child { margin-bottom: 0; }
 .aboubxItt h3 { letter-spacing: 0; } 
  
 .prodImgsinn.flexwrap { flex-wrap: wrap; -webkit-flex-wrap: wrap; } 
 .prodsmImg { min-height: auto; padding-top: 66.66%; width: 100%; margin-right: 0; border-radius: 10px; margin-bottom: 20px; } 
 .prodbgImg { min-height: auto; padding-top: 66.66%; width: 100%; border-radius: 10px; } 
  
 .contentext { font-size: 16px; line-height: 24px; } 
/*  .contentcols h2 { letter-spacing: 1px; } */
  
 .ourmissImage img { border-radius: 10px; } 
 .ourmissLeft { width: 100%; padding-right: 0; }
 .ourmissRight { width: 100%; margin-top: 30px; } 
 .ourmissText p + p { margin-top: 20px; }
 .ourmissLeft:before { left: -5px; } 
 .ourmissText { font-size: 16px; line-height: 24px; } 
/*  .ourmissLeft h2 { letter-spacing: 1px; }  */
  
 .contactrow h2 { letter-spacing: 1px; } 
 .contactright ul li a .contactlistext { font-size: 18px; } 
 .contactright ul li a .contactlistext>span { font-size: 16px; line-height: 20px; margin-bottom: 6px; }
  
 .defaultv2form form .form-columns-2 .hs-form-field { margin-right: 0; width: 100% !important; }
 .defaultv2form  form .hs-submit { margin-top: 10px; }
  
  .ourteam-cols { width: 100%; margin-left: 0; margin-right: 0; } 
  .otc-img { min-height: auto; padding-top: 100%; }
  .otcPuImg { width: 100%; min-height: auto; border-radius: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; padding-top: 400px; }
  .otcPuContent { overflow-y: hidden; height: auto; max-height: 100%; width: 100%; }
  .otcPuSInn { border-radius: 20px; overflow-y: auto; }
  .otcPuSInn::-webkit-scrollbar-track { border-radius: 20px; background-color: #F5F5F5; }
  .otcPuSInn::-webkit-scrollbar { border-radius: 20px; width: 10px; background-color: #F5F5F5; }
  .otcPuSInn::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #212126; }
  .mfp-close-btn-in .mfp-close { margin-right: 0; }
  .otc-text , .otcPuText { font-size: 16px; line-height: 26px; }
  .otcPu-subtitle , .otc-subtitle { margin-bottom: 10px; } 
  .ourteam-row { width: 100%; margin-left: 0; margin-right: 0; }
  .otc-img { margin-bottom: 16px; border-radius: 10px; }
  
  .cmplistingrow ul li { font-size: 16px; line-height: 26px; } 
  .cmplistingrow ul li strong { font-size: 18px; line-height: 26px; }  
  .cmplicon { width: 16px; top: 6px; }
  .cmplistingrow ul li.cmpltxtsp { padding-left: 26px; }
  
  
  .tcpmrow { width: 100%; margin-left: 0; margin-right: 0; }
  .tcpmcols { width: 100%; margin-left: 0; margin-right: 0; margin-top: 30px; }
  .tcpmimg { margin-bottom: 10px; } 
    
  .prodreversecols .prodsmImg { margin-left: 0; } 
  
  .press-cols { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 30px; } 
  .press-row { width: 100%; margin-left: 0; margin-right: 0; } 
  .press-cols:last-child { margin-bottom: 0; }
  .pressc-content { margin-top: 16px; }
  .pressc-date { margin-bottom: 5px; }
  
  .newsform form .form-columns-2 .hs-form-field { width: 100% !important; margin-right: 0; }
  
  .ourmissLeft:before { width: 60px; height: 44px; top: -10px; }
  .ourmissLeft { padding-left: 15px; }
  .othtext { font-size: 16px; line-height: 24px; } 
  
  .lmctacpsfBtn { margin-top: 30px; }
  
  .soluhText { font-size: 16px; line-height: 24px; }   
  
  .solutionslider .solutItem { margin-left: 10px; margin-right: 10px; padding-bottom: 52px; }
  .solutInner.solutionslider { margin-left: -10px; }
  .solutionslider .solutBtn { position: absolute; }
  
  .jobdetail-right { margin-top: 30px; }
  
  .heromobileimg { display: block; margin-top: 20px; text-align: center; }
   
  .heroSection.heromobileSection.greenshad-gdt:before { background: linear-gradient(330deg, rgba(73, 122, 56, 0) 10%, rgba(73, 122, 56, 0.9) 99%); }
  
}