/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */








































/* 1d. Buttons */









/* 1e. Forms */









/* 1f. Tables */











/* 1g. Site header */


































/* 1h. Site footer */
































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

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

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





html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-size: 16px;
  color: #404041;
  font-weight: 400;
  font-family: Roboto;
}

/* Paragraphs */

p {
  font-size: 16px;
  color: #404041;
  font-weight: 400;
}

/* Anchors */

/*Some of the below was commented out by Jack Stone-Slater, Content Manager at ESP, 15/5/2023, to allow the blog posts at blog.esphq.com to use the correct anchor color. It wasn't possible to find the anchor_font_color variable defined anywhere*/

a {
  /* color: #404041; */ 
  color: #68ab0b;
}

a:hover,
a:focus,
a:active {
  /* color: #68AB0B; */
  color: #006b76;
}

a.anchor {
  display: block;
  position: relative;
  top: -100px;
  transition: ease 0.3s;
  visibility: hidden;
}

/* Headings */

h1 {
  font-family: hurme_geometric_sans_4SBd;
  font-size: 48px;
  color: 

  
  
    
  


  rgba(64, 64, 65, 1.0)

;
  font-weight: 400;
}
h2 {
  font-family: hurme_geometric_sans_4SBd;
  font-size: 44px;
  color: 

  
  
    
  


  rgba(64, 64, 65, 1.0)

;
  font-weight: 400;
}
h3 {
  font-family: hurme_geometric_sans_4SBd;
  font-size: 40px;
  color: 

  
  
    
  


  rgba(64, 64, 65, 1.0)

;
  font-weight: 400;
}
h4 {
  font-family: hurme_geometric_sans_4regular;
  font-size: 34px;
  color: 

  
  
    
  


  rgba(64, 64, 65, 1.0)

;
  font-weight: 400;
}
h5 {
  font-family: hurme_geometric_sans_4regular;
  font-size: 24px;
  color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
  font-weight: 400;
}
h6 {
  font-family: hurme_geometric_sans_4SBd;
  font-size: 20px;
  color: 

  
  
    
  


  rgba(65, 65, 65, 1.0)

;
  font-weight: 400;
}
/* Blockquote */

blockquote {
  border-left-color: #F8FAFC;
}





.button,
.hs-button {
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
  border: 1px solid 

  
  
    
  


  rgba(0, 0, 0, 0.05)

;
  border-radius: 22px;
  color: #FFFFFF;
  padding: 0px 18.624px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus,
.button:hover,
.button:focus{
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
  border-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
  color: #FFFFFF;
}








h3.form-title {
  background-color: ;
  color: #404041;
}

.hs-form label {
  color: #333333;
}

.hs-form legend {
  color: #333333;
}

form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea {
  border-color: #dddddd;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: #dddddd;
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-richtext {
  font-size: 16;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Roboto;
}

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

.fn-date-picker td.is-selected .pika-button {
  background: #494A52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #F8FAFC !important;
}




table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #000000;
}

th,
td {
  border-color: #000000;
  color: #404041;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
  border-bottom-color: #000000;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #404041;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a,
.secondary-menu ul li:first-child a {
  color: #404041
}

body .custom-menu-primary .submenu.level-1 > li:not(:last-child):hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus,
.secondary-menu ul li:first-child a:hover {
  color: #68ab0b;
}

body .custom-menu-primary li:not(:last-child).active-branch > a,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: #68ab0b;
}

body .custom-menu-primary .submenu.level-2 {
  background-color: #FFFFFF;
}

.submenu.level-2 .menu-row-inner>li:first-child .submenu.level-3>li:first-child>a {
  color: #68ab0b;
}

.submenu.level-2 .menu-row-inner>li:nth-child(3) .submenu.level-3>li:first-child p {
  color: #414141;
}

.box-text h5, .box-text h5 {
  color: #404041;
}


.box-text p {
  color: #777777;
}

.second-row a:hover .box-text p:hover {
  color: #404041;
}


.col-medium-3 .col-inner p {
  color: #414141;
}

.submenu.level-4>li>a {
  color: #404041;
}

.submenu.level-4>li>a:hover {
  color: #68ab0b;
}

.submenu.level-4>li>a.active-branch {
  color: #404041;
}

.secondary-menu ul li:first-child a {
  color: #68ab0b;
  border-color: #68ab0b;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.secondary-menu ul li:first-child a:hover {
  color: #ffffff;
  border-color: #68ab0b;
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
}

.col-medium-3 .col-inner a.book-meeting {
  color: #ffffff;
  border-color: 

  
  
    
  


  rgba(0, 0, 0, 0.05)

;
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
}

.col-medium-3 .col-inner a.book-meeting:hover {
  color: #ffffff;
  border-color: 

  
  
    
  


  rgba(0, 0, 0, 0.05)

;
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
}

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

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #404041;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;  
}

.footer-text p {
  color: #404041;
}

.footer-section-title span.hs_cos_wrapper span {
  color: #68AB0B;
}

footer a {
  color: #404041;
}

footer a:hover {
  color: #68AB0B;
}

.footer-menu ul li a {
  color: #404041;
}

.footer-menu ul li a:hover {
  color: #68AB0B;
}

.social-icons a {
  color: #999;
}

.social-icons a:hover {
  color: #000;
}

.footer-bottom,
.footer-main {
  background-color: 

  
  
    
  


  rgba(243, 243, 243, 1.0)

;
}

.footer__copyright {
  color: 

  
  
    
  


  rgba(0, 0, 0, 0.5)

;
}

.footer-col-inner {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.footer-btn a {
  color: #ffffff;
  border-color: 

  
  
    
  


  rgba(0, 0, 0, 0.05)

;
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
}

.footer-btn a:hover {
  color: #ffffff;
  border-color: 

  
  
    
  


  rgba(0, 0, 0, 0.05)

;
  background-color: 

  
  
    
  


  rgba(104, 171, 11, 1.0)

;
}

.footer-top-text h4 span {
   color: #68AB0B;
}

.footer-top-text h4 a {
  color: #404041;
}

.footer-top-text h4 a:hover {
  color: #404041;
}

.footer-top-text p {
  color: #000000;
}





/* Blog Header */

.blog-header {
  background-color: rgb(#null);
}

/* Blog Listing */

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #404041;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #68AB0B;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #68AB0B;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #494A52;
}

.blog-pagination__link {
  color: #404041;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #494A52;
}

.blog-post__title {
  color: 

  
  
    
  


  rgba(64, 64, 65, 1.0)

;
  font-family:hurme_geometric_sans_4SBd;
  font-size: 48px;
  font-weight: ;
}

.blog-post__author {
  background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.hs-blog-listing,
.hs-blog-post {
  background-color: ;
}

.blog-index__post-content a:hover,
.blog-sidebar a:hover,
.blog-post__meta a:hover,
.blog-post__back-to-blog:hover {
  color: #68AB0B;
}

.blog-post__read-more a:hover svg,
a.blog-post__back-to-blog:hover svg {
  fill: #68AB0B;
}

.blog-index__post-content--small h2 {
  font-size: 40px;
}

.blog-index__post-content a {
  color: #404041;
}

.blog-post__read-more svg {
  fill: #404041;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-sidebar a {
  color: #404041;
}

.blog__subscription-block, .blog-related-posts {
  background-color: rgb(#null);
}

.post-featured-image {
  max-height: px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-post__meta a {
  color: #404041;
}

.blog-post__meta a:hover {
  color: #68AB0B;
}

.blog-post__links-container {
  border-top:  2px solid rgb(#null);
}

.blog-post__back-to-blog {
  color: #404041;
}

.blog-post__back-to-blog svg {
  fill: #404041;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(#null) !important;
}

.comment.depth-1 {
  border-left: 2px solid rgb(#null);
}

.section.post-footer .hs-input {
  border-color: rgb(#null);
}

.blog-recent-posts {
  background-color: rgb(#null);
}











.card__price {
  font-family: hurme_geometric_sans_4SBd
    font-size: 40px;
  color: 

  
  
    
  


  rgba(64, 64, 65, 1.0)

;
  font-weight: 
}

.submenu.level-1>li.Sector .menu-row-inner, 
.submenu.level-1>li.Company .menu-row-inner,
.banner-row, .second-row {
  max-width: 1080px;
}

@media only screen and (min-width: 1400px) {
  .content-wrapper,
  .submenu.level-1>li.Sector .menu-row-inner, 
  .submenu.level-1>li.Company .menu-row-inner,
  .banner-row,
  .dnd-section>.row-fluid,
  .second-row {
    max-width: 1280.0000000052px;
  }
}

@media only screen and (min-width: 1600px) {
  .content-wrapper,
  .submenu.level-1>li.Sector .menu-row-inner, 
  .submenu.level-1>li.Company .menu-row-inner,
  .banner-row,
  .dnd-section>.row-fluid,
  .second-row {
    max-width: 1479.9999999996px;
  }
}

@media only screen and (min-width: 1800px) {
  .content-wrapper,
  .submenu.level-1>li.Sector .menu-row-inner, 
  .submenu.level-1>li.Company .menu-row-inner,
  .banner-row,
  .dnd-section>.row-fluid,
  .second-row {
    max-width: 1599.9999999984px;
  }
}

@media only screen and (max-width: 1199px) {
  .content-wrapper,
  .banner-row,
  .dnd-section>.row-fluid {
    max-width: 100%;
  }
  .submenu.level-1>li.Sector .menu-row-inner, 
  .submenu.level-1>li.Company .menu-row-inner,
  .second-row {
    max-width: 1580px;
  }
}


/*******************************  Resource page dropdown menu book a meeting button **********************************/
.submenu.level-2 .menu-row-inner>li:nth-child(3) a {

    font-size: 0.85em;
}

.footer-btn a {
  font-family: 'hurme_geometric_sans_4SBd';
}

.hovereffct-CarbonHUB-signup: hover {
   color:#fff;

}

.module-container {
  display: ruby;
  align-items: center; /* Aligns items vertically centered */
  gap: 10px; /* Optional: adds space between the items */
}

.module-container > * {
  flex: 1; /* Ensures items take equal width, or adjust as needed */
}

  /* Media query for mobile devices */
@media (max-width: 920px) {
  .module-container {
    display: none; /* Hides the container on screens 767px wide or smaller */
  }
}

.module-container-login {
 padding-left: 40px; 
  padding-right: 40px;
}

.module-container-button  .button {
    color: #68ab0b;
    background: #fff;
    border: 2px solid;

}

.module-container-button  .button:hover {
    border-color: #68AB0B;
    background-color: #68AB0B;
    color: #fff;
}

.module-container-login li a {
    font-weight:700;
    font-family: 'hurme_geometric_sans_4SBd';
    font-size: 1.1em;
    letter-spacing: 0.5px;
    color:#404041;
}

.module-container-login li a:hover {
    color:#68AB0B;
}

.module-container-login .hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  background: #fff;
  padding: 40px;
}

.module-container-login  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  padding:10px 0;
}