/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.header-container-wrapper {
  padding: 20px 0px;
  background: url(https://20487488.fs1.hubspotusercontent-na1.net/hubfs/20487488/header-bg.jpg) repeat center;
}
.body-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: 25px !important;
}
.cta-btn {
  background: #96b7ca;
  color: #ffffff;
  font-weight: bold;
  padding: 15px 30px;
  display: inline-block;
  border-radius: 40px;
  font-size 18px;
  text-decoration: none;
  transition: all .3s ease;
}
.cta-btn:hover {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.8;
}
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto !important;
  float: none !important;
}
.grid-boxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.grid-boxes__item {
  align-items: center;
  display: flex;
  gap: 20px;
  padding: 20px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
}
.grid-boxes__icon img {
  max-width: 60px;
}
.grid-boxes__text {
  margin: 0px !important;
  font-size: 20px;
}
ul.green-checklist {
  display: grid; padding-left: 30px;
  grid-template-columns: repeat(4, 1fr);
  list-style-image: url(https://20487488.fs1.hubspotusercontent-na1.net/hubfs/20487488/green-checklist.png);
}
.footer-container-wrapper {
  background: #5d717d;
  padding: 40px 0;
  color: #ffffff;
}

.logo-boxes.logo-boxes-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
.logo-boxes__item img
{
  display: block;
  width: 100%;
  height: auto;
}
.logo-boxes__item {
  text-align: center;
  padding: 20px 10px;
  background: #ffffff;
  border-radius: 10px;
}
.padding-x-15px { padding-top: 15px; padding-bottom: 15px; }
.padding-x-30px { padding-top: 30px; padding-bottom: 30px; }
.padding-x-45px { padding-top: 45px; padding-bottom: 45px; }
.padding-x-60px { padding-top: 60px; padding-bottom: 60px; }
.padding-x-120px { padding-top: 120px; padding-bottom: 120px; }
.padding-x-240px { padding-top: 240px; padding-bottom: 240px; }

@media(max-width:1150px){
  .container{ width: calc(100% - 0px) !important;     max-width: 100% !important; }
}

@media (max-width: 800px) {  
  .padding-x-60px { padding-top: 45px; padding-bottom: 45px; }
  .padding-x-120px { padding-top: 60px; padding-bottom: 60px; }
  .padding-x-240px { padding-top: 120px; padding-bottom: 120px; }
  .grid-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
  .green-checklist {
    grid-template-columns: repeat(1, 1fr);
  }
  .logo-boxes.logo-boxes-6 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  ul.green-checklist li{ width:33.3333% }
  
}

@media (max-width: 640px) {
  .grid-boxes,
  .logo-boxes.logo-boxes-6 {
    grid-template-columns: repeat(1, 1fr);
  }
}