.gw-background {
  background: #46ffb9;
}

.gw-background-dark-green {
  background: #003c37;
}

.gw-border {
  border: 1px solid rgba(0, 60, 55, 0.3);
}

.gw-border-bottom {
  border-bottom: 1px solid rgba(0, 60, 55, 0.3);
}

.gw-border-radius {
  border-radius: 2px;
}



.gw-button,
.gw-button-small {
  border-color: #46ffb9;
  color: #003c37;
  background-color: #46ffb9;
  border: 0 solid #46ffb9;
  border-radius: 2px;
  color: #003c37;
  cursor: pointer;
  display: inline-block;
  letter-spacing: .03em;
  line-height: 1.1;
  margin: 0;
  padding: 15px 25px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
  font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.gw-button:hover,
.gw-button-small:hover {
  text-decoration: none;
  transform: scale(1.05);
}

.gw-button-small {
  font-size: 14px;
  padding: 8px 15px;
}

@font-face {
  font-family: 'DomaineDisplay';
  src: url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/DomaineDisplay-Regular-1.otf') format('opentype'),
  url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/domaine-display-regular.woff2') format('woff'),
  url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/DomaineDisplay-Regular.ttf') format('truetype');
}



.group\/link:hover .group-hover\/link\:animate-arrow-slide {
    animation: arrow-slide 0.5s ease-in-out forwards;
}

.mt-6 {
    margin-top: 1.5rem;
}

.gap-2 {
    gap: 0.5rem;
}

.items-center {
    align-items: center;
}

.text-hushed {
    color: black;
}

.flex {
    display: flex;
}

a.text-hushed.hover\:text-primary.flex.items-center.gap-2.mt-6 {
    text-decoration: none;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out; /* Smooth transition for color and transform */
}

.group-hover\/link\:animate-arrow-slide svg {
    display: block;
    vertical-align: middle;
}

.hover\:text-primary:hover {
    color: #757474;
}

@keyframes arrow-slide {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    20% {
        transform: translateX(8px);
        opacity: 0;
    }
    40% {
        transform: translateX(-8px);
        opacity: 0;
    }
    60% {
        transform: translateX(-8px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.group-hover\/link\:animate-arrow-slide {
    margin-top: 2px;
}

/*LINK ARROW*/

.group\/link:hover .group-hover\/link\:animate-arrow-slide {
    animation: arrow-slide 0.5s ease-in-out forwards;
}

.mt-6 {
    margin-top: 1.5rem;
}

.gap-2 {
    gap: 0.5rem;
}

.items-center {
    align-items: center;
}

.text-hushed {
    color: black;
}

.flex {
    display: flex;
}

a.text-hushed.hover\:text-primary.flex.items-center.gap-2.mt-6 {
    text-decoration: none;
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out; /* Smooth transition for color and transform */
}

.group-hover\/link\:animate-arrow-slide svg {
    display: block;
    vertical-align: middle;
}

.hover\:text-primary:hover {
    color: #757474;
}

@keyframes arrow-slide {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    20% {
        transform: translateX(8px);
        opacity: 0;
    }
    40% {
        transform: translateX(-8px);
        opacity: 0;
    }
    60% {
        transform: translateX(-8px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.group-hover\/link\:animate-arrow-slide {
    margin-top: 2px;
}

/*LINK ARROW*/
  
html, body {
  text-size-adjust: 100%;
  font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif;
  
}

html {
  scroll-behavior: smooth;
}



h1, h2, h3, h4 {
  font-family: DomaineDisplay, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  font-family: DomaineDisplay, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
 
}

.button {
  font-weight: normal;
  font-size: 16px;
  font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
  text-decoration: underline;
}

.button--arrow:hover:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 38 13'%3E%3Cpath fill='%23003c37' d='M37.53 7.03a.75.75 0 0 0 0-1.06l-4.773-4.773a.75.75 0 0 0-1.06 1.06L35.939 6.5l-4.242 4.243a.75.75 0 0 0 1.06 1.06L37.53 7.03zM0 7.25h37v-1.5H0v1.5z'/%3E%3C/svg%3E");
}

hr {
  background-color: transparent;
}

.kl-header {
  box-shadow: none;  
}

.kl-header-placeholder, .kl-navbar {
    height: 79px;
}

.kl-navbar {
  position: relative;
}

.kl-navbar__item {
  margin: 0 15px;
}

.kl-navbar__button {
  font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif;
  line-height: 20px;
}

.kl-navbar__end>a+a, .kl-navbar__end > div > a:not(:first-child) {
  margin-left: 25px;
}

@media screen and (max-width: 767px) {
  .kl-navbar__end {
    display: block;
  }
  
  .kl-navbar__end .kl-navbar__button {
    display: block;
    text-align: center;
  }
  
  .kl-navbar__end > div > a:not(:first-child) {
    margin-left: 0;
  }
  
  .kl-navbar__end > div > a:first-child {
    margin: 15px 0;
  }
}

.kl-about-modal__wrapper,
.kl-offer-modal__wrapper {
  display: block;
}

.kl-about-modal__wrapper .hs-responsive-embed-wrapper,
.kl-offer-modal__wrapper .hs-responsive-embed-wrapper {
  max-width: initial !important;
  max-height: initial !important;
}

.kl-logo-slider img,
.kl-logos img {
  mix-blend-mode: multiply;
  filter: grayscale(100%);
  opacity: 0.5;
}

.kl-offer-modal__wrapper {
  padding: 0;
}

.kl-card,
.kl-card-grid__card,
.kl-pricing__card,
.kl-pricing__card:hover,
.kl-featured-card,
.kl-featured-card:hover {
  box-shadow: none;
}

.kl-card,
.kl-card-grid__card,
.kl-pricing__card,
.kl-featured-card,
.kl-faq {
  border: 0.5px solid rgb(0 60 55 / 30%);
}

.kl-faq__entry+.kl-faq__entry {
  border-top: 0.5px solid rgb(0 60 55 / 30%);
}

.kl-faq {
  border-radius: 2px;  
}

#gw-lang-picker-container {
  position: relative;
  text-align: center;
  margin-right: 0;
}

@media screen and (min-width: 768px) {
  #gw-lang-picker-container {
    margin-right: 15px;
    text-align: initial;
  }
}

.gw-lang-globe {
  color: #003c37;
  cursor: pointer;
  position: relative;
}

.gw-lang-globe svg {
  width: 40px;
  height: 40px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .gw-lang-globe svg {
    text-align: initial;
  }
}

.gw-lang-globe svg path {
   stroke: #003c37 !important;
   fill: none;
}

.gw-lang-globe:hover svg path {
   stroke: #46ffb9 !important;
}

.gw-lang-globe:hover #gw-lang-short {
  color: #46ffb9;
}

.gw-lang-short {
  position: absolute;
  background: #fafaf5;
  line-height: 10px;
  border-radius: 2px;
  bottom: -5px;
  line-height: 17px;
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 12px;
}

.gw-lang-picker-popup {
  position: absolute;
  top: 100px;
  right: 0;
  background: #fff;
  padding: 25px 20px;
  box-shadow: 0 11px 30px rgba(154,161,177,.2);
  min-width: 300px;
}

#gw-lang-popup-close {
  padding: 10px 15px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.gw-languages-header {
  margin-bottom: 5px;
  font-weight: 700;
}

.gw-language-selector {
  padding: 15px;
  cursor: pointer;
  border-radius: 2px;
  min-width: 70px;
  text-align: center;
  margin-bottom: 2px;
  width: max-content;
}

.gw-language-selector:not(.active):hover {
  background: #f2f2f2;
}

.gw-language-selector.active {
  background-color: #46ffb9;
}


/*****************************************/
/*                 BLOG                  */
/*****************************************/

@media screen and (min-width: 1000px) {
  .blog-more-posts__post-wrapper {
      flex-basis: calc((100% - 2%*(4 - 1))/4);
  }
}

.blog-more-posts .blog-more-posts__post-wrapper:nth-child(4n-3) {
    margin-left: 0;
}

.blog-more-posts .blog-more-posts__post-wrapper:nth-child(4n) {
    margin-right: 0;
}

.blog-more-posts .blog-more-posts__post-wrapper {
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 1000px) {
  .blog-more-posts__post-wrapper {
      flex-basis: 49%;
  }
  .blog-more-posts__post-wrapper:nth-child(even) {
    margin-left: 1%;
    margin-right: 0;
  }
  
  .blog-more-posts__post-wrapper:nth-child(odd) {
    margin-left: 0;
    margin-right: 1%;
  }
}

@media screen and (max-width: 767px) {
  .blog-more-posts__post-wrapper {
      flex-basis: 100%;
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
}

.blog-index__post,
.blog-more-posts__post {
  border: none;
  box-shadow: none;
}

.blog-index__post-content,
.blog-more-posts__post-content {
  padding: 15px 0 0;
}



.blog-index__post-preheader, .blog-more-posts__post-preheader, .blog-post__preheader {
  display: inline-block;
  color: white;
  padding: 2px 8px 4px !important;
  font-weight: normal;
  font-size: 12px;
}

.blog-index__post-meta {
  margin-top: 0px;
}

.blog-post__tag-link {
  color: white;
}


.blog-post__tag-link {
   
    padding-bottom: 7px !important;
}

.blog-header__image-featured {
  
    border-radius: 8px !important;
    overflow: hidden!important;
    border: 1px solid #003c37!important;
}

.blog-post__avatar {

    display: none  !important;
}
/*****************************************/
/*           PRICING TABEL 02            */
/*****************************************/
.kl-pricing-table-02 td,
.kl-pricing-table-02 th {
  border: none;
}

.kl-pricing-table-02 .kl-pricing-table-02__highlight {
  font-size: 14px !important;
}

.kl-pricing-table-02 .kl-pricing-table-02__highlight th,
.kl-pricing-table-02 .kl-pricing-table-02__highlight td {
  padding: 10px 10px 10px 20px;
}



.dnd_area-dnd_partial-3-module-1__secondary_cta {
    border: 1px solid;
}

.dnd_area-dnd_partial-3-module-1__primary_cta {
    border: 1px solid;
}

.content-wrapper {
margin: 0 auto;
max-width: 1440px;
padding: 0 20px;
}

.cell_1683545461873-padding {
    margin-left: -20px !important;
}

.button:hover, .button:active, .button:focus {
 
    transform: scale(1);
}


a.button.button--outlined.dnd_area-dnd_partial-3-module-1__secondary_cta:active { background-color: #D5F3FD;
   
    color: #003c37;
    text-decoration: none;}

a.button.button--outlined.dnd_area-dnd_partial-3-module-1__secondary_cta:focus { background-color: #D5F3FD;
   
    color: #003c37;
    border: 1px solid;}

.hs-form-21be3f23-d5e6-478f-8fae-d3434a9ab093_3f06fae4-ab0e-4950-95d2-15d8e5bb291e .hs-button {font-family: sofia-pro,sans-serif!important;}

form label {
    
    font-family: 'sofia-pro' !important;
}

.submitted-message, form {
    font-family: sofia-pro,sans-serif!important;
}



form .hs-button, form input[type=submit] {
    
    font-family: sofia-pro,sans-serif!important;
    font-size: 14px;
    
    height: auto;
    letter-spacing: .03em;
    line-height: 1.1;
    margin: 0;
    padding: 16px 24px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .15s linear;
    white-space: normal;
    width: auto;
    word-break: break-word;
}



.gw-border-bottom {
    border-bottom: 1px solid #003C37;
}



.kl-header-placeholder, .kl-navbar {
    height: 88px;
}


.hs-content-id-135393486989 .kl-logo-slider img, .kl-logos img {
    filter: none;
    mix-blend-mode: normal;
    opacity: 1;
}


.hs-content-id-135752105910 .kl-logo-slider img, .kl-logos img {
    filter: none;
    mix-blend-mode: normal;
    opacity: 1;
}


#hs_cos_wrapper_module_16854586707484 {
    
    overflow: hidden;
}


  h5  {
   font-family: 'DomaineDisplay' !important;
    font-weight: 400;
    margin: 0 0 12px;
    color: #003C37 !important
}



@media (max-width: 767px){
 .kl-rich-text {max-width: 100% !important;}
  
  

}




.kl-navbar .hamburger-inner {
    display: block;
    margin-top: -1.5px;
    top: 50%;
    left: -80%;
}




.kl-navbar .hamburger-inner, .kl-navbar .hamburger-inner:after, .kl-navbar .hamburger-inner:before {
    background-color: #003c37;
    height: 1px;
    width: 34px;
}





#hs_cos_wrapper_module_1695126415126 hr {
   
    margin-top: -1px !important;
 
}

@media screen and (max-width: 767px){
.dnd_area-row-5-padding .row-fluid {display: flex;

flex-direction: column-reverse !important
}

.dnd_area-row-7-vertical-alignment .row-fluid {display: flex;

flex-direction: column-reverse !important
}
}

div#module_1695207516796  h2  {
   
    margin: 0 0 72px;
}



@media screen and (min-width: 767px){

.row-fluid-wrapper.row-depth-1.row-number-4.dnd_area-row-1-padding.dnd_area-row-1-background-color.dnd_area-row-1-max-width-section-centering.dnd_area-row-1-hidden.dnd-section .glide__track{
    -webkit-mask-image: linear-gradient(to right,rgba(255,255,255,0) calc(0% + 2rem),white calc(0% + 6.25rem),white calc(100% - 6.25rem),rgba(255,255,255,0) calc(100% - 2rem));
    mask-image: linear-gradient(to right,rgba(255,255,255,0) calc(0% + 2rem),white calc(0% + 6.25rem),white calc(100% - 6.25rem),rgba(255,255,255,0) calc(100% - 2rem));
}

  
  .hs-content-id-118301522311  header.kl-header.gw-border-bottom {
    background: #96E1FA;
}


}
 


div#hs_cos_wrapper_module_1695206350420 .kl-rich-text p:last-child {
    margin: 0 0 1rem !important;
}

/*Definition of the font on mobile*/

@media screen and (max-width: 767px){
  h1 {
font-size: 48px !important;
    
    line-height: 56px !important;
  
  }
  
  
  
  
  
  
  
    .long-h1 {
font-size: 40px !important;
    
    line-height: 48px !important;
  
  }
  

h2 
{
font-size: 40px !important;
    
    line-height: 48px !important;
  
  }

  h3 
{
font-size: 32px !important;
    
    line-height: 40px !important;
  
  }
  
  h4 {
    font-size: 24px !important;
    line-height: 32px !important;
}
  
  

.hs-content-id-135752105910 .kl-card {
    min-height: min-content !important;
}
  
  .hs-content-id-135393486989 .kl-card {
    min-height: min-content !important;
}
}


/*Definition of the font on mobile*/


p.body-xl-regular {
    margin-bottom: 12px;
}


h4 {
    margin: 0 0 12px;
}

/*Styling simple card*/


.hs-content-id-135393486989 .kl-card__image {
    margin: 0 0 16px;
}

.hs-content-id-135393486989
.glide {
    opacity: 0.5;
}


.hs-content-id-135752105910 .glide {
    opacity: 0.5;
}




a.button.Navbar__button {border: 1px solid #003c37}


/*styling simple card for TMS page .hs-content-id-135393486989 */

.hs-content-id-135393486989 .kl-card {
    background-color: transparent;
    border: 1px solid #99B1AF;
    border-radius: 4px;
    box-shadow: none;
    padding: 20px 20px;
    width: 100%;
}





.hs-content-id-135393486989 .kl-card__image {
    margin: 0 0 12px;
}

 

.hs-content-id-135393486989 .kl-card__content p {
    margin: 0 0 0rem;
}

.hs-content-id-135393486989 .kl-card__content .body-xl-regular {
    margin-bottom: 12px;
}


.hs-content-id-135393486989 .row-number-29.dnd_area-row-8-max-width-section-centering.dnd-section.dnd_area-row-8-padding.dnd_area-row-8-background-color {
    border-top: 1px solid #003C37;
  border-bottom: 1px solid #003C37;
}

.hs-content-id-135752105910 .row-fluid-wrapper.row-depth-1.row-number-29.dnd_area-row-8-max-width-section-centering.dnd-section.dnd_area-row-8-padding.dnd_area-row-8-background-color {
    border-top: 1px solid #003C37;
  border-bottom: 1px solid #003C37;
}

.hs-content-id-135393486989 .kl-card {
   
    min-height: 208px;
}




/*end - styling simple card for TMS page .hs-content-id-135393486989 */







/*styling simple card for sustanability page .hs-content-id-135752105910 */

.hs-content-id-135752105910 .kl-card {
    background-color: transparent;
    border: 1px solid #99B1AF;
    border-radius: 4px;
    box-shadow: none;
    padding: 20px 20px;
    width: 100%;
}



.hs-content-id-135752105910 .kl-card__image {
    
    width: 32px;
}

.hs-content-id-135752105910 .kl-card__image {
    margin: 0 0 12px;
}

 

.hs-content-id-135752105910 .kl-card__content p {
    margin: 0 0 0rem;
}

.hs-content-id-135752105910 .kl-card__content .body-xl-regular {
    margin-bottom: 12px;
}


.hs-content-id-135752105910 .row-number-29.dnd_area-row-8-max-width-section-centering.dnd-section.dnd_area-row-8-padding.dnd_area-row-8-background-color {
    border-top: 1px solid #003C37;
  border-bottom: 1px solid #003C37;
}

.hs-content-id-135752105910 .row-fluid-wrapper.row-depth-1.row-number-29.dnd_area-row-8-max-width-section-centering.dnd-section.dnd_area-row-8-padding.dnd_area-row-8-background-color {
    border-top: 1px solid #003C37;
  border-bottom: 1px solid #003C37;
}

.hs-content-id-135752105910 .kl-card {
   
    min-height: 255px;
}




/*end - styling simple card for sustanability page .hs-content-id-135752105910 */


/*blog styling*/


.blog-tags__link--current {
    background-color: #46ffb9 !important;
    border: none;
    color: #003c37;
  font-family: sofia-pro,sans-serif!important;
    text-decoration: none !important;
}


 .blog-tags a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: none;
}
 
   .blog-tags__link {
   
   
    border: 1px solid #668A87!important;
    border-radius: 2px!important;
    color: #668A87!important;

    padding: 8px 12px!important;
 
  font-family: sofia-pro,sans-serif!important;
    text-decoration: none !important;
}



.blog-tags__link:active, .blog-tags__link:focus, .blog-tags__link:hover {
    background-color: #003c37;
    border-color: #003c37;
    color: #FAFAF5 !important;
    text-decoration: none;
    transform: scale(1) !important;
}








.blog-tags__link--current:hover {
  color: #003C37 !important;
   background-color:#84FFD0 !important;
    transform: scale(1) !important;
}


a.blog-tags__link.blog-tags__link--current:hover 

{ color: #003C37 !important;
   background-color:#84FFD0 !important;
    transform: scale(1) !important;}


a.blog-tags__link.blog-tags__link--current:active 

{ color: #003C37 !important;
   background-color:#84FFD0 !important;
    transform: scale(1) !important;}


a.blog-tags__link.blog-tags__link--current:focus 

{ color: #003C37 !important;
   background-color:#84FFD0 !important;
    transform: scale(1) !important;}


.blog-index__post-preheader {
     
  padding: 2px 8px 2px !important;
   font-family: sofia-pro,sans-serif !important;
}

.blog-index a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: none;
} 



.blog-pagination a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: none;
} 

.blog-index__post-content h3 {
    margin: 0 0 1rem;
    font-size: 30px !important;
    line-height: 38px !important;
}

.blog-index__post-content p {color: #668A87!important;}




.blog-pagination__link {
 
    font-family: sofia-pro,sans-serif !important;
    font-size: 1rem;
   
}






.module_1695207516796__primary_cta {
   font-size: 18px !important
}

div#module_1695206350420 {
    margin-top: 20px;
}



.blog-pagination {
   
    justify-content: center!important;
 
}



.blog-index__post-content, .blog-more-posts__post-content {
     
    justify-content: start !important;
   
}

/*Definition of the font on desktop*/
h1 {
font-size: 60px;
line-height: 70px;}

 
h2 {
font-size: 48px;
line-height: 60px;}

h3 {
font-size: 36px;
line-height: 44px;}

h4 {
font-size: 30px;
line-height: 38px;}


h5 {
font-size: 24px;
line-height: 32px;}



.lead-lg-regular {
font-family: sofia-pro,sans-serif!important;
font-size: 24px;
font-style: normal;
line-height: 32px;}


.body-md-regular {
font-family: sofia-pro,sans-serif!important;
font-size: 16px;
font-style: normal;
line-height: 24px;}


.body-xl-regular {
font-family: sofia-pro,sans-serif!important;
font-size: 20px;
font-style: normal;
line-height: 30px;}

/* 2 checked */
.body-lg-regular{
font-family: sofia-pro,sans-serif!important;
font-size: 18px;
line-height: 28px; }



@media screen and (max-width: 767px){

.lead-lg-regular, h5 {
    font-size: 20px;
    line-height: 28px;
}

}



.blog-index__post-content  {
    
 justify-content: start !important;

}



.blog-pagination {
   
    justify-content: center!important;
 
}




.blog-more-posts a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: none !important;
} 


@media screen and (max-width: 920px) {
  .kl-navbar__button {
    font-size: 20px !important;
    text-align: center !important;
}}
 

.blog-more-posts .blog-index__post-content h3 {
    margin: 0 0 1rem;
    font-size: 30px !important;
    line-height: 38px !important;
}

.blog-more-posts .blog-index__post-content p {color: #668A87!important;}



h1.blog-post__title {
    font-size: 48px!important;
    line-height: 60px!important;
}


.blog-post__summary {
    font-size: 24px!important;
  
    line-height: 32px!important;
}


.blog-post__summary {

    color: #668A87 !important;
}


.blog-post a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: none !important;
}

.blog-post h3 span {
   font-family: DomaineDisplay, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}


.blog-post blockquote span {
   font-family: DomaineDisplay, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

.blog-post p span {
   font-family: sofia-pro,sans-serif!important;
}

.blog-more-posts__post-meta {
 
margin: 8px 0 0 !important;
 
}

.blog-post h3 {
    font-size: 30px!important;
    line-height: 38px!important;
}



.kl-social-logos {
 
    filter: brightness(0.5) grayscale(1);
}





.blog-more h2   {
    font-size: 30px!important;
    line-height: 38px!important;
}

.blog-more-posts {
   
    padding-top: 0px!important;
}


.blog-more-posts__post-preheader {
  
   font-family: sofia-pro,sans-serif!important;
 
    
}


.blog-post__body a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: underline !important;
}


.kl-navbar__button--active, .kl-navbar__button:active, .kl-navbar__button:focus, .kl-navbar__button:hover {
    color: #668A87 !important;
    text-decoration: none;
}



.kl-navbar__button {
  
    transition: all .15s linear;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    transition-delay: 0s;
    transition-property: all;
}


@media screen and (max-width: 920px) {
  .kl-navbar__button {
    font-size: 20px !important;
    text-align: center !important;
}


.kl-navbar__item {
  
    text-align: center !important;
}



}







@media screen and (max-width: 767px){
.widget_1691495094862-padding > #hs_cos_wrapper_widget_1691495094862 {
    padding-left: 20px !important;
    padding-right: 20px !important;
   text-align: center !important;
}}


.kl-navbar__mobile .kl-navbar__button {
 
    text-align: center !important;
}



.kl-pricing-table-02__tab--active {
    background-color: #46ffb9;
    color: #003C37 !important;
}









.kl-navbar-submenu__item a:hover {
    color: #668a87!important;
    text-decoration: none;
}


.kl-navbar-submenu {
    background-color: #fff;
    box-shadow: none;
    list-style: none;
    margin: 26px 0 0;
    padding: 0;
}



.kl-navbar-submenu__item a {
    color: #003c37;
    
    font-family: sofia-pro,sans-serif;
    font-size: 16px;
   font-weight: 400;
   line-height: 20px;
    padding: 20px 24px;
   
    text-decoration: none !important;
}





a.kl-navbar-submenu__button:hover {color: #668a87!important;
    text-decoration: none;}


 

 


.kl-navbar__parent:hover>a:after {
    border-bottom: 1px solid #668a87;
    border-right: 1px solid #668a87;
}.kl-navbar-submenu__item a:hover {
    color: #668a87!important;
    text-decoration: none;
}


.kl-navbar-submenu {
    background-color: transparent;
    box-shadow: none;
    list-style: none;
    margin: 26px 0 0;
    padding: 0;
}



.kl-navbar-submenu__item a {
    color: #003c37;
    
    font-family: sofia-pro,sans-serif;
    font-size: 16px;
   font-weight: 400;
   line-height: 20px;
    padding: 12px 24px;
   
    text-decoration: none !important;
}





a.kl-navbar-submenu__button:hover {color: #668a87!important;
    text-decoration: none;}


.kl-navbar__parent > a:after {
    border-bottom: 1px solid #003c37;
    border-right: 1px solid #003c37;
    content: "";
    display: block;
    height: 10px;
    margin-left: 20px;
    margin-bottom: 6px;
    transform-origin: 3px 3px;
    
    width: 10px;
}

 


 




 
.kl-navbar__parent:hover>a:after {
    transform: rotate(45deg);
}

.kl-navbar__parent--active>a:after {
    transform: rotate(45deg);
}

/* Add the animation properties to the submenu */
.kl-navbar__parent .kl-navbar-submenu-wrapper .kl-navbar-submenu {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
    transition: opacity 0s 0.2s linear, transform 0s 0.2s linear;
}

/* Apply the animation when hovering over the parent item */
.kl-navbar__parent:hover .kl-navbar-submenu-wrapper .kl-navbar-submenu {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}


.kl-navbar__parent:hover .kl-navbar__button span:after {
    visibility: visible;
    width: 100%;
}

.kl-navbar__parent:hover .kl-navbar__button {
    color: #668A87 !important;
    text-decoration: none;
}

@media screen and (max-width: 920px){
.kl-navbar-submenu {
    box-shadow: none;
    margin: 12px 0;
    width: auto;
}}


@media screen and (max-width: 920px){
.kl-navbar-submenu-wrapper {
    display: none;
    position: static;
    visibility: visible;
}

.kl-navbar-submenu {
    background-color: transparent;
    box-shadow: none;
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
}

.kl-navbar-submenu__item a {
    color: #668a87;
    font-family: sofia-pro,sans-serif;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 22px;
    padding: 10px 24px !important;
   text-align: center !important
    
}


.kl-navbar-submenu__item {
    position: relative;
    width: auto;
}


.kl-navbar-submenu__item {
    text-align: center!important;
}

.kl-navbar__parent>a {
    align-items: center;
    display: flex;
    justify-content: center !important;
    position: relative;
}
   
   .kl-footer__content {
    padding-top: 56px !important;
}
}
 

 



 


/* Define the common styles for links */
.kl-footer__menu a {
    text-decoration: none !important;
    display: inline-block;
    position: relative;
    color: #33635F; /* Initial link text color */
}


/* Create an underline effect using a pseudo-element */
.kl-footer__menu a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #668A87; /* Set the color of the underline */
    bottom: 0;
    left: 0;
    transition: all 0.3s ease; /* Add a smooth transition effect for the underline */
}


/* Change the link text color on hover */
.kl-footer__menu a:hover {
    color: #668A87; /* Change the link text color on hover */
}




/* Define the common styles for links */
.kl-footer__address a {
    text-decoration: none !important;
    display: inline-block;
    position: relative;
    color: #33635F; /* Initial link text color */
}


/* Create an underline effect using a pseudo-element */
.kl-footer__address a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #668A87; /* Set the color of the underline */
    bottom: 0;
    left: 0;
    transition: all 0.3s ease; /* Add a smooth transition effect for the underline */
}


/* Change the link text color on hover */
.kl-footer__address a:hover {
    color: #668A87; /* Change the link text color on hover */
}



/* Define the common styles for links */
.kl-footer__legal a {
    text-decoration: none !important;
    display: inline-block;
    position: relative;
    color: #33635F; /* Initial link text color */
}


/* Create an underline effect using a pseudo-element */
.kl-footer__legal a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #668A87; /* Set the color of the underline */
    bottom: 0;
    left: 0;
    transition: all 0.3s ease; /* Add a smooth transition effect for the underline */
}


/* Change the link text color on hover */
.kl-footer__legal a:hover {
    color: #668A87; /* Change the link text color on hover */
}



 /* Define the common styles for links */
a#hs-button_widget_1691495094862 {
    text-decoration: none !important;
    display: inline-block;
    position: relative;
    color: #33635F; /* Initial link text color */
}


/* Create an underline effect using a pseudo-element */
a#hs-button_widget_1691495094862::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #668A87; /* Set the color of the underline */
    bottom: 0;
    left: 0;
    transition: all 0.3s ease; /* Add a smooth transition effect for the underline */
}


/* Change the link text color on hover */
a#hs-button_widget_1691495094862:hover {
    color: #668A87; /* Change the link text color on hover */
}






.hs-form-7b56fa6b-4a67-4c72-8eb1-90da9438998f .hs-form__actions__submit, .hs-form__actions__next {
    background: #46FFB9!important;
    border-color: #003c37!important;
    color: #003c37!important;
    font-weight: 500!important;
    line-height: 16px!important;
    font-size: 16px!important;
    padding: 16px 24px!important;
    border-radius: 2px !important;
}



#hs_cos_wrapper_widget_1685098845468 input[type="submit"]:hover, #hs_cos_wrapper_widget_1685098845468 input[type="submit"]:active 
{color: #FAFAF5 !important;
                                                                                                                                  
background:#003C37 !important;
                                                                                                                                  
transform: scale(1) !important;}



form .hs-button:active, form .hs-button:focus, form .hs-button:hover, form input[type=submit]:active, form input[type=submit]:focus, form input[type=submit]:hover {
    
    transform: scale(1) !important;
}


#hs_cos_wrapper_widget_1685098845468 textarea {
    color: #33635F !important;
    font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}



.hs-content-id-117286938476 .kl-features-02__image {
    display: inline-block;
    margin: 0 12px 0 0;
    min-height: 24px;
}


.hs-content-id-117286938476 .kl-features-02__card h4 {
    display: inline;
    margin: 0;
    vertical-align: middle !important;
    font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 24px;
    line-height: 30px;
  margin-bottom: 4px !important;
}


.hs-content-id-117286938476 .kl-features-02__card {
    
    margin: 4px 16px;
}


.kl-features-02__card-header {
  display: flex;
  align-items: center; /* Vertical alignment to center */
}



@media screen and (max-width: 767px){
.hs-content-id-117286938476 .kl-features-02__card h4 {
    font-size: 18px!important;
    line-height: 24px!important;
}}


.hs-content-id-117286938476 .kl-features-02__image {
    display: inline-block;
    margin: 0 12px 0 0;
    min-height: 24px;
}


.hs-content-id-134316097295 .kl-features-02__card h4 {
    display: inline;
    margin: 0;
    vertical-align: middle !important;
    font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 24px;
    line-height: 30px;
 margin-bottom: 4px !important;
}
 


.hs-content-id-134316097295 .kl-features-02__card {
    
    margin: 4px 16px;
}


.kl-features-02__card-header {
  display: flex;
  align-items: center; /* Vertical alignment to center */
}



@media screen and (max-width: 767px){
.hs-content-id-134316097295 .kl-features-02__card h4 {
    font-size: 18px!important;
    line-height: 24px!important;
}}

.hs-content-id-134316097295 .kl-features-02__image {
    display: inline-block;
    margin: 0 12px 0 0 !important;
    min-height: 24px;
}

.hs-content-id-134316097295 .hs-content-id-117286938476 .kl-features-02__card {
    margin: 4px 16px !important;
}
 



.row-fluid-wrapper.row-depth-1.row-number-12.dnd_area-row-2-padding.dnd_area-row-2-background-color.dnd_area-row-2-max-width-section-centering.dnd-section.dnd_area-row-2-vertical-alignment {
    border-top: 1px solid #003c37;
    border-bottom: 1px solid #003c37;
}


div#hs_cos_wrapper_widget_1685099013016 {
    border-radius: 8px !important;
    overflow: hidden !important;
}



.hs-content-id-134316097295 .kl-features-02__card {
    margin: 4px 16px;
}




.hs-content-id-121821625976 .kl-features-02__card h4 {
    display: inline;
    margin: 0;
    vertical-align: middle !important;
    font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 4px !important;
}



#hs_cos_wrapper_module_16956471585784 hr {
   
    margin-top: -1px !important;
  
    overflow: hidden;
}







#hs_cos_wrapper_widget_1683200815834  input[type="submit"]:hover, #hs_cos_wrapper_widget_1685098845468 input[type="submit"]:active 
{color: #FAFAF5 !important;
                                                                                                                                  
background:#003C37 !important;
                                                                                                                                  
transform: scale(1) !important;}




.kl-navbar__mobile {
    display: flex;
    width: 36px;
}





@media screen and (max-width: 920px){
.kl-navbar .hamburger {
    display: block;
    width: 36px;
}}


 

 .kl-navbar .hamburger-box {
  
    width: 12px;
}


form label {
  
    font-weight: 400!important;
}
  form .hs-button, form input[type=submit] {
    
    font-weight: 400!important;
}
  
 .button--outlined{
    padding: 16px 24px !important;
    padding-top: 14px !important;
}


.button span {
  display: inline-block; /* Make the span a block-level element */
  margin: 0; /* Remove any default margins */
  padding: 0; /* Remove any default padding */
  line-height: 1; /* Set line-height to 1 to remove extra spacing */
  vertical-align: baseline; /* Reset vertical alignment to baseline */
}


.kl-faq__header h3   {
    font-size: 24px;
    line-height: 32px;
}



.kl-rich-text__preheader {
    color: #46ffb9;
    display: block;
 font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 0.75rem;
}


/*Pricing page*/

@media screen and (max-width: 920px){
.kl-pricing-table-02__navbar h3{
    font-size: 16px !important;
    line-height: 24px!important;
    font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important
}




.kl-pricing-table-02 tbody .kl-pricing-table-02__features {
    padding: 12px 20px 12px 20px;
    position: relative;
}
  
  .hs-content-id-114659473943 .kl-card-grid__card-wrapper {
  
    padding-bottom: 0px;
}
  
 .hs-content-id-114659473943 .kl-faq__header h3 {font-size: 20px!important;
    line-height: 28px!important;}
  
}

th.kl-pricing-table-02__features {text-align: left}

.kl-pricing-table-02__plans .button {
    width: 100%;
    border: 1px solid #003c37;
}


.kl-pricing-table-02 img {filter: brightness(0.5);}



.hs-content-id-114659473943 .kl-card-grid__content h5 {
   
    margin: 0 0 0px !important;
  
}


div#widget_1683722061921 h2 {padding-bottom: 40px}

 

#module_16848326829064 .kl-wide-section__image {
 
    border-radius: 8px;
}







@media screen and (max-width: 480px) and (min-width: 481px) and (max-width: 920px) {
 thead th {
    background-color: #46ffb9 !important;
    color: #fff;
    vertical-align: bottom;
}
}
.kl-pricing-table-02 .kl-pricing-table-02__highlight th, .kl-pricing-table-02 .kl-pricing-table-02__highlight td {
    padding: 13px 10px 16px 33px;
    border-radius: 2px;
}

@media screen and (max-width: 767px){

.kl-wide-section__text-content {
    margin: 0 auto;
    width: 100%;
}

.kl-pricing-table-02 .kl-pricing-table-02__highlight th, .kl-pricing-table-02 .kl-pricing-table-02__highlight td {
    padding: 13px 10px 16px 20px;
    border-radius: 2px;
}


#hs-button_widget_1691495094862::before {
 
  height: 0px !important;
  background-color: transparent; /* Set the underline color */
  transform: scaleX(0); /* Initially set the width of the underline to zero */
  
 
}



}




#hs_cos_wrapper_module_16957205075334 hr {

    margin-top: -2px !important;
}


/*Get quote page*/


.hs-content-id-123609747510 .kl-features-02__card h4 {
    display: inline;
    margin: 0;
    vertical-align: middle !important;
    font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 20px;
    line-height: 38px;
    margin-bottom: 4px !important;
}


.hs-content-id-123609747510 .kl-features-02__card {
    margin: 4px 16px;
}






@media screen and (min-width: 767px){

.hs-content-id-123609747510 .glide__track{
    -webkit-mask-image: linear-gradient(to right,rgba(255,255,255,0) calc(0% + 2rem),white calc(0% + 6.25rem),white calc(100% - 6.25rem),rgba(255,255,255,0) calc(100% - 2rem));
    mask-image: linear-gradient(to right,rgba(255,255,255,0) calc(0% + 2rem),white calc(0% + 6.25rem),white calc(100% - 6.25rem),rgba(255,255,255,0) calc(100% - 2rem));
}



}



@media screen and (max-width: 767px){
.hs-content-id-123609747510 .kl-features-02__card h4 {
    font-size: 18px!important;
    line-height: 24px!important;
}

.hs-content-id-123609747510 .kl-features-02__card-header {
    display: flex;
    align-items: flex-start;
}



}




.kl-footer__social a::before {
  
    height: 0px;
   
  
}



.hs-content-id-115550029871 .content-wrapper {
    margin: 0 auto;
    max-width: 1440px !important;
    padding: 0 20px;
}



.hs-content-id-121821625976 .kl-features-02__card {
    margin: 4px 16px;
}




.hs-content-id-121821625976 .kl-navbar__mobile {
    display: none;
    
}


 




@media screen and (max-width: 767px){
.hs-content-id-121821625976 .kl-features-02__card h4 {
    font-size: 18px!important;
    line-height: 24px!important;
  
  
  
  
  
}
  
  
  .hs-content-id-121821625976 .kl-features-02__card-header {
    display: flex;
    align-items: flex-start;
}


#hs_cos_wrapper_widget_1683200815834 input[type="submit"] {
 
    width: 100%;
}




}




/* 3 checked */


@media screen and (max-width: 767px){
.hs-content-id-135393486989 .lead-lg-regular, h5 {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}

.hs-content-id-135393486989 p.body-md-regular {
    text-align: center;
}


}


/*Blog pages*/
.blog-post {
    margin: initial !important;
    padding: 4.5rem 0;
    max-width: 900px !important;
}


.blog-post__title {
    
    max-width: 100% !important;
}



.blog-post__summary {
    max-width: 100% !important;
}


 .blog-post__preheader  {
  
  display: none!important;
}




.kl-footer__content  form input[type=submit] {
 
    width: 100% !important;
}





.row-fluid-wrapper.row-depth-1.row-number-9.dnd-row.cell_16970238802203-row-0-vertical-alignment .kl-rich-text__buttons {
  display: flex;
  align-items: center; /* Vertically center the buttons and image */
  justify-content: start;
}

 
 

.row-fluid-wrapper.row-depth-1.row-number-9.dnd-row.cell_16970238802203-row-0-vertical-alignment .kl-rich-text__buttons::after {
  content: "";
  width: 50px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
  background-image: url("https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/B-Corp-Logo-Green-RGB.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 24px; /* Add some margin between the buttons and the image */
}




.hs-content-id-118301522311 .module_16970242345949__secondary_cta:hover {
    background-color: #D5F3FD !important;
}



.hs-content-id-118301522311 .kl-logo-slider img, .kl-logos img {
    mix-blend-mode: normal;
    filter: none;
    opacity: 0.5;
}




@media screen and (min-width: 767px){

.hs-content-id-118301522311 .glide__track{
    -webkit-mask-image: linear-gradient(to right,rgba(255,255,255,0) calc(0% + 2rem),white calc(0% + 6.25rem),white calc(100% - 6.25rem),rgba(255,255,255,0) calc(100% - 2rem));
    mask-image: linear-gradient(to right,rgba(255,255,255,0) calc(0% + 2rem),white calc(0% + 6.25rem),white calc(100% - 6.25rem),rgba(255,255,255,0) calc(100% - 2rem));
}



}



.dnd_area-dnd_partial-3-module-1__primary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}




.hs-form-7b56fa6b-4a67-4c72-8eb1-90da9438998f .hs-form__actions__submit, .hs-form__actions__next {
    background: #46ffbb;
    border-color: #46ffbb;
    color: #003c37;
    font-family: sofia-pro !important;
    line-height: 16px;
    font-size: 16px;
   font-weight: 400 !important;
}


.module_16970242345949__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}




 





  .button:active, .button:focus  {background: #46FFB9 !important}

.module_16970242345949__primary_cta:focus, .module_16970242345949__primary_cta:active {background: #668a87 !important}



 



 /* Travel home*/


 


 


 .hs-content-id-118301522311 .kl-rich-text__buttons {
  display: flex;
  align-items: center; /* Vertically center the buttons and image */
  justify-content: start;
}

 
 

 .hs-content-id-118301522311 .cell_16970238802203-padding.dnd-column .kl-rich-text__buttons::after {
  content: "";
  width: 50px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
  background-image: url("https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/B-Corp-Logo-Green-RGB.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 32px; /* Add some margin between the buttons and the image */
}




div#module_16970335851043 .module_16970335851043__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid;
}
div#module_16970335851043 .module_16970335851043__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
    color: #FAFAF5 !important;
}
div#module_16970335851043 .button--outlined {
    padding: 12px 16px !important;
    padding-top: 10px !important;
}




 div#module_16970335851043 .module_16970335851043__secondary_cta:hover {
    background-color: #003C37 !important;
 color: #FAFAF5 !important;
  
}


 div#module_16970335851043 .module_16970335851043__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
     
}


.cell_16970334143876-vertical-alignment span.kl-rich-text__preheader {
  color: #5E5E45;
 
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  display: inline-block; /* Change from flex to inline-block */
  padding: 1px 8px; /* Increase padding to make it hug the text */
     padding-top: 0px;
  border-radius: 5px;
  background: #F2F2EB;
  margin-bottom: 16px !important;
}

 



  
    .kl-cards-slider {
 
    max-width: 100%;
  
}
    .kl-cards-slider__header {
   
    min-height: 96px;
    justify-content: space-between;
}
    
    .kl-cards-slider__card {
    border: none;
    border-radius: 0px;
    box-shadow: none;}
    .kl-cards-slider__content {
  
    align-items: center;
}
    
    .button--arrow:after {
  
   display: none
}
    
    
    /* Position the slider controls (arrows) together and lower */
.kl-cards-slider__arrow--prev {
  left: 100% !important;
  transform: translateX(-50%)  
}

.kl-cards-slider__arrow--next {
  right: 0%!important; /* Adjust the right property to position it on the right side */
  transform: translateX(50%) 
}

.kl-cards-slider__arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: none;
    height: 40px;
    padding: 12px;
    position: absolute;
    top: 40px;
    width: 40px;
    margin-left: -90px;
  margin-right: 37px;
    
}


.kl-cards-slider__header {background: transparent}

.kl-cards-slider__content {
  
    padding: 48px 48px;
}
    
    .avatar {
  display: flex;
  align-items: center;
  max-width: 240px; /* Adjust the width as needed */
}

.avatar-image {
  width: 72px; /* Adjust the size of the avatar image */
  height: 72px; /* Adjust the size of the avatar image */
  border-radius: 50%; /* Makes the image rounded */
  margin-right: 20px; /* Adjust the spacing between image and text */
    border: 1px solid #003C37
}

.avatar-text {
  display: flex;
  flex-direction: column;
  min-width: 240px; /* Adjust the minimum width as needed */
}

    
     




.kl-cards-slider__content {
   
    margin: 0 0px !important;
    padding: 16px 48px;
    
    border-radius: 4px;
}

.kl-cards-slider-wrapper {
    padding: 0 0px;
}
    .kl-cards-slider__content {
    margin: 0 0px !important;
    padding: 16px 48px;
    border-radius: 8px;
    padding-right: 0px;
}
    .kl-cards-slider__content h3 {
  opacity: 0; /* Start with opacity set to 0 */
  transition: opacity 0.7s ease-in-out; /* Apply transition effect */
}

.kl-cards-slider__card--active .kl-cards-slider__content h3 {
  opacity: 1; /* Set opacity to 1 for active slide */
}
     


        .kl-cards-slider__content {
            animation-name: fadeIn; /* Name of the animation */
            animation-duration: 1.0s; /* Duration of the animation */
            animation-timing-function: ease-in; /* Timing function */
            animation-fill-mode: both; /* Keep the final state of the animation */
            
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
                transform: translateY(10px); /* Optional: Add a slight upward translation */
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

    
    .kl-cards-slider__arrow:hover {
    background-color: #f2f2f2; /* Change the background color on hover */
    transition: background-color 0.5s ease; /* Add a smooth transition effect */
}
    
    img.slider-preview {
    border-radius: 8px !important;
}
    
    /* Add this CSS */
.slider-preview-container {
  position: relative;
  overflow: hidden;
}
 

.slider-preview-container:hover .icon-overlay {
  opacity: 1; /* Show the icon on hover */
}


/* Add this CSS */
.kl-cards-slider__card {
  position: relative;
  overflow: hidden;
}

.icon-overlay {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 50px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
  background-color: transparent; /* Set background color as needed */
  transition: opacity 0.3s ease; /* Add a transition for smooth opacity change */
  opacity: 0; /* Initially hide the icon */
}

.kl-cards-slider__card:hover .icon-overlay {
  opacity: 1; /* Show the icon on hover */
}
    
    /* Add this CSS */
.kl-cards-slider__card .slider-preview {
  filter: grayscale(0%); /* Initially, the image is not grayscale */
  transition: filter 0.6s ease; /* Add a transition for smooth effect */
}

.kl-cards-slider__card:hover .slider-preview {
  filter: grayscale(100%); /* Apply grayscale filter on hover */
  transition: filter 1s ease; /* Make the transition slower when moving away */
}
    
    .kl-cards-slider__content {
    background: transparent; /* Remove background color */
   
}
  

#hs_cos_wrapper_module_1683722028350  .kl-rich-text__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
}




 

 .hs-content-id-118301522311 .gw-lang-short {
    position: absolute;
    background: #D5F3FD;
    line-height: 10px;
    border-radius: 2px;
    bottom: -5px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 12px;
}



 .hs-content-id-118301522311 .kl-cards-slider__content {
    margin: 0 0px !important;
    padding: 16px 0px;
    border-radius: 8px;
    padding-right: 0px;
}



 

 



@media screen and (max-width: 767px) {.hs-content-id-118301522311 .kl-rich-text__buttons {
    display: inherit !important;}
  
  
  
  
  .hs_cos_wrapper_module_1697095122110 {
  
   
}
  
  
  
  
  
  }
  
  
  
  
 @media screen and (max-width: 767px) { .kl-cards-slider__card--active .kl-cards-slider__content h3 {
    opacity: 1;
    padding-left: 0px;
   padding-top: 20px;
}


.avatar {
  
     padding-left: 0px;
}
  
  }
  
  
  
  
  
  
  
  /*Sustainbly home*/
  
  
  
 


 

 




 
 

 .hs-content-id-140732908830 .module_17110133566256 .kl-rich-text__buttons::after {
  content: "";
  width: 50px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
  background-image: url("https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/B-Corp-Logo-Green-RGB.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 32px; /* Add some margin between the buttons and the image */
}




div#module_16970335851043 .module_16970335851043__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid;
}
div#module_16970335851043 .module_16970335851043__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
    color: #FAFAF5 !important;
}
div#module_16970335851043 .button--outlined {
    padding: 12px 16px !important;
    padding-top: 10px !important;
}




 div#module_16970335851043 .module_16970335851043__secondary_cta:hover {
    background-color: #003C37 !important;
 color: #FAFAF5 !important;
  
}


 div#module_16970335851043 .module_16970335851043__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
     
}


.cell_16970334143876-vertical-alignment span.kl-rich-text__preheader {
  color: #24B8EA !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    padding: 1px 8px;
    padding-top: 0px;
    border-radius: 5px;
    background: #E0F6FE!important;
    margin-bottom: 16px !important;
}

  
  #module_1697095122110 .kl-rich-text__preheader   {
    color: #2FAA7B !important;
 
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  display: inline-block; /* Change from flex to inline-block */
  padding: 1px 8px; /* Increase padding to make it hug the text */
     padding-top: 0px;
  border-radius: 5px;
  background: #C1FFE8!important;
  margin-bottom: 16px !important;
}
   


#module_16970987283327  .kl-rich-text__preheader   {
color: #A48F26 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    padding: 1px 8px;
    padding-top: 0px;
    border-radius: 5px;
    background: #FEF8DA!important;
    margin-bottom: 16px !important;
}

#module_16970987320317 .kl-rich-text__preheader   {
    color: #33635F !important;
 
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  display: inline-block; /* Change from flex to inline-block */
  padding: 1px 8px; /* Increase padding to make it hug the text */
     padding-top: 0px;
  border-radius: 5px;
  background: #E6ECEB!important;
  margin-bottom: 16px !important;
}

 



img.slider-preview {
    border-radius: 4px;
}


.avatar {
   
    padding-top: 12px;
}



.kl-cards-slider__content h3 {
    font-size: 36px !important;
    line-height: 42px !important;
}


 


#hs_cos_wrapper_module_1697185825617 hr {
  
    margin-top: -1px !important;
}



div#module_1683722028350 h2 {
    margin: 0 0 72px;
}




 

 

div#module_1697095122110 .module_16970335851043__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}
div#module_1697095122110 .button--outlined {
    padding: 12px 16px !important;
    padding-top: 10px !important;
    border: 1px solid !important;
}
div#module_1697095122110 .module_16970335851043__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
     
}
div#module_1697095122110 .module_16970335851043__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}

 div#module_1697095122110 .module_1697095122110__secondary_cta:hover {
    background-color: #003C37 !important;
    color: #FAFAF5 !important;
     border: 1px solid #003C37 !important;
}

 


div#module_16970987320317  .module_16970987320317 __secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}
div#module_16970987320317  .button--outlined {
    padding: 12px 16px !important;
    padding-top: 10px !important;
    border: 1px solid !important;
}
div#module_16970987320317  .module_16970987320317 __secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
     
}
div#module_16970987320317  .module_16970987320317 __secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}

 div#module_16970987320317  .module_16970987320317__secondary_cta:hover {
    background-color: #003C37 !important;
    color: #FAFAF5 !important;
     border: 1px solid #003C37 !important;
}


 



div#module_16970987283327  .module_16970987283327__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}
div#module_16970987283327  .button--outlined {
    padding: 12px 16px !important;
    padding-top: 10px !important;
    border: 1px solid !important;
}
div#module_16970987283327  .module_16970987283327__secondary_cta {
    color: rgba(0, 60, 55, 1.0) !important;
     
}
div#module_16970987283327  .module_16970987283327__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid !important;
}

 div#module_16970987283327  .module_16970987283327__secondary_cta:hover {
    background-color: #003C37 !important;
    color: #FAFAF5 !important;
     border: 1px solid #003C37 !important;
}


@media screen and (max-width: 767px) {

.hs-content-id-118301522311 .kl-cards-slider__content {
    margin: 0 0px !important;
    padding: 16px 0px;
    border-radius: 8px;
    padding-right: 0px;
    flex-direction: column-reverse;
    display: flex;
}

.hs-content-id-118301522311 h1 {
    font-size: 40px !important;
    line-height: 48px !important;
}

  .kl-cards-slider__content h3 {
    font-size: 32px !important;
    line-height: 40px !important;
}
  
  
}

 
 

 

.kl-cards-slider__content {
  
    justify-content: space-between;
}
 


div#hs_cos_wrapper_module_16971059974106 .kl-rich-text p:last-child {
    margin: 0 0 1rem !important;
}




.slider-preview-container {
    position: relative;
    overflow: hidden;
    flex: auto;
    justify-content: right;
    display: flex;
}



 

.hs-content-id-135752105910 .kl-timeline__entry--even:after, .kl-timeline__entry--even:before, .kl-timeline__entry--odd:after, .kl-timeline__entry--odd:before {
    background-color: #1c2630 !important;
}



#hs_cos_wrapper_module_16971960344514 hr {
 
    margin-top: -1px !important;
}





.hs-content-id-135752105910 .kl-timeline__entry--odd:before {
    background-color: #46FFB9 !important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 10px;
    transform: translateX(10px);
    width: 20px;
    border: 1px solid #003C37!important;/* Add a white border with 2px width */
     z-index: 1;
}



.hs-content-id-135752105910 .kl-timeline__entry--even:before {
    background-color: #46FFB9!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    left: -1px;
    position: absolute;
    top: 10px;
    transform: translateX(-9px);
    width: 20px;
    border: 1px solid #003C37!important; /* Add a white border with 2px width */
    z-index: 1; /* Set a higher z-index for the circles */
}






 @media screen and (max-width: 767px) { 

.hs-content-id-135752105910 .kl-timeline__entry--odd:before {
   
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 10px;
    transform: translateX(-9px);
    width: 20px;
 
    z-index: 1;
}


.kl-timeline__entry p {
    margin: 0 0 1rem;
    padding-top: 5px;
    padding-left: 4px;
}



}




.kl-cards-slider__arrow {
   
    z-index: 1 !important;
}





#hs_cos_wrapper_module_16970249775744 hr {
   margin-bottom: -2px !important
}




#hs_cos_wrapper_module_16970249775744 hr {
     
    margin-top: -2px!important
}




#hs_cos_wrapper_module_16977880440773  hr {

    margin-top: -2px!important
}


 



 





 
strong {
    font-weight: 600!important;
  
}



h1, h2, h3, h4, h5, h6 {
  
    font-weight: 400 !important;
   
}

/*Blogpost styling*/

.blog-post h2, .blog-post h2 span{
    font-size: 36px!important;
    line-height: 44px!important;
   font-family: DomaineDisplay, "Helvetica Neue", Arial, Helvetica, sans-serif !important;
  
 
}






.blog-post p span {
     
    line-height: 24px
}



.blog-post p{
     
    line-height: 24px 
}





.blog-post h3, .blog-post h3 span {font-family: sofia-pro !important}

.blog-post h3, .blog-post h3 span {
    font-size: 30px!important;
    line-height: 38px!important;
  font-weight: 600 !important;
  
}


.blog-post h4, .blog-post h4 span {font-family: sofia-pro !important}





.blog-post p {
   
    margin: 0 0 1.5rem;
}



/* 3 checked */




.blog-post h1, .blog-post h1 span {
    font-family: DomaineDisplay,Helvetica Neue,Arial,Helvetica,sans-serif!important;
    font-size: 48px!important;
    line-height: 60px!important;
  font-weight: 400 !important;
}


.blog-post h4, .blog-post h4 span {
    font-family: sofia-pro!important;
    font-size: 24px!important;
    line-height: 32px!important;
  font-weight: 600 !important;

}



.blog-post h5, .blog-post h5 span {
    font-family: sofia-pro!important;
    font-size: 20px!important;
    line-height: 30px!important;
  font-weight: 600 !important;

     }



.blog-post  h5 {
   
    margin: 0 0 1.2rem !important;
}




.blog-post h6, .blog-post h6 span {
    font-family: sofia-pro!important;
    font-size: 18px!important;
    line-height: 28px!important;
    font-weight: 600 !important;
  
     }



.blog-post  h6 {
   
    margin: 0 0 1.0rem;
}




.blog-post h2 {
   
    margin-top:1rem;
}

.blog-post h3 {
   
    margin-top:1rem;
}

.blog-post h4 {
   
    margin-top:1rem;
}



.blog-post h5 {
   
    margin-top:1rem !important;
}


.blog-post h6 {
   
    margin-top:1rem;
}


.blog-post__summary {
 
    font-size: 24px!important;
    line-height: 32px!important;
}




.blog-post .kl-wide-section__text-content {
    margin: 0 auto;
    width: 90%;}
  
  
  
  
  .blog-post .kl-wide-section__text-content h4 {
    margin-top: 0rem!important
}








a#cta_button_7292529_172aae95-0524-4131-bb40-0e5b28c02a82 {
   
    border-radius: 2px;
    font-family: sofia-pro;
    line-height: 1.5em;
}



a#cta_button_7292529_172aae95-0524-4131-bb40-0e5b28c02a82:hover, a#cta_button_7292529_172aae95-0524-4131-bb40-0e5b28c02a82:active, a#cta_button_7292529_172aae95-0524-4131-bb40-0e5b28c02a82:focus {
 
    transform: scale(1);
}



.blog-post__body a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: none!important;
}






 .button_cta a:hover {
    background-color: #003C37!important;
    border-color: #003c37;
    color: #FAFAF5 !important;
    text-decoration: none;
    transform: scale(1);
}



 .button_cta a:hover span{
   
     
    color: #FAFAF5 !important;
    text-decoration: none;
    
}













.blog-post h2, .blog-post h2 span {
   
    font-weight: 400 !important;
  
     }




.hs-blog-id-27967844532 td{ 
    padding: 34px;
    
}



.blog-post  h4, .blog-post  h4 span {
   
    margin: 0 0 1.2rem !important;
}



.demo-button:hover {
    background-color: #003c37!important;
    border-color: #003c37;
    transform: scale(1);
    
}


.demo-button {margin-top: 20px !important}






.kl-rich-text__buttons {margin-top: 20px}








.demo-button {border: 1px solid #003C37 !important}


.blog-post hr {
  height: 1px;
  background-color: #003C37;
  margin: 10px 0;
}



.blog-post blockquote  p span, .blog-post blockquote  p    {
   
     
    font-style: italic!important;
  font-size: 20px!important;
 
 
line-height: 30px!important;
}


.blog-post blockquote    {
    border-left: 2px solid #003c37;
  padding-left: 25px;
}




.blog-post blockquote {
 
   
  margin: 4.5em  0px;
  padding: 0.em 30px;
  
}
.blog-post blockquote:before {
  font-family: sofia-pro;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.blog-post blockquote p {
  display: inline;
}


.hs-blog-post .kl-rich-text p:last-child {
    margin: 0 0 0rem;
}






.gw-button p {color: #003C37;
             
    font-family: sofia-pro;
    line-height: 1.5em;
              
}


 



a#cta_button_7292529_f62df3e3-49d4-403d-b4ff-da1611ecae0b  { 
     border: 1px solid #003c37 !important;
             
   border-radius: 3px !important
}

a#cta_button_7292529_f62df3e3-49d4-403d-b4ff-da1611ecae0b:hover {
    background: #003c37 !important;
    color: #FAFAF5 !important;
}

a#cta_button_7292529_f62df3e3-49d4-403d-b4ff-da1611ecae0b:hover p {
    
    color: #FAFAF5 !important;
}




@media screen and (max-width: 767px){ .hs-search-field {
    position: relative;
    padding: 0 24px!important;
}


.blog-tags {
  
    padding: 24px 24px!important;
}
  
  .blog-index__post-wrapper, .blog-more-posts__post-wrapper {
 
    padding-top: 0px !important;
}
  .hs-blog-id-27967844532 .dnd_area-row-2-padding {
    padding-top: 0px !important;
   
}
}



.hs-content-id-143623379033 lottie-player {
    display: block !important;
    margin: 0 auto !important;
  padding-bottom: 40px !important;
}




.strikethrough {
    position: relative;
    display: inline-block;
   
  }

  .strikethrough::before,
  .strikethrough::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: 3px solid #46ffb9; /* Set the color and width of the lines */
  }

  .strikethrough::before {
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
  }

  .strikethrough::after {
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
  }



.hs-content-id-143713047905 .kl-rich-text__buttons {
    margin-top: -34px;
}



.hs-content-id-143713047905 a#cta_button_7292529_071dcd0e-4249-4ae2-b648-92724fa9dfb1 {
 
    background: transparent !important;
    border-radius: 3px !important;
 
    border: 1px solid #003C37 !important;
    
    padding: 12px 18px !important;
 
}

.hs-content-id-143713047905 a#cta_button_7292529_071dcd0e-4249-4ae2-b648-92724fa9dfb1:hover {
    background: #003C37 !important;
    
}




.hs-content-id-143713047905 a#cta_button_7292529_5a4f2e09-4956-43bf-a736-06bd4ea1c0f9 {
 
    background: transparent !important;
    border-radius: 3px !important;
 
    border: 1px solid #003C37 !important;
    
    padding: 12px 18px !important;
 
}

.hs-content-id-143713047905 a#cta_button_7292529_5a4f2e09-4956-43bf-a736-06bd4ea1c0f9:hover {
    background: #003C37 !important;
    
}








.hs-content-id-143713047905 .kl-timeline__entry--even:after, .kl-timeline__entry--even:before, .kl-timeline__entry--odd:after, .kl-timeline__entry--odd:before {
    background-color: #003c37;
}





#hs_cos_wrapper_module_16992637987464 hr {
    
    margin-top: -1px !important
 
 
}


#hs_cos_wrapper_widget_1695048478843 hr  {
    
    margin-top: -1px !important
 
 
}



.hs-content-id-143713047905   lottie-player {
    display: block !important;
    margin: 0 auto !important;
  padding-bottom: 40px !important;
}




h1, h2, h3, h4, h5 {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
}




.hs-content-id-143623379033 .kl-card, .kl-card-grid__card, .kl-faq, .kl-featured-card, .kl-pricing__card {
    border: 1px solid #33635f;
   background-color: #FAFAF5;
  
}




 .hs-content-id-143573893531  .kl-timeline__entry--even:after, .kl-timeline__entry--even:before, .kl-timeline__entry--odd:after, .kl-timeline__entry--odd:before {
     background-color: #003C37 !important;
}




.hs-form-e1dd04c6-5258-4cd6-a8f7-aa6b14ec4d71 .hs-form__actions__submit, .hs-form__actions__next {
    background: #46ffbb;
    border-color: #46ffbb;
    color: #003C37 !important;
    font-family: Poppins;
    line-height: 12px;
    font-size: 12px;
}




.hs-content-id-143573893531 .module_16835403216332__primary_cta a {
    border-color: #003C37 !important;
}



.hs-content-id-143573893531 .module_16951298176697__primary_cta a {
 border-color: #003C37 !important;
}





 .hs-content-id-114659473943 .kl-timeline__entry--odd:before {
    background-color: #46ffb9 !important;
}


 .hs-content-id-114659473943  .kl-timeline__entry--odd:after  {
    background-color: #46ffb9 !important;
}


.hs-content-id-114659473943  .kl-timeline__entry--even:before  {
    background-color: #46ffb9 !important;
}



.hs-blog-id-27967844532 a#cta_button_7292529_c56fc085-4449-461f-8bd1-59ea8a11cd6f:hover {
    background: #668a87 !important;
    color: rgb(255,255,255);
}





.hs-content-id-146214226249 div#hs_cos_wrapper_module_17006599119497 .kl-card-grid__content {
    color: #fafaf5;
  
    padding: 20px 24px;
  
    background: #003c37;
}


.hs-content-id-146214226249 div#hs_cos_wrapper_module_17006599119497  .kl-card-grid__content h4{
    color: #fafaf5;
  
   
}




.hs-content-id-146214226249 div#hs_cos_wrapper_module_17006599119497 .kl-card-grid__card     {
    
    border: 1px solid #fafaf5;
}




.hs-content-id-146214226249 div#hs_cos_wrapper_module_170065991194911 .kl-card {
    background-color: #003c37;
    border: 1px solid #fafaf5;
    border-radius: 2px;
    box-shadow: 0 0px 00px rgb(154 161 177 / 0%);
    padding: 32px 25px;
    width: 100%;
}


.hs-content-id-146214226249 div#hs_cos_wrapper_module_170065991194911 .kl-card__content, .kl-card__content h4 {
    color: #fafaf5;
  
  
}




.hs-content-id-146214226249 div#hs_cos_wrapper_module_170065991194912 .kl-card {
    background-color: #003c37;
    border: 1px solid #fafaf5;
    border-radius: 2px;
    box-shadow: 0 0px 00px rgb(154 161 177 / 0%);
    padding: 32px 25px;
    width: 100%;
}


.hs-content-id-146214226249 div#hs_cos_wrapper_module_170065991194912 .kl-card__content, .kl-card__content h4 {
    color: #fafaf5;
  
  
}



.hs-content-id-146214226249 div#hs_cos_wrapper_module_170065991194913 .kl-card {
    background-color: #003c37;
    border: 1px solid #fafaf5;
    border-radius: 2px;
    box-shadow: 0 0px 00px rgb(154 161 177 / 0%);
    padding: 32px 25px;
    width: 100%;
}


.hs-content-id-146214226249 div#hs_cos_wrapper_module_170065991194913 .kl-card__content, .kl-card__content h4 {
    color: #fafaf5;
  
  
}

 
 

  .hs-content-id-146214226249 div#hs_cos_wrapper_widget_1700579242341   .kl-card-grid__card  {
    background-color: #003c37;
    border: 1px solid #fafafa;
}  




span.underlined-link {
    position: relative;
    display: inline-block;
}

span.underlined-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust this value to position the underline */
    width: 100%;
    height: 2px; /* Adjust the height as needed */
    background-color: #46ffb9;
    transition: all 0.3s ease;
    opacity: 1; /* Initial opacity */
}

span.underlined-link:hover::after {
    opacity: 0.7; /* Adjust this value to change the opacity on hover */
}

span.underlined-link a {
    text-decoration: none;
    color: #fafaf5;
}



 .hs-content-id-146214226249 .cell_1700659911949-padding.cell_1700659911949-vertical-alignment.dnd-column a#cta_button_7292529_172aae95-0524-4131-bb40-0e5b28c02a82:hover {
    background: rgb(77,255,203) !important;
     
}




.hs-content-id-146214226249 .download-link {
    
    font-family: sofia-pro;
   text-decoration: none !important;
   font-size: 14px !important
 
}



.hs-content-id-146214226249 .download-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px; /* Adjust this value to position the underline */
    width: 100%;
    height: 2px; /* Adjust the height as needed */
    background-color: #46ffb9;
    transition: all 0.3s ease;
    opacity: 1; /* Initial opacity */
}

.hs-content-id-146214226249 .widget-type-cta {
 
    font-weight: 400;
   
    padding: 15px 0px;
     
}

.hs-content-id-146214226249 .widget-type-cta:active, .widget-type-cta:focus, .widget-type-cta:hover {
    background-color: #003c37;
    border-color: #003c37;
    color: #fff;
    text-decoration: none;
    transform: scale(1);
}



.hs-content-id-146214226249 .download-link:hover::after {
    opacity: 0.7; /* Adjust this value to change the opacity on hover */
}




.hs-content-id-146214226249 .kl-pricing hr {
    background-color: #f3f3f3;
    color: #f3f3f3;
    height: 1px;
    margin: 1.75rem 0;
}


.hs-content-id-146214226249 .kl-pricing__card {
    background-color: #003C37;
    border: 1px solid #fafafa;
 
    border-radius: 2px;
}



.hs-content-id-146214226249 .kl-pricing__features {
    list-style: none;
    margin: 0 0 2.625rem;
    padding: 0;
    text-align: left;
    color: #fafafa;
}


.hs-content-id-146214226249 .kl-pricing__card h4 {
   
    color: #fafafa;
}




.hs-content-id-146214226249 .kl-pricing__badge {
    background-color: #46ffb9;
    border-radius: 40px;
    font-family: sofia-pro,sans-serif;
    font-size: 0.925rem;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    min-width: 109px;
    padding: 9px 14px;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    border-radius: 3px;
}



.hs-content-id-146214226249 .kl-pricing__card+.kl-pricing__card {
    margin-left: 28px;
}



.hs-content-id-146214226249 .kl-pricing__card.kl-pricing__card--featured {border: 1px solid #46FFB9;
                                             }




@media screen and (max-width: 767px){.hs-content-id-146405062526 ul {
    line-height: 26px !important;
}
  
  

  

.hs-content-id-146405062526 div#hs_cos_wrapper_widget_1683200815834 {
    display: block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.hs-content-id-146405062526   fieldset.form-columns-1 .input {
    margin-right: 0px !important;
}
  
  
  span#hs_cos_wrapper_dnd_area-module-6_ {text-align: center}
  
  
.hs-content-id-146405062526 .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input {   margin-right: 0px !important;}
}


 .blank {
    min-height: 73px;
}
div#hs_cos_wrapper_widget_1700741413231 .kl-pricing__button .button:hover  {
    background-color: #668a87;
    border-color: #668a87;
    color: #fafafa;
  
   
}


@media screen and (max-width: 767px){ 

  #widget_f51863ed-1027-4f13-a7d7-b66ceeb04e59 .kl-wide-section__text {
 
    padding-top: 20px !important;
    padding-bottom: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
  


div#widget_bcdc46ef-f3e0-4752-a5df-3b53280490d5 h3{text-align: center !important}}

.pricing-custom-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            
        }

        .pricing-custom-icon-text-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 18px;
            color: #fafaf5;
            text-align: center; /* Center-align the text within the container */
        }

  .pricing-custom-icon-text-container p{
           
            font-size: 18px;
           
        }



        .pricing-custom-icon {
            margin-bottom: 8px; /* Adjust the margin as needed */
            height: 24px; /* Adjust the height of the icon as needed */
        }


 



.hs-content-id-146214226249 .kl-pricing__badge {
 background: #003c37;
    border: 1px solid #46ffb9;
    color: #46ffb9;
}



 


 /* Remove default bullet point */
    .List__list {
      list-style: none;
      padding: 0;
    }

    /* Style for each list item */
    .List__item {
      display: flex;
      align-items: center;
      margin-bottom: 10px; /* Add margin for spacing between items */
    }

    /* Style for the icon */
    .ListIcon {
      margin-right: 10px; /* Add margin for spacing between icon and text */
    }



 .module_170083377052215-padding.dnd-module .kl-card__image {
    margin: 0 0 0.875rem;
}


 .module_170083377052217-padding.dnd-module .kl-card__image {
   margin: 0 0 0.875rem;
}


 .module_170083377052219-padding.dnd-module .kl-card__image {
     margin: 0 0 0.875rem;
}



 


 

 



 .module_170083377052215-padding.dnd-module .kl-card__content h3 {
 margin-bottom: 1.6rem
}


 .module_170083377052217-padding.dnd-module .kl-card__content h3 {
   margin-bottom: 1.6rem
}


 .module_170083377052219-padding.dnd-module .kl-card__content h3{
    margin-bottom: 1.6rem
}
 


/* Style for the icon */
.ListIcon {
  margin-right: 15px; /* Add margin for spacing between icon and text */
  align-self: flex-start; /* Align the icon to the start of the first line */
    margin-top: 4px; /* Add margin for spacing between icon and text */
}



.hs-content-id-146214226249 #hs_cos_wrapper_module_170065991194915 {
    background-color: transparent !important;
 
}




 .module_170083377052215-padding.dnd-module ul {
    margin: 0 0 0.5rem;}


 .module_170083377052217-padding.dnd-module ul {
    margin: 0 0 0.5rem;}


 .module_170083377052219-padding.dnd-module ul {
    margin: 0 0 0.5rem;}


.List__divider {
    
 
  height: 0.5px;
  /* Set the hr color */
  color: rgba(0, 60, 55, 0.2);  /* old IE */
  background-color: rgba(0, 60, 55, 0.2);  /* Modern Browsers */
  }




.hs-content-id-146214226249 .kl-card-grid__preheader {
    color: #46ffb9;
    display: block;
    font-family: sofia-pro;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 0.5rem;
}



.hs-content-id-146214226249 .kl-timeline__entry--even:after  {
    background-color: #003c37;
}




    .center-class{
       display: flex;
      justify-content: center;
      align-items: center;
    
      
    }

    .button-with-icon {
      display: flex;
      
      justify-content: center;
      
      color: #fff;
      padding: 10px;
      text-decoration: none !important;
      border-radius: 5px;
    }

    


.button-with-icon {
      
      transition: all 0.3s ease;
    }

    .button-with-icon:hover {
      opacity: 0.8;
    }




/* 4 checked */



    .icon-cta {
      margin-left: 8px;
      transition: margin-left 0.3s ease, opacity 0.3s ease;
    }

    .button-with-icon:hover  .icon-cta {
      margin-left: 12px; /* Move the icon 3px to the right */
      opacity: 0.8;
    }








.hs-content-id-145457757056 .kl-timeline__entry--even:after {
    background-color: #003c37;
}



div#hs_cos_wrapper_module_16951988434063 .kl-card__content p.body-md-base-regular {
    margin-bottom: 0.3rem;
}

div#hs_cos_wrapper_widget_1685026295491 .kl-card__content p.body-md-base-regular {
    margin-bottom: 0.3rem;
}

div#hs_cos_wrapper_module_16951988455473 .kl-card__content p.body-md-base-regular {
    margin-bottom: 0.3rem;
}

 
 





.hs-content-id-145457757056 .button_cta.button--outlined.module_1695207516796__primary_cta {
    margin-top: -20px;
}



a#cta_button_7292529_8f75000f-74a9-41d4-89ca-27d975b3c016 {  font-weight: normal;
    font-size: 16px;
    font-family: sofia-pro, "Helvetica Neue", Arial, Helvetica, sans-serif;}



.hs-content-id-145457757056 .kl-card a.button.button--outlined  {border-color: #46ffb9 !important;border: 1px solid;
                                                                                             color: #46ffb9 !important}





.hs-content-id-145457757056 .kl-card a.button.button--outlined:hover {
    background-color: #46ffb9 !important;
    color: #003c37 !important
}


div#hs_cos_wrapper_module_17011780103469 .kl-card, .kl-card-grid__card, .kl-pricing__card, .kl-featured-card, .kl-faq {
    border: 1px solid #fafaf6;
}

div#hs_cos_wrapper_module_17011780103472 .kl-card, .kl-card-grid__card, .kl-pricing__card, .kl-featured-card, .kl-faq {
    border: 1px solid #fafaf6;
}



.hs-content-id-144943854462 a#cta_button_7292529_8f75000f-74a9-41d4-89ca-27d975b3c016 {
  
    background: #ffffff;
     
}



.hs-content-id-144943854462 div#hs_cos_wrapper_widget_1699616933170 .kl-card-grid__card  {
    border: 1px solid #668a87;
}



div#hs_cos_wrapper_module_170133932079111 .kl-card  {
    border: 1px solid rgb(250 250 246);
}


div#hs_cos_wrapper_module_17013393207919 .kl-card  {
    border: 1px solid rgb(250 250 246);
}





.hs-content-id-144943854462 .kl-card a.button.button--outlined  {border-color: #46ffb9 !important;border: 1px solid;
                                                                                             color: #46ffb9 !important}





.hs-content-id-144943854462 .kl-card a.button.button--outlined:hover {
    background-color: #46ffb9 !important;
    color: #003c37 !important
}



#hs_cos_wrapper_module_16971959947324 hr {
 
    display: none;
}


div#module_170134043280711  {
    margin-top: 20px;
}





.underline {
  display: inline-block;
  color: #003c37;
  border-bottom: 1px solid #003c37;
  margin-bottom: 3px; /* Adjust the value to push down the underline */
  transition: color 0.3s, opacity 0.3s, border-color 0.3s; /* Smooth transition for color, opacity, and border-color */
}

.underline a {
  color: #003c37;
  text-decoration: none !important; /* Remove the default underline from the anchor */
  transition: color 0.3s, opacity 0.3s; /* Smooth transition for color and opacity */
}

.underline:hover {
  opacity: 0.8;
}

.underline:hover a {
  opacity: 0.8;
  border-color: rgba(0, 60, 55, 0.6); /* Adjust the opacity for the line */
}


.tickline {
    background: repeating-linear-gradient(180deg,#46ffb9,#46ffb9 96px,transparent 0,transparent 96px);
    line-height: 48px;
}




.kl-rich-text--custom-list-styles ul:not(.no-list) li:before {
   
    top: 4px !important;
 
}


.blog-post__body a:not(.button):not(.kl-navbar__button):not(.gw-button):not(.gw-button-small) {
    text-decoration: underline!important;
}



.hs-content-id-135393486989   div#module_17013560286569 .kl-card-grid__card {
    border: 1px solid #668a87;
}


.hs-content-id-135393486989 .module_16835403216332__primary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid;
}

#hs_cos_wrapper_module_17014233252904 hr {
 
    margin-top: -2px;
}



.hs-content-id-135393486989 .kl-card a.button.button--outlined:hover {
    background-color: #46ffb9!important;
    color: #003c37!important;
}


.hs-content-id-135393486989 .kl-card a.button.button--outlined {
   
    border: 1px solid;
   
}


.module_1695207516796__primary_cta {
    font-size: 16px!important;
}


div#module_1695207516796 .kl-rich-text__buttons {margin-top: -40px}



div#hs_cos_wrapper_module_16951988455473 .kl-card, div#hs_cos_wrapper_widget_1685026295491 .kl-card {
    min-height: inherit;
}


.hs-content-id-135393486989 .kl-card {
    min-height: inherit;
}



#hs_cos_wrapper_module_17014233252904 hr {
 
    margin-top: -2px;
}



.hs-content-id-144943854462 a#cta_button_7292529_8f75000f-74a9-41d4-89ca-27d975b3c016 {
    background: #003C37;
    color: #FAFAF5 !important;
}


div#hs_cos_wrapper_widget_1701338725753 a#cta_button_7292529_8f75000f-74a9-41d4-89ca-27d975b3c016:hover {background-color: #46FFB9 !important;
                                                                color: #003C37 !important}



div#hs_cos_wrapper_widget_1701338725753 a#cta_button_7292529_8f75000f-74a9-41d4-89ca-27d975b3c016:hover span { 
                                                                color: #003C37 !important}




#hs_cos_wrapper_module_17014233252904 hr {
  margin-top: -2px !important
}



@media screen and (max-width: 520px){

div#hs_cos_wrapper_module_17013560286569 .kl-card-grid--4-columns .kl-card-grid__card-wrapper {padding-bottom: 0px
    
}
div#hs_cos_wrapper_module_17014245970295 {
    padding-bottom: 24px;
}

a#cta_button_7292529_8f75000f-74a9-41d4-89ca-27d975b3c016 {
   
    display: block;
}


}


@media screen and (max-width: 767px){
 .row-depth-1.row-number-49 .row-fluid     {
    display: flex;
    flex-direction: column-reverse!important;
}}



@media screen and (min-width: 767px){
  .glide__track {
    -webkit-mask-image: linear-gradient(90deg,hsla(0,0%,100%,0) 2rem,#fff 6.25rem,#fff calc(100% - 6.25rem),hsla(0,0%,100%,0) calc(100% - 2rem));
    mask-image: linear-gradient(90deg,hsla(0,0%,100%,0) 2rem,#fff 6.25rem,#fff calc(100% - 6.25rem),hsla(0,0%,100%,0) calc(100% - 2rem));
}}




@media screen and (max-width: 520px){

div#hs_cos_wrapper_widget_1699616933170 .kl-card-grid--4-columns .kl-card-grid__card-wrapper {padding-bottom: 0px
    
}
div#hs_cos_wrapper_module_17013393207919 {
    padding-bottom: 24px;
}

 div#hs_cos_wrapper_module_17011780103469 {
    padding-bottom: 24px;
}


}


@media screen and (max-width: 767px){
.hs-content-id-145457757056 .row-depth-1.row-number-7 .row-fluid     {
    display: flex;
    flex-direction: column-reverse!important;
}
 

  .hs-content-id-145457757056 .row-depth-1.row-number-25 .row-fluid     {
    display: flex;
    flex-direction: column-reverse!important;
}

  
    .hs-content-id-145457757056 .row-number-21 .row-fluid     {
    display: flex;
    flex-direction: column!important;
 

}
  
}


.hs-blog-id-27967844532 td {padding: 18px !important}



div#hs_cos_wrapper_widget_1700741413231 .kl-pricing__card h4{color: #46FFB9}


div#module_1683722028350 .button:active, .button:focus {
    background: #668a87!important;
}



div#module_1683722028350 .button:hover, .button:focus {
    background: #668a87!important;
}





.hs-content-id-146214226249 .kl-faq__description,
.hs-content-id-146214226249 .kl-faq__header {
    padding-left: 0px;
}



 .button-with-icon {
    position: relative;
    display: inline-block;
  }

  .button-with-icon .arrow-down {
    position: absolute;
    bottom: 0;
    left: 104%;
    transform: translateX(-50%);
    transition: transform 0.3s ease;
  }

  .button-with-icon:hover .arrow-down {
    transform: translateX(-50%) translateY(4px);
  }



.button-with-icon span  {
    position: relative;
}


.button-with-icon  {
    border-bottom: 1px solid white
}

.button-with-icon {
    border-radius: 0px;
    
    
 padding-left: 0px  ;
 padding-bottom: 5px  ;
    
    transition: all .3s ease;
}



div#hs_cos_wrapper_widget_1685026295491 .row-number-39 .kl-card {min-height: 280.7px !important}

div#hs_cos_wrapper_module_16951988455473 .row-number-39 .kl-card {min-height: 280.7px !important}




div#hs_cos_wrapper_widget_1701698546238 .kl-features-04__card {
    background-color: #fff;
    border: 0px solid hsla(0,0%,100%,.2);
    border-radius: 2px;
   
    flex: 0 1 100%;
    overflow: hidden;
    width: 100%;
}

 
div#hs_cos_wrapper_widget_1701698546238 .kl-features-04 {
    margin: 0 auto;
    max-width: 1440px;
}

div#hs_cos_wrapper_widget_1701698546238 
.kl-features-04__card-image {
    padding-right: 0px
}



div#hs_cos_wrapper_widget_1701698546238  .kl-features-04__wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}


div#hs_cos_wrapper_widget_1701698546238 .kl-features-04__content {
    flex: 0 1 691px;
    padding-right: 20px;
}

div#hs_cos_wrapper_widget_1701698546238 .kl-features-04__content-list-item__image {
    margin-right: 20px;
    max-width: 50px;
    margin-left: 16px;
}

div#hs_cos_wrapper_widget_1701698546238 img.gw-border.gw-border-radius {border: 0px}



div#hs_cos_wrapper_widget_1701698546238 .kl-features-04__content-list>.kl-features-04__content-list-item {
   
    padding: 24px 0;
}



div#hs_cos_wrapper_widget_1701698546238  .kl-features-04__content-list-item__image img {
    display: block;
    width: 48px;
  height: 48px;
}


div#hs_cos_wrapper_widget_1701698546238  .kl-features-04__content-list-item__text p {
    font-size: 20px;
    margin: 0;
    color: #003c37;
    font-weight: 600;
}



 



div#widget_1701698546238 .kl-features-04__card-buttons .widget_1701698546238__button:not(.button--outlined) {
  background: #003C37;
    border: 1px solid #003C37 !important;
    color: #FAFAF5 !important;
    font-weight: 400 !important;
    
}



 

div#widget_1701698546238 .kl-features-04__card-buttons .button--outlined.widget_1701698546238__button { border: 1px solid #003C37 !important;
                                                                                    color: #003C37 !important;}


div#widget_1701698546238 .kl-features-04__card-buttons .button--outlined.widget_1701698546238__button:hover { border: 1px solid #003C37 !important;
                                                                                    color: #003C37 !important;
                                                                                     background: #46FFB9;}


div#widget_1701698546238 .kl-features-04__card-buttons .widget_1701698546238__button:not(.button--outlined):hover {
    background: #33635f;
    border: 1px solid #33635f !important;
  
    
}


.widget_1688378378581__primary_cta:hover {
    background-color: #33635f !important;
   border: 1px solid #33635f !important;
    
  
    
}


.widget_1688378378581__primary_cta{
 
   border: 1px solid #33635f !important;
    
  
    
}


.button:focus, div#module_1683722028350 .button:active, div#module_1683722028350 .button:hover {
    background: #33635f!important;
}



.module_17018695311566__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid;
}


  .kl-features-04__content-list-item {
   
    transition: background-color 0.8s ease, color 0.8s ease;
}



  
#hs_cos_wrapper_module_1701869689847 hr {
   margin-top: -1px !important
}


#hs_cos_wrapper_module_17018693916074 hr {
   margin-top: -1px !important
}


.cell_1683545461873-row-1-vertical-alignment a.button.button--outlined.dnd_area-dnd_partial-2-module-1__secondary_cta {border: 1px solid #003C37}


.cell_1683545461873-row-1-vertical-alignment .dnd_area-dnd_partial-2-module-1__primary_cta {border: 1px solid #003C37}


.cell_1683545461873-row-1-vertical-alignment  .kl-rich-text__buttons {
    margin-top: 30px;
}


  div#widget_1686642802136  .kl-card-grid__card   {
    background-color: #97e1fa;}


 div#widget_1686642802136  .kl-card-grid__card   {
   border: 1px solid #003c37;}


.span6.widget-span.widget-type-cell.cell_1688389863311-vertical-alignment.dnd-column.cell_1688389863311-padding {padding-right: 0px !important;
                                                                                                                 border-radius: 3px !important;
                                                                                                                 overflow:hidden !important
}




div#hs_cos_wrapper_module_170186974897111  .kl-rich-text p:last-child {
    margin: 0 0 1rem!important;
}


@media screen and (max-width: 767px){
.kl-features-04__content-list-item.active .responsive {
    padding-bottom: 0px;
    margin-bottom: 0px
}

.kl-features-04__content-list-item.responsive .kl-features-03__image   {padding-top: 10px}



    div#hs_cos_wrapper_widget_1701698546238 .kl-features-04__content {
  
    padding-right: 0px;
}

div#hs_cos_wrapper_widget_1701698546238 .kl-features-04__content-list>.kl-features-04__content-list-item {
    margin-right: 0px !important;
}
    
}


.light-bg {
    border-bottom: 1px solid #003c378c;
    border-radius: 0;
    padding-bottom: 3px;
    padding-left: 0;
    transition: all .3s ease;
    padding-right: 0px;
}

@media screen and (min-width: 767px){
.hs-content-id-144759079959 .cell_1683545461873-padding .kl-rich-text__buttons::after {
  content: "" !important;
  width: 50px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
  background-image: url("https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/B-Corp-Logo-Green-RGB.svg")!important;;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 32px; /* Add some margin between the buttons and the image */
}

  .hs-content-id-144759079959 .cell_1683545461873-padding .kl-rich-text__buttons {
  display: flex;
  align-items: center; /* Vertically center the buttons and image */
  justify-content: start;
}}









@media screen and (max-width: 767px){
 
 .hs-content-id-144759079959 .cell_1683545461873-padding {
    margin-left: -37px!important;
}


#hs_cos_wrapper_module_1683722028350 .kl-rich-text__buttons {
    
    display: block;
    
}
  
  div#module_170117920719416, div#module_170117920719414, div#module_170117920719418  {
    padding-bottom: 40px!important;
}
.hs-content-id-146214226249 .kl-pricing__card+.kl-pricing__card {
    margin-left: 0px;
}

}


 

.button-with-icon .arrow-down {
    bottom: 4px;
    left: 97%;
    position: absolute;
    transform: translateX(-50%);
    transition: transform .3s ease;
}


@media screen and (max-width: 767px){
.hs-content-id-135393486989 div#widget_1700579242341 .lead-lg-regular, h5 {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
}}



 .hs-content-id-146214226249 div#hs_cos_wrapper_widget_1703147649108  .kl-card-grid__card  {
    background-color: #003c37;
    border: 1px solid #fafafa;
}  



 .hs-content-id-146214226249 div#hs_cos_wrapper_widget_1703147814332  .kl-card  {
    background-color: #003c37;
    border: 1px solid #fafafa;
}  



div#hs_cos_wrapper_widget_1702990417376 .kl-pricing__button .button:hover {
    background-color: #668a87;
    border-color: #668a87;
    color: #fafafa;
}


a.button.button--outlined.widget_1703147814332__button:hover {background-color: #003c37;
    border-color: #fafaf5;
    color: #fafaf5;
    text-decoration: none;}



.hs-content-id-146214226249 .button--outlined  {
   
    border: 1px solid #46ffb9;
 
}


.kl-pricing__price h2 {min-height: 73px}



.hs-content-id-146214226249 div#widget_1704976852731 .kl-card-grid__card  {
    background-color: #003c37;
    border: 1px solid #fafafa;
}



 
div#module_16970242345949 span.kl-rich-text__preheader {
    padding: 2px 5px 2.8px 6px;
    background: #FADC46;
    color: #003C37;
    border-radius: 2px;
    
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 26px !important;
    font-size: 14px;
}

/* Additional styles (assuming you want them separated) */
div#module_16970242345949 span.kl-rich-text__preheader {
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}



div#widget_1705419268582 a.kl-card-grid__image {
    background-color: #C0EDFC;
}



div#widget_1705419268582 .kl-card-grid__image {
    background-position: 50%;
    background-repeat: no-repeat;
    
    display: block;
    height: 293px;
    width: 100%;
}



div#widget_1705419268582 h5 {font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px !important;
                            font-family: sofia-pro !important}

 
 



div#widget_1705419268582 .kl-card-grid__card, .kl-faq, .kl-featured-card, .kl-pricing__card {
    
    border: 0px solid #33635f;
    border-radius: 3px;
}


/* Add transition to the hover state of the specified element */
div#widget_1705419268582 h5 a {
    text-decoration: none;
    transition: color 0.3s ease; /* You can adjust the duration and easing as needed */
}

/* Set the initial color for the non-hover state */
.forest-green-500 {
    color: #33635F !important;
}

/* Adjust the hover color for the specified element */
div#widget_1705419268582 h5 a:hover {
    color: #33635F !important;
}

/* Make styling adjustments to the button with icon */
a.button-with-icon.forest-green-500 {
    padding-right: 0;
    border-bottom: 1px solid #99B1AF;
    padding-bottom: 3px;
}



/* Keep the height fixed for the card image container */
div#widget_1705419268582 .kl-card-grid__image {
    display: block;
    height: 293px; /* Set the desired height */
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: background-position 0.3s ease; /* Add a transition for the background-position effect */
}

/* Change background-position on hover */
div#widget_1705419268582 .kl-card-grid__card:hover .kl-card-grid__image {
    background-position: 50% 80% !important; /* You can adjust the new background-position values on hover */
}

div#widget_1705419268582
.kl-card-grid__content {
    color: #003c37;
    display: block;
    padding: 20px 24px;
    padding-bottom: 28px;
    text-decoration: none;
}




div#widget_1705419268582 .kl-card-grid__card:hover h5 a {
    color: #33635F !important;
}


div#hs_cos_wrapper_widget_1705492916416 .blog-index  {
    
    padding: 0px 0;
}


 

section#widget_1705492916416 h4   {
    font-family: sofia-pro!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px!important;
}


 
  div#hs_cos_wrapper_widget_1705492916416 .blog-index__post-content {background: white;
                          padding: 20px}


 section#widget_1705492916416 h4 a {
    
    transition: color 0.3s ease; /* You can adjust the duration and easing as needed */
}
.blog-index__post:hover       h4 a {color: #33635F !important;}

 

 

.blog-index__post-preheader {
    font-family: sofia-pro,sans-serif!important;
    padding: 2px 8px!important;
    padding-bottom: 4px !important;
}



form#hsForm_e23d6ce7-5168-418f-b5a7-88ffdf4b991b_7852 {max-width: 700px}



.kl-navbar-submenu-wrapper {
    left: 0px;
   
}



.hs-content-id-117286937778 .kl-features-02__card h4 {
    display: inline;
    font-family: sofia-pro,Helvetica Neue,Arial,Helvetica,sans-serif!important;
    font-size: 24px;
    line-height: 30px;
    margin: 0;
    margin-bottom: 4px!important;
    vertical-align: middle!important;
}



.hs-content-id-117286937778 .kl-features-02__card {
    margin: 4px 16px;
    padding-bottom: 8px
}
 

.hs-content-id-117286937778 .kl-features-02__card-header {
    align-items: flex-start;
    display: flex;
}



.hs-content-id-117286937778 .kl-features-02__image {
 
    margin-top: 2px;
}



.hs-content-id-154407136591  span.kl-rich-text__preheader {
    background: #fadc46;
    border-radius: 2px;
    color: #003c37;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    line-height: 20px;
    margin-bottom: 26px!important;
    padding: 2px 5px 2.8px 6px;
}



.hs-content-id-137863142729 span.kl-rich-text__preheader {
    background: #fadc46;
    border-radius: 2px;
    color: #003c37;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    line-height: 20px;
    margin-bottom: 26px!important;
    padding: 2px 5px 2.8px 6px;
}



.hs-content-id-118878449823 span.kl-rich-text__preheader {
    background: #fadc46;
    border-radius: 2px;
    color: #003c37;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    line-height: 20px;
    margin-bottom: 26px!important;
    padding: 2px 5px 2.8px 6px;
}


.hs-content-id-121434246289 span.kl-rich-text__preheader {
    background: #fadc46;
    border-radius: 2px;
    color: #003c37;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    line-height: 20px;
    margin-bottom: 26px!important;
    padding: 2px 5px 2.8px 6px;
}



/* 5 checked */



.date-info {font-family: sofia-pro,sans-serif!important;
   font-size: 16px !important;
    letter-spacing: 0.08rem;
  color: #D8D8CA !important
     }




/* Original styles */
div#module_17067015935528 .kl-card-grid__image {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 293px;
    position: relative; /* Added position relative */
    width: 100%;
}

/* SVG styles */
div#module_17067015935528 .kl-card-grid__image::before {
    content: url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/Play%20button.svg'); /* SVG link */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1; /* Ensure SVG is above the background image */
    transition: transform .3s ease; /* Added transition for smooth scaling */
}

/* Hover styles */
div#module_17067015935528 .kl-card-grid__card:hover .kl-card-grid__image::before {
    transform: translate(-50%, -50%) scale(1.1); /* Zoom in by 10% */
}

 

div#module_17067015935528 a.kl-card-grid__image {
    background-color: #C0EDFC;
}



div#module_17067015935528 .kl-card-grid__image {
    background-position: 50%;
    background-repeat: no-repeat;
    
    display: block;
    height: 293px;
    width: 100%;
}



div#module_17067015935528 h5 {font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30px !important;
                            font-family: sofia-pro !important}

 
 



div#module_17067015935528 .kl-card-grid__card, .kl-faq, .kl-featured-card, .kl-pricing__card {
    
    border: 0px solid #33635f;
    border-radius: 3px;
}


/* Add transition to the hover state of the specified element */
div#module_17067015935528 h5 a {
    text-decoration: none;
    transition: color 0.3s ease; /* You can adjust the duration and easing as needed */
}

/* Set the initial color for the non-hover state */
.forest-green-500 {
    color: #33635F !important;
}

/* Adjust the hover color for the specified element */
div#module_17067015935528 h5 a:hover {
    color: #33635F !important;
}

 



/* Keep the height fixed for the card image container */
div#module_17067015935528 .kl-card-grid__image {
    display: block;
    height: 293px; /* Set the desired height */
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transition: background-position 0.3s ease; /* Add a transition for the background-position effect */
}

 

div#module_17067015935528
.kl-card-grid__content {
    color: #003c37;
    display: block;
    padding: 20px 24px;
    padding-bottom: 28px;
    text-decoration: none;
}




div#module_17067015935528 .kl-card-grid__card:hover h5 a {
    color: #33635F !important;
}



span.event-type {color: #668A87;
background-color: transparent;
border: 1px solid #668A87;
                                                                          
font-size: 12px;
padding: 0.5px 3px  2px 4px  !important;
                                                                           
border-radius: 3px;
opacity: 0.8;
font-weight: 200;
font-family: sofia-pro}






article.blog-post table h4{margin-bottom: 0px !important}
article.blog-post table p {margin-bottom: 0px !important}







.hs-content-id-140732908830 div#module_17110133566256 .kl-rich-text__buttons::after {
  content: "";
  width: 50px; /* Adjust the width as needed */
  height: 50px; /* Adjust the height as needed */
  background-image: url("https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/B-Corp-Logo-Green-RGB.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 32px; /* Add some margin between the buttons and the image */
}

 .hs-content-id-140732908830 div#module_17110133566256 .kl-rich-text__buttons {
  display: flex;
  align-items: center; /* Vertically center the buttons and image */
  justify-content: start;
}

div#hs_cos_wrapper_module_16959701789517 .kl-logo-slider img, .kl-logos img {
    filter: none;
    mix-blend-mode: normal;
    opacity: 0.8;
}





div#module_17110327934607 .kl-features-04__card {
    background-color: #fff;
    border: 0px solid hsla(0,0%,100%,.2);
    border-radius: 2px;
   
    flex: 0 1 100%;
    overflow: hidden;
    width: 100%;
}

 
div#module_17110327934607 .kl-features-04 {
    margin: 0 auto;
    max-width: 1440px;
}

div#module_17110327934607
.kl-features-04__card-image {
    padding-right: 0px
}



div#module_17110327934607  .kl-features-04__wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}


div#module_17110327934607 .kl-features-04__content {
    flex: 0 1 691px;
    padding-right: 20px;
}

div#module_17110327934607 .kl-features-04__content-list-item__image {
    margin-right: 20px;
    max-width: 50px;
    margin-left: 16px;
}

div#module_17110327934607 img.gw-border.gw-border-radius {border: 0px}



div#module_17110327934607 .kl-features-04__content-list>.kl-features-04__content-list-item {
   
    padding: 24px 24px;
}


div#module_17110327934607 .kl-features-04__content-list-item__image {
    order: 2; /* Change the order to swap with text */
}

div#module_17110327934607 .kl-features-04__content-list-item__text {
    order: 1; /* Change the order to swap with image */
}




div#module_17110327934607  .kl-features-04__content-list-item__image img {
    display: block;
    width: 24px;
  height: 24px;
}


div#module_17110327934607  .kl-features-04__content-list-item__text p {
    font-size: 20px;
    margin: 0;
    color: #003c37;
    font-weight: 600;
}



 



div#module_17110327934607 .kl-features-04__card-buttons .widget_1701698546238__button:not(.button--outlined) {
  background: #003C37;
    border: 1px solid #003C37 !important;
    color: #FAFAF5 !important;
    font-weight: 400 !important;
    
}


div#hs_cos_wrapper_module_17110327934607 .kl-features-04 {
    margin: 0 auto;
    max-width: 100%;
}
 

div#module_17110327934607 .kl-features-04__card-buttons .button--outlined.widget_1701698546238__button { border: 1px solid #003C37 !important;
                                                                                    color: #003C37 !important;}


div#module_17110327934607 .kl-features-04__card-buttons .button--outlined.widget_1701698546238__button:hover { border: 1px solid #003C37 !important;
                                                                                    color: #003C37 !important;
                                                                                     background: #46FFB9;}


div#module_17110327934607 .kl-features-04__card-buttons .widget_1701698546238__button:not(.button--outlined):hover {
    background: #33635f;
    border: 1px solid #33635f !important;
  
    
}



 div#module_17110327934607 .kl-features-04__content-list>.kl-features-04__content-list-item {
    padding: 24px 24px;
    padding-right: 8px;
}


div#module_17110327934607 .kl-features-04__content-list-item__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
}





 .kl-features-04__content-list>.kl-features-04__content-list-item:hover {
    background-color: #C5B4C0 !important;
    color: #003c37;
}


div#module_17110327934607 img.gw-border.gw-border-radius {
    border: 0;
    background-color: #F7F2F4;
  border-radius: 4px;
}


div#module_17110327934607 .kl-features-04__card-image {
    padding: 0 40px 20px;
    padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}


div#module_17110327934607 .kl-features-04__card-text {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    padding: 20px 40px;
    background-color: #F7F2F4;
    padding-top: 0px;
    padding-bottom: 41px;
    margin-top: -11px;
  border-radius: 4px;
}


.hs-content-id-140732908830 .gw-lang-short {
    background: #E0F6FE;
    
}    
div#module_17110327934607 .kl-features-04__card   .button {border: 1px solid #025858;
                                         color: #FAFAF5;
                               background-color:#025858 }
div#module_17110327934607 .kl-features-04__card   .button:hover {border: 1px solid #003C37;
                                         color: #FAFAF5;
                               background-color:#003C37 }



div#module_17110327934607 .kl-features-04__card  .button--outlined {border: 1px solid #003C37;
                                         color: #003C37;
                                         background-color:transparent}

div#module_17110327934607 .kl-features-04__card  .button--outlined:hover {border: 1px solid #003C37;
                                         color: #FAFAF5;
                                               background-color:#003C37}


div#module_17110327934607 .kl-features-04__card-buttons {
    padding-top: 24px;
}
  

div#module_17110327934607  .no-padding-bottom {margin-bottom: 12px !important}


.hs-content-id-140732908830 .widget_1711031056186__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid #003C37;
}


a.button.button--outlined.module_17110133566256__secondary_cta {
    border-color: rgba(0, 60, 55, 1.0) !important;
    border: 1px solid #003C37;
}


.module_17110133566256__primary_cta {
    color: rgba(250, 250, 245, 1.0) !important;
  border: 1px solid #003C37;
}



div#module_17110327934607 .kl-features-04__card .button {
    
    border: 1px solid #003c37 !important;
   
}


.hs-content-id-140732908830 .kl-header {
    background-color: #96E1FA;}



@media screen and (max-width: 767px){.kl-features-04__content-list>.kl-features-04__content-list-item {
    background-color: #f0f0f0;
    cursor: pointer;
    margin-right: 0px;
    padding: 7px 0;
}

div#module_17110327934607 .kl-features-04__content {
    flex: 0 1 691px;
    padding-right: 0px;
}
.kl-features-04__content-list-item{
    margin-right: 0px !important
}
  
  
  .kl-features-04__content-list-item.responsive {
    padding: 0px !important;
    padding-top: 18px !important;
   
}
  
  div#module_17110327934607 .kl-features-04__content-list>.kl-features-04__content-list-item {
    padding: 24px 24px;
    padding-right: 24px;
}
  
  .kl-features-04__content-list-item.responsive .kl-features-03__image {
    margin-bottom: 23px;
}
  
  .kl-cards-slider__arrow {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: none;
    height: 40px;
    margin-left: -5px!important;
    margin-right: 24px !important;
    padding: 12px;
    position: absolute;
    top: 29px;
    width: 40px;
}
  
  div#module_17110233348965 .kl-card-grid__image {
    background-position: 50% 100%;
    background-size: contain;
    margin-top: -30px;}
  
  
  .hs-content-id-140732908830 div#module_17110133566256 .kl-rich-text__buttons {
    display: inline;}
  
  
  
  div#module_17110133566256 .kl-rich-text__buttons .button, .kl-rich-text__buttons .button_cta {
    
    margin-left: 0px;
    margin-right: 0px;
}
  
  div#module_17110317511672 h2 {text-align: center !important;
                             padding-bottom: 20px}
  
  
  
  .kl-features-04__content-list-item.responsive:hover {
    background-color: #C5B4C0 !important;
}
  
  
}
.kl-features-04__content-list-item.responsive:hover {
    background-color: #C5B4C0 !important;
}




.kl-features-04__content-list-item.responsive:hover {
    background-color: #C5B4C0 !important;}

div#module_17110327934607 .kl-features-04__card .button {
    border: 1px solid #025858 !important;
}


a.button.Navbar__button {
    border: 1px solid #025858;
}

.nice-link {
        text-decoration: none !important; /* Remove default text decoration */
        border-bottom: 1px solid; /* Add underline effect */
        padding-bottom: 2px; /* Adjust padding to align with underline */
    }

.nice-link {margin-top: 10px !important;
           display: inline-block}



@media screen and (min-width: 767px){
.mobile-only {display: none !important}}

.kl-features-04__content-list-item.responsive:hover,
.kl-features-04__content-list-item.responsive:active,
.kl-features-04__content-list-item.responsive:visited,
.kl-features-04__content-list-item.responsive:focus {
    background-color: #C5B4C0 !important;
}


div#module_17110317511672 .button--outlined {
    padding: 20px 28px 22px !important;
}

a.button.module_17110233348963__secondary_cta {
    padding-bottom: 17px;
}


div#module_17110327934607 .kl-features-04__card .button {
    
    padding-bottom: 16px;
}


.kl-navbar__end>div>a:not(:first-child) {
    margin-left: 25px;
    padding-bottom: 17px;
}


div#widget_1711460238073  p  {
    margin: 0 0 0rem;
margin-bottom: -80px
}



.hs-content-id-146214226249 div#widget_1704976852731 .kl-card-grid__card {
    background-color: #C0EDFC;
    border: 0px solid #fafafa;
    border-radius: 4px;
}


.hs-content-id-146214226249 .kl-card-grid__preheader {
    color: #668A87;
    display: block;
    font-family: sofia-pro;
    font-size: 14px;
    font-weight: 400;
    margin: 0.3rem 0 1.0rem;
  
}


div#widget_1704976852731 .kl-card-grid__content h5 {
    font-family: sofia-pro !important;
    font-size: 23px;
    line-height: 30px;
   
}


.kl-pricing__features li {
    display: flex;
    font-size: .975rem;
align-items: center;}


.slider-labels span {
  
    font-size: .95rem !important;
    
}

input[type=range] {
    
    padding-top: 7px !important;
}
.slider-labels {
   
    padding-top: 7px;
}


.slider-labels span:first-child {padding-left: 8px}


.gw-lang-globe:hover #gw-lang-short {
    color: #668a87;
}

.gw-lang-globe:hover svg path {
    stroke: #668a87 !important;}



.hs-content-id-146214226249 .kl-card {
    
    padding: 38px 32px;
  
    padding-bottom: 25px;
}


.hs-content-id-140732908830 a.button.button--outlined.module_1712144147554__secondary_cta {border-color: #003c37 !important;
    border: 1px solid #003c37;}



.button, .button_cta a, button {
    
    border-radius: 5px;}





  div#hs_cos_wrapper_module_16952063005544 .kl-logo-slider img {
    filter: none;
    mix-blend-mode: normal;
    opacity: .8;
}


.hs-content-id-135393486989 .glide, .hs-content-id-135752105910 .glide {
    opacity: .8;
}

.kl-features-04__content-list-item {
    border-radius: 6px !important;
}


div#module_17110327934607 img.gw-border.gw-border-radius {
    
    border-radius: 6px!important;
}

/**Bento boxes styling*/



div#module_171230812195611 .kl-card-grid__content h4 {
    font-family: sofia-pro !important;
    font-size: 25px;
    line-height: 32px;
    font-weight: bold !important;
}


div#module_171230812195611 .kl-card-grid__content {
    padding: 46px;
    padding-bottom: 12px;
}

div#module_171230812195611 .kl-card-grid__content {
    color: #003c37;
    display: block;
    padding-bottom: 44px;
    text-decoration: none;
}


div#module_171230812195611 .kl-card-grid__content {
    background: #C0EDFC;
}



div#module_171230812195611 .kl-card-grid__card {
    border: 0 solid #33635f;
    border-radius: 3px;
    display: flex;
    flex-direction: column-reverse;
    border-radius: 6px !important;
    justify-content: space-between;
    background: #C0EDFC;
}

@media only screen and (max-width: 768px){
div#module_171230812195611 .kl-card-grid__image {
    background-position: 50% 100%;
    background-size: contain;
}

div#module_171230812195611  .kl-card-grid__content {
 
    padding-bottom: 0px !important;
  
}


}


/**Bento boxes styling*/





.hs-content-id-135393486989 .kl-features-02__card   h4  {
    font-family: sofia-pro !important;
    font-size: 18px!important;
    line-height: 28px!important;
   
     
}

 

.hs-content-id-135393486989 .kl-features-02__card {
    display: block;
    flex-basis: 225px;
    flex-grow: 1;
    margin: 16px;
margin-top: 8px;
    margin-bottom: 8px
}

.hs-content-id-135393486989 .kl-features-02__card-header {
    align-items: flex-start;
    display: flex;
}


div#widget_1712309951667 h3 {margin-bottom: 12px}
div#module_17123146418399 h3 {margin-bottom: 12px}
div#module_17123139028865 h3 {margin-bottom: 12px}
div#module_1712311143903 h3 {margin-bottom: 12px}


.hs-content-id-135393486989 .kl-card {
    
    border-radius: 6px;
   
    padding: 20px;
 
}


div#module_17123195701226 .button--outlined {
    padding: 20px 28px 22px !important;
}

@media only screen and (max-width: 768px){
.hs-content-id-135393486989 .kl-features-02__card h4 {
   
    margin-top: -2px;
}}



@media screen and (max-width: 767px){
div#module_17123195701226 h2 {
    padding-bottom: 20px;
    text-align: center !important;
}}







span.green-highlight {background-color: #46FFB9;
    border-radius: 8px;
 padding: 4px 12px 14px;
    line-height: 100%;
    display: inline-block;}



.hs-content-id-135393486989 span.green-highlight {
 
    padding: 1px 12px 14px;
}


@media screen and (max-width: 767px){
.hs-content-id-163859737120 h1 {
    font-size: 44px !important;
    line-height: 52px !important;
}

}


@media screen and (max-width: 767px){
.hs-content-id-135393486989 .green-highlight {background-color: #46FFB9;
    border-radius: 8px;
 padding-top: 0px;
                      padding-bottom: 12px
     
    }}

span.green-highlight {
    background-color: #65FFC5;}
span.blue-highlight {
    background-color: #C0EDFC;}

span.yellow-highlight {
    background-color: #FBE36B;
}




span.blue-highlight {
    background-color: #c0edfc;
}



.body-xxl-regular {
    font-family: sofia-pro, sans-serif !important;
}


.body-xxl-regular {
    font-size: 22px;
    font-weight: 600 !important;
    line-height: 32px;
}


.avatar-image {
    border: 1px solid #668A87 !important;
   
}




@media screen and (max-width: 767px) {
    .kl-cards-slider__arrow--prev {
        left: 40% !important;
        margin: 0px !important;
    }


 .kl-cards-slider__arrow {
        left: 49%;
        margin: 0px;
     top: 24px !important;
    }
    
}


@media screen and (max-width: 767px) {
    .kl-cards-slider__content h3 {
        font-size: 30px !important;
        line-height: 38px !important;
    }
  
  
  .kl-cards-slider__content {
        padding: 12px !important;
    }
  .avatar {
        padding-left: 0;
    }
  
  .slider-preview-container {
        padding-top: 24px;
        padding-bottom: 20px;
    }

}


.body-container.body-container--blog-post .kl-rich-text__buttons {
    margin-top: 0px;
}


.blog-header__image-featured {
    border: 0px solid #003c37 !important;
   
}

span.purple-highlight {
    background-color: #BA96F9;
    border-radius: 8px;
    display: inline-block;
    line-height: 100%;
    padding: 4px 12px 14px;
}

.button-with-icon {
  
    padding-right: 0px;
}



@media screen and (max-width: 767px){
.kl-navbar__end>div>a:not(:first-child) {
    margin-left: 0px;
   
   
}
}

.kl-footer .hs-embed-wrapper {padding-top:0px !important}

 

div#module_17147403066116 p a   {
    text-decoration: none !important;
    border-bottom: 1px solid #025858;}


a.blog-index__post-image.gw-border-radius {
    border-radius: 6px;
}


/*R<emoving the DA and No languages from the selector on the header*/

#gw-languages .gw-language-selector.exclude_gw_translation:nth-child(2) {
    display: none;
}

#gw-languages .gw-language-selector.exclude_gw_translation:nth-child(5) {
    display: none;
}
.gw-language-selector {
    border-radius: 0px;
    cursor: pointer;
    margin-bottom: 2px;
    min-width: 94px;
    padding: 10px;
    text-align: center;
    width: max-content;
}

.gw-languages-header {
    font-weight: 400;
    margin-bottom: 15px;
}
.gw-lang-picker-popup {
    background: #fff;
    box-shadow: none;
    min-width: 139px;
    padding: 21px 24px;
    position: absolute;
    right: 0;
    top: 89px;
    right: 195px;
}


#gw-lang-popup-close {
  
    display: none;
}

@media screen and (max-width: 767px){
.gw-lang-picker-popup {
    background: #fff;
    box-shadow: none;
    min-width: 100%;
    padding: 21px 24px;
    position: absolute;
    right: 0;
    top: 83px;
    right: 0;
}
 #gw-lang-popup-close {
  
    display: block;
} 
}



/*end*/


.vjs-hubspot .simple-play-button {
 
    border-radius: 8px!important;
    width: 20%!important;
}





.stats-section {
    display: flex;
    justify-content: space-around;
    padding: 50px 0;
    background-color: #f8f9fa;
}

.stat {
  
    font-family: 'sofia-pro';  /* Apply a different font to the .stat element */
                   /* Example font size */
                       /* Example color */
}

.count {
     font-family: DomaineDisplay;
    font-size: 67px !important;                       

}


 div#widget_1717147113820 {background: #fff;
                         border-radius:6px;
                         padding: 20px}

div#widget_1717147113820 .kl-card-grid__content {background-color: #fff !important}

 

div#widget_1717147113820 .kl-card-grid__card {border: 0px solid #fff}


div#widget_1717153722773 {padding-bottom: 20px}
  
  @media screen and (max-width: 767px){div#widget_1717147113820 {background: none;
                         padding: 0px}
                                    
                               div#widget_1717147113820  .kl-card-grid__content {
        padding: 26px 26px 26px !important;
                                     border-radius:6px
   
                                 
                                 
                                 
                                 }
                                    div#widget_1717147113820 .kl-card-grid__card-wrapper {padding-bottom: 0px}
}   
    


.hs-content-id-169651945557  p a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background-color: #fafaf6;
}

.hs-content-id-169651945557  .row-fluid a {
    position: relative;
    text-decoration: none !important;
    color: inherit;
    transition: opacity 0.3s ease;
}  




@media screen and (max-width: 920px) {
    .kl-navbar--active .kl-navbar__content {
        opacity: 1;
        transform: translateY(48px);
        visibility: visible;
    }
}

@media screen and (max-width: 920px) {
    .kl-navbar__content {
        background-color: #fafaf5;
        bottom: 0px;
        flex-direction: column;
        height: calc(100% - 82px);
        justify-content: space-between;
        left: 0;
        opacity: 0;
        overflow-y: auto;
        padding: 85px 10%;
        position: fixed;
        transform: translateY(8px);
        transition: transform .25s ease-in-out, opacity .25s ease-in-out;
        visibility: hidden;
        width: 100%;
        /* padding-bottom: 20px; */
    }
}








.submenu-item-block:after {
    background: #fff;
    border-radius: 4px;
    content: "";
    height: calc(100% + 20px) !important; /* Increased height by 4px (10px top + 8px bottom) */
    left: -14px!important; /* Increased left by 4px */
    opacity: 0;
    position: absolute;
    top: -10px!important; /* Increased top by 5px */
    transition: opacity 0.1s;
    width: calc(100% + 28px)!important; /* Increased width by 8px (20px left + 8px right) */
    z-index: -1;
    bottom: -10px!important; /* Increased bottom by 4px */
}



 
 

 

 

 .submenu-item:after {
    background: #fff;
    border-radius: 4px;
    content: "";
    height: calc(100% + 12px)!important;
    left: -10px!important;
    opacity: 0;
    position: absolute;
    top: -5px!important;
     bottom: -7px!important;
    transition: opacity .1s;
    width: calc(100% + 20px)!important;
    z-index: -1;
}


 

 


@media screen and (max-width: 920px) {
    .gw-kl-auth>div>img {
        height: 16px;
        left: 31%;
        position: absolute;
        top: 18px;
        width: 16px;
    }


.kl-navbar__button>span {
 
    padding-left: 10px;
}
  
  
  .submenu-item img {
    max-width: 24px !important;
}
  
  .kl-menu-icon img {
     
    width: 20px !important;
}
  
  #gw-lang-picker-container {
  
    padding-bottom: 20px;
    margin-right: 0;
    text-align: inherit;
}


.kl-navbar__button>span {
 
    padding: 8px 13px;
 
    font-size: 16px;}
  
}




 




.submenu-item a span span {
   
    font-size: 12px;
    line-height: 18px;
    padding: 2px 4px;

}


 

 



 

.info-box:hover .info-box-link {
  color: #668A87; /* Change color of .info-box-link on hover */
  transition: color 0.3s ease; /* Smooth transition for color change */
}

.info-box-link {
  transition: color 0.3s ease; /* Smooth transition for color change */
}

.info-box-link:hover {
  
  transition: color 0.3s ease; /* Smooth transition for color change */
}

 

 


 

 
 
 
 

 

.info-box .info-box-link img {
  
  transform: translateX(0); /* Initial position */
  transition: transform 0.3s ease; /* Smooth transition for transform property */
}

.info-box:hover .info-box-link img {
  transform: translateX(6px); /* Move image 6px to the right on hover */
}

 

 .kl-navbar__button:hover>span:after {
    visibility: visible;
    width: 0;
}


 


.submenu-item img {
 
    max-width: 24px !important;
}


  @media screen and (max-width: 920px) {
    .kl-navbar__content {
      
        height: calc(100% - 136px);
       
    }
}


@media screen and (max-width: 920px) {
    .kl-navbar--active .kl-navbar__content {
        opacity: 1;
        transform: translateY(0px);
        visibility: visible;
    }
  
  
  a.button.DropwDown_navrab__button {
    padding-bottom: 17px}}



span.blue-highlight {
    background-color: #ABE7FB;
    border-radius: 8px;
    display: inline-block;
    line-height: 100%;
    padding: 4px 12px 14px;
}


@media screen and (max-width: 920px) {
    .kl-navbar__content {
        height: calc(100% - 89px);
    }
}


.button-with-icon {
  
    padding-bottom: 2px;
    
}

.announcement-link {
    text-decoration: none;
    transition: opacity 0.3s ease;
  }

  .announcement-link:hover {
    opacity: 0.8;
  }
  




 .gw-biofuel-section-container {
            display: flex;
            align-items: center;
            padding: 8px 8px;
            border: 1px solid #E4E6E8;
            border-radius: 8px;
            background-color: #FAFAF5;
            justify-content: flex-start;
   margin-bottom: 12px;
   max-width: 510px; 
        }

        .gw-biofuel-section-icon {
            width: 44px;
            height: 44px;
            margin-right: 16px !important;
        }


 

        .gw-biofuel-section-text {
            color: #025858;
            font-size: 18px;
line-height: 28px;
            font-weight: 600
        }



.gw-biofuel-section-container img {
    
    margin:0px
}

.slim-highlight{
padding: 4px 9px 8px!important;
    background-color: #46ffb9!important;
    border-radius: 6px!important;
}



div#widget_1718895914993 .kl-rich-text__buttons {
   margin-left: -14px;
    margin-top: -38px !important;
}



@media screen and (max-width: 767px){
  
  
  img.mobile-image {width: 280px !important}
  
  
div#widget_1718895786125 .kl-rich-text--right {text-align: center !important}

h3.heading3-mobile {font-size:30px !important}



}


div#widget_1718895786125 p {
                         color: #668a87}


@media screen and (max-width: 767px){
div#widget_1718895786125 {text-align: center !important;
                         color: #668a87}
  
  
  
  div#module_17189717197426 p {
display:none
}


.gw-biofuel-section-container {
   
    padding-right: 13px !important;
    padding-bottom: 12px;
}
  
  .gw-biofuel-section-text {
    color: #025858;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
}
}




.widget_1718895914993__primary_cta {
    color: rgba(70, 255, 185, 1.0) !important;
    padding-bottom: 17px;
}


div#module_17189717197426 p {
                         color: #668a87;
                         margin-bottom: -25px;
                         }


 



 div#module_17189717197426 p {
    color: #668a87;
    margin-bottom: -25px;
}


.module_17189717197428__primary_cta {
    
    padding-bottom: 17px;
}

 


a.button.module_1718974143503__primary_cta, a.button.widget_1718974083462__primary_cta {
    padding-bottom: 17px;
}


div#module_171230812195611 .kl-card-grid__content {
    background: #c0edfc;
    color: #003c37;
    display: block;
    padding: 46px 46px 12px;
    padding-bottom: 4px !important;
    text-decoration: none;
}


a.button.DropwDown_navrab__button {padding-bottom: 17px}






.dropdown-content {
 height: fit-content;
}


@media screen and (max-width: 767px) {
    .slider-preview-container {
       
        padding-bottom: 12px!important;
    }


    .kl-cards-slider__content>div {
    flex-basis: 200px;
    flex-grow: 1;
    margin: 0px 12px;
}


        .kl-cards-slider__card--active .kl-cards-slider__content h3 {
        opacity: 1;
        padding-left: 0;
        padding-top: 16px;
    }

    
}
 


div#module_1683722028350 h2 {
    margin: 0 0 40px !important;
}


.cell_1683722028349-padding .kl-card__content h5 {font-size: 24px !important;
                     line-height: 34px !important}

 

 .cell_1683722028349-padding .kl-card__content div {max-width: 240px;
                      display: block;
                      margin: 0 auto}



.gw-biofuel-section-container {
 
    max-width: 456px;
 
}



 @media screen and (min-width: 767px) {


a.kl-navbar__button.DropwDown_navrab__button {
    padding-right: 10px !important;
    padding-left: 10px!important;
}}






 
.submenu-item a span span {font-optical-sizing: auto;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.0375rem;
                           padding: 0.28125rem 0.5rem!important;
    border-radius: 0.25rem!important;
    display: inline-block;
    margin-left: 0.5rem!important;
    position: relative;
     
     }
 


 




 


div#module_17110317511672 .button--outlined {
    padding: 20px 28px 22px !important;
    border: 0.1rem solid;
}

div#module_17110317511672 .button--outlined:focus {
    color: #fafaf5!important
}


div#module_17123195701226 .button--outlined {
    padding: 20px 28px 22px !important;
    border: 0.1rem solid;
}

div#module_17123195701226  .button--outlined:focus {
    color: #fafaf5!important
}

.dnd_area-dnd_partial-3-module-1__primary_cta {
    border: 0.1rem solid !important;
}



div#module_171646138962911   .button--outlined {
    border: .1rem solid;
    padding: 20px 28px 22px !important;
}



.hs-content-id-135393486989 .kl-card {
    background-color: transparent;
    border: 1px solid #015858;
   
}


 

@keyframes move {
  0% { left: -200px; opacity: 0; }
  10% { opacity: 0.5; }
  50% { opacity: 1; }
  90% { opacity: 0.5; }
  100% { left: 100%; opacity: 0; }
}

.pill-button {
  display: inline-block;
  position: relative;
  padding: 10px 26px;
  padding-bottom: 12px;
  color: #025858;
  background-color: #96E1FA;
  border-radius: 80px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, opacity 1s ease-in-out, transform 1s ease-in-out;
  text-decoration: none !important;
  overflow: hidden; /* Ensure the shine effect stays within the button */
  opacity: 0;
  transform: translateY(20px); /* Initial position */
}

.pill-button.visible {
  opacity: 1;
  transform: translateY(0); /* Final position */
}

.pill-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -200px;
  width: 200px;
  height: 100%;
  background: linear-gradient(70deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-20deg); /* Straighter angle */
  transition: none;
}

.pill-button.visible::before {
  animation: move 5s forwards; /* Run the animation once and slower */
}

.button-text {
    
    z-index: 123;
}

.button-icon {
  
    z-index: 12345;
}

.hs-content-id-135393486989 .kl-card__image {
   
    margin-bottom: 30px !important;
}


div#module_17206051038579 .kl-features-04__card {
    background-color: #fff;
    border: 0 solid hsla(0,0%,100%,.2);
    border-radius: 2px;
    flex: 0 1 100%;
    overflow: hidden;
    width: 100%
}

div#module_17206051038579 .kl-features-04 {
    margin: 0 auto;
    max-width: 1440px
}

div#module_17206051038579 .kl-features-04__card-image {
    padding-right: 0
}

div#module_17206051038579 .kl-features-04__wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

div#module_17206051038579 .kl-features-04__content {
    flex: 0 1 691px;
    padding-right: 20px
}

div#module_17206051038579 .kl-features-04__content-list-item__image {
    margin-left: 16px;
    margin-right: 20px;
    max-width: 50px
}

div#module_17206051038579 .kl-features-04__content-list>.kl-features-04__content-list-item {
    padding: 24px
}

div#module_17206051038579 .kl-features-04__content-list-item__image {
    order: 2
}

div#module_17206051038579 .kl-features-04__content-list-item__text {
    order: 1
}

div#module_17206051038579 .kl-features-04__content-list-item__image img {
    display: block;
    height: 24px;
    width: 24px
}

div#module_17206051038579 .kl-features-04__content-list-item__text p {
    color: #003c37;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

div#module_17206051038579 .kl-features-04__card-buttons .widget_1701698546238__button:not(.button--outlined) {
    background: #003c37;
    border: 1px solid #003c37!important;
    color: #fafaf5!important;
    font-weight: 400!important
}

div#hs_cos_wrapper_module_17206051038579 .kl-features-04 {
    margin: 0 auto;
    max-width: 100%
}

div#module_17206051038579 .kl-features-04__card-buttons .button--outlined.widget_1701698546238__button {
    border: 1px solid #003c37!important;
    color: #003c37!important
}

div#module_17206051038579 .kl-features-04__card-buttons .button--outlined.widget_1701698546238__button:hover {
    background: #46ffb9;
    border: 1px solid #003c37!important;
    color: #003c37!important
}

div#module_17206051038579 .kl-features-04__card-buttons .widget_1701698546238__button:not(.button--outlined):hover {
    background: #33635f;
    border: 1px solid #33635f!important
}

div#module_17206051038579 .kl-features-04__content-list>.kl-features-04__content-list-item {
    padding: 24px 8px 24px 24px
}

div#module_17206051038579 .kl-features-04__content-list-item__wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.kl-features-04__content-list>.kl-features-04__content-list-item:hover {
    background-color: #c5b4c0!important;
    color: #003c37
}

div#module_17206051038579 img.gw-border.gw-border-radius {
    background-color: #f7f2f4;
    border: 0;
    border-radius: 4px
}

div#module_17206051038579 .kl-features-04__card-image {
    padding: 0
}

div#module_17206051038579 .kl-features-04__card-text {
    background-color: #f7f2f4;
    border-radius: 4px;
    border-top: 1px solid hsla(0,0%,100%,.2);
    margin-top: -11px;
    padding: 0 40px 41px
}

.hs-content-id-140732908830 .gw-lang-short {
    background: #e0f6fe
}

div#module_17206051038579 .kl-features-04__card .button {
    background-color: #025858;
    border: 1px solid #025858;
    color: #fafaf5
}

div#module_17206051038579 .kl-features-04__card .button:hover {
    background-color: #003c37;
    border: 1px solid #003c37;
    color: #fafaf5
}

div#module_17206051038579 .kl-features-04__card .button--outlined {
    background-color: transparent;
    border: 1px solid #003c37;
    color: #003c37
}

div#module_17206051038579 .kl-features-04__card .button--outlined:hover {
    background-color: #003c37;
    border: 1px solid #003c37;
    color: #fafaf5
}

div#module_17206051038579 .kl-features-04__card-buttons {
    padding-top: 24px
}

div#module_17206051038579 .no-padding-bottom {
    margin-bottom: 12px!important
}

.hs-content-id-140732908830 .widget_1711031056186__secondary_cta,a.button.button--outlined.module_17110133566256__secondary_cta {
    border-color: #003c37!important;
    border: 1px solid #003c37
}

.module_17110133566256__primary_cta {
    border: 1px solid #003c37;
    color: #fafaf5!important
}

div#module_17206051038579 .kl-features-04__card .button {
    border: 1px solid #003c37!important
}

.hs-content-id-140732908830 .kl-header {
    background-color: #96e1fa
}

@media screen and (max-width: 767px) {
    .kl-features-04__content-list>.kl-features-04__content-list-item {
        background-color:#f0f0f0;
        cursor: pointer;
        margin-right: 0;
        padding: 7px 0
    }

    div#module_17206051038579 .kl-features-04__content {
        flex: 0 1 691px;
        padding-right: 0
    }

    .kl-features-04__content-list-item {
        margin-right: 0!important
    }

    .kl-features-04__content-list-item.responsive {
        padding: 18px 0 0!important
    }

    div#module_17206051038579 .kl-features-04__content-list>.kl-features-04__content-list-item {
        padding: 24px
    }

    div#module_17206051038579  .kl-features-04__content-list-item.responsive .kl-features-03__image {
        margin-bottom: 23px
    }
}


div#module_17206051038579 .kl-features-04__card-buttons {
    padding-top: 4px;
}


.hs-video-wrapper {
    border-radius: 8px;
    overflow: hidden;
}

div#module_17206051038579 .kl-features-04__card-item {
    border-radius: 6px !important;
    overflow: hidden
}


  div#module_17114643934506 .button--outlined {
    border: .1rem solid;
    padding: 20px 28px 22px !important;
}





 

/* Final state, only apply on desktop */
 
/* DESKTOP ONLY */
@media (min-width: 769px) {
    body {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        overflow-x: hidden; /* Prevent horizontal scrolling */
        overflow-y: auto;   /* Ensure vertical scrolling */
    }

    body.loaded {
        opacity: 1;
        overflow: auto; /* Re-enable scrolling when loaded */
    }
}

/* MOBILE ONLY */
@media (max-width: 768px) {
    /* White full-screen preloader */
    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff; /* White background */
        z-index: 9999; /* Highest layer */
        transition: opacity 1s ease-in-out 1s; /* 2s delay + 1s fade-out */
        opacity: 1; /* Preloader visible by default */
        pointer-events: all;
    }

    /* Fade out the preloader */
    body.loaded::before {
        opacity: 0; /* Preloader fades out */
        pointer-events: none; /* Allow interactions */
    }
 
}

@media screen and (max-width: 768px) {

html {
overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
}

html, body {
        overflow-x: hidden; /* Ensure no horizontal scroll */
        overflow-y: auto; /* Ensure vertical scroll only */
        height: 100%; /* Ensure the height is 100% */
        scroll-behavior: smooth; /* Enable smooth scrolling */
    }

    .body-wrapper {
        max-width: 100%;
        overflow: hidden; /* Prevent additional scrollbars */
        margin: 0;
        padding: 0;
        position: relative; /* Ensure it respects parent boundaries */
        min-height: 100vh; /* Ensure the wrapper takes at least full viewport height */
    }



}



.kl-footer__address a:before {
    content: none!important;
    background-color: transparent !important;
    height: 0;
    width: 0;
}


.hs-error-msg {
   
    font-family: sofia-pro !important;
  
}




label:not(.hs-error-msg) p  { 
                             font-family: sofia-pro !important;
 }
 
  input[type="text"] {
    background-color: #FFFFFF !important;
    background-image: none !important;
    border-color: #025858 !important;
    border-radius: 4px !important;
    border-width: 1px !important;
    font-size: 16px !important;
    line-height: 21.4px !important;
}

  input[type="email"] {
    background-color: #FFFFFF !important;
    background-image: none !important;
    border-color: #025858 !important;
    border-radius: 4px !important;
    border-width: 1px !important;
    font-size: 16px !important;
    line-height: 21.4px !important;
      font-family: sofia-pro
}


  label:not(.hs-error-msg) p {
    font-size: 12px !important;
    line-height: 16px !important;
      font-family: sofia-pro !important;
    color: #037e7e !important;
}


  label:not(.hs-error-msg) p a{
    font-size: 12px !important;
    line-height: 16px !important;
    color: #026363 !important;
      font-family: sofia-pro !important;
}


 

 
  


 

input[type=checkbox],
input[type=radio] {
  
 
  margin-top: 0.3rem  ;
  padding: 0;
  width: auto;
    font-family: sofia-pro
}

 @media screen and (max-width: 767px) { input[type=checkbox],
input[type=radio] {
  
  line-height: normal;
  margin-top: 0.319rem  ;
  padding: 0;
  width: auto;
}
                                      
 
 li.hs-form-booleancheckbox   { 
                              display: block;
    line-height: 20px !important;}}
                                      
 

  
 

.hs-input span p  { 
                             font-family: sofia-pro !important;
 }
 


 

#hs-modal-content #hs-modal-body-container {
   
    font-family: 'sofia-pro' !important;
}


#hs-modal-content #hs-modal-footer-container {
   
    font-family: 'sofia-pro' !important;
}


div#hs-eu-policy-wording p strong{font-size: 15px;
                                 padding-bottom: 10px;
                                  }

div#hs-eu-cookie-confirmation-inner {padding-top:1.8em !important;
                                     }


div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media only screen and (max-width: 768px) {
    #cookie-button-container {
        position: relative;
        text-align: center !important; /* Center the button horizontally */
     min-height: 70px !important;
     background-color: #FAFAF5
    }

    #hs_show_banner_button {
        position: relative!important; /* Make the button relative to the container */
        display: inline-block; /* Ensure the button respects the container's alignment */
        margin: 0 auto !important; /* Center the button */
        bottom: -20px !important; /* Optional: Adjust distance from the bottom if needed */
        left: auto !important; /* Reset left positioning */
    }
}


  .submitted-message h5 span {font-family: sofia-pro !important;
                           font-size: 18px!important;
                         
                           display: block!important;
                           text-align: left !important;
                           
                           }





/* Updated Dropdown Content Transition for faster hide */
.dropdown-content {
    background-color: #fafaf5;
    transform-origin: top;
    transform: scaleY(0);
    opacity: 0;
    visibility: hidden;
    max-height: 0; /* Ensure max-height is set to 0 when collapsed */
    overflow: hidden; /* Hide any content overflow */
    transition: transform .4s ease, opacity .1s ease-out, max-height .3s ease, visibility 0s .1s!important;
    width: 100vw;
    z-index: 1000;
}

.kl-dropdown-menu-item:hover .dropdown-content {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
    max-height: 800px; /* Control max-height when expanded */
    transition: transform .4s ease, opacity .1s ease-in, max-height .3s ease, visibility 0s 0s!important;
}

/* Updated Overlay Transition for faster hide */
.dropdown-overlay {
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 89px;
    transition: opacity .1s ease, visibility 0s .1s !important;
    visibility: hidden;
    width: 100vw;
    z-index: 99;
}

.kl-dropdown-menu-item.menu-with-dropdown:hover~.dropdown-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s!important;
}



.legal-consent-container .hs-form-booleancheckbox-display>span {
   font-size: 12px !important;
    line-height: 16px !important;
    color: #037e7e !important;
}


.hs_error_rollup {display: none !important
                        }


a.button.DropwDown_navrab__button {font-size: 15px !important;
                                  padding: 12px 16px!important;
                                  padding-bottom: 15px!important;}

@media screen and (max-width: 1440px) {
   label.kl-dowpdown-toggle-label {
    font-size: 15px;
}

li.kl-dropdown-menu-item {
    font-size: 15px;
}

  .kl-dropdown-menu-item {
  
    padding: 0 8px;
}
 
}


.kl-dropdown-menu {
 
    font-size: 15px !important;
}


.blog-more-posts h4 

 {
    font-family: sofia-pro !important;
    font-size: 22px;
    line-height: 25px;
}


/* Card hover  effects  */
.info-box {
  transition: all 0.3s ease;
}

#dropdown-1  .info-box:hover {
  transform: translateY(-2px);
}

.info-box:hover .info-box-link {
  color: #668a87;
  transition: color .3s ease;
}

/* Header styles */
.kl-header:hover {
  background-color: #fff !important;
}

.submenu-item:after {
  background: #f5f5f5 !important;
  z-index: -1;
}


/* Desktop styles (min-width: 920px) */
@media screen and (min-width: 920px) {
  .dropdown-content {
    background-color: #fff !important;
    border-top: 1px #e6eceb solid;
    top: 88px !important;
  }

.dropdown-content {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
 
}

.dropdown-center {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0  0px;
}
}

/* Tablet/mobile styles (max-width: 920px) */
@media screen and (max-width: 920px) {
  .kl-navbar__content {
    background-color: #fff !important;
  }
  
  .dropdown-content {
    background-color: #fff !important;
  }
  
  .dropdown-column {
    padding: 20px 0px 12px 0 !important;
  }
}

/* Mobile styles (max-width: 767px) */
@media screen and (max-width: 767px) {
  .gw-lang-short {
    border-radius: 2px;
    bottom: -5px;
    font-size: 12px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 8px;
    display: inline-block;
  }
  
  .language-selector-container {
    position: relative;
    display: inline-block;
  }
}


.info-box {
  position: relative;
  display: inline-block;
}

/* Preload both images by hiding them - only for dropdown-1 info-boxes */
#dropdown-1 .info-box::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  background-image: 
    url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/arrrow.svg'),
    url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/arrrow-hovered.svg');
  visibility: hidden;
}

#dropdown-1 .info-box::after {
  content: "";
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: 45px;
  height: 45px;
  background-image: url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/arrrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

#dropdown-1 .info-box:hover::after {
  background-image: url('https://7292529.fs1.hubspotusercontent-na1.net/hubfs/7292529/arrrow-hovered.svg');
}

#dropdown-1 .info-box {
  row-gap: 0px !important;
}


/* For phones only */
@media (max-width: 480px) {
  .info-box::after {
    bottom: 34px;
   
  }
}


/* Base styles for info-box-link */
.info-box-link {
  text-decoration: none;
  transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.info-box-link img {
  display: block;
  vertical-align: middle;
}

/* Arrow-slide animation with opacity */
@keyframes arrow-slide {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  20% {
    transform: translateX(8px);
    opacity: 0;
  }
  40% {
    transform: translateX(-8px);
    opacity: 0;
  }
  60% {
    transform: translateX(-8px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Apply animation on hover */
.info-box:hover .info-box-link img {
  animation: arrow-slide 0.5s ease-in-out forwards;
}

/* Optional: Add text color change on hover */
.info-box:hover .info-box-link {
  color: #757474;
}


/* Remove color change on hover for all info-boxes */
.info-box:hover .info-box-link {
  color: inherit; /* Keep original color instead of changing to #668a87 */
}

/* Remove the underline for all info-boxes */
.info-box .info-box-link span:after {
  display: none;
}

/* Keep only the arrow slide animation for all info-boxes */
.info-box .info-box-link img {
  transition: transform .3s ease;
}

.info-box:hover .info-box-link img {
  transform: translateX(6px);
}

.submenu-item a span span {
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 1;
  padding: 0 6px 1px 6px !important; /* top right bottom left */
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 8px;
  height: 17px;
}



 
p, h1, h2, h3, h4, h5, h6, span, a, 
 
input, button, textarea, select, option, label,
 
li, ul, ol, dl, dt, dd,
 
td, th, caption,
 
div, section, article, aside, header, footer, nav, main,
 
strong, b, em, i, small, mark, del, ins, sub, sup,
 
blockquote, q, cite, t-20
  {
    text-rendering: geometricPrecision !important;
}

 .terms-and-conditions-wrapper .info p, .terms-and-conditions-wrapper .info span {
    color: rgba(230, 236, 235, 0.7) !important;
   
}



.submenu-item a span span {
 
    font-size: 12px !important;
   
}




/* Modern Language Dropdown Styles - Desktop Only */
@media (min-width: 769px) {
    /* Hide unnecessary elements */
    .gw-languages-header {
        display: none;
    }
    
    #gw-lang-popup-close {
        display: none !important;
    }
    
    /* Main dropdown container */
    #gw-lang-picker-popup {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 
                    0 0 0 1px rgba(0, 0, 0, 0.02);
        padding: 8px;
        min-width: auto;
        width: fit-content;
        max-width: 200px;
        animation: dropdownFadeIn 0.2s ease-out;
        font-feature-settings: "ss01" on, "ss02" off !important;
       
 margin-left:  -20px !important;
margin-top: 2px
    }



/* Arrow pointing to globe icon - centered */
    #gw-lang-picker-popup::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid rgba(0, 0, 0, 0.02);
    }
    
    #gw-lang-picker-popup::after {
        content: '';
        position: absolute;
        top: -7px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #ffffff;
    }
    
    /* Smooth fade-in animation */
    @keyframes dropdownFadeIn {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Language options styling */
    #gw-languages {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    
    .gw-language-selector {
        padding: 10px 16px;
        padding-bottom: 12px;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease;
        font-size: 14px;
        font-weight: 400;
        color: #2c3e50;
        text-align: center; /* Centered text */
        margin-bottom: 0;
        position: relative;
        white-space: nowrap;
        min-width: unset;
        width: auto;
        font-feature-settings: "ss01" on, "ss02" off !important;
    }
    
    .gw-language-selector:hover {
        background-color: #f8f9fa;
    }
    
    /* Active state with Goodwings brand green */
    .gw-language-selector.active {
        background-color: rgba(70, 255, 185, 0.15); /* Light version of #46ffb9 */
        color: #003c37; /* Dark green from Goodwings palette */
        font-weight: 500;
    }
}


@keyframes dropdownFadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-10px); /* Changed to positive value */
    }
}

/* Class for fade out */
#gw-lang-picker-popup.hiding {
    animation: dropdownFadeOut 0.1s ease-in-out forwards;
}


/* Mobile Language Selector - Bottom Position, Above Chatbot */
@media (max-width: 768px) {
    /* Hide the Language header */
    .gw-languages-header {
        display: none !important;
    }
    
    /* Hide close button - not needed for this design */
    #gw-lang-popup-close {
        display: none !important;
    }
    
    /* Main popup container - high z-index to overlay chatbot */
    #gw-lang-picker-popup {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        background: #ffffff;
        border-radius: 16px 16px 0 0;
        padding: 20px 0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 
                    0 0 0 1px rgba(0, 0, 0, 0.02);
        animation: slideUp 0.25s ease-out;
        z-index: 2147483647 !important; /* Maximum z-index to ensure it's above everything */
 padding-bottom: 72px !important;
    }
    
    /* Slide up animation */
    @keyframes slideUp {
        from {
            transform: translateY(100%);
        }
        to {
            transform: translateY(0);
        }
    }
    
    /* Language list container - horizontal scroll */
    #gw-languages {
        display: flex;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 16px;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }
    
    /* Hide scrollbar for Chrome, Safari and Opera */
    #gw-languages::-webkit-scrollbar {
        display: none;
    }
    
    /* Individual language options - matching desktop style */
    .gw-language-selector {
        padding: 10px 20px;
        padding-bottom: 12px;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease;
        font-size: 14px;
        font-weight: 400;
        color: #2c3e50;
        text-align: center;
        white-space: nowrap;
        flex-shrink: 0;
        background: transparent;
        font-feature-settings: "ss01" on, "ss02" off !important;
        -webkit-tap-highlight-color: transparent;
        user-select: none;
    }
    
    .gw-language-selector:active {
        transform: scale(0.95);
    }
    
    /* Hover state for mobile (on tap) */
    .gw-language-selector:hover {
        background-color: #f8f9fa;
    }
    
    /* Active state with Goodwings brand green */
    .gw-language-selector.active {
        background-color: rgba(70, 255, 185, 0.15);
        color: #003c37;
        font-weight: 500;
    }
    
    /* Add fade effect on edges for better scroll indication */
    #gw-lang-picker-popup::before,
    #gw-lang-picker-popup::after {
        content: '';
        position: absolute;
        top: 20px;
        bottom: 20px;
        width: 16px;
        pointer-events: none;
        z-index: 1;
    }
    
    #gw-lang-picker-popup::before {
        left: 0;
        background: linear-gradient(to right, #ffffff 0%, transparent 100%);
    }
    
    #gw-lang-picker-popup::after {
        right: 0;
        background: linear-gradient(to left, #ffffff 0%, transparent 100%);
    }
    
    /* Add bottom safe area for devices with home bar */
    @supports (padding-bottom: env(safe-area-inset-bottom)) {
        #gw-lang-picker-popup {
            padding-bottom: calc(20px + env(safe-area-inset-bottom));
        }
    }
    
    /* Optional: Add a subtle drag indicator */
    #gw-lang-picker-popup::before {
        content: '';
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 36px;
        height: 4px;
        background: #e8e8e8;
        border-radius: 2px;
    }
}

@media (max-width: 768px) {
/* Remove blue background when language selector is active */
.gw-lang-toggle.active,
.gw-lang-toggle:active,
.gw-lang-toggle:focus {
    background-color: transparent !important;
    background: transparent !important;
}

/* Also ensure no blue on mobile */
 
    .gw-lang-toggle.active,
    .gw-lang-toggle:active,
    .gw-lang-toggle:focus {
        background-color: transparent !important;
        background: transparent !important;
    }
 

/* Remove any focus outline that might appear blue */
.gw-lang-toggle:focus-visible {
    outline: none !important;
}

/* Remove tap highlight on mobile */
.gw-lang-toggle {
    -webkit-tap-highlight-color: transparent !important;
}

/* Overlay background for mobile */
.language-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.language-overlay.show {
    opacity: 1;
}

/* Stronger shadow for mobile language bar */
@media (max-width: 768px) {
    #gw-lang-picker-popup {
        z-index: 999;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2);
    }
}


 


 
@media (min-width: 768px) {
    div#module_17333096384656 .hs-form {
        
        width: 500px !important;
    }
}